@charset "UTF-8";
.go_content.go_works_home {
  font-weight: normal;
}

div.do_skin {
  font-weight: normal;
}
div.do_skin input,
div.do_skin textarea,
div.do_skin select {
  font-weight: normal;
}

.do_skin h1,
.do_skin h2,
.do_skin h3,
.do_skin h4 {
  font-weight: normal;
}

.go_side {
  font-weight: normal;
}
.go_side h1 {
  font-weight: 500;
}

.do_side,
.go_skin_advanced header.go_header_advanced nav span.ctrl_menu span.page_tit,
header.go_header nav ul li span.menu,
.go_wrap header.go_header_2row .gnb_top_menu ul li a,
.my_info .btn_help_wrap .btn_help_layer,
.do_skin h5 {
  font-weight: normal;
}

.layer_alarm2 .dday,
.layer_alarm2 .txt {
  font-weight: normal;
}

section.message_box .wrap_txtarea .txtarea,
.send_message section.message_box .wrap_txtarea .send_tit,
.similar_data span.data_title,
.wrap_help_guide_l .btn_help_guide .tit,
.wrap_help_guide_s .tit {
  font-weight: normal;
}

.box h2,
.box h4 {
  font-weight: normal;
}

div.do_setting,
.docs_return .info .date,
.btn_chart i.ic_chart span.txt,
.btn_docare,
.wrap_docare .wrap_txt {
  font-weight: normal;
}

.guide_csv_help header h1,
.guide_csv_help .wrap_guide_03 ul.csv_list,
.guide_csv_help .big_tit {
  font-weight: normal;
}
.guide_csv_help .wrap_guide_01 ul.guide_list li p.tit, .guide_csv_help .wrap_guide_01 ul.guide_list li p.desc {
  font-weight: normal;
}
.guide_csv_help footer.btn_layer_wrap p.desc, .guide_csv_help.guide_connect .guide_con_list p.desc {
  font-weight: normal;
}

.layer_present_mode > header h1,
.guide_csv_help footer.btn_layer_wrap a.btn_major {
  font-weight: normal;
}

.dd_attach {
  font-weight: normal;
}
.dd_attach .area_txt,
.dd_attach .drag_txt {
  font-weight: normal;
}

.works_app_write .form_document_num th span.wrap_opt label,
.works_app_write .form_document_num td span.wrap_txt input {
  font-weight: normal;
}

.go_skin_ehr label {
  font-weight: normal;
}

/* component */
button {
  border: 0;
  cursor: pointer;
}

.btn_attrSet {
  position: relative;
}
.btn_attrSet .layer_tail {
  max-width: 350px;
  min-width: 350px;
  position: absolute;
  top: 24px;
  right: 0;
}

.works_filter_mgmt {
  text-align: left;
  border-top: 1px solid #ddd;
}

.works_app_write .tb_stair li .item .tit {
  padding-right: 10px;
}

.works_filter_mgmt span.txt_form:hover span.ui_edit {
  margin: 0;
}

/*overriding : go_app_style.css */
.works_app_write .dataTables_wrapper .tool_bar .critical {
  margin-left: 0;
}

.works_filter_mgmt.tb_stair li.subject .item .chk {
  top: 50%;
  margin-top: -9px;
}
.works_filter_mgmt.tb_stair li .item .chk {
  top: 10px;
}
.works_filter_mgmt.tb_stair .ui_edit_ing {
  margin-top: 1px !important;
}

.tb_stair_edit li.list .item:hover,
.tb_stair_edit .delimiter .item:hover {
  z-index: 1;
  background-color: #ffffaf;
  outline: 1px solid #bfbf51;
}
.tb_stair_edit .txt_form:hover {
  background-color: #ffffaf;
}

/*ref : ta_style.css */
/*ref : ta_style.css */
.array_option.list_download {
  min-width: 140px !important;
}

div.btn_submenu div.array_option.array_opt_linkage .wrap_box_small {
  width: 350px;
}
div.btn_submenu div.array_option.array_opt_linkage .name_tag {
  margin: 5px 0 0 0;
}
div.btn_submenu div.array_option.array_opt_linkage .name_tag span.name {
  max-width: 200px;
}
div.btn_submenu div.array_option.array_opt_linkage .list_linkageData {
  overflow-x: auto;
  margin: 5px 0 0 0;
}
div.btn_submenu div.array_option.array_opt_linkage .select_linkageData {
  overflow-y: auto;
  max-height: 60px;
}
div.btn_submenu div.array_option.array_opt_linkage .search_filter {
  padding: 2px 0;
}

i.ic_search {
  display: inline-block;
  background: url(../images/ic_gnb.png) no-repeat -485px -666px;
  width: 21px;
  height: 21px;
  cursor: pointer;
}

.search_filter {
  position: relative;
}
.search_filter > input {
  padding-right: 30px;
}
.search_filter .ic_search {
  position: absolute;
  top: 2px;
  right: 4px;
}

.btn_state {
  display: inline-block;
}

.attr_title .attr_tooltip {
  display: none;
  color: #bbb;
  font-size: 12px;
  line-height: 1.5;
  margin: 2px 0 5px 0;
}
.attr_title .ic_help_type1 {
  vertical-align: top;
  margin: 5px 0 0 4px;
  cursor: pointer;
}

.go_side .function .btn_function .txt {
  height: 40px;
  line-height: 40px;
}
.go_side .function.function_attend .btn_function .txt {
  height: auto;
  line-height: 33px;
}

ul.side_depth li span.open, ul.side_depth li span.close {
  top: 10px;
}

.ic_help_cir {
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  border: 1px solid #000;
  opacity: 0.5;
  text-align: center;
  border-radius: 100%;
  font-size: 12px;
  font-weight: bold;
  font-weight: 500;
  cursor: pointer;
}

.help_accordion {
  color: #888;
}

/* layout */
.go_header .btn_oganization {
  display: none;
}

.approval_print_title > .ic_info {
  vertical-align: middle;
  margin: -4px 0 0 4px;
}
.approval_print_title > .ic_info .layer_tail {
  top: 25px;
  left: -14px;
}

section.lnb_edit li.move .title a .txt {
  display: inline-block;
  vertical-align: top;
}

span.ic_side.ic_app_survey {
  margin-top: -3px;
}

section.lnb h1 a .ic {
  margin-top: 2px;
}
section.lnb h1 .message a .ic, section.lnb h1.works_filter_tit a .ic {
  margin-top: 0px;
}

div.add_file .dat_wrap {
  margin: 6px 10px 0;
}
div.add_file .dat_wrap .dat_tit .txt {
  color: #888;
}
div.add_file .dat_wrap .dat_tit .help_accordion {
  padding: 5px 0 0 15px;
}
div.add_file .dat_wrap .dat_list {
  margin: 5px 15px 0;
}
div.add_file .dat_wrap .dat_list li {
  padding: 3px 0;
}
div.add_file .dat_wrap .dat_list li .name:hover {
  text-decoration: underline;
}
div.add_file .dat_wrap .ic_help_cir {
  width: 12px;
  height: 12px;
  line-height: 13px;
  font-size: 11px;
}

.calendar_tool_bar .optional {
  position: absolute !important;
  top: 0;
  right: 0;
  margin: 0;
}

.go_asset .tool_bar {
  margin: 0;
}
.go_asset .tool_bar .critical {
  margin-top: 0;
}

/*z-index*/
footer.go_footer {
  z-index: 10001;
}

section.calendar_tool_bar div.critical {
  z-index: 20;
}

div.layer_normal, div.layer_notice {
  z-index: 10000;
}

aside.go_organogram {
  z-index: 60;
}

span.wrap_select_list {
  z-index: 4;
}
span.help > span {
  z-index: 3;
}

.content_page {
  z-index: 0;
}

.report_detail,
section.my_info .profile .array_option {
  z-index: 1;
}

.wrap_btn_list {
  z-index: 200;
}

.dragging,
.layer_alarm2 {
  z-index: 10;
}

h1.logo {
  z-index: 0;
}

.go_dashboard_ctrl {
  z-index: 10;
}

strong {
  font-weight: bold;
  font-weight: 500;
}

/* layer */
/* layer_add_mailbox */
.layer_add_mailbox .desc {
  display: none;
}

.layer_copy .desc {
  display: none;
}
.layer_copy ul.side_depth li p {
  padding-left: 16px;
}
.layer_copy ul.side_depth li ul li p {
  padding-left: 40px;
}
.layer_copy ul.side_depth li ul ul li p {
  padding-left: 60px;
}
.layer_copy ul.side_depth li ins.ic {
  display: inline-block;
}

.layer_reader .list_line li {
  padding-left: 0;
  padding-right: 0;
}

div.mail_view {
  padding: 16px 0;
  box-sizing: border-box;
}

span.state.nude {
  background-color: #fff;
  border: 1px solid #25cad6;
  color: #25cad6;
}

.layer_normal.layer_filterAdd {
  width: 400px;
}

.layer_autoSort {
  width: 580px !important;
}
.layer_autoSort .normal li label strong {
  display: inline-block;
  margin: 0 6px 0 0;
}
.layer_autoSort ul.normal li div.data select,
.layer_autoSort ul.normal li div.data input[type=text] {
  width: 100%;
}
.layer_autoSort .normal li div.title {
  width: 210px;
}
.layer_autoSort .normal li .pallete_wrap {
  margin: 8px 0 0 0;
}

.layer_alarm2 {
  position: absolute;
  top: 50px;
  right: 5px;
  background: #000;
  opacity: 0.8;
  padding: 15px 45px 13px 15px;
  border-radius: 5px;
  box-shadow: 0 1px 6px #000;
}
.layer_alarm2 .dday {
  display: inline-block;
  height: 22px;
  line-height: 21px;
  padding: 0 8px;
  border-radius: 10px;
  background: #f5576a;
  color: #fff;
  font-size: 14px;
  vertical-align: top;
  margin: -1px 5px 0 0;
}
.layer_alarm2 .txt {
  color: #fff;
  font-size: 14px;
}
.layer_alarm2 .btn_layer_x {
  top: 9px;
  right: 8px;
}
.layer_alarm2 .btn_layer_x:hover {
  background: none;
}

.layer_normal.layer_works_filter_search {
  width: 650px;
}
.layer_normal .tb_works_filter {
  margin-top: 10px;
}
.layer_normal .tb_works_filter td {
  cursor: pointer;
}
.layer_normal .tb_works_filter .name {
  width: 100px;
  white-space: nowrap;
}
.layer_normal .tb_works_filter .num {
  width: 50px;
  white-space: nowrap;
}
.layer_normal .search_wrap input.search {
  width: 90%;
}

/* .layer_normal .tb_works_filter .subject {width:} */
/*overriding : go_style.css*/
.layer_attrSet {
  padding: 0;
}
.layer_attrSet .header {
  position: relative;
  padding: 15px;
}
.layer_attrSet .header .desc {
  margin: 0 40px 0 0 !important;
}
.layer_attrSet .header .btn_layer_x {
  position: absolute;
  top: 0;
  right: 0;
}
.layer_attrSet .wrap_list_attrSet {
  margin: 0;
  padding: 0;
  overflow-y: auto;
  height: 200px;
}
.layer_attrSet .wrap_list_attrSet .list_attrSet li {
  position: relative;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #ddd;
  padding: 0 15px;
}
.layer_attrSet .wrap_list_attrSet .list_attrSet li:hover {
  background-color: #e9f5f6;
}
.layer_attrSet .wrap_list_attrSet .list_attrSet li .ic_control {
  float: right;
  margin: 10px 0 0 0;
}
.layer_attrSet .wrap_list_attrSet .list_attrSet li .txt {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
  font-weight: normal;
}

/*--------------------------------------------------------@sms------------------------------------------------------------------------------*/
/* photo add */
.content_message ul.img_wrap {
  margin: 0;
}
.content_message ul.img_wrap li {
  width: 80px;
  height: 80px;
  margin: 0 0 0 6px;
  cursor: pointer;
}
.content_message ul.img_wrap li:first-child {
  margin-left: 0px;
}
.content_message ul.img_wrap li span.item_image {
  display: inline-block;
  position: relative;
}
.content_message ul.img_wrap li span.item_image img {
  width: 80px;
  height: 80px;
  border-radius: 3px;
}
.content_message ul.img_wrap li span.item_image .btn_edit_photo {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  padding: 3px 0;
  border-radius: 0 0 3px 3px;
  opacity: 0.4;
  line-height: 1;
  background: #222;
  color: #fff;
  text-align: center;
}
.content_message ul.img_wrap li span.item_image:hover .btn_edit_photo {
  opacity: 0.6;
}
.content_message ul.img_wrap li span.btn_wrap {
  top: 68px;
  right: 1px;
}
.content_message ul.img_wrap span.thumb {
  width: 80px;
  height: 80px;
  border: 1px solid #dcdcdc;
}
.content_message ul.img_wrap span.btn_wrap span.ic_del {
  width: 14px;
  height: 14px;
}

/* sms icon */
span.ic_sms {
  display: inline-block;
  background: url(../images/ic_sms.png) 0 0;
}
span.ic_sms.ic_tail {
  width: 15px;
  height: 8px;
  background-position: 0 -50px;
}
span.ic_sms.ic_tail_white {
  width: 15px;
  height: 8px;
  background-position: -50px -50px;
}
span.ic_sms.ic_address {
  width: 26px;
  height: 22px;
  background-position: 0 0px;
}
span.ic_sms.ic_user {
  width: 24px;
  height: 24px;
  background-position: -100px 0px;
}
span.ic_sms.ic_company {
  width: 24px;
  height: 24px;
  background-position: -50px 0px;
}
span.ic_sms.ic_team {
  width: 24px;
  height: 24px;
  background-position: -150px 0px;
}

/* sms message_list */
table.tb_message_list .date {
  width: 140px;
  white-space: nowrap;
}
table.tb_message_list .num,
table.tb_message_list .type {
  width: 80px;
}
table.form_message div.dataTables_paginate {
  width: 500px;
}
table.in_table.tb_message_head {
  width: 500px;
}
table.in_table.tb_message_head th {
  text-align: left;
}
table.in_table.tb_message_head td {
  padding: 3px 10px !important;
}
table.in_table.tb_message_head td.fail {
  color: #ee3b4c;
}
table.in_table.tb_message_head th:first-child,
table.in_table.tb_message_head td:first-child {
  padding-left: 30px !important;
}

/* sms message_view */
/* sms message layer */
div.layer_message div.receive_list ul li.group label {
  width: 228px !important;
}
div.layer_message div.receive_wrap div.receive_list ul {
  height: 426px;
}
div.layer_message div.receive_wrap div.receive_list span.phone {
  margin-left: 4px;
  font-size: 11px;
  color: #888;
}
div.layer_message div.move_wrap {
  height: 198px;
  margin: 30px 17px 0 17px;
  padding: 114px 0;
}
div.layer_message div.move_wrap a.btn_lead {
  width: 40px;
  padding: 90px 0;
  min-width: inherit;
}

/* content_message */
.content_message .dashboard_box {
  border-top: 1px solid #e8e8e8;
}
.content_message.send_message .dashboard_box {
  background: #fff;
}

/* sms_write */
section.message_box {
  float: left;
  width: 380px;
  background: #fff;
  border: 2px solid #dadada;
}
section.message_box header.article_header {
  position: relative;
  height: 36px;
  padding: 16px 18px;
  border-bottom: 1px solid #e3e3e3;
}
section.message_box header.article_header span.photo a {
  width: 36px;
  height: 36px;
}
section.message_box header.article_header span.photo a img {
  width: 100%;
  height: 100%;
  background-size: cover;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2288%22%20height%3D%2288%22%20viewBox%3D%22-6%20-8%20114%20114%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M2%2050C2%208.825%2010.825%200%2052%200C93.175%200%20102%208.825%20102%2050C102%2091.175%2093.175%20100%2052%20100C10.825%20100%202%2091.175%202%2050Z%22%20fill%3D%22%23EAECEF%22%20/%3E%0A%20%20%3Cmask%20id%3D%22avatar_image%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%22%20height%3D%22100%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M52%2020.6667C56.2853...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M60.6667%2072.6667...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%3C/mask%3E%0A%20%20%3Cg%20mask%3D%22url(%23avatar_image)%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M2%2050...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2288%22%20height%3D%2288%22%20viewBox%3D%22-6%20-8%20114%20114%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M2%2050C2%208.825%2010.825%200%2052%200C93.175%200%20102%208.825%20102%2050C102%2091.175%2093.175%20100%2052%20100C10.825%20100%202%2091.175%202%2050Z%22%20fill%3D%22%23EAECEF%22%20/%3E%0A%20%20%3Cmask%20id%3D%22avatar_image%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%22%20height%3D%22100%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M52%2020.6667C56.2853...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M60.6667%2072.6667...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%3C/mask%3E%0A%20%20%3Cg%20mask%3D%22url(%23avatar_image)%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M2%2050...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E");
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
section.message_box header.article_header span.photo a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  inset: 0;
  display: block;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2788%27%20height%3D%2788%27%20viewBox%3D%27-6%20-8%20114%20114%27%3E%3Cpath%20d%3D%27M2%2050C2%208.825%2010.825%200%2052%200C93.175%200%20102%208.825%20102%2050C102%2091.175%2093.175%20100%2052%20100C10.825%20100%202%2091.175%202%2050Z%27%20fill%3D%27none%27%20stroke%3D%27%23cfd1d4%27%20stroke-width%3D%271%27/%3E%3C/svg%3E");
  pointer-events: none;
  z-index: 1;
}
section.message_box header.article_header .article_wrap .info {
  margin: 2px 0 0 45px;
}
section.message_box header.article_header .article_wrap .info .team {
  color: #727272;
}
section.message_box header.article_header .article_wrap .info .name {
  font-weight: bold;
  font-weight: 500;
  color: #333;
}
section.message_box header.article_header .meta_wrap {
  position: absolute;
  top: 36px;
  right: 20px;
}
section.message_box header.article_header .meta_wrap span.sub_info {
  color: #888;
}
section.message_box header.article_header .meta_wrap span.state {
  min-width: 30px;
  padding: 3px 5px;
  color: #fff;
  border-radius: 19px;
}
section.message_box header.article_header .meta_wrap span.mms {
  background: #ff616b;
  font-weight: normal;
}
section.message_box .wrap_txtarea {
  position: relative;
  padding: 0;
  border: 0;
}
section.message_box .wrap_txtarea .ic_tail,
section.message_box .wrap_txtarea .ic_tail_white {
  position: absolute;
  top: -8px;
  left: 29px;
}
section.message_box .wrap_txtarea .input,
section.message_box .wrap_txtarea .txtarea {
  padding: 12px 18px;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: #fcfcfc !important;
  outline: none;
  line-height: 23px;
  font-size: 16px;
}
section.message_box .wrap_txtarea .input:-ms-input-placeholder,
section.message_box .wrap_txtarea .txtarea:-ms-input-placeholder {
  color: #bbb !important;
}
section.message_box .wrap_txtarea .input {
  height: 48px;
  border-bottom: 1px solid #e3e3e3;
}
section.message_box .wrap_txtarea .txtarea {
  height: 248px;
  max-height: 248px;
}
section.message_box .wrap_txtarea.no_photo .txtarea {
  height: 359px;
  max-height: 359px;
}
section.message_box .wrap_txtarea span.change_message {
  position: absolute;
  bottom: 12px;
  left: 20px;
  color: #ee3b4c;
}
section.message_box table.form_message {
  margin: 0;
}
section.message_box table.form_message tr {
  border-top: 1px dashed #e3e3e3;
}
section.message_box table.form_message tr:first-child {
  border-top: 1px solid #e3e3e3;
}
section.message_box table.form_message tr th {
  height: 27px;
  padding-top: 15px;
  padding-left: 15px;
}
section.message_box table.form_message tr td {
  height: 54px;
  padding: 15px 10px 15px 0;
  box-sizing: border-box;
}
section.message_box table.form_message tr td span.txt {
  padding: 4px 0;
}
section.message_box table.form_message tr.wrap_photo td {
  height: 111px;
}
section.address_box {
  max-width: 450px;
  min-width: 320px;
  width: 46%;
  height: 543px;
  margin-left: 391px;
  margin-right: -180px;
  background: #fff;
  border: 1px solid #dadada;
}
section.address_box header.address_header {
  position: relative;
  height: 26px;
  padding: 12px 18px;
  border-bottom: 1px solid #e3e3e3;
}
section.address_box header.address_header .meta_wrap {
  position: absolute;
  top: 12px;
  right: 17px;
  cursor: pointer;
}
section.address_box header.address_header .meta_wrap span.ic_address {
  margin-top: 2px;
}
section.address_box .address_wrap {
  height: 433px;
  padding: 10px 0;
  overflow-y: auto;
}
section.address_box .address_wrap table.address_list td {
  height: 27px;
  padding: 3px;
  vertical-align: middle;
  color: #777777;
}
section.address_box .address_wrap table.address_list td.member_photo {
  width: 27px;
  padding-left: 20px;
  padding-right: 0;
}
section.address_box .address_wrap table.address_list td.member_photo span.photo {
  display: inline-block;
  width: 24px;
  height: 24px;
}
section.address_box .address_wrap table.address_list td.member_photo span.photo img {
  width: 24px;
  height: 24px;
}
section.address_box .address_wrap table.address_list td.member_info {
  min-width: 130px;
  white-space: nowrap;
}
section.address_box .address_wrap table.address_list td.member_info.group {
  min-width: 225px;
}
section.address_box .address_wrap table.address_list td.member_info span.name {
  font-weight: bold;
  font-weight: 500;
  color: #333;
}
section.address_box .address_wrap table.address_list td.member_info span.team {
  color: #a2a2a2;
}
section.address_box .address_wrap table.address_list td.member_number {
  min-width: 88px;
  max-width: 100px;
  white-space: nowrap;
}
section.address_box .address_wrap table.address_list td.member_del {
  width: 20px;
  padding-right: 7px;
}
section.address_box .address_wrap table.address_list td.member_del span.ic_del {
  margin-top: 4px;
}
section.address_box .total_wrap {
  height: 16px;
  padding: 10px 12px 8px 12px;
  border-top: 1px solid #e3e3e3;
  text-align: right;
}
section.address_box .total_num {
  font-weight: bold;
  font-weight: 500;
}
section.address_box .member {
  overflow: hidden;
  height: 20px;
  line-height: 20px;
}
section.address_box .address_wrap table.address_list td p.data_null {
  margin: 0 auto;
  padding: 0px;
  width: 280px;
  text-align: center;
  color: #888;
}
section.address_box .address_wrap table.address_list td p.data_null span.title {
  font-size: 14px;
  line-height: 30px;
}

/* sms send_message */
.send_message section.message_box .wrap_txtarea .send_tit {
  height: 48px;
  padding: 12px 18px;
  border-bottom: 1px solid #e3e3e3;
  font-size: 16px;
  color: #666;
  box-sizing: border-box;
}
.send_message section.message_box .wrap_txtarea .txtarea {
  position: relative;
  background: #fff !important;
  height: 119px;
  max-height: 119px;
}
.send_message section.message_box .wrap_txtarea.no_photo .txtarea {
  background: #fff !important;
  height: 230px;
  max-height: 230px;
}
.send_message ul.img_wrap span {
  margin-top: 0;
}
.send_message ul.img_wrap span.thumb {
  width: 80px;
  height: 80px;
}
.send_message ul.img_wrap span.thumb img {
  width: 80px;
  height: 80px;
}
.send_message ul.img_wrap span.btn_wrap {
  top: 64px;
}
.send_message section.address_box {
  height: 471px;
  min-width: 410px;
}
.send_message section.address_box .address_title {
  font-weight: bold;
  font-weight: 500;
}
.send_message section.address_box .address_title span.txt {
  display: inline-block;
  padding: 7px 0;
}
.send_message section.address_box .meta_wrap .total_num {
  display: inline-block;
  padding: 7px 0;
}
.send_message section.address_box .address_wrap {
  height: 354px;
  padding: 10px 0;
  overflow-y: hidden;
  overflow-x: auto;
}
.send_message section.address_box .address_wrap table.address_list td.member_result {
  width: 50px;
  padding-right: 20px;
  white-space: nowrap;
}
.send_message section.address_box .address_wrap table.address_list td.member_result.send_fail {
  color: #ee3b4c;
}
.send_message section.address_box .address_wrap table.address_list td.member_result .ic_fail {
  cursor: pointer;
}
.send_message section.address_box .address_wrap table.address_list td.member_info {
  min-width: 70px;
  white-space: nowrap;
}
.send_message section.address_box .address_wrap table.address_list td.member_number {
  min-width: 88px;
  max-width: 120px;
}

.paging_wrap {
  height: 25px;
  padding: 10px 12px;
  border-top: 1px solid #e3e3e3;
}
.paging_wrap div.dataTables_paginate {
  padding: 0;
}

/* hack */
/* IE8 hack */
@media \0 screen {
  section.address_box .address_wrap table.address_list td {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
}
/* IE9 hack */
/* IE10 */
/* IE11 */
/* Safari and Chrome hack*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  section.address_box .address_wrap table.address_list td {
    padding-top: 3px !important;
    padding-bottom: 4px !important;
  }
  .build_situation .build_prev_wrap .box_label_wrap .ic_alarm_s {
    margin-top: -4px;
  }
  section.lnb_edit li.move .title a .ic {
    margin-top: 0;
  }
  .btn_state_disable {
    padding-bottom: 2px;
  }
  .ic_side.ic_app_bbs {
    margin-top: -3px;
  }
  ul.search_period_select li {
    line-height: 22px;
  }
}
/* firefox */
@-moz-document url-prefix() {}
/*--------------------------------------------------------//@sms------------------------------------------------------------------------------*/
/* works similar_data */
.similar_data {
  position: absolute;
  width: 230px;
  margin-top: 3px;
  padding: 12px;
  background: #fff;
  border: 1px solid #cccccc;
  border-radius: 2px;
  box-shadow: 0 1px 6px #dadada;
  z-index: 2;
}
.similar_data i.ic_tail {
  top: -9px;
  left: 12px;
}
.similar_data span.data_title {
  font-size: 13px;
}
.similar_data ul.similar_list {
  padding-top: 7px;
}
.similar_data ul.similar_list li {
  position: relative;
  margin-top: 4px;
  padding: 4px 12px;
  background: #f4f4f4;
  border: 1px solid #e1e1e1;
  border-radius: 20px;
  color: #9e9e9e;
}
.similar_data ul.similar_list li:first-child {
  margin-top: 0px;
}
.similar_data ul.similar_list li strong {
  color: #20bec6;
  font-weight: normal;
}
.similar_data ul.similar_list li span.ic_classic.ic_blank {
  position: absolute;
  top: 5px;
  right: 12px;
  text-align: right;
}

.works_detail .build_box_data .txt {
  color: #333;
  line-height: 1.5;
}
.works_detail .build_box .box_label_wrap {
  margin-bottom: 6px;
}

.similar_data ul.similar_list li span.ic_classic.ic_blank {
  position: absolute;
  top: 5px;
  right: 12px;
  text-align: right;
}

.build_box .wrap_btn.wrap_file_upload {
  display: inline-block;
  position: relative;
  padding: 0;
  top: 0;
  overflow: hidden;
}

.build_box_data .docu_num {
  color: #888;
  margin-top: 4px;
  display: inline-block;
}

/* grantor_wrap */
.grantor_wrap {
  width: 100%;
  height: 37px;
  background: #fffde4;
  border-bottom: 1px solid #ededee;
}
.grantor_wrap ins {
  float: left;
  margin: 11px 4px 0 13px;
}
.grantor_wrap span.txt {
  float: left;
  min-width: 113px;
  margin-top: 8px;
  margin-right: 10px;
  color: #2a95a4;
  font-weight: bold;
  font-weight: 500;
}
.grantor_wrap ul.name_tag li {
  float: left;
  margin-top: 7px;
  border-radius: 2px;
}

.layer_normal .grantor_wrap span.txt {
  min-width: 113px;
}

@media \0 screen {
  .grantor_wrap span.txt,
  .layer_normal .grantor_wrap span.txt {
    margin-top: 13px;
  }
}
/* IE8 hack */
.grantor_wrap span.txt,
.layer_normal .grantor_wrap span.txt {
  margin-top: 13px\0 /IE9;
}

/* IE9 hack */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .grantor_wrap span.txt,
  .layer_normal .grantor_wrap span.txt {
    margin-top: 13px;
  }
}
/* IE10 hack */
/*-------------------------------------------------------------*/
/* do_side : works_group_side menu */
.do_side section.tab {
  margin: 0 24px 16px;
  padding: 8px 0 20px;
  border-bottom: 1px solid #eee;
}
.do_side section.tab a {
  display: inline-block;
  text-align: center;
}
.do_side section.tab ul.side_tab_type {
  text-align: center;
}
.do_side section.tab ul.side_tab_type li {
  display: inline-block;
  margin-left: 10px;
}
.do_side section.tab ul.side_tab_type li:first-child {
  margin-left: 0;
}
.do_side section.tab ul.side_tab_type li p.list_tit {
  width: 60px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-top: 8px;
  color: var(--dop-color-text-basic-level2);
  letter-spacing: -1px;
  font-size: 13px;
}
.do_side section.tab ul.side_tab_type li.on p.list_tit {
  color: var(--dop-color-text-primary-level1);
  font-weight: bold;
  font-weight: 500;
}
.do_side section.lnb h1 {
  padding: 4px 24px;
}
.do_side section.lnb h1 span.txt {
  position: relative;
  top: 0;
  margin-left: 5px;
  font-weight: normal;
  font-size: 14px;
  color: #666;
  width: 170px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.do_side section.lnb:last-child {
  border-bottom: none;
}
.do_side ul.side_depth li p.title {
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 50px;
}
.do_side section.lnb ul.side_depth li p > a {
  margin-left: 0;
  max-width: 180px;
}
.do_side ul.side_depth li p.title span.txt {
  color: #666;
  margin-left: 3px;
  vertical-align: top;
}
.do_side span.ic_btn_plus {
  width: 14px;
  height: 14px;
  background-position: 0 -650px;
  margin-right: 5px;
  margin-top: -5px;
}
.do_side.go_side .ic_works_home {
  width: 36px;
  height: 36px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.2045 3.7045C17.6438 3.26517 18.3561 3.26517 18.7955 3.7045L32.2955 17.2045C32.6172 17.5263 32.7135 18.0101 32.5393 18.4305C32.3652 18.8509 31.955 19.125 31.5 19.125H29.625V28.5C29.625 29.594 29.1904 30.6432 28.4168 31.4168C27.6432 32.1904 26.594 32.625 25.5 32.625H10.5C9.40595 32.625 8.35674 32.1904 7.58316 31.4168C6.80957 30.6432 6.37497 29.594 6.37497 28.5V19.125H4.49997C4.04495 19.125 3.63474 18.8509 3.46061 18.4305C3.28648 18.0101 3.38273 17.5263 3.70448 17.2045L17.2045 3.7045ZM14.625 30.375H21.375V22.5C21.375 22.0027 21.1774 21.5258 20.8258 21.1742C20.4742 20.8225 19.9973 20.625 19.5 20.625H16.5C16.0027 20.625 15.5258 20.8225 15.1741 21.1742C14.8225 21.5258 14.625 22.0027 14.625 22.5V30.375ZM23.625 30.375V22.5C23.625 21.406 23.1904 20.3568 22.4168 19.5832C21.6432 18.8096 20.594 18.375 19.5 18.375H16.5C15.406 18.375 14.3567 18.8096 13.5832 19.5832C12.8096 20.3568 12.375 21.406 12.375 22.5V30.375H10.5C10.0027 30.375 9.52578 30.1775 9.17415 29.8258C8.82252 29.4742 8.62497 28.9973 8.62497 28.5V18C8.62497 17.3787 8.12129 16.875 7.49997 16.875H7.21596L18 6.09099L28.784 16.875H28.5C27.8787 16.875 27.375 17.3787 27.375 18V28.5C27.375 28.9973 27.1774 29.4742 26.8258 29.8258C26.4742 30.1775 25.9973 30.375 25.5 30.375H23.625Z' fill='currentColor'/%3E%3C/svg%3E%0A") !important;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  background-image: none !important;
  background-color: var(--dop-color-icon-basic-level3);
}
.do_side.go_side .ic_works_favorites {
  width: 36px;
  height: 36px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.9894 1.878C18.4177 1.878 18.8088 2.12111 18.9983 2.50512L23.3654 11.354L33.1298 12.7691C33.5538 12.8306 33.9061 13.1275 34.0384 13.535C34.1708 13.9425 34.0601 14.3898 33.7531 14.6886L26.6773 21.5762L28.3457 31.3023C28.4182 31.7245 28.2445 32.1513 27.8978 32.403C27.5511 32.6546 27.0915 32.6875 26.7125 32.4878L17.9993 27.8963L9.26547 32.4883C8.88643 32.6875 8.42713 32.6544 8.08068 32.4026C7.73423 32.1509 7.56073 31.7244 7.63314 31.3023L9.30155 21.5762L2.22574 14.6886C1.91873 14.3898 1.80812 13.9425 1.94044 13.535C2.07277 13.1275 2.42507 12.8306 2.84908 12.7691L12.6135 11.354L16.9806 2.50512C17.1701 2.12111 17.5612 1.878 17.9894 1.878Z' fill='currentColor'/%3E%3C/svg%3E%0A");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  background-image: none !important;
  background-color: var(--dop-color-icon-basic-level3);
}
.do_side.go_side .ic_works_mgmt {
  width: 36px;
  height: 36px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2379_8538)'%3E%3Cpath d='M30.5466 28.2966C30.5065 27.8931 30.348 27.5103 30.091 27.1966L29.9548 27.0457L20.9548 18.0457C20.6177 17.7086 20.5296 17.1956 20.7351 16.7654C21.4369 15.2959 21.6652 13.6449 21.3899 12.0398C21.1145 10.4349 20.3484 8.95498 19.197 7.80349C18.0455 6.65201 16.5656 5.88456 14.9607 5.60915C13.9063 5.42825 12.832 5.46624 11.8024 5.71169L15.7956 9.70485L15.9362 9.87624C16.0584 10.0596 16.1252 10.2766 16.1252 10.5003V15.0003C16.1251 15.6214 15.6213 16.1251 15.0002 16.1253H10.5002C10.2019 16.1253 9.91575 16.0065 9.70479 15.7957L5.71163 11.8025C5.46618 12.832 5.42819 13.9064 5.60909 14.9607C5.8845 16.5657 6.65195 18.0456 7.80343 19.197C8.95492 20.3484 10.4348 21.1145 12.0398 21.3899C13.6448 21.6653 15.2958 21.4369 16.7653 20.7351L16.9294 20.6721C17.3206 20.5557 17.7505 20.6597 18.0456 20.9549L27.0456 29.9549L27.1965 30.0911C27.5625 30.391 28.0229 30.5569 28.5002 30.5569L28.7038 30.5466C29.1745 30.4998 29.6174 30.2923 29.9548 29.9549C30.3405 29.5691 30.5568 29.0457 30.5568 28.5003L30.5466 28.2966ZM32.7863 28.9251C32.6886 29.9113 32.2525 30.8388 31.5456 31.5457C30.8387 32.2526 29.9112 32.6886 28.925 32.7864L28.5002 32.8069C27.5005 32.8069 26.5362 32.4596 25.7697 31.8313L25.4548 31.5457L16.9909 23.0818C15.2973 23.7303 13.4561 23.916 11.6589 23.6077C9.59536 23.2536 7.69161 22.2683 6.21114 20.7879C4.73108 19.3076 3.74692 17.4047 3.39278 15.3416C3.03872 13.278 3.33274 11.1548 4.23507 9.2654L4.30099 9.14675C4.47021 8.8805 4.74474 8.69543 5.05977 8.64138C5.41973 8.57962 5.78737 8.69661 6.04561 8.95485L10.966 13.8753H13.8752V10.9661L8.95479 6.04568C8.69655 5.78743 8.57956 5.41979 8.64132 5.05984C8.70308 4.69988 8.93578 4.39252 9.26534 4.23513C11.1547 3.3328 13.2779 3.03878 15.3415 3.39284C17.4046 3.74698 19.3075 4.73114 20.7878 6.2112C22.2683 7.69167 23.2535 9.59542 23.6076 11.659C23.916 13.4561 23.7303 15.2974 23.0817 16.991L31.5456 25.4549L31.8313 25.7698C32.4595 26.5363 32.8068 27.5005 32.8068 28.5003L32.7863 28.9251Z' fill='currentColor'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2379_8538'%3E%3Crect width='36' height='36' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  background-image: none !important;
  background-color: var(--dop-color-icon-basic-level3);
}
.do_side li.on .ic_works_home,
.do_side li.on .ic_works_favorites,
.do_side li.on .ic_works_mgmt {
  background-image: none !important;
  background-color: var(--dop-color-icon-primary-level1) !important;
}
.do_side .ic_hide_up_new {
  width: 11px;
  height: 11px;
  background-position: -400px -300px;
}
.do_side .ic_hide_down_new {
  width: 11px;
  height: 13px;
  background-position: -450px -300px;
}
.do_side section.lnb h1 span.btn_wrap {
  position: relative;
  margin-left: 5px;
  vertical-align: top;
}
.do_side section.lnb ul li span.btn_wrap {
  top: 7px;
}
.do_side ul.side_depth li span.txt {
  line-height: 20px;
}

/* .do_side ul.side_depth li p.title:hover{background-color:rgba(46, 172, 179, 0.15);} */
.opt_sort {
  position: relative;
  height: 42px;
  line-height: 42px;
  margin: -12px 0 0 0;
}
.opt_sort .wrap_btn {
  position: absolute;
  top: 0;
  right: 24px;
  text-align: right;
}
.opt_sort .wrap_btn i {
  margin: 0 0 0 8px;
}
.opt_sort .wrap_btn .ic_list_1 {
  height: 30px;
  width: 30px;
  background: #fff url(../images/ic_toolbar.png) no-repeat -245px -145px !important;
  border-radius: 4px;
}
.opt_sort .wrap_btn i.ic_list_1:hover {
  background-color: #eee !important;
}
.opt_sort .wrap_btn .ic_card_1 {
  height: 30px;
  width: 30px;
  background: #fff url(../images/ic_toolbar.png) no-repeat -195px -145px !important;
  border-radius: 4px;
}
.opt_sort .wrap_btn i.ic_card_1:hover {
  background-color: #eee !important;
}
.opt_sort .wrap_btn .ic_set {
  box-sizing: border-box;
  border: 1px solid transparent;
  background-position: -130px -342px !important;
  width: 47px;
  height: 42px;
}
.opt_sort .wrap_btn i.ic_set:hover {
  box-sizing: border-box;
  border: 1px solid #d1d1d1;
  border-radius: 0px;
  background: #fff url(../images/ic_works.png) -130px -342px !important;
}
.opt_sort .wrap_btn .ic_line_up {
  height: 30px;
  width: 30px;
  background: #fff url(../images/ic_toolbar.png) no-repeat -42px -95px !important;
  border-radius: 4px;
}
.opt_sort .wrap_btn .ic_search {
  height: 30px;
  width: 30px;
  background: #fff url(../images/ic_toolbar.png) no-repeat 5px -45px !important;
  border-radius: 4px;
}
.opt_sort .wrap_btn .ic_search .tit {
  font-size: 0;
}
.opt_sort .wrap_btn i.ic_line_up:hover, .opt_sort .wrap_btn i.ic_search:hover {
  background-color: #eee !important;
}
.opt_sort .wrap_btn .ic_line_up .tit {
  display: none;
  padding: 9px 11px 0 32px;
  font-size: 16px;
  color: #657982;
  font-weight: normal;
  font-style: normal;
}
.opt_sort .array_option {
  position: absolute;
  z-index: 100;
  right: 66px;
  margin-top: 38px;
  width: 164px;
  line-height: 24px;
}
.opt_sort .array_option ul.array_type > li {
  padding-left: 36px !important;
  font-size: 14px;
  color: #374e60;
  font-weight: normal !important;
}
.opt_sort .array_option ul.array_type > li span.ic_check_1 {
  position: absolute;
  top: 12px;
  left: 11px;
}
.opt_sort .array_option ul.array_type > li span.ic_board.ic_check_1 {
  width: 16px;
  height: 11px;
  background-position: -50px -450px;
}

.wrap_help_guide_l {
  position: absolute;
  display: inline-block;
  top: 300px;
  background-color: #00a1b9;
  border-radius: 100px;
  z-index: 1000;
}
.wrap_help_guide_l .btn_help_guide_close {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  background-position: -300px -400px !important;
  width: 15px;
  height: 15px;
  z-index: 1000;
}
.wrap_help_guide_l .ic_help_guide_close {
  background-position: -300px -400px !important;
  width: 15px;
  height: 15px;
}
.wrap_help_guide_l .btn_help_guide {
  display: inline-block;
  padding: 28px 0 0;
  width: 153px;
  height: 153px;
  background-color: #00a1b9;
  border: 2px solid #00a1b9;
  border-radius: 100px;
  text-align: center;
  box-sizing: border-box;
  box-shadow: 5px 5px 10px #c4c4c4;
}
.wrap_help_guide_l .btn_help_guide .tit {
  padding: 0 16px;
  height: 40px;
  color: #fff;
  font-size: 13px;
  overflow: hidden;
  letter-spacing: -1px;
}

.app_temp .wrap_help_guide_l .btn_help_guide {
  background-color: #fff;
}
.app_temp .wrap_help_guide_l .btn_help_guide .tit {
  color: #00a1b9;
  letter-spacing: -1px;
}
.app_temp .wrap_help_guide_l .btn_help_guide .ic_help_guide {
  margin-bottom: 14px;
  background-position: -250px -450px !important;
  width: 33px;
  height: 40px;
  box-sizing: border-box;
}
.app_temp .wrap_help_guide_s {
  position: absolute;
  top: 8px;
  right: 24px;
}
.app_temp .wrap_help_guide_s .ic_help_guide_s {
  background-position: -250px -400px !important;
}
.app_temp .wrap_help_guide_s .tit {
  max-width: 250px;
}

.wrap_help_guide_l .btn_help_guide .ic_help_guide {
  display: inline-block;
  margin-bottom: 14px;
  background-position: -200px -450px !important;
  width: 33px;
  height: 40px;
  box-sizing: border-box;
}

.wrap_help_guide_s .ic_help_guide_s {
  margin: 1px 0 0;
  position: absolute;
  background-position: -200px -400px !important;
  width: 23px;
  height: 23px;
  box-sizing: border-box;
}
.wrap_help_guide_s .tit {
  display: inline-block;
  margin-left: 30px;
  padding: 2px 2px 2px 0;
  font-size: 14px;
  color: #666;
  font-weight: normal;
  font-style: normal;
  letter-spacing: -1px;
  vertical-align: top;
}

.csv_help .wrap_help_guide_s {
  display: inline-block;
  margin-left: 18px;
  padding: 2px 0;
  vertical-align: top;
}

.wrap_help_guide_s > a {
  display: inline-block;
}

.go_side .wrap_help_guide_s,
.app_temp .wrap_help_guide_s {
  margin: 0;
  padding: 13px 8px 8px 12px;
}

.go_side .wrap_help_guide_s p.tit,
.app_temp .wrap_help_guide_s p.tit {
  font-size: 13px;
}

.wrap_help_guide_s {
  line-height: 25px;
}

.go_content.go_works_home header.content_top section.combine_search select,
.go_content.go_works_home header.content_top section.combine_search input {
  vertical-align: top;
}
.go_content.go_works_home .wrap_works {
  margin: 5px 0 0 0 !important;
}
.go_content.go_works_home h1 .nav a.prev {
  cursor: pointer;
  border-radius: 1px;
  border: 1px solid transparent;
  color: #9aa5ab !important;
}
.go_content.go_works_home h1 .nav a.prev:hover {
  border: 1px solid #c9c9c9;
  background: #fcfcfc;
}

.help_guide_area {
  position: relative;
}

/* works_group_body */
.go_works_home .wrap_works .app_group,
.go_works_home .wrap_works .app_list {
  padding: 0;
}
.go_works_home .app_list {
  margin-bottom: 40px;
}
.go_works_home .wrap_works .app_group:after,
.go_works_home .wrap_works .app_list:after {
  display: block;
  clear: both;
  overflow: hidden;
  height: 0;
  content: "";
}
.go_works_home .wrap_works .app_group .group {
  position: relative;
  display: block;
  float: left;
  box-sizing: border-box;
  padding-right: 16px;
}
.go_works_home .wrap_works .app_group .group a {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  margin: 0 0 12px 0;
  background: #fff;
  border: 1px solid #ddd;
  transition: 0.2s;
  width: 100%;
  border-radius: 8px;
}
.go_works_home .wrap_works .app_group .group a:hover {
  border: 1px solid #00a1b9;
  box-sizing: border-box;
  box-shadow: inset 0 0 0 1px #00a1b9;
  /* background:rgba(37, 202, 211, 0.5); */
}
.go_works_home .wrap_works .app_group .group a .app_image {
  position: absolute;
  left: 0;
  top: 0;
  float: none;
  width: 30px;
  height: 25px;
  padding: 12px 0 12px 16px;
}
.go_works_home .wrap_works .app_group .group a:hover .app_image {
  width: 29px;
  height: 23px;
}
.go_works_home .wrap_works .app_group .group a .works_app_tit {
  float: left;
  width: inherit;
  height: 48px;
  padding: 10px 50px 10px 48px;
  box-sizing: border-box;
  white-space: nowrap;
}
.go_works_home .wrap_works .app_group .group a .works_app_tit span.tit {
  width: inherit;
  padding: 0;
  line-height: 25px;
  font-weight: normal;
  color: #374e60;
  letter-spacing: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: border-box;
  font-size: 14px;
}
.go_works_home .tool_bar.border_type {
  margin-bottom: 16px;
  padding: 0 0 16px 0;
}
.go_works_home .tool_bar.border_type .optional {
  margin-top: 10px;
}

/* works_list_body  : default card_type */
.card_type.go_works_home .app_list {
  margin: 8px 0 0 0;
}

.go_works_home .app_list .app_item {
  position: relative;
  float: left;
  margin: 0 0 18px 0;
  width: auto;
}
.go_works_home .app_list .app_item a.btn_star {
  position: absolute;
  right: 22px;
  top: 8px;
  width: 32px;
  height: 32px;
  border-radius: 32px;
}
.go_works_home .app_list .app_item a.btn_star:hover {
  background: #eee;
}
.go_works_home .app_list .app_item a.btn_star .ic_works {
  margin: 6px 0 0 6px;
}
.go_works_home .app_list .app_item a.btn_set {
  position: absolute;
  left: 12px;
  top: 8px;
  width: 32px;
  height: 32px;
  border-radius: 32px;
}
.go_works_home .app_list .app_item a.btn_set .ic_works {
  margin: 8px 0 0 8px;
}
.go_works_home .app_list .app_item a.btn_set:hover {
  background: #eee;
}
.go_works_home .app_list .app_item .wrap_works_info {
  border: 1px solid #eaecef;
  box-shadow: none;
  box-sizing: border-box;
  border-radius: 8px;
  transition: 0.2s;
}

.card_type.go_works_home .wrap_works .app_list .app_item,
.card_type.go_works_home .wrap_works .app_list .column_create {
  box-sizing: border-box;
  padding-right: 16px;
}

.go_works_home .app_list .app_item .wrap_works_info,
.card_type.go_works_home .app_list .column_create .wrap_works_info {
  width: 100% !important;
  height: 198px;
}

.go_works_home .wrap_works .app_list .app_item .wrap_works_info:hover {
  outline: none;
  border: 1px solid #00a1b9;
  box-shadow: inset 0 0 0 1px #00a1b9;
  box-sizing: border-box;
}
.go_works_home .app_list .wrap_works_info .wrap_img_ic {
  float: left;
  width: 60px;
  height: 60px;
  vertical-align: top;
  margin: 30px 0 0 50px;
}
.go_works_home .app_list .wrap_works_info .wrap_img_ic img {
  width: inherit;
  height: inherit;
}
.go_works_home .app_list .app_item .wrap_works_tit {
  float: none;
  display: block;
  margin: 0 auto;
  padding: 0 10px;
  height: 70px;
  overflow: hidden;
}
.go_works_home .app_list .app_item .inner_works_info {
  float: none;
  /*  display:block; */
  position: relative;
  /*  display:table-cell;  */
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  height: 45px !important;
  top: 0;
  overflow: hidden;
}
.go_works_home .app_list .app_item .inner_works_info .tit {
  display: inline-block;
  width: 100%;
  height: 40px;
  padding: 0;
  color: #4a4b4c;
  text-align: center;
  font-weight: normal;
  overflow: hidden;
  white-space: normal;
  text-overflow: initial;
  height: initial;
  word-break: keep-all;
  font-size: 16px;
}
.go_works_home .app_list .column_create .wrap_works_info {
  height: 198px;
  border: dashed 1px #ccd0d3;
  transition: 0.2s;
  border-radius: 8px;
}
.go_works_home .app_list .column_create .wrap_works_info:hover {
  border: dashed 1px #74848b;
  background: #f4f4f4;
}
.go_works_home .app_list .column_create .wrap_works_info .wrap_img_ic {
  display: flex;
  width: 60px;
  height: 60px;
  justify-content: center;
  align-items: center;
  border-radius: 24px;
  background-color: #f5f6f8;
}
.go_works_home .app_list .column_create .wrap_works_info .card_info {
  position: relative;
  display: block;
  height: auto;
  font-size: 13px;
  line-height: 19px;
  color: #9b9c9e;
}
.go_works_home .app_list .column_create .wrap_works_info .card_info p {
  word-break: keep-all;
  padding: 0 10px;
}
.go_works_home .wrap_works .app_list .column_create div.inner_works_info {
  text-align: center;
  overflow: hidden;
}
.go_works_home .wrap_works .wrap_img_ic i.ic_app_add_1 {
  width: 27px;
  height: 27px;
  background-position: -250px -350px !important;
}

.app_list .app_item .inner_works_info .dot_bg {
  display: block;
  top: 25px;
  right: 2px;
}
/* works_list_body  : list_type*/
.list_type.go_works_home .wrap_works .app_group .group {
  float: none;
  display: inline-block;
  position: relative;
  display: block;
  padding: 0;
}
.list_type.go_works_home .wrap_works .app_group .group a {
  float: none;
  width: 100%;
  margin-bottom: 0;
  border: 0;
}
.list_type.go_works_home .wrap_works .app_group .group a:hover {
  background: #eee;
  box-shadow: none;
  border-radius: 4px;
}
.list_type.go_works_home .wrap_works .app_group .group a .works_app_tit {
  width: 100%;
  box-sizing: border-box;
  padding: 0;
  padding-left: 18px;
  height: 32px;
}
.list_type.go_works_home .wrap_works .app_group .group a .works_app_tit span.tit {
  width: 100%;
  box-sizing: border-box;
  padding: 0;
  padding-left: 18px;
  height: 32px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: border-box;
  width: 100%;
  padding: 5px 110px 0 18px;
}
.list_type.go_works_home .app_list .app_item {
  float: none;
  padding: 0;
  height: 40px;
  margin: 0;
  border: 0;
}
.list_type.go_works_home .app_list .app_item .wrap_works_info {
  padding: 0;
  height: 40px;
  margin: 0;
  border: 0;
}
.list_type.go_works_home .app_list .app_item:hover {
  background: #eee;
  border-radius: 4px;
}
.list_type.go_works_home .app_list .app_item:hover .wrap_works_info {
  border: 0;
  outline: 0;
  box-shadow: none;
  background: none;
  border-radius: 0;
}
.list_type.go_works_home .app_list .app_item a.btn_set {
  right: 45px;
  left: auto;
}
.list_type.go_works_home .app_list .app_item .wrap_works_tit {
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: border-box;
  width: 100%;
}
.list_type.go_works_home .app_list .app_item .inner_works_info {
  display: block;
  height: auto !important;
}
.list_type.go_works_home .app_list .app_item .inner_works_info .tit {
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: border-box;
  width: 100%;
}
.list_type.go_works_home .app_list .app_item .wrap_works_tit {
  padding: 10px 0 0 40px;
  height: initial;
}
.list_type.go_works_home .app_list .wrap_works_info .wrap_img_ic {
  position: absolute;
  left: 0;
  top: 8px;
  width: 24px;
  height: 24px;
  margin: 0;
}
.list_type.go_works_home .app_list div.column_create .wrap_works_info:hover .wrap_img_ic {
  left: 0px;
  top: 8px;
  padding: 10px 17px 9px 18px;
}
.list_type.go_works_home .app_list .app_item {
  padding-right: 120px;
}
.list_type.go_works_home .app_list .app_item a.btn_set {
  top: 50%;
  margin-top: -18px;
}
.list_type.go_works_home .app_list .app_item a.btn_star {
  top: 50%;
  margin-top: -18px;
  right: 0;
}
.list_type.go_works_home .app_list .app_item a.btn_set {
  right: 37px;
}
.list_type.go_works_home .wrap_works .app_group .group a .app_image {
  padding: 0;
  top: 4px;
  left: 4px;
}
.list_type.go_works_home .wrap_works .app_list .column_create {
  margin: 16px 0 0 0;
}
.list_type.go_works_home .wrap_works .app_list .column_create div.inner_works_info {
  margin: 11px 0 0 45px;
  text-align: left;
  display: inintial;
}
.list_type.go_content.go_works_home .wrap_works div.column_create .wrap_works_info {
  position: relative;
  width: 100%;
  height: 48px;
}
.list_type.go_content.go_works_home .wrap_works div.column_create .wrap_works_info .wrap_img_ic {
  top: 0;
  padding: 10px 19px;
  background: none;
  border: none;
}
.list_type.go_works_home .wrap_works .app_group .group .ic_option_wrap {
  margin-top: -19px;
}
.list_type.go_works_home .app_list .column_create .wrap_works_info .card_info {
  display: inline-block;
}
.list_type.go_works_home .wrap_works .wrap_img_ic i.ic_app_add_1 {
  width: 20px;
  height: 20px;
  background-position: -263px -363px !important;
}

/*works justify layout*/
/*ie8 + media all and (max-width:1279px)*/
.card_type.go_works_home .wrap_works .app_group .group {
  width: 25% !important;
}
.card_type.go_works_home .wrap_works .app_list .app_item,
.card_type.go_works_home .wrap_works .app_list .column_create {
  width: 25% !important;
}

/*card 4column*/
.task_list li {
  width: 42%;
  transition: 0.3s;
}

@media all and (min-width: 1600px) {
  .card_type.go_works_home .wrap_works .app_group .group {
    width: 12.5% !important;
  }
  .card_type.go_works_home .wrap_works .app_list .app_item,
  .card_type.go_works_home .wrap_works .app_list .column_create {
    width: 12.5% !important;
  }
  /*card 8 column*/
  .go_skin_advanced .card_type.go_works_home .wrap_works .app_group .group {
    width: 14.2222% !important;
  }
  .go_skin_advanced .card_type.go_works_home .wrap_works .app_list .app_item,
  .go_skin_advanced .card_type.go_works_home .wrap_works .app_list .column_create {
    width: 14.2222% !important;
  }
  /*card 8 column*/
  .task_list li {
    width: 28.6%;
  }
}
@media all and (min-width: 1280px) and (max-width: 1599px) {
  .card_type.go_works_home .wrap_works .app_group .group {
    width: 25% !important;
  }
  .card_type.go_works_home .wrap_works .app_list .app_item,
  .card_type.go_works_home .wrap_works .app_list .column_create {
    width: 25% !important;
  }
  /*card 6 column*/
  .task_list li {
    width: 27%;
  }
}
/* works_icon */
.go_body .go_content.go_works_home .wrap_works .wrap_works_info i.ic_new {
  position: absolute;
  background-position: -140px 0px !important;
  width: 22px;
  height: 22px;
}
.go_body .go_content.go_works_home .wrap_works .group i.ic_new {
  position: absolute;
  background-position: -140px 0px !important;
  width: 22px;
  height: 22px;
  left: 24px;
  top: 4px;
  z-index: 1;
}
.go_body .list_type.go_content.go_works_home .wrap_works .wrap_works_info i.ic_new {
  z-index: 1;
  top: -9px;
  left: 11px;
}

section.lnb h1 ins.ic_side.ic_side_folder_root {
  width: 20px;
  height: 20px;
  background-position: 0 -800px;
}
section.lnb h1 ins.ic_side.ic_side_share_root {
  position: absolute;
  top: 4px;
  left: 24px;
  width: 20px;
  height: 20px;
  background-position: 0 -1100px;
}

.do_skin ul.side_depth li > p.title {
  padding-left: 50px;
}

ul.side_depth li.folder > p ins.ic_side_folder {
  width: 20px;
  height: 20px;
  background-position: 0 -700px;
}
ul.side_depth li.folder > p ins.ic_side_clock {
  width: 20px;
  height: 22px;
  background-position: -200px -948px;
}

.ic_works.ic_star_1 {
  width: 18px;
  height: 18px;
  background-position: 0 -400px !important;
}
.ic_works.ic_star_1.on {
  width: 18px;
  height: 18px;
  background-position: 0 -350px !important;
}
.ic_works.ic_set_1 {
  width: 18px;
  height: 18px;
  background-position: 0 -450px !important;
}
.ic_works.ic_app_link, .ic_works.ic_app_link_s {
  width: 20px;
  height: 13px;
  background-position: -300px -100px !important;
}

/*수정예정*/
.ic_works_n {
  display: inline-block;
  vertical-align: top;
  background: url(../images/ic_works_n.png) no-repeat 0 0;
  background-size: 400px 50px;
}
.ic_works_n.ic_option {
  width: 3px;
  height: 16px;
  background-position: -150px 0;
}

/* .ic_works_n.ic_option:hover {background-position:-200px 0} */
.group .ic_option_wrap {
  cursor: pointer;
  z-index: 2;
  position: absolute;
  top: 50%;
  width: 38px;
  height: 38px;
  margin-top: -28px;
  text-align: center;
}
.group .ic_option_wrap .ic_works_n {
  margin-top: 10px;
}

.card_type .group .ic_option_wrap {
  right: 18px;
}

.list_type .group .ic_option_wrap {
  right: 0px;
}

.group .ic_option_wrap:hover {
  background-color: #f7f8fa;
  border-radius: 50%;
}
.group .ic_option_wrap:hover .ic_works_n.ic_option {
  background-position: -200px 0;
}

.do_side .ic_new {
  position: relative;
  vertical-align: top;
  top: 6px;
}

/* New_layer */
div.new_layer {
  width: 354px;
  border: none;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
}
div.new_layer.new_wide {
  width: 450px;
}
div.new_layer > header {
  padding: 17px 17px 5px 19px;
  border-bottom: none;
  background: none;
}
div.new_layer header h1 {
  color: #374e60;
  /* font-weight:normal; */
  font-size: 18px;
}
div.new_layer header h1 strong {
  font-size: 18px;
}
div.new_layer table.table_form_mini tbody tr td {
  padding: 3px !important;
}
div.new_layer.layer_normal div.content {
  padding: 18px;
}
div.new_layer.layer_confim div.content {
  padding: 30px 17px;
}
div.new_layer input[type=text],
div.new_layer input input[type=password] {
  box-shadow: none;
  font-size: 13px;
  letter-spacing: -1px;
  padding: 9px 7px;
}
div.new_layer .w_max {
  height: 35px;
}
div.new_layer input[type=text]:hover {
  border: 1px solid #00a1b9;
}
div.new_layer .btn_layer_wrap {
  padding: 16px 24px 24px;
}
div.new_layer .btn_major_s {
  background: #00a1b9;
  font-size: 13px;
  /*  margin-right:15px; */
  border: 1px solid #00a1b9;
}
div.new_layer .btn_minor_s {
  font-size: 13px;
}
div.layer_confim.new_layer {
  width: 484px;
  border: none;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
}
div.new_layer p.q {
  font-size: 19px;
  color: #374e60;
  margin: 0 0 20px 0;
}
div.new_layer p.add {
  padding: 0 15px;
  margin: 10px 0 15px 0;
  text-align: center;
  font-size: 15px;
  color: #657982;
}
div.new_layer div.content p.desc {
  text-align: left;
  margin: 0 0 15px 1px;
  font-size: 14px;
  color: #657982;
}

@media \0 screen {
  div.new_layer {
    border: 1px solid #babbbb !important;
  }
}
/* IE8 hack */
/* Works_group_D&D */
span.ic_body_folder_s {
  width: 21px;
  height: 17px;
  background-position: -140px -450px !important;
}
span.ic_body_works_s {
  width: 21px;
  height: 17px;
  background-position: -140px -400px !important;
}

.do_side .drag_do {
  background: #cee9ea !important;
}
.do_side .drag_do .txt {
  color: #45555f !important;
}

/*side drop*/
.group .drag_do {
  border: 1px solid #00a1b9 !important;
  background: #fff;
  box-shadow: inset 0 0 0 1px #00a1b9 !important;
  box-sizing: border-box;
}
.group .drag_do .app_image {
  float: none;
  position: absolute;
  left: 1px !important;
  top: 1px !important;
  width: 29px !important;
  height: 23px !important;
}
.group .drag_do .app_image span {
  position: relative;
  left: -1px !important;
  top: -1px !important;
}

/*content drop*/
div.array_option.array_works {
  z-index: 70;
  position: absolute;
  left: 242px;
  top: 10px;
  width: 150px;
}

.group div.array_option.array_works {
  z-index: 70;
  position: absolute;
  left: auto;
  top: 50px;
  right: 12px;
}

div.array_option.array_works ul li .ic_board {
  display: none;
}
div.array_option.array_works ul li span.txt {
  display: inline;
  padding: 5px;
}

.detail_search_wrap .form_type td .option_wrap {
  margin-bottom: 4px;
}

.array_option .box_basic_inner .wrap_option {
  white-space: nowrap;
}
.array_option .box_basic_inner .wrap_option label {
  width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

.ic.ic_ver {
  background-position: 0 -1150px;
  width: 15px;
  height: 14px;
}
.ic.ic_arrow_open {
  background-position: -100px -1150px;
  width: 11px;
  height: 7px;
}
.ic.ic_arrow_close, .ic.ic_arrow_t {
  background-position: -140px -1150px;
  width: 11px;
  height: 7px;
}
.ic.ic_arrow_r {
  background-position: 0px -1250px;
  width: 11px;
  height: 11px;
}
.ic.ic_arrow_d {
  background-position: -100px -1250px;
  width: 11px;
  height: 11px;
}

.btn_toggle {
  padding: 5px 8px;
}

.list_version .bar_ver {
  margin: 0 8px 0 0;
}

.bar_ver {
  border: 1px solid #60b070;
  padding: 1px 4px;
  color: #14892c;
  font-size: 11px;
  border-radius: 2px;
}
.bar_ver.current {
  border: 1px solid #14892c;
  color: #fff;
  background: #14892c;
}

.box {
  border: 1px solid #d9d9d9;
  background: #fff;
  padding: 24px;
}
.box.on {
  border-color: #00a1b9;
}
.box > .subject {
  font-size: 25px;
  letter-spacing: -1px;
}
.box.flat {
  border: 0;
}
.box .module_drop {
  margin: 20px 0 0;
}
.box h2 {
  color: #000;
  font-weight: normal;
  margin-bottom: 10px;
  font-size: 21px;
}
.box h4 {
  color: #000;
  font-weight: normal;
  margin-bottom: 10px;
  font-size: 14px;
}
.box.detail_activity h4 > .wrap {
  margin: 0 10px 0 0;
}
.box.detail_activity h4 > .wrap .num {
  font-size: 14px;
  color: #888;
  margin: 0;
}

.box_wrap .box_header {
  padding: 10px 0;
}
.box_wrap .box_header .txt {
  font-size: 14px;
  color: #888;
}

.do_docs .module_drop .module_drop_head .tit {
  width: auto;
}

.module_drop .module_drop_head {
  position: relative;
  height: 30px;
  line-height: 30px;
}
.module_drop .module_drop_head .tit {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px;
  color: #000;
  font-weight: bold;
  font-weight: 500;
  background: #fff;
  cursor: pointer;
  padding-right: 10px;
  width: 70%;
}
.module_drop .module_drop_head .tit .ic_arrow_close {
  margin: 0 4px 0 0;
}
.module_drop .module_drop_head .tit .num {
  font-size: 14px;
  margin: 0;
  vertical-align: middle;
  color: #888;
}
.module_drop .module_drop_head hr {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0;
}
.module_drop .module_drop_body {
  font-size: 14px;
  line-height: 1.5;
  margin: 5px 0 0 0;
}
.module_drop .module_drop_body .list_property {
  *zoom: 1;
  overflow: hidden;
  margin: -5px 0 0 0;
}
.module_drop .module_drop_body .list_property:after {
  display: block;
  clear: both;
  content: "";
}
.module_drop .module_drop_body .list_property .item {
  clear: left;
  float: left;
  width: 50%;
  margin: 5px 0 0 0;
}
.module_drop .module_drop_body .list_property .item_r {
  clear: right;
  float: right;
  margin: 5px 0 0 0;
}
.module_drop .module_drop_body .list_property .item .wrap {
  *zoom: 1;
  padding-left: 100px;
}
.module_drop .module_drop_body .list_property .item .wrap:after {
  display: block;
  clear: left;
  content: "";
}
.module_drop .module_drop_body .list_property .item .wrap .tit {
  display: inline-block;
  float: left;
  margin-left: -100px;
  font-size: 14px;
  color: #888;
  max-width: 100px;
}
.module_drop .module_drop_body .list_property .item .wrap .data {
  display: inline-block;
  word-break: break-all;
  font-size: 14px;
  padding-right: 30px;
}
.module_drop .module_drop_body .member img {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50px;
}
.module_drop .module_drop_body .list li {
  position: relative;
  padding: 5px 0;
}
.module_drop .module_drop_body .list li .tit {
  display: inline-block;
  margin: 0 0 2px 0;
}
.module_drop .module_drop_body .list li .tit .ic_info {
  vertical-align: middle;
  margin: 0 0 0 4px;
  cursor: pointer;
}
.module_drop .module_drop_body .list li .list_guide_set {
  display: none;
  border-left: 2px solid #25cad6;
  width: 540px;
}
.module_drop .module_drop_body .list li .list_guide_set > li {
  padding: 0;
  font-size: 13px;
  margin: 0 0 1px 0;
  padding: 8px 10px !important;
  border-bottom: 0;
  background: #e5f4f5;
}

.list_version li {
  position: relative;
  padding: 4px 200px 2px 20px;
}
.list_version li .bar {
  display: inline-block;
  position: absolute;
  top: -1px;
  left: 6px;
  height: 40px;
  width: 2px;
  background: #ccc;
}
.list_version li .ic_ver {
  position: absolute;
  top: 7px;
  left: 0;
}
.list_version li .sub_info {
  position: absolute;
  top: 3px;
  right: 0;
}

div.do_docs .box {
  border-top: 8px solid #eee;
  margin-bottom: 10px !important;
}
div.do_docs .box.detail_activity {
  padding: 24px 0 0;
}
div.do_docs .box.detail_activity h4 {
  padding: 0 24px;
}
div.do_docs .box.docs_return {
  margin-bottom: 0 !important;
}
div.do_docs .box a {
  color: blue;
  text-decoration: none;
}
div.do_docs .box a:hover {
  text-decoration: underline;
}
div.do_docs header.content_top {
  border-bottom: 0;
}
div.do_docs .tool_bar .btn_tool {
  border-color: #ddd;
}
div.do_docs .go_content {
  background: transparent;
}
div.do_docs .reply_create span.btn_minor_s span.txt {
  font-family: 돋움, dotum, AppleGothic, arial, Helvetica, sans-serif;
}
div.do_docs .msg_wrap .btn_wrap .txt_b {
  margin-top: -2px;
}

.do_docs .box h2 {
  font-size: 25px;
}

.do_setting .list_item {
  display: none;
}

.box_setting {
  padding: 24px;
}

.module_drop .module_drop_body .list li:hover {
  background: #f4f4f4;
}

.box_setting .box {
  padding: 0;
}
.box_setting .box .module_drop {
  margin: 0;
  border-bottom: 1px solid #eee;
}
.box_setting .box .module_drop .module_drop_head {
  padding: 10px 20px;
}
.box_setting .box .module_drop .module_drop_body {
  padding: 0;
}
.box_setting .box .module_drop .module_drop_body .list_setting li .tit .txt {
  color: #333;
}
.box_setting .box .module_drop .module_drop_head .tit {
  top: 8px;
  left: 0;
}
.box_setting .box .module_drop .module_drop_head .tit .ic.ic_arrow_d {
  vertical-align: middle;
  margin: -4px 4px 0 0;
}
.box_setting .box .module_drop .module_drop_head .tit .ic.ic_arrow_t {
  margin-right: 4px;
}
.box_setting .box .module_drop .module_drop_head .tit .txt {
  font-size: 15px;
  font-weight: bold;
  font-weight: 500;
}
.box_setting .box .module_drop .module_drop_head .optional {
  position: absolute;
  top: 10px;
  right: 0;
}
.box_setting .module_drop .module_drop_body {
  display: none;
}
.box_setting .module_drop.on .module_drop_body {
  display: block;
}

.go_content.app_temp header.content_top {
  border-bottom: 1px solid #ddd;
  height: auto;
}

/* les */
.els {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}

.wrap_btn_toggle {
  display: inline-block;
  position: relative;
  height: 30px;
}
.wrap_btn_toggle .btn_toggle {
  float: left;
  position: relative;
  min-width: 60px;
  height: 32px;
  line-height: 32px;
  background: #fff;
  border: 1px solid #cacaca;
  margin: 0 -1px 0 0;
  color: #333;
  outline: 0;
  text-align: center;
  padding: 0 10px;
}
.wrap_btn_toggle .btn_toggle.on {
  border-color: #25cad6;
  color: #25cad6;
  z-index: 1;
}
.wrap_btn_toggle.days button {
  min-width: 50px;
  height: 32px;
  line-height: 32px;
  text-align: center;
}

.array_option.array_side_func {
  width: 210px;
  position: absolute;
  top: 45px;
  left: 0px;
  display: none;
  z-index: 10;
}
.array_option.array_side_func .array_type li {
  padding: 0 16px;
  text-align: left;
}
.array_option.array_side_func .array_type li .txt {
  color: #333;
  font-size: 14px;
}
.array_option.array_side_func.on {
  display: block;
}
.array_option.array_side_func ul li {
  padding: 8px 16px;
}
.array_option.array_side_func ul li ins.ic_side {
  margin-right: 8px;
}
.array_option.array_side_func .ic_w_app {
  width: 21px;
  height: 20px;
  background-position: 0 -1000px;
}
.array_option.array_side_func .ic_w_folder {
  width: 21px;
  height: 20px;
  background-position: 0 -1050px;
}

.docs_card_item div.card_wrapper span.t_card {
  max-width: 288px;
}
.docs_card_item div.card_subject {
  padding-top: 16px !important;
}
.docs_card_item div.card_subject span.title {
  margin-top: 0;
}

.docs_return .state {
  min-width: 0;
  padding: 4px 5px;
  vertical-align: top;
  margin: 1px 2px 0 0;
}
.docs_return .subject {
  font-size: 16px;
  line-height: 1.5;
}
.docs_return .info {
  margin: 4px 0 0 0;
}
.docs_return .info .name {
  font-size: 13px;
  color: #888;
}
.docs_return .info .date {
  font-size: 13px;
}

.card_item.docs_card_item {
  width: 300px;
}

.list_docs p.data_null {
  padding-left: 0;
}

/* list */
.type_normal th,
.type_normal td {
  text-align: left;
}
.type_normal th.align_r,
.type_normal td.align_r {
  text-align: right;
}
.type_normal .name {
  width: 100px;
}
.type_normal .date {
  width: 130px;
}
.type_normal .data_num {
  width: 75px;
}
.type_normal .downloading {
  width: 140px;
}
.type_normal th.etc,
.type_normal td.etc {
  width: 100px;
}

/* list_setting */
.list.depth li ul li {
  padding-left: 20px;
}

.list_setting li {
  position: relative;
  border-bottom: 1px solid #eee;
  padding: 8px 0 8px 16px !important;
}
.list_setting li:first-child {
  padding-top: 0 !important;
}
.list_setting li .optional {
  position: absolute;
  top: 10px;
  right: 0;
}
.list_setting li .data {
  margin: 0 160px 0 0;
}
.list_setting li .data .wrap_option {
  padding: 4px 0;
}
.list_setting li .data .wrap_option .txt {
  vertical-align: middle;
}
.list_setting li .data .wrap_option label {
  vertical-align: middle;
  color: #777;
}
.list_setting li:last-child {
  border-bottom: 0;
}
.list_setting li .data table tbody tr th {
  width: 120px;
  vertical-align: top;
  font-weight: normal;
}
.list_setting li .data table tbody tr th .txt {
  display: inline-block;
  margin: 4px 0 0 0;
  font-weight: nomal;
  color: #888;
}
.list_setting li .tit .btn_toggle {
  vertical-align: top;
  margin: 9px 0 0 0;
}

.list_nude li {
  border: 0;
}

/* list_flow */
.list_flow .filter_name,
.list_flow .group_name,
.list_flow .filter_desc,
.list_flow .filter_rule {
  width: 250px !important;
}
.list_flow .func {
  width: 60px !important;
  text-align: center;
}
.list_flow .filter_condition {
  width: auto !important;
}
.list_flow th,
.list_flow td {
  padding: 3px 10px !important;
}
.list_flow thead th {
  cursor: default;
}
.list_flow .ref_link .btn_fn4 {
  vertical-align: middle;
}
.list_flow .admin .ic_delete {
  cursor: pointer;
}

/* list_docs */
.list_docs .people {
  width: 120px;
}
.list_docs .date {
  width: 132px;
}
.list_docs .attach {
  width: 92px;
}
.list_docs .attach a#attach {
  display: flex;
  align-items: center;
}
.list_docs .folder {
  width: 100px;
}
.list_docs .doc_num {
  width: 150px;
}
.list_docs .version,
.list_docs .state_wrap {
  width: 92px;
}

/* list_dataSearch */
.list_dataSearch .data {
  position: relative;
  padding: 5px 25px 5px 10px;
}
.list_dataSearch .data .txt {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
}
.list_dataSearch .data:hover {
  background: #f5f5f5;
}
.list_dataSearch .data:hover .ic_del {
  display: block;
}
.list_dataSearch .data .ic_del {
  position: absolute;
  top: 5px;
  right: 5px;
  display: none;
  cursor: pointer;
}

/* icon */
.ic.ic_alarm_s {
  background-position: -150px -1200px;
  width: 13px;
  height: 13px;
}
.ic.ic_drop_d {
  background-position: -140px -700px;
  width: 9px;
  height: 6px;
}
.ic.ic_appInterlock {
  background-position: 0 -1100px;
  width: 14px;
  height: 14px;
}
.ic.ic_works_set {
  background: url(../images/ic.png) no-repeat 0 0;
}
.ic.state_complete {
  background-position: -150px -750px;
  width: 16px;
  height: 16px;
}
.ic.state_stay {
  background-position: -150px -800px;
  width: 16px;
  height: 16px;
}

.tool_bar .optional .ic_works_set {
  margin: 5px 3px 0 0;
}

.form_type .tool_bar div.btn_submenu a.btn_tool_more {
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
}

.tool_bar .list_type_set {
  float: right;
}

.works_app_write .app_list_sort {
  text-align: left;
}
.works_app_write .app_list_sort .app_docnum {
  margin: 0 0 20px 0;
}

.set_works .app_write_tit h5 {
  margin-bottom: 5px;
}
.set_works .app_write_tit .desc {
  margin: 0;
  margin-bottom: 15px;
}
.set_works .box {
  margin: 10px;
}

.app_write_tit {
  position: relative;
  margin-bottom: 15px;
}
.app_write_tit .optional {
  position: absolute;
  top: 0;
  right: 0;
}
.app_write_tit h5 {
  font-size: 18px;
  font-weight: bold;
  font-weight: 500;
}

div.doc_layer .content {
  padding: 0;
}
div.doc_layer div.list_wrap {
  max-height: 200px;
  overflow-y: auto;
  border: 0;
}
div.doc_layer section.lnb ul.side_depth li p > a {
  overflow: inherit;
}
div.doc_layer ul.side_depth li p.title:hover {
  background: inherit;
}
div.doc_layer ul.side_depth li p.title a {
  width: auto;
  max-width: inherit;
}
div.doc_layer ul.side_depth li p.title a:hover {
  background-color: #dee1e6;
}

.tb_sub .status_wrap {
  background: #f4f4f4;
  padding: 16px 24px !important;
}

.tb_scroll_head + .div_scroll {
  border-bottom: 1px solid #ddd;
}

/* 전자결재_layer_자동분류 */
div.layer_auto {
  width: 550px;
}

.layer_auto ul.normal li {
  margin-bottom: 5px;
}
.layer_auto ul.normal li label strong {
  min-width: 185px;
}
.layer_auto ul.normal li div.title {
  margin-top: 3px;
}
.layer_auto ul.normal li ul.name_tag {
  display: inline-block;
  vertical-align: middle;
}
.layer_auto ul.normal li ul.name_tag li span.name {
  max-width: 140px;
}
.layer_auto ul.normal li .input_box {
  padding-bottom: 6px;
}
.layer_auto ul.name_tag li.creat span.btn_wrap {
  padding-left: 5px;
}
.layer_auto ul.normal .wrap_txt select {
  width: 135px;
}
.layer_auto hr {
  margin: 5px 0 10px 0;
}

/* 발송취소 */
li.mail_cancel {
  padding: 3px 0 0 5px;
}

.tb_upload {
  margin: 16px 0 0 0;
}

/* Works_앱_홈 */
.tool_bar select :last-child {
  margin-right: 0;
}

.btn_tool .ic_classic.ic_setup {
  margin-top: 7px;
  margin-right: 3px;
}

table td:last-child div.btn_submenu div.array_option {
  left: -20px;
}

/* 문서관리 */
.go_skin_advanced section.lnb ul.side_depth li p.on > a {
  color: #3b3b3b;
}

/* Works 목록 다운로드 이력 */
.go_works_home table.type_normal td.downloading .btn_fn7 {
  margin-left: 4px;
}
.go_works_home table.type_normal td.downloading .btn_fn7:first-child {
  margin-left: 0;
}

.admin_addr_public .container .header {
  display: none;
}
.admin_addr_public table.detail tr > th {
  padding: 8px 0px;
  text-align: left;
  vertical-align: top;
}
.admin_addr_public .in_table tr th {
  padding: 10px 0;
  cursor: default;
  text-align: center !important;
}
.admin_addr_public .detail tr th .title {
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
}
.admin_addr_public div.tb_wrap {
  position: relative;
  padding: 15px;
}
.admin_addr_public table.detail tr > td {
  padding: 5px 10px;
}
.admin_addr_public .container div.content_tb div.col1 div.content_wrap {
  margin: 5px 15px;
  border: 1px solid #ddd;
  box-shadow: inset 1px 1px 1px rgba(88, 88, 88, 0.1);
  padding: 2px;
  background: #f3f3f3;
}
.admin_addr_public div.container div.content_tb {
  padding: 0;
  position: relative;
  overflow: hidden;
}
.admin_addr_public .container .content_tb .col1 {
  float: left;
  width: 250px;
}
.admin_addr_public .container .content_tb .col2 {
  position: relative;
  margin-left: 250px;
}
.admin_addr_public .container .content_tb .col2 .tb_wrap {
  padding-top: 50px;
}

div.container div.content_tb div.header_group {
  padding: 5px 0;
  min-height: 22px;
  margin: 20px 15px 0 15px;
  border-bottom: 1px solid #ececec;
}

.admin_addr_public div.container div.content_tb div.header_group h3 {
  font: bold 12px gulim;
  color: #333;
}
.admin_addr_public div.container div.content_tb div.col1 div.tool_bar {
  overflow: hidden;
  padding: 15px 0 0 15px;
  min-height: 23px;
  padding-right: 15px;
  padding-top: 15px;
}

.btn_s {
  display: inline-block;
  padding: 0 8px;
  height: 24px;
  line-height: 24px;
  background: #efefef;
  color: #666;
  border: 1px solid #d1d1d1;
  border-radius: 2px;
  cursor: pointer;
  font-size: 13px;
}

.admin_addr_public .btn {
  display: inline-block;
  padding: 12px 20px;
  font-size: 14px;
  background: #333;
  color: #ddd;
  border: 1px solid #444;
  border-radius: 4px;
  cursor: pointer;
  margin-right: 4px;
  padding: 10px 15px;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
}
.admin_addr_public .btn_nega {
  display: inline-block;
  padding: 12px 20px;
  font-size: 14px;
  background: #f3f3f3;
  color: #888;
  border: 1px solid #ddd;
  border-radius: 4px;
  cursor: pointer;
  margin-right: 4px;
  padding: 10px 15px;
}
.admin_addr_public .page_action {
  display: block;
  margin: 20px auto 30px;
  text-align: center;
}

.tb_admin_addr_public th {
  width: 80px;
}

/* Works 필터 조건 추가 */
.layer_normal.layer_filterAdd .content {
  display: inline-block;
  width: 90% \0 /IE9;
}

:root .layer_normal.layer_filterAdd .tool_bar span.txt {
  line-height: 0.7\0 /IE9;
}

/* option display */
.option_display .vertical_wrap_s {
  margin-bottom: 0;
}
.option_display > .vertical_wrap_s:first-child {
  margin-top: 0;
}
.option_display ul.list_option li {
  line-height: 26px;
}
.option_display ul.list_option li .ic.ic_delete {
  cursor: pointer;
}

.btn_border .ic.ic_delete:hover {
  opacity: 0.6;
}

/*print_preview_type_integration*/
/*01_origin_layer_mail_print*/
/*editor overriding*/
/* div.layer_print ul , */
/* section.classic_detail article.article_view ul {list-style-type:disc; list-style-position:inside} */
/* div.layer_print ol, */
/* section.classic_detail article.article_view ol {list-style-type:decimal; list-style-position:inside}  */
div.layer_print {
  width: 100%;
  box-shadow: none;
  border: 10px solid red;
}
div.layer_print > header span.btn_wrap {
  top: 3px;
}
div.layer_print div.mail_view_area {
  position: relative;
}
div.layer_print div.list_connect {
  display: block;
  margin: 0 0 14px 0;
}
div.layer_print div.list_connect span.num {
  margin: 0 0 0 3px;
  font-size: 16px;
  font-weight: normal;
  font-family: tahoma;
  color: #888;
}
div.layer_print div.list_connect span.count {
  color: #2eacb3;
  font-weight: bold;
}
div.layer_print div.view_content {
  background-image: none;
  padding: 0 0 25px;
}
div.layer_print div.list_connect div.title span.btn_wrap {
  top: -12px;
}
div.layer_print div.mail_view h2 span.title {
  font-size: 18px;
  color: #000;
}

:root div.layer_print header h1 span.btn_minor_s span.txt {
  margin-top: 6px\0 /IE9;
}

div.layer_print .btn_print {
  position: absolute;
  top: 4px;
  right: 44px;
}

/*02_origin_layer_pay_print*/
.layer_print input[type=radio], .layer_print input[type=checkbox] {
  top: 0;
}
.layer_print .header_print {
  position: fixed !important;
  left: 0px;
  top: 0px;
  width: 100%;
  box-sizing: border-box;
  z-index: 1;
  border-bottom: 1px solid #ddd;
  padding: 8px !important;
  background: #fff;
}
.layer_print .header_print h1 {
  vertical-align: top;
}
.layer_print .header_print span.btn_wrap {
  right: 15px !important;
}
.layer_print .header_print span.btn_wrap .wrap_option {
  padding: 3px 0px 6px;
  vertical-align: top;
  font-size: 12px;
  line-height: 20px;
  margin-right: 10px;
}
.layer_print .content_page {
  margin-top: 32px;
}
.layer_print .report_type {
  border: none;
}
.layer_print .report_type .btn_wrap {
  margin-right: 10px;
}
.layer_print .report_type ul li div.msg_wrap {
  width: 100%;
}
.layer_print .report_type ul li.delete div.msg_wrap .desc {
  margin-left: 0px !important;
}
.layer_print .content .report_type {
  border-top: none;
}
.layer_print .article_reply .reply {
  list-style: none;
}
.layer_print .btn_fn4,
.layer_print ul.reply li div.bar_current {
  display: none !important;
}

.div.layer_print .reply_create div.bar_current {
  display: none !important;
}

.layer_print .report_type li .photo,
.layer_print ul.reply li div.action_wrap,
.layer_print .ic_file_s,
.layer_print .ic_reply,
.layer_print ul.reply li div.bar_current {
  display: none !important;
}

.div.layer_print .reply_create div.bar_current {
  display: none !important;
}

.layer_print .report_type li .photo,
.layer_print ul.reply li div.action_wrap,
.layer_print .ic_file_s,
.layer_print .ic_reply,
.layer_print span.item_file span.ic_file {
  display: none !important;
}

div.layer_print div.reply_wrap ul.reply > li.current {
  background-color: #fff;
}

.layer_print .article_reply div.reply_wrap ul.reply > li:hover,
.layer_print ul.reply li.current:hover {
  background: #ffffff;
}
.layer_print .aside_wrapper {
  border: 1px solid #888;
  border-bottom: 0;
}
.layer_print .report_type .article_reply {
  border-bottom: 0;
}
.layer_print div.add_file {
  border: 1px solid #888;
}
.layer_print .report_type .article_reply {
  border: 1px solid #888;
  margin: 15px;
}
.layer_print .aside_wrapper {
  border-top: 1px solid #888 !important;
}
.layer_print div.reply_wrap ul.reply > li {
  border-bottom: 0 !important;
}
.layer_print .article_reply div.reply_wrap ul.reply {
  border-radius: 0;
}
.layer_print .article_reply div.reply_wrap ul.reply li.view_option {
  border-color: #000000;
  padding-left: 20px;
  padding-right: 20px;
}
.layer_print .txt_b,
.layer_print span.part {
  color: #000000;
}
.layer_print div.reply_wrap ul.reply li span.date,
.layer_print div.reply_wrap .reply_create span.date {
  color: #000000;
}
.layer_print ul.reply li div.msg_wrap div.info .doc .status,
.layer_print ul.reply li div.msg_wrap div.info span.department {
  color: #000000;
}
.layer_print .layer_print .reply_create div.msg_wrap div.info span.department {
  color: #000000;
}
.layer_print span.size, .layer_print span.num {
  color: #000000;
}
.layer_print div.add_file ul.file_wrap {
  background: #ffffff;
}
.layer_print div.add_file ul.file_wrap li {
  border-top: 1px solid #888;
}
.layer_print .article_reply div.reply_wrap ul.reply li.view_option {
  background: #f7f7f7;
}
.layer_print .article_reply div.reply_wrap ul.reply li.view_option:hover {
  background: #f7f7f7;
}

.form_doc_editor .editor_view > span table tr td {
  padding: 0 !important;
}

.layer_print {
  letter-spacing: 0;
}
.layer_print div.approval_import {
  overflow: inherit;
}
.layer_print .classic_detail .article_header {
  border: none;
}
.layer_print .classic_detail .article_reply {
  padding: 0 !important;
  margin: 15px !important;
  border-color: #888;
}
.layer_print .reply_wrap .msg_wrap .info .btn_wrap {
  display: none;
}
.layer_print .reply_wrap .msg_wrap .info .date {
  margin-left: 10px;
  color: #888;
}
.layer_print .reply_create {
  display: none;
}
.layer_print .classic_detail .article_reply .size {
  font-family: tahoma, dotum;
  color: #999;
  font-size: 11px;
  margin-left: 3px;
}
.layer_print .classic_detail .article_reply .reply_wrap ul.reply li.view_option span.num {
  font-weight: normal;
}
.layer_print section.article_reply div.reply_wrap ul.reply > li {
  padding-left: 20px;
  padding-right: 20px;
}
.layer_print section.article_reply div.reply_wrap ul.reply > li span.photo {
  top: 10px;
}

/* .layer_print #replyArea {border:1px solid #d6d6d6!important; margin:15px!important} */
.article_reply div.reply_wrap ul.reply > li {
  width: 100%;
  table-layout: fixed;
  border-spacing: 0;
  box-sizing: border-box;
}

ul.reply li div.msg_wrap .opinion {
  background: #f4f4f4;
  padding: 4px 8px;
  margin: 8px 0 0 0;
}

/* 예약 메뉴 */
.layer_normal .content.cont-repeat-option {
  padding: 0 24px 8px;
}

.calendar_type2.myReserv {
  padding-bottom: 12px;
  border-bottom: 1px solid #efefef;
}

.content_page.myReserv::before {
  display: block;
  content: "";
  height: 16px;
  width: 100%;
  background: #f3f4f5;
  border-bottom: 1px solid #ededed;
}

.tb_myReserv .date {
  width: 320px !important;
}
.tb_myReserv .date.open {
  border: 1px solid #00a1b9;
}
.tb_myReserv .date .summary {
  position: relative;
  width: 100%;
}
.tb_myReserv .repeat .date .summary > .txt {
  position: relative;
  width: 192px;
}
.tb_myReserv .repeat .date .summary > .time {
  font-size: 13px;
  color: #888;
  width: 88px;
}
.tb_myReserv .repeat .date .summary > .time::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 8px;
  background: #ccc;
  margin: 0 6px;
}
.tb_myReserv .date .summary .btn_wrap {
  position: absolute;
  top: -2px;
  right: 4px;
}
.tb_myReserv .name {
  width: 20%;
}
.tb_myReserv .sort {
  width: 120px !important;
}
.tb_myReserv .action {
  width: 96px !important;
}

/* 반복일정 */
/* .tb_myReserv .name {width: 200px!important} */
.dataCopy_opt .opt_save {
  position: relative;
}
.dataCopy_opt .opt_save input {
  position: absolute;
  top: 7px;
  left: 0;
  margin: 0 !important;
}
.dataCopy_opt .opt_save label {
  margin: 0 0 0 20px;
  line-height: 1.5;
}

/* works app share add */
.works_app_share {
  min-width: 680px;
}
.works_app_share:after {
  display: block;
  clear: both;
  height: 0px;
  content: "";
  overflow: hidden;
}
.works_app_share .app_list_tb {
  min-width: 530px;
}
.works_app_share .app_list_tb table tr td {
  vertical-align: middle;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.works_app_share .app_list_tb table tr th.check {
  width: 32px;
}
.works_app_share .app_list_tb table tr td.check {
  width: 32px;
}
.works_app_share .app_list_tb table tr td.subject {
  width: 100%;
}
.works_app_share .app_list_tb table tr th.disk,
.works_app_share .app_list_tb table tr td.disk {
  width: 80px;
}
.works_app_share .app_list_tb table tr th.num,
.works_app_share .app_list_tb table tr td.num {
  width: 30px;
}
.works_app_share .app_list_tb table tr th.name,
.works_app_share .app_list_tb table tr td.name {
  width: 105px;
}
.works_app_share .app_list_tb table tr th.toggle,
.works_app_share .app_list_tb table tr td.toggle {
  width: 96px;
}
.works_app_share .app_list_tb table tr th.del {
  width: 30px;
}
.works_app_share .app_list_tb table tr td.del {
  width: 30px;
}
.works_app_share .app_list_tb table tr td.subject .txt {
  display: inline;
}
.works_app_share .app_list_tb table tr td .wrap_img_ic {
  float: left;
  display: block;
  width: 30px;
  height: 30px;
}
.works_app_share .app_list_tb table tr td .wrap_img_ic + .txt {
  margin: 5px 0 0 6px;
  vertical-align: top;
}
.works_app_share .app_list_tb table tr td .wrap_img_ic img {
  width: 100%;
  height: 100%;
}
.works_app_share .app_list_tb .tool_bar .critical,
.works_app_share .app_list_tb .tool_bar .optional {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.works_app_share .app_list_tb > .txt {
  position: absolute;
  top: 14px;
  right: 24px;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #999;
}

.app_list_tb div.tab_menu_wrap {
  margin: 0;
  padding: 0;
}
.app_list_tb ul.tab_menu li {
  padding: 16px 0;
  margin: 0 0 0 24px;
}
.app_list_tb ul.tab_menu li:first-child {
  margin-left: 0;
}
.app_list_tb .contents {
  min-width: 510px;
  padding: 10px 0;
  display: block;
}
.app_list_tb .contents > .tool_bar {
  padding: 0 24px;
}
.app_list_tb .type_normal {
  table-layout: fixed;
}
.app_list_tb .type_normal .app_list {
  margin-bottom: 0;
  display: block;
  max-width: 100%;
  height: 30px;
  vertical-align: top;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 29px;
}
.app_list_tb .tool_bar .desc {
  padding-left: 8px;
  height: 28px;
  line-height: 28px;
}

.works_app_share .app_drag_space {
  float: right;
  margin-top: 37px;
}
.works_app_share .app_drag_space + .app_list_tb {
  margin-right: 375px;
}

.app_drag_space {
  position: relative;
  width: 360px;
  background: #fff;
  border: 1px solid #dfdfdf;
}
.app_drag_space .action_wrap {
  padding: 15px;
  text-align: center;
}
.app_drag_space .bg_overay {
  position: absolute;
  top: 0;
  left: 0;
  width: 343px;
  height: 40px;
  z-index: 10;
  background: -webkit-linear-gradient(top, rgb(255, 255, 255) 20%, rgba(255, 255, 255, 0) 40%);
  background: linear-gradient(rgb(255, 255, 255), rgba(255, 255, 255, 0));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#000000");
  background: -moz-linear-gradient(rgb(255, 255, 255) 20%, rgba(255, 255, 255, 0) 40%);
}

.drag_list {
  height: 375px;
  box-sizing: border-box;
  overflow-y: auto;
}
.drag_list ul.app_list_wrap {
  padding: 30px 20px;
}
.drag_list ul li {
  margin-bottom: 10px;
}
.drag_list .drag_empty {
  padding-top: 80px;
  text-align: center;
}
.drag_list .drag_empty img {
  margin-bottom: 20px;
}
.drag_list .drag_empty p.data_null {
  padding: 0;
  font-size: 14px;
  line-height: 24px;
  color: #bab5b5;
}
.drag_list .data_empty {
  padding-top: 150px;
  text-align: center;
}
.drag_list .data_empty p.data_null {
  padding: 0;
  font-size: 14px;
  line-height: 24px;
  color: #bab5b5;
}
.drag_list .data_empty a.btn_major, .drag_list .data_empty a.btn_minor {
  margin-top: 30px;
}
.drag_list .btn_wrap {
  float: right;
  margin: 8px 0 0 0;
}
.drag_list .app_list {
  margin: 0 20px 0 0;
}
.drag_list .app_list .txt {
  width: 245px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.drag_list .app_list .num {
  color: #aaa;
}
.drag_list .wrap_img_ic {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 6px;
}
.drag_list .app_list .txt {
  margin: 6px 0 0 0;
  font-size: 14px;
  vertical-align: top;
}
.drag_list .wrap_img_ic img {
  width: 100%;
  height: 100%;
}

.app_drag_space .drag_bottom {
  padding: 15px 20px;
  border-bottom: 1px solid #dfdfdf;
}
.app_drag_space .drag_bottom .txt {
  font-size: 14px;
  font-weight: bold;
}
.app_drag_space .drag_bottom .num {
  float: right;
  vertical-align: middle;
  font-size: 14px;
  color: #aaa;
}

/* hidden data css */
.hidden_data {
  display: inline-block;
  width: 70%;
}
.hidden_data span.help {
  width: 100%;
  height: 20px;
  border-radius: 2px;
  background: url(../images/ic_hidden_data.png);
  cursor: default;
}
.hidden_data span.help:hover > span {
  width: auto;
  top: 30px;
  left: inherit;
  right: 0;
  white-space: nowrap;
}
.hidden_data span.help:hover > span i.tail {
  top: -7px;
  right: 12px;
  z-index: 2;
  border-bottom: 7px solid #444;
  border-top: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}

.type_normal td:first-child .hidden_data span.help:hover > span {
  width: auto;
  top: 30px;
  left: 0;
  right: inherit;
}
.type_normal td:first-child .hidden_data span.help:hover > span i.tail {
  top: -7px;
  left: 12px;
  right: inherit;
  z-index: 2;
  border-bottom: 7px solid #444;
  border-top: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}

.build_box_inner .hidden_data span.help {
  width: 150px;
  margin: 0;
}
.build_box_inner .hidden_data span.help:hover > span {
  white-space: nowrap;
  top: -3px;
  left: 53px;
  right: inherit;
}
.build_box_inner .hidden_data span.help:hover > span i.tail {
  top: 6px;
  left: -7px;
  right: initial;
  border-top: 7px solid transparent;
  border-right: 7px solid #444;
  border-bottom: 7px solid transparent;
  border-left: 0;
}

.works_app_write .type_normal th.check_target {
  width: 450px;
}
.works_app_write .type_normal td.check_target {
  width: 450px;
}
.works_app_write .type_normal td.masking_option span.option_wrap {
  display: inline-block !important;
}
.works_app_write .type_normal td.masking_option input[type=checkbox] {
  margin-top: -5px !important;
}

.build_prev_header .hidden_data {
  margin: 0 0 7px;
}
.build_prev_header .hidden_data span.help {
  height: 30px;
}
.build_prev_header .hidden_data span.help:hover > span {
  width: auto;
  top: 20px;
  left: 0;
  right: inherit;
}
.build_prev_header .hidden_data span.help:hover > span i.tail {
  top: -7px;
  left: 12px;
  right: inherit;
  z-index: 2;
  border-bottom: 7px solid #444;
  border-top: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}

.item_file .hidden_data {
  width: 200px;
}
.item_file .hidden_data span.help {
  width: 100% !important;
}
.item_file .hidden_data span.help .tool_tip {
  font-size: 12px;
}

.layer_checktarget_set .option_display li {
  margin-top: 0;
}

/* works 알람 레이어 */
.layer_normal.layer_deadline_alarm {
  width: 400px;
}

.layer_deadline_alarm .filter_option {
  padding: 0 !important;
}
.layer_deadline_alarm .form_type .filter_option .form_box_basic > div:first-child {
  width: 240px;
}
.layer_deadline_alarm .filter_option .btn_tool_multi .txt > span {
  padding: 0;
}
.layer_deadline_alarm .btn_submenu .btn_tool_multi.fix_large strong {
  vertical-align: top;
  margin-left: 3px;
}
.layer_deadline_alarm .wrap_filter {
  margin-bottom: 0;
}
.layer_deadline_alarm .box_basic_scroll .wrap_option {
  position: relative;
}
.layer_deadline_alarm .box_basic_scroll .wrap_option input {
  position: absolute;
  top: 8px;
  left: 0;
}
.layer_deadline_alarm .box_basic_scroll .wrap_option label {
  margin-left: 24px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: middle;
}
.layer_deadline_alarm table tr td > .wrap_option {
  padding: 4px 0;
}
.layer_deadline_alarm .option_display {
  margin: 8px 0 !important;
}
.layer_deadline_alarm .option_display ul.list_option li {
  line-height: 14px;
}
.layer_deadline_alarm .option_display .btn_border {
  margin: 0;
}
.layer_deadline_alarm .btn_submenu .array_option {
  top: 29px;
  left: 0 !important;
}

.ic_chart {
  width: 18px;
  height: 16px;
  background-position: -100px -400px !important;
}

/* works 앱 홈 차트 접기펼치기 기능 추가 */
.btn_chart {
  position: absolute;
  top: -2px;
  right: 11px;
}
.btn_chart i.ic_chart {
  width: auto;
  height: 16px;
  background-position: -100px -400px !important;
}
.btn_chart i.ic_chart span.txt {
  padding: 2px 0 0 24px;
  font-size: 13px;
  white-space: nowrap;
  font-style: normal;
}

.go_works_situation .dashboard_box {
  /* background: #f4f4f4; */
  margin-bottom: 16px;
  border: 8px solid #eee;
  border-left: none;
  border-right: none;
}

/* Do Care Lounge 버튼 추가 */
.btn_docare .ic_docare {
  width: 24px;
  height: 24px;
  background: url(../images/ic_snb.png) no-repeat -50px -50px;
  background-position: 0 0px;
}

section.my_info .btn_docare {
  display: inline-block;
  padding: 10px 10px 6px;
}
section.my_info .btn_docare .txt {
  vertical-align: top;
  margin: 2px 0 0 4px;
  color: #fff;
  display: none;
}

.go_skin_advanced section.my_info .btn_docare {
  padding: 8px;
}
.go_skin_advanced section.my_info .btn_docare .txt {
  vertical-align: top;
  display: none;
}

.wrap_docare {
  display: inline-block;
  position: relative;
}

.layer_docare_alarm {
  position: absolute;
  top: 54px;
  right: -66px;
  padding: 12px 28px;
  width: 300px;
  background: #26bed6;
  box-sizing: border-box;
  z-index: 100;
  border-radius: 100px;
  text-align: left;
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
}
.layer_docare_alarm i {
  display: block;
  width: 0px;
  height: 0px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 10px solid #21cad3;
  position: absolute;
  top: -10px;
  right: 100px;
}

.wrap_docare .wrap_txt {
  display: inline-block;
  width: 180px;
  padding: 0 0 0 8px;
  width: 180px;
  text-align: left;
  color: #fff;
}
.wrap_docare .wrap_txt > span.tit {
  display: inline-block;
  max-width: 180px;
  font-size: 14px;
  font-weight: bold;
  font-weight: 500;
  letter-spacing: -1px;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wrap_docare .wrap_txt > .ic_new2 {
  margin-top: 1px;
  padding-left: 2px;
  width: 14px;
  height: 14px;
  vertical-align: top;
}
.wrap_docare .wrap_txt > p.txt {
  margin-top: 2px;
  color: #b1fbff;
  letter-spacing: -1px;
  opacity: 0.6;
}
.wrap_docare .ic_customer {
  background-position: -50px -650px;
  width: 37px;
  height: 41px;
  vertical-align: middle;
}
.wrap_docare .ic_d_delete {
  position: absolute;
  top: 14px;
  right: 24px;
  width: 19px;
  height: 19px;
  background-position: -450px -200px !important;
  cursor: pointer;
  z-index: 111;
}

/* Works 일괄등록 가이드 */
.layer_normal.guide_csv_help {
  width: 100%;
}

.guide_csv_help header {
  padding: 24px !important;
  height: auto !important;
  background: #41bfc6 !important;
  box-sizing: border-box;
  border-bottom: 0 !important;
}
.guide_csv_help header h1 {
  color: #fff !important;
  font-size: 18px !important;
  font-weight: bold !important;
  font-weight: 500 !important;
}
.guide_csv_help .wrap_guide_01 {
  padding: 20px 0 60px;
  text-align: center;
}
.guide_csv_help .wrap_guide_02,
.guide_csv_help .wrap_guide_03 {
  padding: 60px 0;
  text-align: center;
}
.guide_csv_help .wrap_guide_01 {
  background-color: #41bfc6;
}
.guide_csv_help .wrap_guide_03 {
  background-color: #eaeaea;
}
.guide_csv_help .wrap_guide_03 ul.csv_list {
  margin: 0 auto;
  width: 880px;
  text-align: left;
}
.guide_csv_help .wrap_guide_03 ul.csv_list li {
  margin-top: 10px;
  padding-left: 22px;
  font-size: 14px;
  line-height: 24px;
  background: url(../images/ic_csvguide_02.png) no-repeat 0 0;
  list-style: none;
}
.guide_csv_help .wrap_guide_03 ul.csv_list li:first-child {
  margin-top: 0;
}
.guide_csv_help .wrap_guide_01 .guide_object {
  position: relative;
  margin: 0 auto;
  width: 880px;
}
.guide_csv_help .wrap_guide_01 .image_display {
  position: absolute;
  top: 35px;
  left: 0;
}
.guide_csv_help .wrap_guide_01 .image_desc {
  margin-left: 300px;
  width: 580px;
  text-align: left;
}
.guide_csv_help .big_tit {
  margin-bottom: 40px;
  font-size: 36px;
  font-weight: 300;
  letter-spacing: -1px;
  color: #41bfc6;
}
.guide_csv_help .wrap_guide_01 .big_tit {
  color: #fff;
}
.guide_csv_help .wrap_guide_01 ul.guide_list li {
  margin-bottom: 40px;
  padding-left: 20px;
  background: url(../images/ic_csvguide_01.png) no-repeat 0 0;
  list-style: none;
}
.guide_csv_help .wrap_guide_01 ul.guide_list li p.tit {
  font-size: 21px;
  font-weight: bold;
  font-weight: 500;
  color: #fff;
}
.guide_csv_help .wrap_guide_01 ul.guide_list li p.tit strong {
  color: #fff36b;
}
.guide_csv_help .wrap_guide_01 ul.guide_list li p.desc {
  font-size: 16px;
  color: #cfe9ea;
}
.guide_csv_help .wrap_guide_01 ul.guide_list li:last-child {
  margin-bottom: 0;
}
.guide_csv_help .banner_wrap {
  position: relative;
  width: 890px;
  margin: 0 auto;
}
.guide_csv_help .banner_wrap .nav a {
  display: inline-block;
  position: absolute;
  top: 50%;
  width: 24px;
  height: 47px;
  margin: -24px 0 0 0;
  background: url(../images/ic_works.png) no-repeat;
}
.guide_csv_help .banner_wrap .nav .btn_left {
  left: -25px;
  background-position: -300px -450px;
}
.guide_csv_help .banner_wrap .nav .btn_right {
  right: -25px;
  background-position: -350px -450px;
}
.guide_csv_help .banner_wrap .banner_contain {
  margin-bottom: 40px;
  width: 890px;
  height: 550px;
  overflow: hidden;
  position: relative;
}
.guide_csv_help .banner_wrap .page_nav a {
  display: inline-block;
  width: 24px;
  height: 6px;
  border-radius: 7px;
  background: #dfdfdf;
  margin-right: 4px;
}
.guide_csv_help .banner_wrap .page_nav a.on {
  background: #25cad6;
}
.guide_csv_help .banner_wrap .banner_contain .banner_box {
  width: 5340px;
  position: absolute;
}
.guide_csv_help .banner_wrap .banner_contain .banner_box img {
  width: 890px;
  height: 550px;
  float: left;
  border: 0;
  margin: 0;
  padding: 0;
}
.guide_csv_help footer.btn_layer_wrap {
  margin-top: 60px;
  border-top: 0;
}
.guide_csv_help footer.btn_layer_wrap p.desc {
  text-align: center;
  color: #3b3b3b;
}
.guide_csv_help footer.btn_layer_wrap a.btn_major {
  padding: 14px 60px;
  font-weight: 100;
  font-size: 16px;
}
.guide_csv_help.guide_connect .image_display {
  top: 43px;
}
.guide_csv_help.guide_connect .big_tit {
  font-size: 34px;
}
.guide_csv_help.guide_connect .guide_object {
  margin-bottom: 20px;
  padding-bottom: 40px;
  border-bottom: 1px solid #30adb4;
}
.guide_csv_help.guide_connect .guide_con_list {
  margin: 0 auto;
  width: 880px;
}
.guide_csv_help.guide_connect .guide_con_list li {
  position: relative;
  margin-top: 20px;
  list-style-type: none;
}
.guide_csv_help.guide_connect .guide_con_list li:first-child {
  margin-top: 0px;
}
.guide_csv_help.guide_connect .guide_con_list .con_list_tit {
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  padding: 10px;
  box-sizing: border-box;
  background: #00a1b9;
  border-radius: 100px;
}
.guide_csv_help.guide_connect .guide_con_list .con_list_tit p.tit {
  font-size: 16px;
}
.guide_csv_help.guide_connect .guide_con_list p.desc {
  font-size: 16px;
}
.guide_csv_help.guide_connect .guide_con_list .con_list_tit p.tit {
  color: #fff;
}
.guide_csv_help.guide_connect .guide_con_list p.desc {
  padding: 9px 9px 9px 140px;
  color: #6d6d6d;
  line-height: 26px;
  word-break: keep-all;
}
.guide_csv_help.guide_connect .guide_con_list p.desc strong {
  font-weight: normal;
  color: #00a1b9;
}

/* works 데이터 연동 가이드 */
section.wrap_header_guide {
  position: absolute;
  top: 9px;
  right: 10px;
  white-space: nowrap;
}

.go_skin_advanced section.wrap_header_guide {
  top: 0;
  right: 0;
}

section.wrap_header_guide .wrap_help_guide_s {
  cursor: pointer;
}

.build_situation .wrap_help_guide_s .ic_help_guide_s {
  background-position: -250px -400px !important;
}

ul.guide_list a {
  margin-left: 5px;
  color: #fff;
  text-decoration: underline;
}

.test1 {
  background: red;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
}

.go_skin_advanced .app_temp .wrap_help_guide_s {
  top: 14px;
  right: 160px;
}

/* works 차트 프레젠테이션 모드 */
.ic_present_close {
  background-position: -350px -400px !important;
  width: 24px;
  height: 24px;
}

.layer_present_mode {
  position: fixed !important;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: 64px 110px;
  width: auto !important;
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  background: #252525;
  z-index: 10002 !important;
}
.layer_present_mode header {
  padding: 16px 20px;
}
.layer_present_mode header h1 {
  color: #bfbfbf;
  font-size: 20px;
  font-weight: 400;
}
.layer_present_mode a.btn_layer_x {
  padding: 18px;
  top: 0;
  right: 0;
  border-radius: 12px;
}
.layer_present_mode a.btn_layer_x .txt {
  display: inline-block;
  margin: 2px 12px 0 0;
  font-size: 16px;
  color: #c1c1c1;
}
.layer_present_mode a.btn_layer_x:hover {
  background-color: #151515;
  opacity: 0.7;
}
.layer_present_mode .content {
  display: inline-block;
  padding: 0 24px;
  height: calc(100% - 205px);
  color: #7b7b7b;
}
.layer_present_mode .content .card_item {
  display: inline-block;
  margin: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  border: 1px solid #101010;
}
.layer_present_mode .content .card_item .card_wrapper {
  border: 0;
  text-align: center;
}
.layer_present_mode .wrap_chart_list {
  display: inline-block;
  width: 100%;
  padding: 20px 24px 24px;
  text-align: center;
  box-sizing: border-box;
}
.layer_present_mode .wrap_chart_list .chart_list {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow-x: auto;
  justify-content: center;
  margin: 0;
  padding-bottom: 10px;
  gap: 8px;
}
.layer_present_mode .wrap_chart_list .card_item {
  display: inline-block;
  margin: 0;
  float: none;
  flex: 0 0 174px;
  width: 174px;
  min-width: 174px;
  max-width: 174px;
  height: 90px;
  box-sizing: border-box;
  border: 2px solid #fff;
}
.layer_present_mode .wrap_chart_list .card_item:hover {
  box-shadow: none;
  border: 2px solid #21cad3;
}
.layer_present_mode .wrap_chart_list .card_item .card_wrapper {
  border: 0;
}
.layer_present_mode .wrap_chart_list .card_item.on {
  border: 2px solid #21cad3 !important;
  background: #cdfcff !important;
}

/*works dashboard layout*/
/*ie8 + media all and (max-width:1279px)*/
.go_works_situation .dashboard_box .card_item_wrapper {
  width: 100% !important;
  min-width: 755px;
  box-sizing: border-box;
}
.go_works_situation .dashboard_box .card_item_wrapper .card_item {
  padding: 10px;
  overflow: auto;
  box-sizing: border-box;
}
.go_works_situation .dashboard_box .card_item_wrapper .card_item .card_wrapper {
  padding: 0;
}
.go_works_situation .dashboard_box .card_item:hover {
  transform: translateY(0);
  box-shadow: 0px 1px 1px #bbb;
}

.dashboard_box.type_col_01 .card_item_wrapper .card_item {
  width: 652px !important;
  height: 400px;
}
.dashboard_box.type_col_02 .card_item_wrapper .card_item {
  width: 318px !important;
  height: 350px;
}
.dashboard_box.type_col_03 .card_item_wrapper .card_item {
  width: 206px !important;
  height: 220px;
}

@media all and (min-width: 1260px) and (max-width: 1569px) {
  .dashboard_box.type_col_01 .card_item_wrapper .card_item {
    width: 944px !important;
    height: 450px;
  }
  .dashboard_box.type_col_02 .card_item_wrapper .card_item {
    width: 464px !important;
    height: 400px;
  }
  .dashboard_box.type_col_03 .card_item_wrapper .card_item {
    width: 304px !important;
    height: 300px;
  }
  .go_skin_advanced .dashboard_box.type_col_01 .card_item_wrapper .card_item {
    width: 888px !important;
    height: 450px;
  }
  .go_skin_advanced .dashboard_box.type_col_02 .card_item_wrapper .card_item {
    width: 436px !important;
    height: 400px;
  }
  .go_skin_advanced .dashboard_box.type_col_03 .card_item_wrapper .card_item {
    width: 285px !important;
    height: 300px;
  }
}
@media all and (min-width: 1570px) and (max-width: 1919px) {
  .dashboard_box.type_col_01 .card_item_wrapper .card_item {
    width: 1254px !important;
    height: 500px;
  }
  .dashboard_box.type_col_02 .card_item_wrapper .card_item {
    width: 619px !important;
    height: 450px;
  }
  .dashboard_box.type_col_03 .card_item_wrapper .card_item {
    width: 407px !important;
    height: 400px;
  }
  .go_skin_advanced .gnb + .go_body .dashboard_box.type_col_01 .card_item_wrapper .card_item {
    width: 1054px !important;
    height: 500px;
  }
  .go_skin_advanced .gnb + .go_body .dashboard_box.type_col_02 .card_item_wrapper .card_item {
    width: 519px !important;
    height: 450px;
  }
  .go_skin_advanced .gnb + .go_body .dashboard_box.type_col_03 .card_item_wrapper .card_item {
    width: 340px !important;
    height: 400px;
  }
  .go_skin_advanced.mini .dashboard_box.type_col_01 .card_item_wrapper .card_item {
    width: 1198px !important;
    height: 500px;
  }
  .go_skin_advanced.mini .dashboard_box.type_col_02 .card_item_wrapper .card_item {
    width: 591px !important;
    height: 450px;
  }
  .go_skin_advanced.mini .dashboard_box.type_col_03 .card_item_wrapper .card_item {
    width: 388px !important;
    height: 400px;
  }
  .grid-stack-item-content .card_item {
    width: 100% !important;
    height: 100%;
    margin: 0;
  }
}
@media all and (min-width: 1920px) {
  .dashboard_box.type_col_01 .card_item_wrapper .card_item {
    width: 1604px !important;
    height: 500px;
  }
  .dashboard_box.type_col_02 .card_item_wrapper .card_item {
    width: 794px !important;
    height: 450px;
  }
  .dashboard_box.type_col_03 .card_item_wrapper .card_item {
    width: 524px !important;
    height: 400px;
  }
  .go_skin_advanced .gnb + .go_body .dashboard_box.type_col_01 .card_item_wrapper .card_item {
    width: 1404px !important;
    height: 500px;
  }
  .go_skin_advanced .gnb + .go_body .dashboard_box.type_col_02 .card_item_wrapper .card_item {
    width: 694px !important;
    height: 450px;
  }
  .go_skin_advanced .gnb + .go_body .dashboard_box.type_col_03 .card_item_wrapper .card_item {
    width: 457px !important;
    height: 400px;
  }
  .go_skin_advanced.mini .gnb + .go_body .dashboard_box.type_col_01 .card_item_wrapper .card_item {
    width: 1548px !important;
    height: 500px;
  }
  .go_skin_advanced.mini .gnb + .go_body .dashboard_box.type_col_02 .card_item_wrapper .card_item {
    width: 766px !important;
    height: 450px;
  }
  .go_skin_advanced.mini .gnb + .go_body .dashboard_box.type_col_03 .card_item_wrapper .card_item {
    width: 505px !important;
    height: 400px;
  }
}
.ic_chart_v1 {
  background-position: -350px -300px !important;
  width: 31px;
  height: 21px;
}

.ic_chart_v2 {
  background-position: -383px -300px !important;
  width: 31px;
  height: 21px;
}

.ic_chart_v3 {
  background-position: -416px -300px !important;
  width: 31px;
  height: 21px;
}

.dashboard_box.type_col_01 ul.type_chart_view li a.chart_type .ic_chart_v1,
.type_chart_view a:hover .ic_chart_v1 {
  background-position: -350px -323px !important;
  width: 31px;
  height: 21px;
}

.dashboard_box.type_col_02 .type_chart_view a.chart_type .ic_chart_v2,
.type_chart_view a:hover .ic_chart_v2 {
  background-position: -383px -323px !important;
  width: 31px;
  height: 21px;
}

.dashboard_box.type_col_03 .type_chart_view a.chart_type .ic_chart_v3,
.type_chart_view a:hover .ic_chart_v3 {
  background-position: -416px -323px !important;
  width: 31px;
  height: 21px;
}

.dashboard_box .type_chart_view {
  margin-bottom: 14px;
  text-align: center;
}
.dashboard_box .type_chart_view li {
  display: inline-block;
  margin: 0 4px;
}

/* scroll */
.layer_present_mode .wrap_chart_list .chart_list {
  scrollbar-face-color: #545454;
  scrollbar-3dlight-color: #545454;
  scrollbar-highlight-color: #545454;
  scrollbar-shadow-color: #545454;
  scrollbar-darkshadow-color: #545454;
  scrollbar-arrow-color: #545454;
  scrollbar-track-color: #333537;
}
.layer_present_mode .wrap_chart_list .chart_list > div {
  display: inline-block;
  margin: 0 auto;
}
.layer_present_mode .wrap_chart_list .chart_list::-webkit-scrollbar {
  height: 10px;
  border-radius: 10px;
}
.layer_present_mode .wrap_chart_list .chart_list::-webkit-scrollbar-track {
  background: #333537;
  border-radius: 10px;
}
.layer_present_mode .wrap_chart_list .chart_list::-webkit-scrollbar-thumb {
  background: #545454;
  border-radius: 10px;
}

.attach .attach_body {
  margin: 10px 0 0 0;
  padding: 0 0 0 20px;
}
.attach .attach_body .attach_list .wrap_file .optional {
  margin: 0 0 0 5px;
}

.attach_list .wrap_file .btn_wrap {
  padding: 6px 5px 4px;
  vertical-align: top;
}
.attach_list .wrap_file .file .btn_wrap:first-child {
  padding: 6px 5px 4px;
  vertical-align: middle;
}
.attach_list .wrap_file .file .btn_wrap:last-child {
  vertical-align: middle;
  margin: 1px 0 0 8px;
}

.attach .attach_header .btn_area {
  margin: 0 0 0 20px;
}

.layer_todo_card .attach_list .wrap_file .name {
  max-width: 60%;
}

.attach_list .wrap_file .file .ic_file {
  vertical-align: middle;
  margin: 0 4px 0 0;
}
.attach_list .wrap_file .name {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 16px;
  line-height: 16px;
  vertical-align: middle;
  margin: 0;
  cursor: pointer;
  max-width: 75%;
}

.mail_view .attach {
  padding: 20px 0;
  border-top: 1px solid #eee;
}

/* button */
.btn_attach {
  display: inline-block;
  position: relative;
}
.btn_attach input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 66px;
  height: 24px;
  cursor: pointer;
}

/* works document num add */
.works_app_write .form_document_num th,
.works_app_write .form_document_num td {
  padding: 2px 0 !important;
}
.works_app_write .form_document_num th span.wrap_opt {
  margin-top: 3px !important;
}
.works_app_write .form_document_num td span.wrap_txt input:disabled {
  background-color: #eee;
  color: #999;
}

.build_prev_wrap .build_prev_header .box_label_wrap span.docu_num {
  font-size: 12px;
  color: #9e9e9e;
}
.build_prev_wrap .build_prev_header .box_label_wrap span.state {
  margin: -6px 8px 0 0;
  min-width: 15px;
  line-height: 12px;
}

.app_doc {
  text-align: left;
}

.wrap_file_upload {
  padding: 0 !important;
}

section.lnb h1.member {
  padding-left: 24px;
}
section.lnb h1.member .num {
  vertical-align: middle;
}
section.lnb h1.member .btn_wrap {
  top: 6px;
}
section.lnb ul.side_depth li.member p.title .photo::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  inset: 0;
  display: block;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2788%27%20height%3D%2788%27%20viewBox%3D%27-6%20-8%20114%20114%27%3E%3Cpath%20d%3D%27M2%2050C2%208.825%2010.825%200%2052%200C93.175%200%20102%208.825%20102%2050C102%2091.175%2093.175%20100%2052%20100C10.825%20100%202%2091.175%202%2050Z%27%20fill%3D%27none%27%20stroke%3D%27%23cfd1d4%27%20stroke-width%3D%271%27/%3E%3C/svg%3E");
  pointer-events: none;
  z-index: 1;
}
section.lnb ul.side_depth li.member p.title .photo img {
  width: 100%;
  height: 100%;
  background-size: cover;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2288%22%20height%3D%2288%22%20viewBox%3D%22-6%20-8%20114%20114%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M2%2050C2%208.825%2010.825%200%2052%200C93.175%200%20102%208.825%20102%2050C102%2091.175%2093.175%20100%2052%20100C10.825%20100%202%2091.175%202%2050Z%22%20fill%3D%22%23EAECEF%22%20/%3E%0A%20%20%3Cmask%20id%3D%22avatar_image%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%22%20height%3D%22100%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M52%2020.6667C56.2853...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M60.6667%2072.6667...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%3C/mask%3E%0A%20%20%3Cg%20mask%3D%22url(%23avatar_image)%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M2%2050...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2288%22%20height%3D%2288%22%20viewBox%3D%22-6%20-8%20114%20114%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M2%2050C2%208.825%2010.825%200%2052%200C93.175%200%20102%208.825%20102%2050C102%2091.175%2093.175%20100%2052%20100C10.825%20100%202%2091.175%202%2050Z%22%20fill%3D%22%23EAECEF%22%20/%3E%0A%20%20%3Cmask%20id%3D%22avatar_image%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%22%20height%3D%22100%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M52%2020.6667C56.2853...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M60.6667%2072.6667...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%3C/mask%3E%0A%20%20%3Cg%20mask%3D%22url(%23avatar_image)%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M2%2050...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E");
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
section.lnb h1.security .txt {
  margin-right: 2px;
}
section.lnb h1.security .sub_txt,
section.lnb h1.security .num {
  color: #2eacb3;
}

/* annualvacation */
.calendar_tool_bar2 {
  margin-top: 7px;
}
.calendar_tool_bar2 .optional {
  position: absolute;
  top: 4px;
  right: 0;
  margin: 0;
}
.calendar_tool_bar2 div.dataTables_length {
  margin-top: 0;
}

h1.s_title.s_title_2 {
  margin-top: 0;
  padding: 0;
}

.form_type.search_inpage {
  width: 700px;
}
.form_type.search_inpage > tbody > tr > th {
  width: 12%;
}

.annualvacation .tab_contents .form_type th {
  width: 170px;
}
.annualvacation table.tb_vacation_set th.check,
.annualvacation table.tb_vacation_set td.check {
  width: 70px;
}
.annualvacation table.tb_vacation_set th.years,
.annualvacation table.tb_vacation_set td.years {
  width: 100px;
}
.annualvacation .tab_contents_2 .tool_bar .critical {
  margin-top: 10px;
}
.annualvacation .btn_wrap {
  padding: 2px 0;
}
.annualvacation .btn_s {
  display: inline-block;
  padding: 5px 10px;
  background: #efefef;
  color: #666;
  border: 1px solid #d1d1d1;
  border-radius: 2px;
  cursor: pointer;
  letter-spacing: -1px;
}
.annualvacation .wrap_help_guide_s {
  margin-top: 50px;
  padding-left: 13px;
}
.annualvacation .wrap_help_guide_s .title {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bold;
}
.annualvacation .wrap_help_guide_s .title .ic_help_guide_s {
  position: relative;
  margin-top: -2px;
}
.annualvacation .wrap_help_guide_s ul li {
  padding-top: 5px;
  padding-left: 4px;
  line-height: 1.5;
}
.annualvacation .current_date {
  width: 500px;
  margin: 0 auto;
}

.annualvacation_company .type_normal.list_annual_company th,
.annualvacation_company .type_normal.list_annual_company td {
  box-sizing: border-box;
  vertical-align: middle;
}
.annualvacation_company .type_normal.list_annual_company th:first-child {
  max-width: 30px;
}
.annualvacation_company .type_normal.list_annual_company td:first-child {
  max-width: 30px;
}
.annualvacation_company .type_normal.list_annual_company td:nth-child(2), .annualvacation_company .type_normal.list_annual_company td:nth-child(3) {
  min-width: 140px;
}
.annualvacation_company .type_normal.list_annual_company td:nth-child(4), .annualvacation_company .type_normal.list_annual_company td:nth-child(6) {
  min-width: 100px;
}

.layer_annualvacation_set,
.layer_annualvacation_adjust {
  width: 450px;
}

.layer_annualvacation_set .wrap_notice .btn_fn9 {
  margin: 10px;
}
.layer_annualvacation_set .form_type th {
  width: 120px;
}
.layer_annualvacation_set .form_type td .item_file {
  margin-top: 8px;
}
.layer_annualvacation_set p.desc {
  margin: 5px 0 15px 0;
  padding: 0;
}
.layer_annualvacation_set p.desc .caution {
  color: #3b3b3b;
}
.layer_annualvacation_set .wrap_notice {
  margin: 20px 0 0 0;
  padding: 10px;
  background: #eee;
}
.layer_annualvacation_set .wrap_notice .notice {
  padding: 15px 10px;
}
.layer_annualvacation_set .wrap_notice .notice .tit {
  margin: 0 0 10px 0;
}
.layer_annualvacation_set #uploadBtn {
  padding: 0;
  vertical-align: top;
}

.layer_annualvacation_adjust .form_type th {
  width: 110px;
}
.layer_annualvacation_adjust .go_form_basic textarea {
  width: 100%;
  height: 120px;
}
.layer_annualvacation_adjust span.help:hover > span {
  width: 250px;
}

.layer_annualvacation_set .wrap_notice .notice .tit .ic_fail {
  vertical-align: baseline;
}

/* ehr menu style add */
.go_skin_ehr {
  font-weight: normal;
}
.go_skin_ehr h1 {
  font-weight: normal;
}
.go_skin_ehr .go_body .go_content .current_date .date {
  margin-top: -2px;
}
.go_skin_ehr header.content_top {
  background-image: none;
}
.go_skin_ehr .calendar_tool_bar {
  margin: 16px 0 0 0;
}
.go_skin_ehr .calendar_tool_bar .current_date span.btn_ic_prev2, .go_skin_ehr .calendar_tool_bar .current_date span.btn_ic_next2 {
  padding: 11px 0;
}
.go_skin_ehr .calendar_tool_bar .current_date span.btn_ic_prev2:hover span.ic_date_prev {
  background-position: -50px 0;
}
.go_skin_ehr .calendar_tool_bar .current_date span.btn_ic_next2:hover span.ic_date_next {
  background-position: -75px 0;
}

/*go_skin_ehr .calendar_tool_bar .current_date span.date {margin:2px 14px 0; font-family:"century gothic", tahoma, applegothic !important; font-size:24px; font-weight:bold; color:#3b3b3b; line-height:32px;}*/
.wrap_statistics {
  margin: 0 24px;
}
.wrap_statistics .critical {
  margin: 5px 0 0;
}
.wrap_statistics .optional {
  margin: 5px 0 0;
}
.wrap_statistics .optional ul.wrap_ehr_stat {
  margin-top: 4px;
}
.wrap_statistics .critical > span.txt,
.wrap_statistics .optional > span.txt {
  margin-top: 5px;
  font-size: 14px;
  color: #888;
  line-height: 14px;
}
.wrap_statistics .critical .btn_wrap {
  margin: 0 0 0 8px;
}

.go_skin_ehr div.current_date {
  height: 40px;
}
.go_skin_ehr .optional .btn_tool {
  padding: 0 8px;
}
.go_skin_ehr .optional .btn_tool + .select_box {
  margin: 0 0 3px 4px !important;
}
.go_skin_ehr .optional .btn_tool + .select_box:hover {
  background: none;
}
.go_skin_ehr .tool_bar .critical .wrap_select {
  padding: 0;
}
.go_skin_ehr .tool_bar .critical .wrap_select select {
  margin-left: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.go_skin_ehr .tool_bar .critical .select_depart select {
  max-width: 200px;
}

.wrap_ehr_data {
  padding: 0 20px;
  background: #fff;
  border: 1px solid #dcdcdc;
  margin-bottom: 40px;
}
.wrap_ehr_data .ehr_stat_data {
  display: inline-block;
  padding: 20px 0;
  width: 15%;
  max-width: 220px;
  vertical-align: top;
}
.wrap_ehr_data.ehr_holiday_data .ehr_stat_data {
  width: 8%;
}
.wrap_ehr_data.ehr_holiday_data .ehr_stat_data.member_data {
  padding: 30px 10px;
  width: 21%;
}
.wrap_ehr_data .ehr_stat_data p.stat_tit {
  text-align: center;
}
.wrap_ehr_data .ehr_stat_data p.stat_txt {
  margin-top: 8px;
  font-size: 25px;
  text-align: center;
  color: #00a1b9;
  letter-spacing: -1px;
}
.wrap_ehr_data .ehr_stat_data p.stat_txt span {
  font-size: 20px;
}
.wrap_ehr_data .ehr_stat_data.month_data p.stat_tit, .wrap_ehr_data .ehr_stat_data.month_data p.stat_txt {
  color: #888;
  font-weight: normal;
}

.divide_bar {
  display: inline-block;
  margin: 24px 8px;
  width: 1px;
  height: 58px;
  background: #eaeaea;
  vertical-align: top;
}
.divide_bar.divide_space {
  display: inline-block;
  margin: 0 8px;
  height: 106px;
  background: #e5e5e5;
}

.wrap_ehr_data .ehr_stat_data p span.tool_tip {
  white-space: normal;
}

@media all and (max-width: 1300px) {
  .go_ehr_attend_personal .wrap_ehr_data .ehr_stat_data {
    width: 16%;
  }
  .go_ehr_attend_personal .wrap_ehr_data .ehr_stat_data.summary, .go_ehr_attend_personal .wrap_ehr_data .ehr_stat_data.detail {
    width: 48%;
  }
  .wrap_ehr_data .ehr_stat_data {
    padding: 18px 0;
    width: 18%;
  }
  .wrap_ehr_data.ehr_holiday_data .ehr_stat_data {
    width: 8%;
    min-width: 60px;
  }
  .wrap_ehr_data .ehr_stat_data p.stat_tit {
    font-size: 12px;
  }
  .wrap_ehr_data .ehr_stat_data p.stat_txt {
    font-size: 18px;
  }
  .wrap_ehr_data .ehr_stat_data p.stat_txt span {
    font-size: 14px;
  }
  .divide_bar {
    display: inline-block;
    margin: 24px 5px;
    width: 1px;
    height: 40px;
    background: #e5e5e5;
    vertical-align: top;
  }
  .divide_bar.divide_space {
    display: inline-block;
    margin: 0 6px;
    height: 89px;
  }
  .wrap_statistics .ehr_stat_data span.help {
    margin-top: 0 !important;
  }
  .wrap_ehr_data.ehr_holiday_data .ehr_stat_data.member_data {
    width: 22%;
    padding: 20px 10px;
  }
}
.tool_bar + .tb_stair {
  border-top: 1px solid #ddd;
}

.go_skin_ehr .wrap_statistics,
.go_skin_ehr .wrap_tb_box {
  min-width: 940px;
}

.wrap_tb_box {
  margin: 36px 20px 0;
}

.go_skin_ehr .wrap_tb_box {
  margin: 25px 0 0;
}
.go_skin_ehr .wrap_tb_box .critical {
  display: inline-block;
}
.go_skin_ehr .wrap_tb_box .tool_bar {
  margin-bottom: 0;
}

.wrap_tb_box .late {
  color: #f07f7f;
}
.wrap_tb_box .day_sun .date_l .txt,
.wrap_tb_box .day_sun .date_r .txt {
  color: #f07f7f;
}
.wrap_tb_box .day_holiday .date_l .txt,
.wrap_tb_box .day_holiday .date_r .txt {
  color: #f07f7f;
}
.wrap_tb_box th.days.day_sun .title_sort, .wrap_tb_box th.days.day_holiday .title_sort {
  color: #f07f7f;
}
.wrap_tb_box .day_sat .date_l .txt,
.wrap_tb_box .day_sat .date_r .txt {
  color: #888;
}
.wrap_tb_box th.days.day_sat .title_sort {
  color: #888;
}
.wrap_tb_box .modify {
  color: #00a1b9;
}
.wrap_tb_box .tb_optional .txt strong.late, .wrap_tb_box .tb_optional .txt strong.caution {
  color: #f07f7f !important;
}
.wrap_tb_box .caution {
  color: #f07f7f !important;
}

.ehr_stat_data .caution {
  color: #f07f7f !important;
}

h2.table_tit {
  float: left;
  font-size: 16px;
}
h2.table_tit .btn_wrap {
  margin-right: 8px;
  vertical-align: top;
}

.go_ehr_attend_personal h2.table_tit {
  height: 35px;
  font-size: 16px;
  line-height: 35px;
  font-weight: bold;
  font-weight: 500;
}

.tb_optional {
  float: right;
  vertical-align: top;
  line-height: 34px;
}
.tb_optional .txt {
  font-size: 14px;
  font-weight: bold;
  font-weight: 500;
}
.tb_optional .desc {
  font-size: 13px;
  vertical-align: middle;
}
.tb_optional .txt strong,
.tb_optional .desc strong {
  color: #00a1b9;
}

table.type_white th.date span {
  text-align: center;
}
table.type_white tbody tr:hover {
  cursor: pointer;
}
table.type_white tbody tr td.date {
  padding-right: 10px !important;
  text-align: right !important;
}
table.type_white td.date.day {
  padding-left: 0 !important;
  width: 60px;
  min-width: 60px;
  text-align: left !important;
}

.wrap_tb_shadow {
  margin-top: -1px;
  border: 1px solid #dcdcdc;
  border-left: none;
  border-right: none;
}

.wrap_statistics section.wrap_tb_tit {
  display: inline-block;
}

.annual_set_criteria th,
.annual_set_criteria td,
.annual_set_criteria .wrap_tb_shadow {
  border: none !important;
}

.annual_set_default .wrap_tb_shadow {
  border: none !important;
}

.annual_set_criteria tr,
.annual_set_default tr {
  border-bottom: 1px solid #ebebeb;
}

.annual_set_criteria .form_type {
  margin: 0;
}
.annual_set_criteria h1.s_title {
  display: block !important;
}

section.wrap_tb_tit {
  padding-bottom: 6px;
  padding-left: 24px;
  min-height: 32px;
  border-bottom: 1px solid #e1e1e1;
}
section.tool_bar.wrap_tb_tit {
  position: static;
}

.tool_bar section.wrap_tb_tit {
  border-bottom: 0;
}

section.wrap_tb_tit .critical {
  float: left;
  line-height: 33px;
  margin: 0;
}

table.type_white tr.today td,
table.type_white tr td.today {
  background: #f5fafb;
  font-weight: normal;
}
table.type_white th {
  background: #fff !important;
  border-top: 0 !important;
}
table.type_white .date {
  width: 40px;
  min-width: 40px;
}
table.type_white thead tr th.date {
  padding-right: 12px !important;
}
table.type_white .date span.txt {
  font-weight: bold;
}
table.type_white .date.day span.txt {
  font-weight: normal;
}
table.type_white .state,
table.type_white .attend,
table.type_white .leave {
  min-width: 70px;
  text-align: left;
}
table.type_white .total_time {
  min-width: 100px;
}
table.type_white .status {
  min-width: 170px;
}
table.type_white thead tr th:first-child,
table.type_white tbody tr td:first-child {
  padding-left: 20px !important;
}
table.type_white thead tr th:last-child,
table.type_white tbody tr td:last-child {
  padding-right: 20px !important;
}
table.type_white tr:last-child td {
  border-bottom: 0;
}
table.type_white tr.disabled td {
  background: #f8f8f8 !important;
  color: #b5b5b5 !important;
}
table.type_white tr.disabled td span.desc {
  color: #b5b5b5 !important;
}
table.type_white tr.disabled:hover td {
  border-color: #e6e6e6;
}
table.type_white tr.disabled td.date span.txt {
  font-weight: normal;
}
table.type_white span.ic_gps {
  margin-left: 2px;
  position: relative;
}
table.type_white .total_time span.txt {
  font-weight: bold;
  font-weight: 500;
}
table.type_white tr.disabled .total_time span.desc span.time_normal,
table.type_white tr.disabled .total_time span.desc strong {
  color: #999;
}
table.type_white span.time_hl {
  vertical-align: top;
}
table.type_white span.time_normal {
  vertical-align: top;
  font-weight: bold;
  color: #939393;
}
table.type_white.type_white_company span.time_hl, table.type_white.type_white_company span.time_normal {
  margin-left: 6px;
  vertical-align: top;
}
table.type_white tr td ul {
  line-height: 0;
}
table.type_white tr td ul li p {
  padding-top: 12px;
  text-align: left;
  vertical-align: top;
  display: block;
}
table.type_white tr td ul li p.tit {
  float: left;
  width: 150px;
}
table.type_white tr td ul li p.con {
  margin-left: 165px;
  min-width: 160px;
  color: #939393;
}
table.type_white tr td ul li:first-child p {
  padding-top: 0;
}

/* table.type_white td {font-size:13px;} */
.wrap_tb_box .tb_optional .ic_open,
.wrap_tb_box .tb_optional .ic_close {
  margin-left: 6px;
}

span.ic_ehr {
  display: inline-block;
  background: url(../images/ic_ehr.png) no-repeat 0 0;
}
span.ic_ehr.ic_date_prev {
  width: 12px;
  height: 16px;
  background-position: 0 0;
}
span.ic_ehr.ic_date_next {
  width: 16px;
  height: 16px;
  background-position: -25px 0;
}
span.ic_ehr.ic_open, span.ic_ehr.ic_close {
  margin-top: 5px;
  width: 24px;
  height: 24px;
}
span.ic_ehr.ic_open {
  background-position: 4px -92px;
}
span.ic_ehr.ic_close {
  background-position: -96px -92px;
}
span.ic_ehr.ic_open:hover {
  background-position: -46px -92px;
}
span.ic_ehr.ic_close:hover {
  background-position: -146px -92px;
}

.go_skin_ehr .calendar_tool_bar .critical,
.go_skin_ehr .calendar_tool_bar .optional {
  position: absolute;
  margin: 0;
  z-index: 20;
}
.go_skin_ehr .calendar_tool_bar .critical {
  top: 11px;
  left: 28px;
}
.go_skin_ehr .calendar_tool_bar .optional {
  top: 5px;
  right: 28px;
}
.go_skin_ehr .calendar_tool_bar .btn_tool {
  margin: 4px 4px 0 0;
  box-sizing: border-box;
  vertical-align: top;
}
.go_skin_ehr .calendar_tool_bar .btn_tool span.txt {
  padding: 0 !important;
  color: #333;
  font-size: 13px;
  vertical-align: top;
}
.go_skin_ehr .calendar_tool_bar .btn_tool .ic_gnb.ic_cal_mini {
  margin: 0 !important;
  vertical-align: top;
}

table.type_white span.date_wave {
  margin: 0 3px;
  padding-top: 0;
}
table.type_white span.nocheck {
  color: #aaa;
}
table.type_white td span.member {
  display: inline-block;
}
table.type_white td span.member img {
  width: 38px;
  height: 38px;
  border-radius: 50%;
}
table.type_white td span.member span.txt {
  display: inline-block;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 38px;
}
table.type_white td span.member a + a span.txt {
  margin-left: 6px;
  font-weight: bold !important;
  font-weight: 500 !important;
}
table.type_white td.depart span.txt {
  display: inline-block;
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  white-space: nowrap;
}
table.type_white div.member2 .photo {
  float: left;
  width: 48px;
  padding-top: 4px;
}
table.type_white div.member2 .photo img {
  width: 38px;
  height: 38px;
  border-radius: 50%;
}
table.type_white div.member2 .info {
  float: left;
}
table.type_white div.member2 .info span.txt {
  display: block;
  max-width: 125px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.5;
  white-space: nowrap;
  color: #888;
  font-size: 12px;
}
table.type_white div.member2 .info span.txt:first-child {
  display: inline-block;
  padding: 10px 0;
  font-weight: bold;
  font-weight: 500;
  color: #3b3b3b;
  font-size: 13px;
}
table.type_white .name {
  min-width: 180px !important;
  max-width: 250px !important;
  width: auto !important;
}
table.type_white.type_white_depart .total_time {
  min-width: 110px;
}
table.type_white.type_white_depart .days {
  white-space: nowrap;
  min-width: 136px;
}
table.type_white.type_white_depart td.total_time p.txt {
  font-weight: bold;
  font-weight: 500;
  letter-spacing: 0;
}
table.type_white.type_white_depart td p.txt {
  padding: 10px 0 0 0;
  min-width: 30px;
  letter-spacing: -1px;
}
table.type_white td ul.time_detail {
  margin: 4px 0 8px 0;
}
table.type_white td ul.time_detail li {
  color: #888;
  line-height: 1.5;
  font-size: 12px;
  white-space: normal;
}

/* .go_ehr_attend_depart .wrap_tb_shadow,
.go_ehr_attend_company .wrap_tb_shadow {overflow-x:auto;} */
.go_skin_ehr .calendar_tool_bar .tab_nav {
  display: inline-block;
  height: 32px;
  margin-left: 20px;
  vertical-align: middle;
}
.go_skin_ehr .calendar_tool_bar .tab_nav li {
  margin-left: 0;
  padding: 0 12px !important;
  height: 30px;
  color: #333;
  border: 1px solid #ddd;
  box-sizing: border-box;
  line-height: 30px;
}
.go_skin_ehr .calendar_tool_bar .tab_nav li.first {
  border-right: 0;
}
.go_skin_ehr .calendar_tool_bar .tab_nav li.last {
  border-left: 0;
}
.go_skin_ehr .calendar_tool_bar .tab_nav li.on {
  background: #00a1b9 !important;
  border-color: #00a1b9 !important;
  color: #fff !important;
  font-weight: normal !important;
  cursor: default;
}
.go_skin_ehr .calendar_tool_bar .tab_nav li:hover {
  border-color: #888 !important;
  background: none;
}
.go_skin_ehr .calendar_tool_bar .btn_tool:hover {
  border-color: #888 !important;
  background: none;
}
.go_skin_ehr .calendar_tool_bar .tab_nav li.on:hover {
  border-color: #00a1b9 !important;
}

.wrap_work_history {
  display: inline-block;
}
.wrap_work_history .history_tit,
.wrap_work_history .history_txt {
  display: inline-block;
  float: left;
  border: 1px solid #dadada;
  font-size: 14px;
  background: #fff;
}
.wrap_work_history .history_tit span.txt,
.wrap_work_history .history_txt span.txt {
  vertical-align: top;
}
.wrap_work_history .history_tit {
  padding: 10px 12px 10px 13px;
  border-radius: 20px 0 0 20px;
}
.wrap_work_history .history_txt {
  margin-left: -1px;
  padding: 10px 13px 10px 12px;
  font-weight: bold;
  border-radius: 0 20px 20px 0;
}
.wrap_work_history .history_txt a {
  color: #00a1b9;
}
.wrap_work_history .divide_bar {
  margin: 0 20px;
  height: 45px;
}

table.type_white.type_white_holiday tbody tr td, table.type_white.type_white_history tbody tr td {
  vertical-align: middle;
}
table.type_white .depart {
  min-width: 110px;
}
table.type_white .week {
  min-width: 80px;
}
table.type_white .days {
  min-width: 120px;
}
table.type_white.type_white_history tbody tr td span.stat_waiting {
  color: #00a1b9;
}
table.type_white.type_white_history tbody tr td span.stat_compleat {
  color: #888;
}
table.type_white.type_white_history tbody tr td span.stat_cancel {
  color: #333;
}
table.type_white .total_time {
  min-width: 180px;
}
table.type_white .depart {
  min-width: 150px;
}
table.type_white .period {
  min-width: 200px;
  white-space: nowrap;
}
table.type_white .dayoff_s {
  min-width: 110px;
}
table.type_white.type_white_company .check {
  width: 42px;
  max-width: 42px;
}
table.type_white.type_white_company .name {
  width: 180px;
}
table.type_white.type_white_company .total_time {
  min-width: 110px;
  max-width: 130px;
}
table.type_white.type_white_company .depart {
  width: 130px;
}
table.type_white.type_white_history .total_time span.txt {
  font-weight: normal;
}
table.type_white.type_white_history .total_time span.txt strong {
  margin-left: 14px;
}
table.type_white.type_white_holiday .date_employ span.txt {
  font-weight: normal;
  white-space: nowrap;
}
table.type_white.type_white_holiday .dayoff_s {
  min-width: 60px;
}
table.type_white.type_white_holiday .dayoff {
  min-width: 110px;
}
table.type_white.type_white_holiday .dayoff_s,
table.type_white.type_white_holiday .dayoff {
  text-align: center;
}

.wrap_ehr_stat li span {
  font-size: 14px;
  color: #888;
  line-height: 18px;
}

.wrap_optional_list {
  float: left;
  margin: 6px 10px 0 0;
}
.wrap_optional_list li {
  display: inline-block;
  margin-left: 8px;
}
.wrap_optional_list li span {
  font-size: 14px;
  color: #888;
  line-height: 18px;
}

/* .wrap_tb_box .tool_bar {padding:4px 0 6px;} */
.wrap_tb_box .tool_bar .btn_tool,
.wrap_tb_box .tool_bar .btn_major_s {
  margin: 0 4px 0 0;
  font-size: 13px;
  border-radius: 2px;
}
.wrap_tb_box .tool_bar .btn_tool {
  color: #424140;
  background: none;
}
.wrap_tb_box .tool_bar .btn_submenu .btn_tool {
  margin: 0;
}

.go_skin_ehr .wrap_tb_box .tool_bar .dataTables_length .btn_submenu {
  float: left;
}

.wrap_tb_box .tool_bar .btn_major_s {
  color: #fff;
  background: #00a1b9;
  vertical-align: top;
  line-height: 1;
  border: 1px solid #3aa7b3;
}
.wrap_tb_box .tool_bar .btn_major_s:hover {
  border-color: #11727b;
}
.wrap_tb_box .tool_bar .btn_major_s span.txt {
  padding-top: 6px !important;
}
.wrap_tb_box .tool_bar .btn_tool:hover {
  background: #eee;
}
.wrap_tb_box .tool_bar .btn_tool span.txt {
  padding-top: 6px !important;
  line-height: 14px;
}
.wrap_tb_box .tool_bar input[type=text],
.wrap_tb_box .tool_bar select {
  border-color: #cecece;
  box-sizing: border-box;
  box-shadow: none;
  color: #333;
}
.wrap_tb_box .tool_bar input:focus, .wrap_tb_box .tool_bar input:hover {
  border-color: #888;
  color: #333;
  outline: none;
  background: #fff;
}
.wrap_tb_box .tool_bar select:hover {
  border-color: #888;
  color: #333;
  outline: none;
  background: #fff;
}
.wrap_tb_box .select_box {
  position: relative;
  display: inline-block;
  height: 32px;
  border: 1px solid #cecece;
  box-sizing: border-box;
  font-size: 13px;
  box-sizing: border-box;
  border-radius: 2px;
  background: none;
  outline: none;
  margin-left: 4px;
}
.wrap_tb_box .select_box:hover {
  border: 1px solid #888;
}
.wrap_tb_box .select_box.tb_paging {
  width: 52px;
  margin-right: 0;
}
.wrap_tb_box .select_box.tb_paging:hover {
  background: none;
}

.go_skin_ehr .tool_bar.tool_absolute select {
  position: relative;
  display: inline-block;
  height: 32px;
  border: 1px solid #cecece;
  box-sizing: border-box;
  font-size: 13px;
  box-sizing: border-box;
  border-radius: 2px;
  background: none;
  outline: none;
  margin-left: 4px;
  margin-right: 0;
}
.go_skin_ehr .tool_bar.tool_absolute select:hover {
  border: 1px solid #888;
}
.go_skin_ehr .tool_bar.tool_absolute .dataTables_length {
  top: 6px;
}
.go_skin_ehr .tool_bar.tool_absolute .dataTables_paginate {
  padding-top: 40px;
}

/*.wrap_tb_box table.type_white th input[type=checkbox] + label > div.checkbox1 {margin-top:4px;}
.wrap_tb_box input[type=checkbox] + label > div.checkbox1 {margin-top:3px; width:22px; height:22px; vertical-align:top; border-radius:6px; background:#fff;}
.wrap_tb_box input[type=checkbox] + label > div,
.wrap_tb_box input[type=checkbox] + div {display:inline-block; border:1px solid #bebebe; box-sizing:border-box;}
.wrap_tb_box input[type=checkbox]:checked + label > div,
.wrap_tb_box input[type=checkbox]:checked + div {background: #fff url('../images/ic_ehr.png') center no-repeat; background-position:0 -50px; border:none}
.wrap_tb_box input[type=checkbox] + label {cursor:pointer;}
.wrap_tb_box input[type=checkbox] {display:none;}*/
section.function.function_attend {
  padding: 16px 21px 21px;
  height: auto;
}

.go_skin_advanced section.function.function_attend {
  padding: 0 21px 21px;
}

section.function.function_attend p.date {
  font-size: 12px;
  color: #888;
}
section.function.function_attend p.time {
  margin-bottom: 10px;
  font-family: "century gothic", Noto Sans KR, applegothic !important;
  font-size: 42px;
  color: #5e5e5e;
}
section.function.function_attend p.txt {
  font-size: 12px;
  font-weight: normal;
  color: #888;
  line-height: 18px;
  vertical-align: baseline;
}
section.function.function_attend p.txt span.time {
  font-size: 12px;
  font-weight: normal;
  color: #888;
  line-height: 18px;
  vertical-align: baseline;
  margin: 0 0 0 6px;
}
section.function.function_attend .wrap_work_time {
  margin-bottom: 4px;
}
section.function.function_attend a.btn_function {
  margin-top: 9px;
  width: 100%;
  height: 42px;
  border-radius: 25px;
  font-weight: normal;
  background: none !important;
  border: 1px solid #00a1b9;
  color: #00a1b9;
  box-sizing: border-box;
  line-height: normal;
  box-shadow: none;
}
section.function.function_attend a.btn_function:hover {
  box-shadow: none;
  transform: none;
}
section.function.function_attend a.btn_function span.txt {
  line-height: 40px !important;
  color: #00a1b9;
}
section.function.function_attend a.btn_function span.txt .ic_show_down {
  display: inline-block;
}
section.function.function_attend a.btn_function.on {
  background: #00a1b9 !important;
  color: #fff;
}
section.function.function_attend a.btn_function.on:hover {
  background: #1fb8c0 !important;
  color: #fff;
}
section.function.function_attend a.btn_function.on:hover span.txt {
  color: #fff;
}
section.function.function_attend a.btn_function.off {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
  border-color: #aaa;
  color: #888;
}
section.function.function_attend a.btn_function.off span.txt {
  color: #888;
}
section.function.function_attend a.btn_function.off:hover {
  border-color: #aaa;
  font-weight: normal;
}
section.function.function_attend a.btn_function.off:hover span.txt {
  color: #888;
  font-weight: normal;
}
section.function.function_attend a.btn_function.btn_function_s {
  width: calc(50% - 4px);
  height: 42px;
  float: left;
}
section.function.function_attend .function_btn_wrap {
  width: 100%;
  overflow: hidden;
  text-align: center;
}
section.function.function_attend .function_btn_wrap a.btn_function.btn_function_s {
  margin-top: 0;
  margin-left: 6px;
}
section.function.function_attend .function_btn_wrap a.btn_function.btn_function_s:first-child {
  margin-left: 0;
}
section.function.function_attend .works_state .layer_transition {
  width: 205px;
  text-align: left;
  border-radius: 8px;
  border-color: #00a1b9;
}
section.function.function_attend .layer_transition .row_wrap ul li:hover {
  background: #00a1b9;
}
section.function.function_attend .layer_transition .row_wrap ul li:first-child {
  border-radius: 4px 0 0 0;
}
section.function.function_attend a.btn_function .ic_side.ic_show_down {
  background: url(../images/ic_arrow_down_2.png) no-repeat 0 5px;
}
section.function.function_attend a.btn_function.on .ic_side.ic_show_down {
  background: url(../images/ic_arrow_down_1.png) no-repeat 0 5px;
}

.attend_contents_wrap2 .attend_btn_wrap {
  width: 228px;
  margin: 8px 0 0;
}
.attend_contents_wrap2 .attend_btn_wrap .btn_lead.btn_works_state {
  width: 228px;
}
.attend_contents_wrap2 .layer_transition {
  bottom: 36px;
  left: 12px;
  width: 200px;
}
.attend_contents_wrap2 .ehr_stat_data {
  padding: 10px 21px 40px;
}
.attend_contents_wrap2 .ehr_stat_data.summary .stat_tit {
  font-size: 28px !important;
  font-weight: normal;
  line-height: 46px;
}
.attend_contents_wrap2 .ehr_stat_data.summary .time {
  top: -30px;
}
.attend_contents_wrap2 .ehr_stat_data.summary .time.min {
  margin-left: -35px;
  top: 30px;
}

/*
section.function.function_attend p.txt span.time {margin:0 0 0 6px;}
section.function.function_attend .wrap_work_time {margin-bottom:4px;}
section.function.function_attend a.btn_function {margin-top:9px; width:100%; height:42px; background:#00a1b9!important; color:#fff; border-radius:50px; font-weight:normal;}
section.function.function_attend a.btn_function:hover {background:#1fb8c0!important; color:#fff;}
section.function.function_attend a.btn_function:hover span.txt {color:#fff;}
section.function.function_attend a.btn_function span.txt {line-height:42px!important;}
section.function.function_attend a.btn_function.btn_line {background:none!important; border:1px solid #00a1b9; color:#00a1b9;}
section.function.function_attend a.btn_function.btn_line:hover {border:1px solid #1fb8c0;}
section.function.function_attend a.btn_function.btn_line:hover span.txt {color:#1fb8c0;}
section.function.function_attend a.btn_function.btn_function_s {width: 115px; float:right:; height: 42px;}
*/
.wrap_statistics .ehr_stat_data span.member {
  display: inline-block;
}
.wrap_statistics .ehr_stat_data span.member img {
  width: 42px;
  height: 42px;
  border-radius: 50%;
}
.wrap_statistics .ehr_stat_data span.member span.txt {
  display: inline-block;
  margin-left: 6px;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 42px;
  font-size: 15px;
  font-weight: bold;
  font-weight: 500;
  white-space: nowrap;
}
.wrap_statistics .ehr_stat_data span.member2 img {
  width: 42px;
  height: 42px;
  border-radius: 50%;
}
.wrap_statistics .ehr_stat_data span.help {
  margin-top: 2px;
  vertical-align: top;
}

.tool_bar .critical section.search2.search_white {
  float: left;
}
.tool_bar .critical section.search_white {
  margin: 0 4px 0 0;
}
.tool_bar .critical section.search2.search_white .search_wrap {
  height: 32px;
  box-shadow: none;
  box-sizing: border-box;
}
.tool_bar .critical section.search2.search_white .search_wrap input {
  height: 30px;
  box-sizing: border-box;
}
.tool_bar .critical section.search2.search_white .btn_search2 {
  height: 31px;
  background: url(../images/icon_search_new.png) no-repeat 5px 6px;
  border: 0;
}
.tool_bar .critical .table_search.table_search_ehr {
  float: left;
  margin: 0;
  text-align: left;
}
.tool_bar .critical .table_search.table_search_ehr select {
  margin-right: 0;
  height: 28px;
  vertical-align: top;
}
.tool_bar .critical .table_search.table_search_ehr input {
  height: 28px;
  box-sizing: border-box;
  vertical-align: top;
}
.tool_bar .critical .table_search.table_search_ehr input.search_time {
  width: 30px;
  text-align: right;
  width: 30px;
  text-align: right;
}
.tool_bar .critical .table_search.table_search_ehr .wrap_txt > span.txt {
  padding-top: 6px;
}
.tool_bar .critical .table_search.table_search_ehr .btn_tool {
  display: inline-block;
  float: none;
  margin: 0;
  padding: 6px 10px 0 !important;
  height: 28px;
  vertical-align: top;
  box-sizing: border-box;
  font-size: 12px;
  background: #eaeaea;
}
.tool_bar .critical .table_search.table_search_ehr span.txt {
  line-height: 100%;
  padding: 0;
  color: #333;
  vertical-align: top;
}
.tool_bar .critical .table_search.table_search_ehr .btn_tool span.txt {
  padding: 0 !important;
}
.tool_bar.tool_absolute.wrap_tb_box {
  margin-top: 4px;
}

.marker2 ul li {
  float: left;
  padding: 8px 0 4px 4px;
  min-width: 44px;
  margin-left: 1px;
}
.marker2 ul li span {
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #3d3d3d;
  margin-right: 6px;
  margin-top: 8px;
  vertical-align: top;
  border-radius: 3px;
}
.marker2 ul li.late {
  color: #f14f4f;
}
.marker2 ul li.modify {
  color: #319df3;
}
.marker2 ul li.late span {
  background: #f14f4f;
}
.marker2 ul li.modify span {
  background: #319df3;
}

.tb_attend_header,
.tb_attend_body {
  display: table;
  width: 100%;
  background: #fff;
  color: #333;
}

.tb_attend_header {
  height: 50px;
}

.tb_attend_body {
  height: 45px;
}

.tb_attend_header .tb_content,
.tb_attend_body .tb_content {
  display: table-cell;
  padding: 14px 15px;
  vertical-align: middle;
  font-size: 13px;
  box-sizing: border-box;
  text-align: left;
  letter-spacing: -1px;
}

.tb_attend_header .tb_content {
  padding: 0 15px;
  height: 32px;
  border-bottom: 1px solid #eee;
  font-weight: bold;
  font-weight: 500;
}
.tb_attend_header .tb_content.date {
  width: 140px;
  text-align: center;
}

.tb_attend_body .tb_content.date_l {
  padding-right: 5px;
  width: 60px;
  text-align: right;
  font-weight: bold;
  font-weight: 500;
}
.tb_attend_body .tb_content.date_l span.txt {
  padding-top: 1px;
  width: 20px;
  height: 20px;
  background: #00a1b9;
  border-radius: 20px;
  text-align: center;
  box-sizing: border-box;
}
.tb_attend_body .tb_content.date_r {
  padding-left: 5px;
  width: 80px;
  text-align: left;
}

.tb_attend_header .tb_content.state,
.tb_attend_body .tb_content.state {
  width: 90px;
}

.tb_attend_header .tb_content.attend,
.tb_attend_body .tb_content.attend {
  width: 140px;
}

.tb_attend_header .tb_content.leave,
.tb_attend_body .tb_content.leave {
  width: 150px;
}

.tb_attend_header .tb_content.total_time {
  width: 150px;
  font-weight: bold;
  font-weight: 500;
}

.tb_attend_body .tb_content.total_time {
  width: 150px;
  font-weight: bold;
  font-weight: 500;
  font-weight: bold;
  font-weight: 500;
}
.tb_attend_body .tb_content.status {
  width: 320px;
}

.tb_attend_header .tb_content.status {
  width: 320px;
}
.tb_attend_header .tb_content.approval_list {
  min-width: 232px;
}

.tb_attend_body .tb_content.approval_list {
  min-width: 232px;
}

.tb_attend_header .tb_content.approval_list p {
  line-height: 1px;
}
.tb_attend_header .tb_content.status {
  text-align: left;
}

.tb_attend_body .tb_content.status,
.tb_attend_header .tb_content.approval_list {
  text-align: left;
}

.tb_attend_body .tb_content.approval_list {
  text-align: left;
}
.tb_attend_body .tb_content .wrap_tool_tip::before {
  content: "";
  position: absolute;
  display: none;
  width: 120px;
  height: 40px;
}
.tb_attend_body .tb_content .wrap_tool_tip:hover::before {
  display: block;
}

.conti_schedule {
  background-color: #e7f8fa;
}

.ic_gps {
  margin-left: 2px;
  position: relative;
}

.go_ehr_attend_personal .ic_gps:hover > span {
  width: 190px;
}

.tb_attend_body .tb_attend_list {
  display: table;
  width: 100%;
  position: relative;
}
.tb_attend_body .tb_attend_list div {
  border-top: 1px solid #fff;
  border-right: 0;
  /*border-bottom:1px solid #e9e9e9;*/
  border-left: 0;
}
.tb_attend_body .tb_attend_list div:first-child {
  border-left: 1px solid #fff;
}
.tb_attend_body .tb_attend_list div:last-child {
  border-right: 1px solid #fff;
}
.tb_attend_body .tb_attend_list.tb_attend_select {
  border-top: 1px solid #00a1b9;
  border-right: 0;
  border-left: 0;
}
.tb_attend_body .tb_attend_list.tb_attend_select div:first-child {
  border-left: 1px solid #00a1b9;
}
.tb_attend_body .tb_attend_list.tb_attend_select div:last-child {
  border-right: 1px solid #00a1b9;
}
.tb_attend_body .tb_attend_list:hover, .tb_attend_body .tb_attend_list.today:hover {
  background: #f5fafb;
  cursor: pointer;
}
.tb_attend_body .tb_attend_list .date_l span.txt {
  background: none;
}
.tb_attend_body .tb_attend_list.today {
  background: none;
  font-weight: normal;
}
.tb_attend_body .tb_attend_list.today .date_l span.txt {
  background: #00a1b9;
  border-radius: 20px;
  color: #fff;
}
.tb_attend_body .tb_attend_list.today .date_r span.txt {
  color: #00a1b9;
}
.tb_attend_body .tb_attend_list span.txt.late {
  color: #f07f7f !important;
}
.tb_attend_body .tb_attend_list span.txt.modify {
  color: #319df3 !important;
}
.tb_attend_body .tb_content {
  min-height: 50px;
  /*border-bottom:1px solid #e9e9e9;*/
  vertical-align: top;
}
.tb_attend_body .tb_content.status strong {
  font-weight: normal;
}
.tb_attend_body .tb_attend_list:last-child .tb_content {
  border-bottom: 0;
}
.tb_attend_body .tb_attend_list.tb_attend_select {
  margin-top: -1px;
  box-sizing: border-box;
}
.tb_attend_body .tb_attend_list.tb_attend_select:hover {
  background: #fff;
}

.tb_attend_detail {
  padding: 0 0 0 35px;
  height: 80px;
  background: #f5fafb;
  box-sizing: border-box;
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: #00a1b9;
}
.tb_attend_detail .time_tb {
  display: table;
  width: 100%;
  box-sizing: border-box;
}
.tb_attend_detail .time_tb .time_content {
  position: relative;
  display: table-cell;
  padding: 10px 0;
  height: 80px;
  text-align: left;
  font-size: 12px;
  color: #333;
  box-sizing: border-box;
}
.tb_attend_detail .time_tb .time_content:hover {
  background: #ebf2f5;
  cursor: pointer;
  border-bottom: 1px solid #00a1b9;
  border-top: #00a1b9;
}
.tb_attend_detail .time_tb .time_content:hover > .time {
  font-weight: bold;
  font-weight: 500;
}
.tb_attend_detail .time_tb .time_content.workinghours > .time {
  font-weight: bold;
  font-weight: 500;
}
.tb_attend_detail .time_tb .time_content.workinghours:hover > .time {
  color: #00a1b9;
}
.tb_attend_detail .time_tb .time_content .time_schedule {
  position: absolute;
  top: 34px;
  height: 27px;
  border-left: 2px solid #00a1b9;
  z-index: 1;
}
.tb_attend_detail .time_tb .time_content .time_schedule span.txt {
  padding: 4px;
  font-size: 13px;
  background: #f5fafb;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tb_attend_detail .time_tb .time_content.disabled > .time {
  color: #aaa;
}

.time_data .tool_tip {
  display: none;
  position: absolute;
  left: -2px;
  top: 20px;
  padding: 10px;
  width: 100px;
  border: 1px solid #ddd;
  background: #fff;
  z-index: 2;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16);
}
.time_data .tool_tip p {
  padding-left: 16px;
  font-size: 13px;
}
.time_data .tool_tip p.txt {
  color: #888;
}
.time_data .progress .progress_bar:hover > .tool_tip {
  display: block;
}
.time_data .progress .progress_bar .txt {
  cursor: pointer;
}

/*.time_schedule .txt:hover + .tool_tip {display:inline-block;}*/
.tb_attend_detail .time_tb .time_content .time_schedule span.txt:hover {
  background: #f5fafb;
}

.ic_ehr.ic_watch {
  position: absolute;
  top: 14px;
  left: 10px;
  width: 12px;
  height: 12px;
  background-position: 0 -75px;
}

.go_ehr_attend_personal .reply_wrap {
  margin: 40px 24px 20px;
  border: 1px solid #dcdcdc;
  background: #fff;
}
.go_ehr_attend_personal .reply_wrap .single_title {
  padding: 10px;
}
.go_ehr_attend_personal .reply_wrap .type_simple_list.simple_list_alarm .info {
  margin-left: 44px;
}
.go_ehr_attend_personal div.bottom_action {
  margin: 0;
  margin-bottom: 10px;
  padding-top: 10px;
  border-top: solid 1px #f3f3f3;
}
.go_ehr_attend_personal .btn_list_reload {
  background: #fff !important;
  border: none;
}

.layer_attend_status {
  width: 460px;
}
.layer_attend_status .go_form_basic th {
  width: 100px;
}
.layer_attend_status .go_form_basic td select {
  width: 100%;
  border-color: #cecece;
}
.layer_attend_status .go_form_basic td input[type=text] {
  box-sizing: border-box;
  border-color: #cecece;
}
.layer_attend_status .go_form_basic td select:focus,
.layer_attend_status .go_form_basic td input[type=text]:focus {
  outline: none;
  border-color: #00a1b9;
}
.layer_attend_status .go_form_basic textarea.txt_mini {
  height: 80px;
}

.layer_confim.layer_confim_attend {
  width: 430px;
}

.wrap_tool_tip {
  position: relative;
}
.wrap_tool_tip .tool_tip {
  display: none;
  position: absolute;
  top: 1px;
  left: 26px;
  font-size: 12px;
  cursor: text;
  background: #444;
  color: #ddd;
  border-radius: 3px;
  padding: 5px 8px 5px 5px;
  font-weight: normal;
  text-indent: 0;
  z-index: 50;
  text-align: left;
  line-height: 1.5;
  white-space: nowrap;
}
.wrap_tool_tip .tool_tip strong {
  letter-spacing: 0;
  color: #999;
}
.wrap_tool_tip .tool_tip i {
  position: absolute;
  width: 0;
  height: 0;
  border-width: 10px 6px 10px 0;
  border-style: solid;
}
.wrap_tool_tip span.top {
  top: 28px;
  left: -7px;
}
.wrap_tool_tip span.top i {
  border-width: 0 10px 6px 10px;
}
.wrap_tool_tip span.top i.tail_top {
  top: -7px;
  left: 4px;
  z-index: 2;
  border-width: 0 10px 6px 10px;
  border-bottom: 9px solid #444;
  border-right: 9px solid transparent;
  border-left: 9px solid transparent;
}
.wrap_tool_tip span.gps_link {
  margin: 1px 0 0 4px;
  vertical-align: top;
}
.wrap_tool_tip:hover span.tool_tip {
  display: block;
}

.go_ehr_attend_personal .wrap_tb_tit .tb_optional {
  min-width: 330px;
  padding-right: 24px;
  text-align: right;
}
.go_ehr_attend_personal .wrap_tb_tit .tb_optional .txt {
  color: #888;
}
.go_ehr_attend_personal .wrap_tb_tit .tb_optional .txt strong {
  color: #888;
}
.go_ehr_attend_personal .wrap_tb_tit .tb_optional .desc strong {
  color: #888;
}

.go_skin_ehr .wrap_statistics .ic.ic_info {
  vertical-align: middle;
}
.go_skin_ehr .wrap_statistics .ic.ic_info .layer_tail {
  top: 28px;
  left: -13px;
}

.wrap_help_guide_l .btn_help_guide_attend,
.go_skin_ehr .wrap_help_guide_l .btn_help_guide_attend {
  display: inline-block;
  padding: 0;
  width: 153px;
  height: 153px;
  background-color: #21cad3;
  border: 2px solid #21cad3;
  border-radius: 100px;
  text-align: center;
  box-sizing: border-box;
  box-shadow: 5px 5px 10px #c4c4c4;
}

.wrap_help_guide_l .btn_help_guide_attend .ic_help_guide.ic_attend,
.go_skin_ehr .wrap_help_guide_l .btn_help_guide_attend .ic_help_guide.ic_attend {
  display: block;
  margin: -20px auto 0;
  background: url(../images/ic_emo_01.png) no-repeat 0 0;
  background-size: 100%;
  width: 120px;
  height: 104px;
}

.wrap_help_guide_l .btn_help_guide_attend .tit {
  padding: 4px 16px 0;
  height: 40px;
  font-size: 13px;
  color: #fff;
  letter-spacing: -1px;
  overflow: hidden;
}

.go_skin_ehr .wrap_help_guide_l .btn_help_guide_attend .tit {
  padding: 4px 16px 0;
  height: 40px;
  font-size: 13px;
  color: #fff;
  letter-spacing: -1px;
  overflow: hidden;
}
.go_skin_ehr .wrap_help_guide_l .btn_help_guide_attend .tit strong {
  display: block;
}
.go_skin_ehr .search_inpage th {
  padding-left: 20px;
}
.go_skin_ehr .search_inpage td {
  background: none;
}
.go_skin_ehr .search_inpage input.txt {
  border-color: #cecece;
}
.go_skin_ehr .annualvacation form + hr {
  border-color: #e2e2e2;
}
.go_skin_ehr div.page_action_wrap {
  padding-bottom: 0;
}
.go_skin_ehr div.page_action_wrap .btn_major {
  background: #00a1b9;
  border: none;
  box-sizing: border-box;
}
.go_skin_ehr div.page_action_wrap .btn_minor {
  border-color: #cecece;
  color: #333;
}

/* annualvacation ver.1.5 */
.optional .dataTables_length {
  margin: 0;
}

.go_skin_ehr .dataTables_length .select_box {
  margin: 0;
  padding-right: 0;
}
.go_skin_ehr table.type_normal.type_white thead th.sorting_desc span.selected, .go_skin_ehr table.type_normal.type_white thead th.sorting_asc span.selected {
  bottom: -12px;
}

.annualvacation .wrap_tb_box {
  min-width: 1006px;
}
.annualvacation table.type_white .name {
  white-space: nowrap;
  overflow: hidden;
}

.go_skin_ehr .annualvacation table.type_white .depart {
  white-space: nowrap;
  overflow: hidden;
}
.go_skin_ehr h1.s_title {
  margin-top: 0;
  padding: 12px 24px;
}
.go_skin_ehr .annualvacation .wrap_help_guide_s {
  padding-left: 20px;
}

/*.go_skin_ehr .annualvacation table.type_white .depart {max-width: 200px; white-space:nowrap; text-overflow: ellipsis; overflow: hidden;}*/
.wrap_tb_box .dataTables_paginate {
  margin-top: 0;
}

.go_skin_ehr .annualvacation .type_white th.sorting_desc span.selected, .go_skin_ehr .annualvacation .type_white th.sorting_asc span.selected {
  display: none;
}
.go_skin_ehr .annualvacation_set .form_hr th,
.go_skin_ehr .annualvacation_set .form_hr td {
  padding: 20px 24px;
  vertical-align: top;
}
.go_skin_ehr .annualvacation_set .form_hr th {
  width: 160px;
  background: #fff;
  text-align: left;
}
.go_skin_ehr .annualvacation_set .form_hr th .title {
  color: #333;
  padding-top: 8px;
}
.go_skin_ehr .annualvacation_set .btn_wrap {
  padding: 2px 0;
  vertical-align: top;
}
.go_skin_ehr .annualvacation_set .btn_major_s {
  padding: 6px 12px;
  color: #fff;
  background: #00a1b9;
  letter-spacing: -1px;
  box-sizing: border-box;
  font-size: 12px;
  border: none;
  font-weight: normal;
  line-height: 14px;
}
.go_skin_ehr div.page_action_wrap .btn_major:hover {
  background: #1fb8c0;
}
.go_skin_ehr .annualvacation_set .btn_major_s:hover {
  background: #1fb8c0;
}
.go_skin_ehr .annualvacation_set .disabled select,
.go_skin_ehr .annualvacation_set .disabled input[type=text] {
  border-color: #cecece;
  color: #888;
  background: #f8f8f8;
}
.go_skin_ehr .annualvacation_set .disabled .btn_major_s {
  background: #ddd;
  color: #888;
  cursor: default;
}
.go_skin_ehr .annualvacation_set .disabled .btn_wrap {
  cursor: default;
}
.go_skin_ehr .annualvacation_set .wrap_btn_toggle {
  display: inline-block;
  height: 32px;
}
.go_skin_ehr .annualvacation_set .wrap_btn_toggle .btn_toggle {
  display: inline-block;
  min-width: 94px;
  height: 32px;
  padding: 0 8px;
  line-height: 32px;
  background: #fff;
  border: 1px solid #cecece;
  margin: 0 -1px 0 0;
  color: #333;
  outline: 0;
  text-align: center;
  letter-spacing: -1px;
}
.go_skin_ehr .annualvacation_set .wrap_btn_toggle .btn_toggle.on {
  border-color: #25cad6;
  color: #25cad6;
  z-index: 1;
}
.go_skin_ehr .annualvacation_set .tb_vacation_set .col1 {
  float: left;
  width: 90%;
}
.go_skin_ehr .annualvacation_set .tb_vacation_set .col2 {
  float: right;
  width: 10%;
}
.go_skin_ehr .annualvacation_set .tb_vacation_set:after {
  clear: both;
}
.go_skin_ehr .annualvacation_set .tb_vacation_set .tb_content {
  float: left;
  width: 132px;
  margin-bottom: 12px;
}
.go_skin_ehr .annualvacation_set .tb_vacation_set .tb_content span.txt {
  display: inline-block;
  width: 48px;
  text-align: right;
  padding: 7px 2px 7px 0;
  font-size: 13px;
}
.go_skin_ehr .annualvacation_set .tb_vacation_set .tb_content input.wfix_small {
  width: 52px;
  text-align: right;
  border-color: #cecece;
}
.go_skin_ehr .annualvacation_set .tb_vacation_set .tb_content input.wfix_small:focus {
  border-color: #00a1b9;
  box-shadow: none;
}
.go_skin_ehr .annualvacation_set .tb_vacation_set .col2 .btn_minor_s {
  width: 25px;
  background: #f3f3f3;
  border-color: #cecece;
  box-sizing: border-box;
  border-radius: 2px;
  line-height: 20px;
}
.go_skin_ehr .annualvacation_set .tb_vacation_set .col2 .btn_minor_s:hover {
  background-color: #e1e1e1;
  border-color: #d1d1d1;
}

/*type_flexible*/
.ehr_stat_data .type_flexible_detail {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.type_flexible .divide_bar {
  height: 130px;
}
.type_flexible > p.stat_tit {
  padding: 25px 20px 15px 20px;
  text-align: left;
}
.type_flexible > p.stat_txt {
  text-align: left;
}
.type_flexible > p.stat_tit .tit {
  font-weight: 500;
  font-size: 16px;
}
.type_flexible > p.stat_tit .info {
  font-weight: normal;
  font-size: 12px;
}
.type_flexible > p.stat_tit .ic.ic_info {
  margin-top: 0px;
}
.type_flexible .ehr_stat_data {
  width: 48%;
  max-width: 48%;
  padding: 30px 20px;
  box-sizing: border-box;
}

.ehr_stat_data.summary {
  padding-top: 0;
}
.ehr_stat_data.summary .stat_tit {
  font-size: 34px !important;
  font-weight: 400;
  color: #000;
  line-height: 40px;
  text-align: left !important;
  letter-spacing: -1px;
}
.ehr_stat_data.summary .stat_tit b {
  margin-left: 2px;
  font-size: 20px !important;
  font-weight: normal;
  letter-spacing: 0;
}
.ehr_stat_data.summary .type_flexible_summary .wrap_progress {
  position: relative;
}
.ehr_stat_data.summary .type_flexible_summary .wrap_progress .time {
  position: absolute;
  top: -25px;
  right: 0;
  font-size: 13px;
  color: #5b5b5b;
  cursor: help;
}
.ehr_stat_data.summary .type_flexible_summary .wrap_progress .bar {
  width: 1px;
  height: 40px;
  margin-top: -10px;
  border-left: 1px dashed red;
}
.ehr_stat_data.summary .type_flexible_summary .wrap_progress .time.min {
  margin-left: -63px;
  top: -25px;
  right: -25px;
}
.ehr_stat_data.summary .type_flexible_summary .wrap_progress .bar {
  position: absolute;
}
.ehr_stat_data.summary .type_flexible_summary .wrap_progress .min_today {
  position: absolute;
  top: 18px;
  border-style: solid;
  border-width: 5px;
  border-color: transparent transparent #bfbfbf transparent;
  cursor: help;
}
.ehr_stat_data.summary .type_flexible_summary .progress {
  width: 100%;
  height: 20px;
  background: #e9e9e9;
  border-radius: 10px;
  overflow: hidden;
}
.ehr_stat_data.summary .type_flexible_summary .progress > div {
  display: inline-block;
}
.ehr_stat_data.summary .type_flexible_summary .progress div:first-child {
  border-radius: 10px 0 0 10px;
}
.ehr_stat_data.summary .type_flexible_summary .progress div:after {
  border-radius: 0 10px 0 0;
}
.ehr_stat_data .part_default {
  height: inherit;
  background: #44d1a5;
}
.ehr_stat_data .part_overtime {
  height: inherit;
  background: #f89190;
}
.ehr_stat_data .part_approval {
  height: inherit;
  background: #fbd171;
}
.ehr_stat_data .part_default:after,
.ehr_stat_data .part_overtime:after,
.ehr_stat_data .part_approval:active {
  animation: move 2s linear infinite;
}
.ehr_stat_data.summary .type_flexible_summary .wrap_meta {
  margin-top: 20px;
}
.ehr_stat_data.summary .type_flexible_summary .wrap_meta li {
  padding-top: 7px;
  font-size: 13px;
}
.ehr_stat_data.summary .type_flexible_summary .wrap_meta li b {
  font-weight: bold;
  font-weight: 500;
}
.ehr_stat_data.detail .type_flexible_detail li {
  display: table-row;
  min-width: 300px;
  height: 40px;
}
.ehr_stat_data.detail .type_flexible_detail .wrap_title {
  display: table-cell;
  width: 160px;
  vertical-align: top;
}
.ehr_stat_data.detail .type_flexible_detail .wrap_progress_detail {
  display: table-cell;
  width: 100%;
}
.ehr_stat_data.detail .type_flexible_detail .wrap_progress_detail .wrap_progress {
  display: block;
  width: 100%;
  height: 10px;
  background: #d2d2d2;
  border-radius: 10px;
}
.ehr_stat_data.detail .type_flexible_detail .wrap_progress_detail .txt {
  color: #888;
  font-size: 12px;
}
.ehr_stat_data.detail .type_flexible_detail .chip {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.ehr_stat_data.detail .type_flexible_detail .ic_info {
  margin-top: 0px;
}

table.tb_ehr_flexible .name {
  min-width: 210px;
  max-width: 250px;
}
table.tb_ehr_flexible .total_time {
  min-width: 90px !important;
  max-width: 120px !important;
}
table.tb_ehr_flexible .days {
  min-width: 120px !important;
  max-width: 190px !important;
}
table.tb_ehr_flexible .name .photo {
  position: absolute;
  left: 0l;
  top: 4px;
}
table.tb_ehr_flexible .name .info {
  float: none !important;
  display: block;
  margin-left: 50px;
}
table.tb_ehr_flexible div.member2 {
  position: relative;
  width: 250px\0 /IE9;
}
table.tb_ehr_flexible div.member2 .info .txt {
  max-width: 100% !important;
}

/*오타확인*/
/* IE9 hack */
.tb_ehr_flexible .label_set {
  display: inline-block;
  max-width: 100%;
  margin: 0;
  padding: 3px 1px;
  border: 1px solid #c1c7d0;
  border-radius: 3px;
  background: #fff;
  color: #42526e;
  font-size: 13px;
  line-height: 99%;
  text-align: left;
  font-size: 12px;
  vertical-align: middle;
  box-sizing: border-box;
  white-space: nowrap;
}

.label_set + p.txt {
  display: inline-block;
}

.label_total {
  border-color: #44d1a5 !important;
  color: #44d1a5 !important;
}

/* annualvacation ver.2 */
.annualvacation .list_annual_depart td {
  vertical-align: middle;
  box-sizing: border-box;
  padding-right: 10px !important;
}
.annualvacation .list_annual_depart .name {
  width: auto !important;
  max-width: auto !important;
  min-width: 200px !important;
}
.annualvacation .list_annual_depart .period {
  width: 200px;
  max-width: 250px;
  min-width: auto;
}
.annualvacation .list_annual_depart .dayoff {
  width: 100px;
}
.annualvacation .list_annual_depart td {
  white-space: nowrap;
  width: 80px;
}
.annualvacation .list_annual_depart td span.member span.txt {
  width: inherit;
}
.annualvacation .type_white td span.member {
  width: 100%;
  min-width: 100%;
}
.annualvacation .type_white td span.member span.txt {
  min-width: 80%;
}
.annualvacation .type_white td span.member a + a span.txt {
  font-weight: normal !important;
}
.annualvacation .list_annual_history td.name, .annualvacation .list_annual_history td.depart, .annualvacation .list_annual_history td.period {
  width: 24%;
}
.annualvacation .list_annual_history td.dayoff {
  width: 13%;
}
.annualvacation .list_annual_history td.type {
  width: 15%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 300px;
}

.wrap_search_item {
  background: #fff;
}
.wrap_search_item .search_item {
  display: inline-block;
  padding: 20px 5px;
  vertical-align: bottom;
  font-size: 13px;
}
.wrap_search_item .search_item:first-child {
  padding-left: 24px;
}
.wrap_search_item .search_item:last-child {
  padding-right: 24px;
}
.wrap_search_item .search_item span.tit {
  display: block;
  margin-bottom: 5px;
  color: #333;
}
.wrap_search_item .search_item a {
  font-size: 13px;
}
.wrap_search_item .search_item select,
.wrap_search_item .search_item input[type=text] {
  padding: 0 4px;
  border-color: #cecece;
  box-sizing: border-box;
  box-shadow: none;
  color: #333;
  font-size: 13px;
  outline: none;
}
.wrap_search_item .search_item select {
  padding: 0;
}
.wrap_search_item .search_item input[type=text] {
  width: 120px;
  letter-spacing: -1px;
}
.wrap_search_item .search_item .ic_calendar input[type=text] {
  padding: 0px;
  border: none;
  height: 1px;
  width: 1px;
}
.wrap_search_item .search_item .wrap_btn_search {
  padding: 2px 0;
}
.wrap_search_item .search_item .btn_major {
  background: #00a1b9;
  border: none;
  padding: 9px 16px 8px;
}
.wrap_search_item .search_item .btn_major:hover {
  background: #1fb8c0;
}
.wrap_search_item .search_item .btn_reset {
  display: none;
  margin-left: 10px;
  text-decoration: underline;
  color: #888;
}
.wrap_search_item .search_item .btn_txt.active {
  display: inline-block;
}
.wrap_search_item .search_item .btn_txt.active:hover span {
  text-decoration: underline;
}
.wrap_search_item .search_item .wrap_txt,
.wrap_search_item .search_item .wrap_select,
.wrap_search_item .search_item .wrap_date {
  padding: 0;
}

.annualvacation .search_tit {
  font-weight: bold;
  font-weight: 500;
  margin-bottom: 10px;
  padding-left: 24px;
}

.wrap_tb_box .tool_bar span.btn_func_more {
  height: 30px;
  line-height: 28px;
  vertical-align: top;
  border-radius: 0;
}
.wrap_tb_box .tool_bar .btn_submenu .array_option {
  left: 4px;
  top: 30px;
}
.wrap_tb_box .tool_bar .array_option ul.array_type > li {
  font-size: 13px;
  padding: 2px 5px 7px;
}
.wrap_tb_box .tool_bar .array_option ul.array_type > li:first-child {
  padding-top: 7px;
}

.wrap_tip_annual {
  display: inline-block;
  margin-left: 8px;
}
.wrap_tip_annual .layer_tail {
  top: 28px;
  left: -12px;
}
.wrap_tip_annual > .tit_tip {
  color: #888;
  letter-spacing: 0;
}
.wrap_tip_annual .ic.ic_info {
  margin-top: 5px;
}
.wrap_tip_annual .layer_tail .wrap_help_guide_s {
  margin-top: 0;
  padding-left: 0;
}
.wrap_tip_annual .layer_tail ol {
  padding-left: 30px;
}
.wrap_tip_annual .layer_tail li {
  list-style: decimal;
  padding: 4px 0;
}
.wrap_tip_annual .layer_tail span {
  font-weight: bold;
  font-weight: 500;
}
.wrap_tip_annual .layer_tail ol + p {
  margin-top: 15px;
  padding-left: 16px;
}

.annual_personal .tab_menu_wrap {
  margin-bottom: 1px;
}
.annual_personal .tab_menu li {
  padding: 10px 12px;
}
.annual_personal ul.tab_menu li.active span.txt, .annual_personal ul.tab_menu li.ui-state-active span.txt {
  color: #333;
}
.annual_personal .list_annual_use {
  width: 100% !important;
}
.annual_personal .list_annual_use .name,
.annual_personal .list_annual_use .depart {
  width: 20% !important;
}
.annual_personal .list_annual_use .kind {
  width: 10% !important;
  min-width: 100px !important;
}
.annual_personal .list_annual_use .period {
  width: 20% !important;
}
.annual_personal .list_annual_use .dayoff {
  width: 10% !important;
  min-width: 100px !important;
}
.annual_personal .list_annual_use .note {
  width: 20% !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 200px !important;
}
.annual_personal .list_annual_adjust .note {
  width: 20% !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 200px !important;
}
.annual_personal .list_annual_adjust th,
.annual_personal .list_annual_adjust td {
  width: 20% !important;
}
.annual_personal .list_annual_adjust .date {
  min-width: 150px;
  text-align: left !important;
}
.annual_personal .list_annual_adjust .date span {
  text-align: left;
}
.annual_personal .list_annual_adjust td.date span {
  font-weight: normal;
}
.annual_personal .type_white tbody tr td.data_null {
  padding: 30px !important;
  text-align: center !important;
  cursor: default;
  color: #888;
}

.works_app_share .app_list_tb .contents div .dataTables_wrapper .tool_bar {
  padding: 0 24px;
}

/* common */
.dashboard_option_gadget::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.dashboard_option_gadget::-webkit-scrollbar-track {
  background-color: lightblue;
}
.dashboard_option_gadget::-webkit-scrollbar-track-piece {
  background-color: #eef1f6;
}
.dashboard_option_gadget::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: #d7dbe3;
}
.dashboard_option_gadget::-webkit-scrollbar-button {
  background-color: #eef1f6;
  width: 10px;
  height: 10px;
}
.dashboard_option_gadget::-webkit-scrollbar-button:start, .dashboard_option_gadget::-webkit-scrollbar-button:end {
  background-color: #eef1f6;
}
.dashboard_option_gadget::-webkit-scrollbar-corner {
  background-color: violet;
}
.dashboard_option_gadget::-webkit-resizer {
  background-color: green;
}

/* commmon _ z-index*/
.go_skin_advanced .go_header {
  z-index: 11;
}
.go_skin_advanced .snb {
  z-index: 10;
}

.go_dashboard_ctrl {
  z-index: 10;
}

.go_skin_advanced .gnb {
  z-index: 1;
}
.go_skin_advanced .lnb {
  z-index: 9;
}

/* atttend Graph */
.attend_contents_wrap2 .vertical_bar,
.function_attend .vertical_bar {
  margin-top: 20px !important;
  padding: 10px 0 !important;
  border-top: 1px dashed #c9c9c9;
}

.attend_contents_wrap2 .log_view_wrap {
  padding: 0 21px !important;
  max-width: 100% !important;
}
.attend_contents_wrap2 .attend_btn_wrap {
  padding: 10px 21px 20px !important;
  max-width: initial !important;
  width: 100% !important;
  box-sizing: border-box;
}

.function_attend .attend_btn_wrap {
  padding: 10px 21px 20px !important;
  max-width: initial !important;
  width: 100% !important;
  box-sizing: border-box;
}

.attend_contents_wrap2 .attend_btn_wrap .btn_lead,
.function_attend .attend_btn_wrap .btn_lead {
  margin-left: 2px;
  width: 48% !important;
  box-sizing: border-box;
}

.attend_contents_wrap2 .attend_btn_wrap .btn_lead:first-child,
.function_attend .attend_btn_wrap .btn_lead:first-child {
  margin-left: 0;
}

.attend_contents_wrap2 .log_view_wrap li,
.function_attend .log_view_wrap li {
  display: block;
  margin-top: 4px;
  margin-bottom: 0 !important;
  width: 100%;
  padding-top: 4px !important;
}

.attend_contents_wrap2 .log_view dl dt,
.function_attend .log_view dl dt,
.attend_contents_wrap2 .log_view dl dd,
.function_attend .log_view dl dd {
  font-size: 13px;
  color: #333;
}

.attend_contents_wrap2 .log_view dl dt,
.function_attend .log_view dl dt {
  font-weight: bold;
  font-weight: 500;
  float: left;
}

.attend_contents_wrap2 .log_view dl dd,
.function_attend .log_view dl dd {
  text-align: right;
  color: #666;
}

.attend_contents_wrap2 .log_view .layer_transition,
.function_attend .log_view .layer_transition {
  left: initial !important;
  bottom: 110px !important;
  right: 8px;
}

.attend_contents_wrap2 .log_view .layer_transition ul li,
.function_attend .log_view .layer_transition ul li {
  padding-left: 10px !important;
}

.attend_contents_wrap2 .log_view .layer_transition ul li:last-child,
.function_attend .log_view .layer_transition ul li:last-child {
  text-align: left !important;
}

.attend_contents_wrap2 .log_view dl dd.state_good,
.function_attend .log_view dl dd.state_good {
  color: #7ac718;
}

.attend_contents_wrap2 .log_view dl dd.state_caution,
.function_attend .log_view dl dd.state_caution {
  color: #ffc11d;
}

.attend_contents_wrap2 .log_view dl dd.state_bad,
.function_attend .log_view dl dd.state_bad {
  color: #ff5821;
}

.attend_contents_wrap2 .log_view dl dd.state_good .ic_attend_state,
.function_attend .log_view dl dd.state_good .ic_attend_state,
.attend_contents_wrap2 .log_view dl dd.state_caution .ic_attend_state,
.function_attend .log_view dl dd.state_caution .ic_attend_state,
.attend_contents_wrap2 .log_view dl dd.state_bad .ic_attend_state,
.function_attend .log_view dl dd.state_bad .ic_attend_state {
  margin: 1px 0 0 3px;
  width: 16px;
  height: 16px;
  vertical-align: top;
}

.attend_contents_wrap2 .log_view dl dd.state_good .ic_attend_state,
.function_attend .log_view dl dd.state_good .ic_attend_state {
  background-position: -760px -400px;
}

.attend_contents_wrap2 .log_view dl dd.state_caution .ic_attend_state,
.function_attend .log_view dl dd.state_caution .ic_attend_state {
  background-position: -810px -400px;
}

.attend_contents_wrap2 .log_view dl dd.state_bad .ic_attend_state,
.function_attend .log_view dl dd.state_bad .ic_attend_state {
  background-position: -860px -400px;
}

.attend_contents_wrap2 .log_view .ic_dropdown,
.function_attend .log_view .ic_dropdown {
  margin: 6px 0 0 6px;
  vertical-align: top;
}

.go_skin_ehr table.type_white thead tr th:first-child,
.go_skin_ehr table.type_white tbody tr td:first-child {
  padding-left: 20px !important;
}

.schedule_form hr {
  display: none;
}

/*calendar*/
.ehr_info a {
  display: block;
  height: 17px;
  line-height: 17px;
  padding: 0 8px;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  border-radius: 4px;
}
.ehr_info span.chip {
  border-radius: 50%;
  width: 6px;
  height: 6px;
  margin-right: 2px;
}
.ehr_info span.info, .ehr_info span.name {
  margin-left: 1px;
  vertical-align: top;
}

.tb_agenda .ehr_info {
  position: relative;
  right: 4px;
}
.tb_agenda tbody tr td {
  border-bottom: 1px solid #eee;
}

.go_skin_advanced .tb_agenda tbody tr td {
  border-bottom: 0;
}

.ehr_info .chip {
  background: #fff;
}
.ehr_info .schedule:hover {
  background: none !important;
}

.type_normal.tb_interrwork {
  max-width: 600px;
}
.type_normal.tb_interrwork th,
.type_normal.tb_interrwork td {
  box-sizing: border-box;
  vertical-align: middle;
}
.type_normal.tb_interrwork .check {
  width: 10px;
  padding-left: 10px;
}
.type_normal.tb_interrwork .type,
.type_normal.tb_interrwork .parameter {
  width: 170px;
}

.wrap_generator {
  min-width: 500px;
}
.wrap_generator .input {
  width: 350px;
}
.wrap_generator .input[value] {
  font-weight: bold;
  font-weight: 500;
}
.wrap_generator + .desc {
  margin-top: 10px !important;
  font-size: 14px !important;
}
.wrap_generator .btn_fn7,
.wrap_generator .btn_fn10 {
  margin-right: 4px;
  vertical-align: top;
  letter-spacing: -1px;
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  line-height: 18px;
  font-size: 13px;
}

.app_write_tit + .cotainer {
  margin-top: 20px;
  text-align: left;
}

.cotainer .wrap_select.wrap_com + .desc {
  margin-top: 10px;
}
.cotainer .desc.info {
  color: #00a1b9;
}

div.layer_normal.layer_works_api {
  width: 400px;
}

table.tb_interrwork td.parameter input {
  border: 1px solid #ddd;
  border-radius: 0;
  padding: 0 4px;
  height: 32px;
  box-shadow: none;
}

.label_set {
  display: inline-block;
  padding: 2px 6px;
  background: #fff;
  border: 1px solid #888;
  border-radius: 2px;
  text-align: center;
  color: #888;
  line-height: 11px;
  font-size: 12px;
}

.label_api {
  border-color: #026ad9;
  color: #026ad9;
}

.label_on {
  border-color: #44d1a5;
  color: #44d1a5;
}

.label_off {
  border-color: #999;
  color: #999;
}

span + .label_api {
  margin-left: 3px;
}

dl.desc dt span.label_set {
  margin-left: 5px;
  vertical-align: text-bottom;
}

.ic_2019 {
  display: inline-block;
  background: url(../images/ic_2019.png) repeat-x;
  vertical-align: middle;
}

.sub_app_menu li span.ic_2019 {
  position: absolute;
  top: 12px;
  left: 30px;
}

.ic_2019.ic_app_api {
  background-position: 0 0;
  width: 22px;
  height: 16px;
}

/* Works Chart Skin */
.ic_chart_skin {
  display: inline-block !important;
  width: 26px;
  height: 26px;
  background: url(../images/ic_chart_skin.png);
  background-repeat: no-repeat;
  vertical-align: middle;
}

.ic_chart_type1 {
  background-position: 0 0;
}

.ic_chart_type2 {
  background-position: -30px 0;
}

.ic_chart_type3 {
  background-position: -60px 0;
}

.ic_chart_type4 {
  background-position: -90px 0;
}

.wrap_works.app_admin_list .wrap_works_info p.tit {
  margin-top: 25px;
  padding: 25px 0 0;
  border-top: 1px dashed #ccc;
  font-weight: bold;
  color: #afafaf;
}
.wrap_works.app_admin_list .wrap_works_info a.chart_skin {
  margin-right: 2px;
  display: inline-block;
  padding: 4px;
  border: 1px solid #fff;
  box-sizing: border-box;
  line-height: 0;
  border-radius: 8px;
}
.wrap_works.app_admin_list .wrap_works_info a.chart_skin:hover, .wrap_works.app_admin_list .wrap_works_info a.chart_skin.on {
  border: 1px solid #00a1b9;
}
.wrap_works.app_admin_list .wrap_works_info .wrap_option label {
  color: #333;
  font-weight: normal;
}
.wrap_works.app_admin_list .app_admin_list .wrap_works_info .chart_popup {
  display: inline-block;
  float: right;
  padding: 4px 14px;
  line-height: 20px;
  height: 25px;
}
.wrap_works.app_admin_list .wrap_works_info .chart_popup {
  float: right;
  padding: 0 18px 4px;
}
.wrap_works.app_admin_list .wrap_works_info .chart_popup:hover {
  background: #f1f1f1;
  border-radius: 20px;
}
.wrap_works.app_admin_list .wrap_works_info .chart_popup span {
  display: inline-block;
  line-height: 20px;
  vertical-align: middle;
  font-weight: bold;
  font-weight: 500;
}

div.layer_chart_preview {
  width: 600px;
}
div.layer_chart_preview .wrap_select {
  margin-top: 10px;
}
div.layer_chart_preview .card_item {
  margin: 10px 0 0;
  padding: 10px;
  width: 100%;
  height: 300px;
  box-sizing: border-box;
  border: 1px solid #e8e8e8;
}
div.layer_chart_preview footer.btn_layer_wrap .btn_minor_s {
  margin-top: 8px !important;
  margin-right: 0 !important;
}

/* Community Home */
section.board_home div.home_tab_wrap {
  margin-bottom: 1px;
}

div.home_tab_wrap {
  height: 38px;
}

ul.comm_home_tab {
  margin: 0;
}

.comm_side div.header {
  height: 38px;
  background: none;
  border-left: 1px solid #fff;
}
.comm_side div.header h2 {
  line-height: 38px;
  font-weight: bold;
  font-weight: 500;
}

.comm_home ul.home_list p.data_null {
  box-sizing: border-box;
}

section.comm_list ul.article_list li div.article_wrap .info span.photo {
  position: relative;
  margin-right: 4px;
}
section.comm_list ul.article_list li div.article_wrap .info span.photo a img {
  width: 100%;
  height: 100%;
  background-size: cover;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2288%22%20height%3D%2288%22%20viewBox%3D%22-6%20-8%20114%20114%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M2%2050C2%208.825%2010.825%200%2052%200C93.175%200%20102%208.825%20102%2050C102%2091.175%2093.175%20100%2052%20100C10.825%20100%202%2091.175%202%2050Z%22%20fill%3D%22%23EAECEF%22%20/%3E%0A%20%20%3Cmask%20id%3D%22avatar_image%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%22%20height%3D%22100%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M52%2020.6667C56.2853...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M60.6667%2072.6667...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%3C/mask%3E%0A%20%20%3Cg%20mask%3D%22url(%23avatar_image)%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M2%2050...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2288%22%20height%3D%2288%22%20viewBox%3D%22-6%20-8%20114%20114%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M2%2050C2%208.825%2010.825%200%2052%200C93.175%200%20102%208.825%20102%2050C102%2091.175%2093.175%20100%2052%20100C10.825%20100%202%2091.175%202%2050Z%22%20fill%3D%22%23EAECEF%22%20/%3E%0A%20%20%3Cmask%20id%3D%22avatar_image%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%22%20height%3D%22100%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M52%2020.6667C56.2853...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M60.6667%2072.6667...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%3C/mask%3E%0A%20%20%3Cg%20mask%3D%22url(%23avatar_image)%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M2%2050...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E");
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
section.comm_list ul.article_list li div.article_wrap .info span.photo a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  inset: 0;
  display: block;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2788%27%20height%3D%2788%27%20viewBox%3D%27-6%20-8%20114%20114%27%3E%3Cpath%20d%3D%27M2%2050C2%208.825%2010.825%200%2052%200C93.175%200%20102%208.825%20102%2050C102%2091.175%2093.175%20100%2052%20100C10.825%20100%202%2091.175%202%2050Z%27%20fill%3D%27none%27%20stroke%3D%27%23cfd1d4%27%20stroke-width%3D%271%27/%3E%3C/svg%3E");
  pointer-events: none;
  z-index: 1;
}
section.comm_list ul.article_list li div.article_wrap .info a,
section.comm_list ul.article_list li div.article_wrap .info .date {
  display: inline-block;
}
section.comm_list ul.article_list li div.article_wrap .info a.name {
  margin-right: 6px;
}
section.comm_list ul.article_list li div.article_wrap .info a.name strong {
  font-weight: normal;
}
section.comm_list ul.article_list li div.article_wrap .info .date {
  margin: 0;
}
section.comm_list ul.article_list li div.article_wrap .btn_wrap {
  margin-top: 0;
  margin-left: 10px;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}
section.comm_list ul.article_list li div.article_wrap .btn_wrap span.num {
  margin-left: 4px;
  font-size: 14px;
  color: #647291;
}
section.comm_list ul.article_list li div.article_wrap span.title {
  margin: 0 4px 0 0;
  font-size: 18px;
}
section.comm_list ul.article_list li div.article_wrap span.title a {
  color: #666;
  font-size: 18px;
}
section.comm_list ul.article_list li.read_no div.article_wrap span.title a {
  font-weight: 600 !important;
  color: #333;
}
section.comm_list ul.article_list li.feed div.article_wrap .ic_new2 {
  margin: 3px 0 0 3px;
  vertical-align: top;
}
section.comm_list ul.article_list li.read_no div.article_wrap span.title a {
  color: #333;
  font-weight: 600;
}
section.comm_list ul.article_list li.read_no div.article_wrap .info a.name strong {
  font-weight: bold;
  font-weight: 500;
}

.home_tab_wrap + .tab_contents ul.article_list li:first-child {
  border-top: 0;
}

section.comm_list ul.article_list li div.article_wrap span.category {
  display: block;
  margin-bottom: 4px;
  color: #919191;
}
section.comm_list ul.article_list li.feed div.article_wrap span.category {
  display: inline-block;
}
section.comm_list ul.article_list li div.article_wrap span.category a,
section.comm_list ul.article_list li div.article_wrap span.category span.arrow {
  font-size: 13px;
  color: #aaa;
}
section.comm_list ul.article_list li.private {
  background: none;
}
section.comm_list ul.article_list li.private .date {
  font-size: 14px;
}
section.comm_list ul.article_list li.private p.noti_msg span.ic {
  margin: 5px 0 0 8px;
}
section.comm_list div.home_content {
  margin: 10px 0 0;
  max-height: 42px !important;
}
section.comm_list div.home_content a {
  color: #616161;
}
section.comm_list ul.article_list li {
  margin: -1px 0 0;
  padding: 16px 0;
}
section.comm_list ul.article_list li.no_comm {
  border: 0;
}
section.comm_list ul.article_list li:hover {
  background: #f4f4f4;
}
section.comm_list ul.article_list li.no_focus {
  border: 0;
}
section.comm_list ul.article_list li.no_focus:hover {
  margin-right: 0;
  margin-left: 0;
}
section.comm_list ul.article_list > li div.meta_wrap {
  top: 20px;
  right: 0;
}

ul.article_list li.private p.noti_msg span.txt, ul.article_list li.private p.noti_msg span.date {
  margin-left: 10px;
}

.comm_list .home_list li div.article_wrap span.category {
  margin-bottom: 4px;
  color: #aaa;
  font-size: 12px;
}
.comm_list .home_list div.home_content {
  margin-top: 4px;
}
.comm_list .home_list div.article_wrap > div.info {
  margin-top: 8px;
}
.comm_list .home_list li div.article_wrap .info span.photo a {
  width: 24px !important;
  height: 24px !important;
}
.comm_list .home_list li div.article_wrap .info a.name {
  color: #999 !important;
  font-size: 13px;
  color: #999 !important;
  font-size: 13px;
  font-weight: normal;
}

div.critical span.title {
  font-weight: bold;
  font-weight: 500;
}

ul.comm_group_list li .wrap_info span.master, ul.comm_group_list li .wrap_info span.date {
  font-weight: normal;
  font-size: 13px;
}
ul.comm_group_list li .wrap_info span.title {
  max-width: 120px;
  font-weight: bold;
  font-weight: 500;
  font-size: 14px;
}
ul.comm_group_list li .wrap_meta {
  top: 17px;
}
ul.comm_group_list li .wrap_meta > span {
  margin-left: 6px;
}
ul.comm_group_list li .wrap_meta .count {
  display: inline-block;
  margin: 1px 0 0 2px !important;
  color: #647291 !important;
  text-align: left;
}
ul.gp_select_list {
  width: 225px;
}
ul.gp_select_list li {
  padding: 0 0 4px 4px;
}
ul.gp_select_list li span.txt {
  font-size: 13px;
}

/* board */
span.ic_lock {
  width: 13px;
  height: 19px;
  background: url(../images/icon_classic.png) no-repeat -140px -80px;
}

div.list_type6 ul li span.ic_lock {
  margin: 2px 5px 0 0;
}
div.list_type6 ul li span.ic_new2 {
  margin: 3px 0 0 2px;
}
div.list_type6 p.tit {
  font-weight: bold;
  font-weight: 500;
}
div.guide_board {
  padding-top: 25px;
}
div.guide_board ul.guide_desc li {
  margin: 0 !important;
  padding: 8px 0 !important;
}
div.guide_board ul.guide_desc li .num_type2,
div.guide_board ul.guide_desc li .txt {
  vertical-align: top;
}
div.guide_board ul.guide_desc li .num_type2 {
  width: 23px;
  font-size: 13px;
  border-radius: 20px;
  background: #00a1b9;
}

.go_works_situation .dataTables_wrapper .tool_bar .critical.custom_header {
  margin: 6px 0 0 24px;
}

.dataTables_wrapper .tool_bar .custom_header span.title {
  font-size: 18px;
  font-weight: bold;
}
.dataTables_wrapper .tool_bar .custom_header span.title > a {
  font-size: 18px;
  font-weight: bold;
}
.dataTables_wrapper .tool_bar .custom_header span.title + span.num {
  font-size: 13px;
}

.home_tab_wrap + .tab_contents .dataTables_wrapper .tool_bar {
  margin-top: 10px;
}

.classic_detail {
  margin-bottom: 16px;
}
.classic_detail + .tool_bar {
  display: none;
}

/* survey */
.dashboard_box .card_item .txt {
  vertical-align: top;
}
.dashboard_box .card_item .card_wrapper:hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 30px -20px rgba(0, 0, 0, 0.3);
}

h1.s_title .layer_tail {
  top: 30px;
  left: -13px;
}

/* go_skin_advanced */
.go_skin_advanced .go_header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #00a1b9;
  height: auto;
  width: 200px;
  min-width: inherit;
}
.go_skin_advanced.mini .go_header:hover {
  width: 200px !important;
  z-index: 100;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}
.go_skin_advanced.mini .go_header:hover nav li a .menu,
.go_skin_advanced.mini .go_header:hover .btn_oganization .txt {
  display: inline-block !important;
}
.go_skin_advanced.mini .go_wrap .gnb header.go_header_2row nav ul li span.badge {
  background: #fd1e1e;
  font-size: 0;
  width: 6px;
  height: 6px;
  padding: 0;
  min-width: 0;
  left: 38px;
  top: 5px;
}

/* .go_skin_advanced .go_header.mini nav {margin-top: 16px} */
/* .go_skin_advanced .go_header.mini:hover {width: 200px!important; z-index: 100; box-shadow:0px 0px 10px rgba(0,0,0,0.4)} */
/* .go_skin_advanced .go_header.mini:hover nav li a .menu, */
/* .go_skin_advanced .go_header.mini:hover .btn_oganization .txt {display: inline-block!important} */
/* .go_skin_advanced .go_wrap .mini header.go_header_2rader.mini nav {margin-top: 16px} */
.wrap_btn_list {
  display: none;
  position: fixed;
  top: 0;
  left: 0px;
  padding-top: 16px;
}

.btn_list {
  display: block;
  border-radius: 4px;
}
.btn_list:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.go_skin_advanced .gnb nav ul li a {
  color: #fff;
}
.go_skin_advanced .go-dashboard .go-gadget-content {
  border-radius: 6px;
}
.go_skin_advanced .gadget_design_border .go-gadget-content {
  border: 2px solid #20bec6 !important;
}
.go_skin_advanced header.go_header nav {
  float: inherit;
  margin: 0;
  min-width: inherit;
  max-width: inherit;
  overflow-x: hidden;
  overflow-y: auto;
}
.go_skin_advanced .go_wrap header.go_header nav ul li {
  float: inherit;
  position: relative;
  text-align: left;
  height: 40px;
  line-height: 40px;
}
.go_skin_advanced header.go_header nav ul li:hover {
  background: none;
}
.go_skin_advanced header.go_header nav ul li a {
  margin: 0 8px;
  padding: 0;
  transition: 0.2s;
  border-radius: 4px;
  opacity: 0.8;
  height: 40px;
}
.go_skin_advanced header.go_header nav ul li a:hover {
  background: #0392a7;
  opacity: 1;
}
.go_skin_advanced header.go_header nav ul li a .menu {
  font-size: 14px;
  margin: 0 0 0 4px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100px;
}
.go_skin_advanced .content_top .combine_search {
  position: absolute;
  top: 20px;
  right: 160px;
}
.go_skin_advanced.lab .content_top .combine_search {
  right: 210px !important;
}
.go_skin_advanced.channel .content_top .combine_search {
  right: 210px !important;
}
.go_skin_advanced.channel.lab .content_top .combine_search {
  right: 250px !important;
}
.go_skin_advanced.channel .content_top .combine_search {
  right: 210px;
}
.go_skin_advanced.lab .snb_laboratory, .go_skin_advanced.channel .wrap_channel .channel {
  display: inline-block;
}
.go_skin_advanced .wrap_channel .channel {
  display: none;
}
.go_skin_advanced.mini header.go_header nav ul li a .menu,
.go_skin_advanced.mini header.go_header .btn_oganization .txt {
  display: none;
}
.go_skin_advanced.mini .go_header.btn_oganization .txt {
  display: none;
}
.go_skin_advanced .go_side .gnb_title {
  display: block;
}
.go_skin_advanced.channel .content_top .combine_search {
  right: 200px;
}

/* .go_skin_advanced header.go_header.mini nav ul li a .menu {display: none} */
/* .go_skin_advanced header.go_header.mini .btn_oganization .txt {display: none} */
/* .go_skin_advanced .go_header.mini  .btn_oganization .txt {display: none} */
.dashboard_option_gadget {
  scrollbar-face-color: #d7dbe3;
  scrollbar-track-color: #eef1f6;
  scrollbar-arrow-color: none;
  scrollbar-highlight-color: #e0e0e0;
  scrollbar-3dlight-color: none;
  scrollbar-shadow-color: #e0e0e0;
  scrollbar-darkshadow-color: none;
}

.go_skin_advanced.go_skin_home_w .go_wrap {
  position: relative;
}
.go_skin_advanced.go_skin_home_w .go_wrap > h1 {
  position: absolute;
  top: 3px;
  left: 205px;
  width: 200px;
  height: 40px;
  z-index: 1;
}
.go_skin_advanced .go_wrap header.go_header_2row nav ul li.on_layer {
  background: none;
}
.go_skin_advanced .go_wrap header.go_header_2row .gnb_top_menu {
  background: #fff;
}
.go_skin_advanced .go_wrap header.go_header_2row nav ul li ul li span.menu {
  color: #333;
}
.go_skin_advanced .go_wrap header.go_header_2row nav ul li ul li a:hover {
  background: #eee;
}
.go_skin_advanced .go_wrap header.go_header_2row .gnb_top_menu {
  top: -10px;
  left: 10px;
}
.go_skin_advanced header.go_header nav ul li.btn_list {
  display: block;
}

ㅋ .go_skin_advanced section.my_info ul.ctrl .menu {
  display: inline-block;
  color: #fff;
  vertical-align: top;
  margin: 8px 0 0 0;
}

.go_skin_advanced section.my_info ul.ctrl .gnb_top_menu ul li a .menu {
  margin: 0;
  color: #333;
}
.go_skin_advanced section.my_info .btn_docare .gnb_bar {
  display: none;
}
.go_skin_advanced header.go_header h1 img.logo {
  margin: 0;
  top: 0;
  max-width: 180px;
  max-height: 100px;
  overflow: hidden;
}

.go_addr_list div.dataTables_length {
  margin-top: 6px !important;
}

.go_skin_advanced .go_dashboard_header {
  background: #eef1f6;
  height: 68px;
}
.go_skin_advanced .wrap_btn_list {
  display: block;
  position: fixed;
  top: 0px;
  left: 8px;
  width: 150px;
}
.go_skin_advanced .wrap_btn_list .btn_list {
  display: inline-block;
}
.go_skin_advanced .go_addr_list .tb_addr_list {
  border-top: 0;
  margin: 0;
}

.go_skin_ehr table.type_white thead tr th:first-child,
.go_skin_ehr table.type_white tbody tr td:first-child {
  padding-left: 24px !important;
}

.go_skin_advanced .calendar_tool_bar .optional {
  right: 32px;
}
.go_skin_advanced section.my_info ul.ctrl li > a span,
.go_skin_advanced header.go_header nav ul li a .wrap_ic_gnb_adv {
  display: inline-block;
}
.go_skin_advanced .layer_docare_alarm {
  top: 40px;
  right: -87px;
}
.go_skin_advanced .snb {
  position: absolute;
  top: 16px;
  left: initial;
  right: 24px;
  bottom: initial;
}
.go_skin_advanced .snb ul.ctrl li a.btn_noti {
  background-position: -50px -50px;
}
.go_skin_advanced .snb ul.ctrl li a.btn_admin {
  background-position: -43px 11px;
}
.go_skin_advanced .snb ul.ctrl li a.btn_help {
  background-position: -195px 11px;
}
.go_skin_advanced .snb ul.ctrl li a.btn_logout {
  background-position: -93px 11px;
}
.go_skin_advanced .snb .profile .photo {
  border-radius: 32px;
}
.go_skin_advanced .snb .profile img {
  border-radius: 50%;
}

.go_skin_home_w.go_skin_advanced .snb {
  top: 12px;
}

.go_skin_advanced .snb .wrap_docare {
  vertical-align: top;
}
.go_skin_advanced .snb .wrap_docare .btn_docare .ic_docare {
  background-position: 0 -50px;
}
.go_skin_advanced .wrap_docare {
  border-radius: 4px;
}
.go_skin_advanced .snb .wrap_docare:hover,
.go_skin_advanced .snb ul.ctrl li:hover {
  background: #eee;
}
.go_skin_advanced .go_header .btn_oganization {
  display: block;
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 16px;
  border: 1px solid #9ee5f1;
  border-radius: 4px;
  opacity: 0.8;
  white-space: nowrap;
}
.go_skin_advanced .go_header .btn_oganization .wrap_ic_gnb_adv {
  padding: 7px;
}
.go_skin_advanced .go_header .btn_oganization:hover {
  opacity: 1;
  border-color: #fff;
}
.go_skin_advanced .go_header .btn_oganization .txt {
  display: inline-block;
  color: #fff;
  margin: 6px 0 0 8px;
}
.go_skin_advanced aside.go_organogram {
  bottom: 16px;
  padding: 0;
  left: 64px;
  position: fixed;
}
.go_skin_advanced aside.go_organogram.on {
  display: block;
}
.go_skin_advanced aside.go_organogram .tab_wrap {
  margin: 0;
}
.go_skin_advanced .go_skin_advanced .layer_side {
  border-top: 1px solid #ddd;
}

div.layer_side footer.btn_layer_wrap .go_skin_advanced .layer_organogram aside.go_organogram header h1 {
  color: #333;
  font-size: 16px;
}

.go_skin_advanced aside.go_organogram .search_wrap {
  background: #fff;
  border: 0;
}
.go_skin_advanced div.content_tab_wrap {
  border: 0;
  border-top: 1px solid #ddd;
}
.go_skin_advanced aside.go_organogram .search_wrap {
  margin-right: 44px;
}
.go_skin_advanced aside.go_organogram .search_wrap input.search[placeholder] {
  background: none;
}
.go_skin_advanced .go_wrap header.go_header nav ul li.more {
  display: none;
}
.go_skin_advanced .go_wrap header.go_header nav ul li.on {
  background: none;
}
.go_skin_advanced .go_wrap header.go_header nav ul li.on a {
  background: #0392a7;
  opacity: 1;
}

.go_skin_home_w.go_skin_advanced h1.logo {
  z-index: 100;
}

.go_skin_advanced div.go_dashboard_header section.combine_search {
  right: 158px;
}
.go_skin_advanced.lab div.go_dashboard_header section.combine_search {
  right: 210px;
}
.go_skin_advanced.channel div.go_dashboard_header section.combine_search {
  right: 210px;
}
.go_skin_advanced.channel.lab div.go_dashboard_header section.combine_search {
  right: 250px;
}
.go_skin_advanced.channel .content_top .combine_search {
  right: 200px;
}
.go_skin_advanced .go_dashboard_header ul.dashboard_tab li > a,
.go_skin_advanced .go_dashboard_header .dashboard_tab li.mgmt a {
  max-width: 80px;
}
.go_skin_advanced .go_dashboard_header ul.dashboard_tab li > a {
  margin-left: 16px;
}
.go_skin_advanced .go_dashboard_header ul.dashboard_tab li.create {
  margin-top: 18px;
}
.go_skin_advanced span.ic.ic_arrow_type1_up {
  background-position: -50px -300px;
}
.go_skin_advanced .go_wrap header.go_header_2row nav ul li span.badge {
  display: block;
}
.go_skin_advanced .tb_stair li .item {
  border-bottom: 0;
}
.go_skin_advanced.mini .go_wrap .gnb:hover {
  width: 200px;
}
.go_skin_advanced.mini .gnb .go_header {
  width: 56px;
  transition: 0.2s;
  overflow: hidden;
}
.go_skin_advanced.mini .gnb + .go_body {
  margin-left: 56px;
}
.go_skin_advanced.mini .gnb .wrap_btn_list {
  left: 0;
  width: 48px;
  padding-left: 8px;
  position: fixed;
}
.go_skin_advanced.mini .gnb .logo {
  display: none;
}
.go_skin_advanced.mini .gnb .go_header:hover {
  width: 200px;
  z-index: 50;
  transition-delay: 0.2s;
}
.go_skin_advanced.mini .gnb nav ul li .badge {
  right: inherit;
  top: 0;
  left: 26px;
}
.go_skin_advanced.mini .gnb .go_header nav ul li a .menu,
.go_skin_advanced.mini .gnb .go_header .btn_oganization .txt {
  display: none;
}
.go_skin_advanced.mini .gnb .go_header:hover nav ul li a .menu,
.go_skin_advanced.mini .gnb .go_header:hover .btn_oganization .txt {
  display: inline-block;
}
.go_skin_advanced.mini .gnb .go_header nav {
  margin-top: 60px;
}
.go_skin_advanced .type_normal td {
  border-bottom: 0;
}

/* .go_skin_advanced .gnb.mini:hover {width: 200px} */
/* .go_skin_advanced .gnb.mini .go_header {width: 56px} */
/* .go_skin_advanced .gnb.mini + .go_body {margin-left: 56px} */
/* .go_skin_advanced .gnb.mini .wrap_btn_list {left: 70px} */
/* .go_skin_advanced .gnb.mini .logo {display: none} */
/* .go_skin_advanced .gnb.mini .go_header:hover {width: 200px; z-index: 50} */
/* .go_skin_advanced .gnb.mini  nav ul li .badge {right: inherit; top: 0; left: 26px} */
/* .go_skin_advanced .gnb.mini .go_header nav ul li a .menu, */
/* .go_skin_advanced .gnb.mini .go_header .btn_oganization .txt {display: none} */
/* .go_skin_advanced .gnb.mini .go_header:hover nav ul li a .menu, */
/* .go_skin_advanced .gnb.mini .go_header:hover .btn_oganization .txt  {display: inline-block} */
/* .go_skin_advanced .gnb.mini .go_header nav {margin-top: 16px; transition: 0.2s} */
/* side_bg */
div.go_skin_home_w {
  background: #eef1f6 !important;
}

.go_body .go_side {
  width: 280px;
}
.go_body .go_content {
  margin-left: 280px;
  padding: 0 52px;
}

.go_workspace_wide .go_body .go_content {
  margin-left: 0;
}

.go_full_screen .go_body .go_content {
  margin-left: 0;
}

.go_mail {
  background-position: 0 0;
  min-width: auto;
}
.go_mail .go_body {
  margin-left: 0;
}
.go_mail .go_body > iframe {
  margin-left: 300px;
}

go_skin_advanced.mini .gnb + go_body > iframe {
  margin-left: 0;
}

.go_skin_advanced.go_mail .go_body .go_content {
  margin-left: 251px;
}

/* lnb */
.lnb_edit {
  background: #f5f6f9;
  border-width: 1px 0;
}

ul.side_depth li.org > p.title, ul.side_depth li.org_share > p.title {
  font-weight: 400;
}

section.lnb span.ic_favor_member, section.lnb span.ic_app_bbs {
  display: none;
}
section.lnb h1.member .ic {
  display: none;
}

.go_side .wrap_help_guide_s {
  padding-left: 24px;
}
.go_side .wrap_help_guide_s strong {
  font-weight: bold;
  font-weight: 500;
}

.lnb .side_depth .new .ic {
  display: inline-block;
}

ul.side_depth li.setting > p ins.ic {
  display: inline-block;
}
ul.side_depth li.setting .title .txt {
  vertical-align: top;
}

.ic_side.ic_shareboard {
  width: 13px;
  height: 12px;
  background-position: -300px -2000px;
}

ul.side_depth li .ic_side.ic_shareboard {
  margin-right: 2px;
}

/* 차기버전 수정 */
.go_renew div.option_display table.in_table tbody td span.wrap_option:first-child {
  padding-top: 0;
}

.go_content .content_page > br + p.desc {
  margin: 0 24px 24px;
}

.report_home_card div.card_wrapper header {
  padding: 0;
}
.report_home_card div.card_wrapper .card_action {
  margin-top: 12px;
}

.btn_heart {
  display: inline-block;
  position: relative;
}
.btn_heart .wrap_heart {
  padding: 10px 0 25px;
  width: 70px;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.btn_heart .wrap_heart:hover {
  border-color: #bbb;
}
.btn_heart .wrap_heart svg {
  margin: 0 auto;
  width: 45px !important;
  height: 40px !important;
}
.btn_heart .wrap_heart span.txt {
  position: absolute;
  top: 45px;
}

span.wrap_heart {
  display: inline-block;
  text-align: center;
}
span.wrap_heart span.ic_heart {
  display: block;
  margin: 0 auto;
  width: 26px;
  height: 23px;
}
span.wrap_heart.on span.ic_heart {
  background-position: -250px -600px;
}
span.wrap_heart span.txt {
  display: block;
  margin-top: 3px;
  width: 70px;
  text-align: center;
}
span.wrap_heart.on span.txt {
  color: #ff5821;
}

.ndr {
  border-top: 6px solid #eee;
  margin: 0 -20px;
  padding: 30px 20px 20px;
  font-weight: normal;
}
.ndr .tit {
  font-size: 24px;
  letter-spacing: -1px;
  color: #000;
}
.ndr .disc {
  font-size: 14px;
  line-height: 1.5;
  margin: 10px 0 0 0;
}
.ndr .btn_ndr {
  display: inline-block;
  padding: 12px 30px;
  color: #fff;
  background: #25cad6;
  font-size: 14px;
  margin: 20px 0 0 0;
}

.ndr_guide {
  position: relative;
  font-weight: normal;
}
.ndr_guide .ndr_guide_header {
  background: #25cad6;
  padding: 0 0 90px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 140px;
}
.ndr_guide .ndr_guide_header .list_ndr {
  position: absolute;
  bottom: 0;
  left: 0;
}
.ndr_guide .list_ndr {
  table-layout: fixed;
}
.ndr_guide .ndr_guide_header .tit {
  position: relative;
  color: #fff;
  font-size: 13px;
  border-bottom: 1px solid #39bdc6;
  padding: 15px 20px;
}
.ndr_guide .ndr_search {
  position: relative;
  margin: 40px 60px;
}
.ndr_guide .ndr_search .btn_search_w {
  position: absolute;
  top: 15px;
  right: 0;
}
.ndr_guide .ndr_search input {
  width: 100%;
  height: 32px;
  padding: 26px 0;
  border: none;
  border-bottom: 3px solid #169aa4;
  background: none;
  color: #fff;
  font-size: 24px !important;
  line-height: 32px;
  text-decoration: none;
  letter-spacing: -1px;
  font-weight: normal;
  font-size: 14px;
}
.ndr_guide .ndr_search input:hover, .ndr_guide .ndr_search input:focus {
  background: none;
  outline: none;
  border: 0;
  border-bottom: 3px solid #fff;
}
.ndr_guide .ndr_guide_body {
  margin-top: 230px;
}
.ndr_guide .ndr_search input::placeholder {
  color: #bff6f9;
}
.ndr_guide .list_ndr th {
  font-size: 13px;
  padding: 5px 10px;
  background: #1cb9c5;
  color: #fff;
  border: 0;
}
.ndr_guide .list_ndr td {
  font-size: 13px;
  padding: 16px 10px;
  vertical-align: top;
  border-bottom: 1px solid #ddd;
}
.ndr_guide .list_ndr th:first-child,
.ndr_guide .list_ndr td:first-child {
  padding-left: 20px !important;
}
.ndr_guide .list_ndr .smtp {
  width: 50px;
}
.ndr_guide .list_ndr td.smtp {
  font-size: 20px;
  font-weight: bold;
  font-weight: 500;
}
.ndr_guide .list_ndr .status {
  width: 50px;
}
.ndr_guide .ndr_guide_tab {
  background: #25cad6;
  height: 34px;
  padding: 0 20px;
}
.ndr_guide .ndr_guide_tab li {
  display: inline-block;
  height: 30px;
  margin-right: 40px;
  border-bottom: 4px solid #25cad6;
  opacity: 0.7;
}
.ndr_guide .ndr_guide_tab li .menu {
  font-size: 15px;
}
.ndr_guide .ndr_guide_tab li.on {
  border-color: #fff;
  opacity: 1;
}
.ndr_guide .ndr_guide_tab li .menu {
  color: #fff;
}

.btn_search_w {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: none;
  background-position: -50px -50px;
}

.btn_ndr_help {
  display: inline-block;
  position: absolute;
  top: 8px;
  right: 20px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 30px;
  padding: 5px 10px;
  font-size: 12px;
  opacity: 0.8;
  cursor: pointer;
}
.btn_ndr_help:hover {
  opacity: 1;
}

.layer_ndr {
  z-index: 100;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -257px 0 0 -350px;
}
.layer_ndr .content {
  position: relative;
}
.layer_ndr .content .btn_x_b {
  position: absolute;
  top: -40px;
  right: -70px;
}

.btn_x_b {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-position: -100px -50px;
  cursor: pointer;
}

.go_skin_ehr .dataTables_wrapper,
.go_skin_ehr .tab_conent_wrap {
  margin-bottom: 0 !important;
}
.go_skin_ehr .wrap_tb_box .tool_bar .optional .btn_submenu {
  float: left;
  margin-right: 8px;
}

.go_asset .calendar_tool_bar .critical .s_title {
  display: none;
}

.go_todo header.conent_header .btn_setting .ic_setting {
  margin-top: -4px;
  background: url(../images/ic_board.png) no-repeat 0 -50px;
  background-size: 300px 1000px;
}
.go_todo .file_wrap > li .item_file .name {
  max-width: 60% !important;
}

.adv_overlay .wrap_btn_list .btn_list:hover {
  background: none;
}
.adv_overlay .snb {
  opacity: 0.4;
}
.adv_overlay .snb .wrap_docare:hover,
.adv_overlay .snb ul.ctrl li:hover {
  background: none;
}
.adv_overlay .snb .wrap_docare .layer_docare_alarm {
  display: none !important;
}

/*Attendance Management > Selective working hours*/
.attend_statistic_co .wrap_ehr_data {
  text-align: center;
}
.attend_statistic_co .wrap_ehr_data .ehr_stat_data .stat_tit {
  color: #888;
  text-align: left;
}
.attend_statistic_co .wrap_ehr_data .ehr_stat_data .stat_txt {
  color: #333;
  text-align: left;
  transition: all 0.15s ease-out;
}
.attend_statistic_co .ehr_stat_data {
  width: calc(11% - 3px);
  max-width: inherit;
  box-sizing: border-box;
}
.attend_statistic_co .list_statistic_detail {
  min-width: 1006px;
}
.attend_statistic_co .list_statistic_detail td {
  vertical-align: middle;
}
.attend_statistic_co .list_statistic_detail .date {
  min-width: 170px;
  text-align: left !important;
}
.attend_statistic_co .list_statistic_detail .date span {
  text-align: left;
}
.attend_statistic_co .list_statistic_detail .check {
  min-width: 100px;
}
.attend_statistic_co .list_statistic_detail .holiday {
  min-width: 160px;
}
.attend_statistic_co .list_statistic_detail .date .txt {
  text-align: left;
  font-weight: normal;
}
.attend_statistic_co .list_statistic_detail .name {
  min-width: 190px !important;
}
.attend_statistic_co .list_statistic_detail .depart span.txt {
  max-width: 200px;
}
.attend_statistic_co .list_statistic_detail .absence {
  min-width: 70px;
}
.attend_statistic_co .list_statistic_detail .leave,
.attend_statistic_co .list_statistic_detail .extensionWorkingTime,
.attend_statistic_co .list_statistic_detail .holyDayWorkingTime,
.attend_statistic_co .list_statistic_detail .unAuthDevice,
.attend_statistic_co .list_statistic_detail .etcStatus {
  min-width: 100px;
}
.attend_statistic_co .label_set.ic_new3 {
  margin-left: 2px;
}
.attend_statistic_co .type_normal td {
  border-bottom: none;
}
.attend_statistic_co .wrap_filter {
  padding: 0px 24px;
}
.attend_statistic_co .wrap_filter_title {
  padding: 0;
}
.attend_statistic_co .filter_result_desc {
  margin-top: 8px;
  color: #999;
}
.attend_statistic_co .filter_option .wrap_date input.txt[type=text] {
  width: 110px;
}

/*.attend_statistic_co .ehr_stat_data {max-width: 90px;}*/
/*
.attend_statistic_co .ehr_stat_data .stat_num:hover {cursor: pointer; color:#00a1b9;transform: translateY(-1px) translateZ(0);}
.attend_statistic_co .ehr_stat_data .stat_num.on {color:#00a1b9;}*/
.data_null.data_sync {
  padding: 32px;
  text-align: center;
}
.data_null.data_sync p.tit, .data_null.data_sync p.txt {
  font-size: 14px;
  color: #999;
}
.data_null.data_sync .btn_major_s {
  margin: 16px 0 0 0;
  padding: 4px 12px;
}

.label_set.ic_new3 {
  border-color: #fd1e1e;
  color: #fd1e1e;
  padding: 2px 2px;
}

.layer_normal.attend_statistic_filter {
  width: 600px;
}
.layer_normal.attend_statistic_filter .form_type th,
.layer_normal.attend_statistic_filter .form_type td {
  height: inherit;
  padding: 6px 0;
  vertical-align: top;
}
.layer_normal.attend_statistic_filter .form_type th {
  width: 100px;
}
.layer_normal.attend_statistic_filter .form_type td {
  color: #999;
}

/*timeline_ver2*/
.go_skin_ehr .calendar_tool_bar .current_date span.btn_ic_prev2, .go_skin_ehr .calendar_tool_bar .current_date span.btn_ic_next2 {
  vertical-align: bottom;
}
.go_skin_ehr .calendar_tool_bar .btn_tool span.txt {
  vertical-align: middle;
}

/*.highlighter_r {background: #FBEBF1; padding: 0 4px; border-radius: 2px;}*/
.wrap_statistics .info_group .tit {
  font-size: 16px;
  font-weight: 500;
}
.wrap_statistics .info_group .txt {
  font-size: 16px;
  font-weight: 200;
}

.tb_attend_detail2 {
  padding: 16px 8px 8px 40px;
  border-color: #00a1b9;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.3);
  border-radius: 0 0 4px 4px;
  background: #fff;
}
.tb_attend_detail2 .tb_div {
  display: table;
  width: 100%;
}
.tb_attend_detail2 .tb_row {
  display: table-row;
  position: relative;
  height: 32px;
}
.tb_attend_detail2 .tb_head .time {
  display: block;
  margin-bottom: 10px;
  font-size: 12px;
  color: #888;
}
.tb_attend_detail2 .tb_head .workinghours .time {
  color: #333;
  font-weight: bold;
  font-weight: 500;
}
.tb_attend_detail2 .tb_body {
  position: relative;
}
.tb_attend_detail2 .tb_cell {
  display: table-cell;
  line-height: 1.3;
}
.tb_attend_detail2 .tb_cell:last-child {
  border-right: none;
}
.tb_attend_detail2 .tb_cell .tb_div {
  height: 100%;
}
.tb_attend_detail2 .tb_cell .min {
  display: table-cell;
  min-width: 4px;
  box-sizing: border-box;
}
.tb_attend_detail2 .tb_cell .break {
  background: repeating-linear-gradient(180deg, rgba(51, 50, 50, 0.1), rgba(50, 50, 50, 0.1) 1px, transparent 0, transparent 2px);
}
.tb_attend_detail2 .tb_bg {
  position: relative;
}
.tb_attend_detail2 .tb_bg .tb_cell {
  height: 100%;
  border-right: 1px dashed #e9e9e9;
}
.tb_attend_detail2 .tb_bg .tb_cell > .tb_div {
  min-height: 72px;
}
.tb_attend_detail2 .tb_bg .tb_cell:last-child {
  border-right: none;
}
.tb_attend_detail2 .tb_bg .tb_cell.workinghours {
  border-right: 1px solid #e9e9e9;
}
.tb_attend_detail2 .time_data {
  position: absolute;
  top: 0;
  width: 100%;
  background: transparent;
}
.tb_attend_detail2 .wrap_timeline {
  position: relative;
}
.tb_attend_detail2 .min {
  position: relative;
}
.tb_attend_detail2 .min:hover {
  background: rgba(150, 150, 150, 0.1);
  cursor: pointer;
}
.tb_attend_detail2 .min + .time_schedule:hover {
  background: inherit;
}
.tb_attend_detail2 .coretime_s {
  border-left: 1px dashed red;
}
.tb_attend_detail2 .coretime_e {
  border-right: 1px dashed red;
}
.tb_attend_detail2 .progress {
  position: absolute;
  padding-left: 6px;
  height: 21px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  box-sizing: border-box;
  z-index: 1;
}
.tb_attend_detail2 .progress span.txt {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 100;
  width: 98%;
}
.tb_attend_detail2 .progress:after {
  clear: both;
  content: "";
}
.tb_attend_detail2 .part_default {
  background: #44d1a5;
  border: none;
}
.tb_attend_detail2 .part_overtime {
  background: #7cdec0;
  border: none;
}
.tb_attend_detail2 .part_overtime.wait {
  background: #ffe8e8;
  border: 1px dashed #f56160;
}
.tb_attend_detail2 .part_approval {
  background: #fbd171;
  border: none;
}
.tb_attend_detail2 .part_approval.wait {
  background: #fff3d8;
  border: 1px dashed #f9b927;
}
.tb_attend_detail2 .part_default_un {
  background: #d9f5ed;
  border: 1px dashed #44d1a5;
}
.tb_attend_detail2 .part_default_un span.txt {
  color: #226852;
}
.tb_attend_detail2 .part_approval span.txt {
  color: #967d43;
}
.tb_attend_detail2 .part_approval.wait span.txt {
  color: #888;
}
.tb_attend_detail2 .part_overtime.wait span.txt {
  color: #967d43;
}
.tb_attend_detail2 .total_time .txt {
  font-size: 13px;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tb_attend_detail2 .start {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.tb_attend_detail2 .close {
  padding-right: 6px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.tb_attend_detail2 .progress.start.initial {
  z-index: 2;
  max-width: 30px;
  min-width: 16px;
}
.tb_attend_detail2 .progress.close.initial {
  max-width: 30px;
  min-width: 16px;
}
.tb_attend_detail2 .progress.start.initial span.txt, .tb_attend_detail2 .progress.close.initial span.txt {
  width: 98%;
}
.tb_attend_detail2 .progress.start.close.initial {
  max-width: 60px;
  min-width: 52px;
}
.tb_attend_detail2 .progress.start.close span.txt {
  width: 48%;
}
.tb_attend_detail2 .progress.part_approval.start.close .txt {
  width: 98%;
}
.tb_attend_detail2 .label_r {
  float: right;
  text-align: right;
}
.tb_attend_detail2 .day_tail_r {
  margin-right: 10px;
}
.tb_attend_detail2 .day_tail_r:after {
  position: absolute;
  right: -10px;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #d9f5ed;
  content: "";
}
.tb_attend_detail2 .day_tail_l {
  margin-left: 10px;
}
.tb_attend_detail2 .day_tail_l:before {
  position: absolute;
  left: -10px;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #d9f5ed transparent transparent;
  content: "";
}
.tb_attend_detail2 .part_default.day_tail_r:after {
  border-color: transparent transparent transparent #44d1a5;
}
.tb_attend_detail2 .part_overtime.day_tail_r:after {
  border-color: transparent transparent transparent #7cdec0;
}
.tb_attend_detail2 .part_approval.day_tail_r:after {
  border-color: transparent transparent transparent #fbd171;
}
.tb_attend_detail2 .part_overtime.day_tail_l:before {
  border-color: transparent #7cdec0 transparent transparent;
}
.tb_attend_detail2 .part_default.day_tail_l:before {
  border-color: transparent #44d1a5 transparent transparent;
}
.tb_attend_detail2 .part_approval.day_tail_l:before {
  border-color: transparent #fbd171 transparent transparent;
}
.tb_attend_detail2 .total_time {
  width: 100%;
}
.tb_attend_detail2 .schedule_wrap {
  position: relative;
  width: 100%;
}
.tb_attend_detail2 .time_schedule {
  position: absolute;
  top: 0;
  left: 1px;
  height: 20px;
  border-left: 2px solid #00a1b9;
  z-index: 1;
}
.tb_attend_detail2 .time_schedule span.txt {
  padding: 0 4px;
  font-size: 13px;
  cursor: pointer;
  max-width: 120px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: #fff;
}
.tb_attend_detail2 .time_schedule > span.txt {
  line-height: 20px;
}
.tb_attend_detail2 .time_schedule.schedule_r {
  right: 1px;
  border-left: none;
  left: inherit;
  border-right: 2px solid #00a1b9;
}
.tb_attend_detail2 .time_schedule.schedule_r > span.txt {
  text-align: right;
}
.tb_attend_detail2 .time_schedule:hover {
  z-index: 2;
}
.tb_attend_detail2 .time_schedule:hover .tool_tip {
  display: block;
}
.tb_attend_detail2 .time_schedule.schedule_r .tool_tip {
  right: 0;
  left: inherit;
}
.tb_attend_detail2 .time_schedule.schedule_r .tool_tip:after, .tb_attend_detail2 .time_schedule.schedule_r .tool_tip:before {
  right: 13%;
  left: inherit;
}

.vm_connect {
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -200px 0 0 -250px;
  width: 500px;
  height: 300px;
  text-align: center;
}
.vm_connect .ic_vm_connect {
  display: inline-block;
  background: url(../images/guide_vm.png) no-repeat;
  width: 274px;
  height: 80px;
}
.vm_connect .vm_connect_tit {
  font-size: 48px;
  letter-spacing: -2px;
  margin: 20px 0 10px 0;
}
.vm_connect .vm_connect_desc {
  font-size: 16px;
  letter-spacing: -1px;
  color: #888;
  line-height: 1.8;
}

@media (max-width: 1300px) {
  .attend_statistic_co .wrap_ehr_data .ehr_stat_data {
    width: calc(11% - 3px);
  }
  /*override*/
}
.ic_linkplus_b {
  display: inline-block;
  background: url(../images/linkplus/ic_linkplus_b.png) no-repeat;
  width: 46px;
  height: 46px;
}

.linkplus {
  position: relative;
  letter-spacing: -1px;
}
.linkplus .tab_page {
  position: absolute;
  top: -40px;
  left: 50%;
  height: 40px;
  margin: 0 0 0 -155px;
}
.linkplus .tab_page > li {
  display: inline-block;
}
.linkplus .tab_page > li > a {
  position: relative;
  display: block;
  height: 40px;
  margin: 0 24px;
}
.linkplus .tab_page > li > a::after {
  content: "";
  width: 0%;
  height: 2px;
  background: #333;
  position: absolute;
  bottom: 0%;
  left: 50%;
  transition: all 300ms ease;
}
.linkplus .tab_page > li > a:hover .txt {
  color: #333;
}
.linkplus .tab_page > li > a:hover .ic24 {
  opacity: 1;
}
.linkplus .tab_page > li > a .txt {
  color: #888;
  font-size: 15px;
}
.linkplus .tab_page > li > a .ic24 {
  vertical-align: middle;
  margin: -2px 4px 0 0;
  opacity: 0.4;
}
.linkplus .tab_page > li > a.on::after {
  left: 0%;
  width: 100%;
}
.linkplus .tab_page > li > a.on .txt {
  color: #333;
}
.linkplus .tab_page > li > a.on .ic24 {
  opacity: 1;
}
.linkplus .data_none {
  width: 500px;
  margin: 0 auto;
  text-align: center;
  padding: 60px 0;
}
.linkplus .data_none .btn_major {
  font-size: 14px;
  padding: 16px 40px;
  border-radius: 0;
}
.linkplus .data_none > .tit {
  font-size: 28px;
  margin: 16px 0 0 0;
}
.linkplus .data_none > .desc {
  color: #888;
  font-size: 13px;
  margin: 8px 0 36px 0;
}
.linkplus .tab_page_container .linkplus_recommned {
  background-color: #f4f4f4;
  text-align: center;
  padding: 70px 0 30px 0;
}
.linkplus .tab_page_container .linkplus_recommned > .tit {
  font-size: 34px;
  letter-spacing: -2px;
}
.linkplus .tab_page_container .linkplus_recommned > .desc {
  font-size: 15px;
  margin: 8px 0 32px 0;
}
.linkplus .tab_page_container .linkplus_wrap_service {
  width: 1040px;
  margin: 0 auto;
}
.linkplus .tab_page_container .list_album > li {
  display: inline-block;
  width: 240px;
  margin: 0 16px 36px 0;
  text-align: left;
}
.linkplus .tab_page_container .list_album > li .list_album_desc {
  overflow: hidden;
  height: 40px;
  font-size: 13px;
  color: #888;
  margin: 10px 0 16px 0;
  overflow: hidden;
  line-height: 1.5;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.linkplus .tab_page_container .list_album > li .list_album_name {
  margin: 16px 0 0 0;
}
.linkplus .tab_page_container .list_album > li .list_album_name .list_album_logo {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0 8px 0 0;
  border-radius: 4px;
  overflow: hidden;
  vertical-align: middle;
}
.linkplus .tab_page_container .list_album > li .list_album_name .txt {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 140px;
  font-size: 17px;
  height: 24px;
  line-height: 24px;
  vertical-align: middle;
}
.linkplus .tab_page_container .list_album > li .optional {
  position: absolute;
  top: 8px;
  right: 8px;
}
.linkplus .tab_page_container .list_album > li .btn_more {
  display: none;
}
.linkplus .tab_page_container .list_album > li .btn_more .array_option {
  display: none;
}
.linkplus .tab_page_container .list_album > li:hover .btn_more {
  display: block;
}

.list_album_meta .state.ghost.service {
  margin: 0 0 0 4px;
  padding: 4px !important;
  line-height: 10px;
}
.list_album_meta .state.ghost.category {
  padding: 4px !important;
  line-height: 10px;
}

.linkplus h2 {
  font-size: 32px;
  letter-spacing: -2px;
}
.linkplus h3 {
  font-size: 24px;
  letter-spacing: -2px;
}
.linkplus .linkplus_guide {
  width: 1040px;
  margin: 0 auto;
  padding: 60px 0;
  text-align: center;
}
.linkplus .linkplus_guide a {
  display: inline-block;
  border: 1px solid #ddd;
  padding: 12px 48px;
  margin-top: 24px;
  font-size: 15px;
}
.linkplus .linkplus_guide a:hover {
  background: #ddd;
}
.linkplus .linkplus_list {
  width: 1040px;
  margin: 0 auto;
}
.linkplus .linkplus_contact {
  padding: 32px;
  background-color: #f4f4f4;
  text-align: center;
  border-radius: 8px;
  margin: 32px 0;
}
.linkplus .linkplus_contact .txt {
  font-size: 20px;
}
.linkplus .linkplus_contact a {
  font-size: 14px;
  border: 1px solid #ccc;
  height: 40px;
  padding: 0 32px;
  display: inline-block;
  line-height: 40px;
  margin-left: 24px;
  margin-top: -7px;
  vertical-align: middle;
}
.linkplus .list_album_thum {
  overflow: hidden;
  width: 240px;
  height: 150px;
  border-radius: 8px;
}
.linkplus .list_album_thum img {
  transition: all ease 0.3s;
  width: 240px;
  height: 150px;
}
.linkplus .list_album_thum img:hover {
  transform: scale(1.1);
}
.linkplus .linkplus_search {
  display: none;
  position: relative;
  background: #f4f4f4;
  padding: 0 24px 0 40px;
  height: 50px;
  border-radius: 8px;
  margin: -10px 20px 0 0;
}
.linkplus .linkplus_search .ic24.search {
  position: absolute;
  top: 14px;
  left: 16px;
  opacity: 0.4;
}
.linkplus .linkplus_search input {
  width: 100%;
  box-sizing: border-box;
  padding: 8px;
  vertical-align: top;
  margin-top: 5px;
  border: 0;
  background: #f4f4f4;
  font-size: 15px;
}
.linkplus .linkplus_search input:focus {
  outline: none;
}
.linkplus [data-role=button] {
  cursor: pointer;
}
.linkplus .list_tag {
  display: none;
  margin: 16px 0 32px 0;
}
.linkplus .list_tag:after {
  display: block;
  content: "";
  overflow: hidden;
  clear: left;
}
.linkplus .list_tag li {
  display: inline-block;
  float: left;
  height: 32px;
  margin: 0 8px 0 0;
}
.linkplus .list_tag li a {
  display: block;
  height: 32px;
  line-height: 32px;
  padding: 0 16px;
  border: 1px solid #ddd;
  color: #999;
  font-size: 13px;
  border-radius: 32px;
}
.linkplus .list_tag li a:hover {
  border-color: #999;
  color: #333;
}
.linkplus .linkplus_visual {
  position: relative;
  height: 200px;
  display: none;
}
.linkplus .linkplus_visual .ment {
  position: absolute;
  top: 40px;
  left: 0;
  margin: 0;
}
.linkplus .linkplus_visual .ment .main {
  font-size: 31px;
  letter-spacing: -3px;
}
.linkplus .linkplus_visual .ment .sub {
  font-size: 15px;
  color: #888;
  margin: 8px 0 0 0;
  line-height: 1.6;
}
.linkplus .linkplus_visual img {
  position: absolute;
  top: 16px;
  right: 0;
}
.linkplus .linkplus_my {
  padding: 32px 0;
  width: 1040px;
  margin: 0 auto;
  display: none;
}
.linkplus .linkplus_my .list_album > li {
  position: relative;
  width: 200px;
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 20px;
  transition: 0.2s;
  height: 207px;
  vertical-align: top;
  margin-right: 16px;
  margin-bottom: 16px;
}
.linkplus .linkplus_my .list_album > li:hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 30px -20px rgba(0, 0, 0, 0.3);
  z-index: 1;
}
.linkplus .linkplus_my .list_album > li:hover .btn_major {
  display: block;
}
.linkplus .linkplus_my .list_album > li .btn_major {
  display: none;
  position: absolute;
  bottom: 14px;
  left: 20px;
  width: 170px;
  text-align: center;
  padding: 12px;
}
.linkplus .linkplus_my .list_album > li .linkplus_logo {
  width: 200px;
  height: 80px;
  text-align: center;
}
.linkplus .linkplus_my .list_album > li .linkplus_logo img {
  margin: 8px 0 0 0;
}
.linkplus .linkplus_my .list_album > li .list_album_name {
  margin-top: 6px;
}
.linkplus .linkplus_my .list_album > li .list_album_name .txt {
  font-size: 16px;
}
.linkplus .linkplus_my .list_album li.add {
  text-align: center;
}
.linkplus .linkplus_my .list_album li.add .ic_linkplus_b {
  margin: 70px 0 8px 0;
}
.linkplus .linkplus_my .list_album li.add .txt {
  display: block;
  font-size: 16px;
  color: #888;
}
.linkplus .wrap_list_event {
  margin: 32px 0 0 0;
}
.linkplus .wrap_list_event > .header {
  position: relative;
  margin: 0 0 16px 0;
}
.linkplus .wrap_list_event > .header .optional {
  right: 28px;
  top: 16px;
}
.linkplus .list_service {
  margin: 32px 0 0 0;
}
.linkplus .list_service > .header {
  margin: 0 0 16px 0;
}
.linkplus .list_event:after {
  display: block;
  clear: left;
  overflow: hidden;
  height: 0;
  content: "";
}
.linkplus .list_event > li {
  float: left;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  width: 320px;
  height: 280px;
  border: 1px solid #eee;
  border-radius: 16px;
  transition: 0.2s;
  vertical-align: top;
  margin-right: 24px;
  margin-bottom: 16px;
}
.linkplus .list_event > li:hover .btn_major {
  display: block;
}
.linkplus .list_event > li .btn_major {
  display: none;
  position: absolute;
  bottom: 14px;
  left: 20px;
  width: 170px;
  text-align: center;
  padding: 12px;
}
.linkplus .list_event > li .linkplus_logo {
  width: 200px;
  height: 80px;
  text-align: center;
}
.linkplus .list_event > li .linkplus_logo img {
  margin: 8px 0 0 0;
}
.linkplus .list_event > li .list_album_name {
  margin-top: 6px;
}
.linkplus .list_event > li .list_album_name .txt {
  font-size: 16px;
}
.linkplus .list_event .thum {
  margin: -1px 0 0 -1px;
}
.linkplus .list_event .thum img {
  transition: all ease 0.3s;
  width: 332px;
  height: 202px;
}
.linkplus .list_event > li:hover .thum img {
  transform: scale(1.1);
}
.linkplus .list_event > li .info {
  position: absolute;
  bottom: -50px;
  left: 0;
  right: 0;
  background: #fff;
  padding: 16px 24px;
  transition: all 0.2s cubic-bezier(0.26, 0.21, 1, 1);
}
.linkplus .list_event > li:hover .info {
  bottom: 5px;
}
.linkplus .optional {
  position: absolute;
  top: 0;
  right: 0;
}
.linkplus .list_event > li .info .tit {
  font-size: 17px;
}
.linkplus .list_event > li .info .benefit {
  font-size: 16px;
  color: #00a1b9;
}
.linkplus .list_event > li .info .desc {
  font-size: 13px;
  margin-top: 11px;
}

.linkplus_using {
  position: relative;
  display: inline-block;
  background-color: #00a1b9;
  color: #fff;
  font-size: 11px;
  height: 23px;
  line-height: 23px;
  padding: 0 8px;
  border-radius: 23px;
  vertical-align: middle;
  margin: 0 0 0 8px;
}

.linkplus_request {
  position: relative;
  display: inline-block;
  background-color: #bbb;
  color: #fff;
  font-size: 11px;
  height: 23px;
  line-height: 23px;
  padding: 0 8px;
  border-radius: 23px;
  vertical-align: middle;
  margin: 0 0 0 8px;
}
.linkplus_request:hover .tooltip {
  display: block;
}
.linkplus_request .tooltip {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  background: #333;
  white-space: nowrap;
  color: #fff;
  padding: 8px 16px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
  font-size: 13px;
  border-radius: 4px;
  line-height: 1.5;
}

.linkplus_detail {
  padding: 48px 0;
  border-top: 1px solid #eee;
}
.linkplus_detail .linkplus_detail_header {
  position: relative;
  width: 800px;
  margin: 0 auto 32px;
}
.linkplus_detail .linkplus_detail_header .service_logo {
  display: inline-block;
  position: absolute;
  top: 16px;
  left: 0;
}
.linkplus_detail .linkplus_detail_header .info {
  position: relative;
  padding: 0 0 0 220px;
  height: 150px;
}
.linkplus_detail .linkplus_detail_header .info .name {
  font-size: 24px;
}
.linkplus_detail .linkplus_detail_header .info .name .linkplus_using {
  vertical-align: middle;
  margin: -8px 0 0 8px;
  padding: 2px 8px;
  font-size: 13px;
}
.linkplus_detail .linkplus_detail_header .info .desc {
  font-size: 14px;
  margin: 4px 0 0 0;
  line-height: 1.7;
}
.linkplus_detail .linkplus_detail_header .info .meta {
  position: relative;
  height: 48px;
  margin: 16px 0 0 0;
}
.linkplus_detail .linkplus_detail_header .info .critical {
  position: absolute;
  top: 0;
  left: 0;
}
.linkplus_detail .linkplus_detail_header .info .state {
  padding: 6px;
}
.linkplus_detail .linkplus_detail_header .info .optional {
  position: absolute;
  top: 0;
  right: 0;
}
.linkplus_detail .linkplus_detail_header .info .optional a {
  padding: 12px 32px;
  border-radius: 0;
  font-size: 14px;
  margin: 0 0 0 8px;
}
.linkplus_detail .linkplus_detail_header .info .optional .linkplus_wait {
  margin: 0 0 0 8px;
}
.linkplus_detail .linkplus_detail_header .info .optional .btn_minor {
  background-color: #fff;
}
.linkplus_detail .linkplus_detail_display {
  position: relative;
  background: #f4f4f4;
  padding: 48px 0 32px;
}

.banner_rolling {
  position: relative;
  width: 800px;
  margin: 0 auto;
}
.banner_rolling .wrap_img {
  position: relative;
  overflow: hidden;
  width: 800px;
  height: 500px;
}
.banner_rolling .btn_banner_rolling {
  position: absolute;
  top: 230px;
  padding: 0;
  margin: 0 !important;
  opacity: 1;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background-color: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}
.banner_rolling .btn_banner_rolling .ic_next {
  margin: 12px 0 0 12px;
}
.banner_rolling .btn_banner_rolling .ic_prev {
  margin: 12px 0 0 10px;
}
.banner_rolling .btn_banner_rolling:hover {
  opacity: 1;
}
.banner_rolling .btn_banner_rolling.prev {
  left: -20px;
}
.banner_rolling .btn_banner_rolling.next {
  right: -20px;
}
.banner_rolling .banner_rolling_page {
  text-align: center;
  margin: 10px 0 0 0;
}
.banner_rolling .banner_rolling_page > span {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  border: 2px solid #fff;
  background: none;
  margin: 0 6px;
  vertical-align: middle;
}
.banner_rolling .banner_rolling_page > span.on {
  background: #fff;
}
.banner_rolling.banner_l {
  width: 1012px;
  padding-right: 22px;
  padding-top: 24px;
}
.banner_rolling.banner_l .wrap_img {
  width: 1012px;
  height: 309px;
}
.banner_rolling.banner_l .btn_banner_rolling {
  top: 50%;
  margin-top: -20px;
}
.banner_rolling.banner_l .btn_banner_rolling.next {
  right: 0px;
}
.banner_rolling.banner_l .banner_rolling_page {
  position: absolute;
  top: 270px;
  left: 60px;
}

.linkplus_detail .linkplus_detail_container {
  margin: 40px auto;
  width: 800px;
}
.linkplus_detail .linkplus_detail_container h2 {
  line-height: 1.8;
  font-size: 24px;
  margin: 50px 0 16px 0;
}
.linkplus_detail .linkplus_detail_container h2:first-child {
  margin: 0 0 16px 0;
}
.linkplus_detail .linkplus_detail_container .desc {
  line-height: 2;
  margin: 0;
}
.linkplus_detail .linkplus_detail_container .linkplus_question {
  padding: 24px;
  text-align: center;
  font-size: 16px;
  margin: 40px 0 0 0;
  background: #f4f4f4;
  border: 0;
}
.linkplus_detail .linkplus_detail_container .linkplus_question .ic_tooltip {
  margin: -4px 8px 0 0;
  cursor: default;
}

.linkplus .linkplus_agreement {
  width: 560px;
  margin: 24px auto;
  border: 1px solid #ddd;
  padding: 40px;
}
.linkplus .linkplus_agreement h1 {
  font-size: 32px;
  margin: 0 0 16px 0;
}
.linkplus .linkplus_agreement .desc {
  font-size: 13px;
  line-height: 1.8;
}
.linkplus .linkplus_agreement .wrap_list_agree_info {
  margin: 32px 0 0 0;
}
.linkplus .linkplus_agreement .list_agree_info th {
  background-color: #f4f4f4;
  font-size: 13px;
  padding: 8px 16px;
  border-right: 1px solid #eee;
  vertical-align: top;
}
.linkplus .linkplus_agreement .list_agree_info td {
  font-size: 13px;
  padding: 8px 16px;
  border-right: 1px solid #eee;
  vertical-align: top;
  padding: 16px;
  color: #666;
}
.linkplus .linkplus_agreement .list_agree {
  margin: 24px 0 0 0;
}
.linkplus .linkplus_agreement .list_agree label {
  font-size: 17px;
}
.linkplus .linkplus_agreement .list_agree input {
  margin-top: -4px;
}
.linkplus .linkplus_agreement .list_agree .desc {
  padding: 4px 0 0 24px;
}
.linkplus .linkplus_agreement .footer {
  margin: 40px 0 0 0;
  text-align: center;
}
.linkplus .linkplus_agreement .btn_major {
  font-size: 14px;
  padding: 16px 40px;
  border-radius: 0;
}
.linkplus .banner_s {
  position: relative;
  margin: 0 auto;
  padding-top: 24px;
  width: 1024px;
  padding-right: 14px;
}
.linkplus .banner_s .btn_close {
  position: absolute;
  top: 30px;
  right: 28px;
}

.linkplus_apply {
  width: 480px;
  margin: 0 auto;
}
.linkplus_apply .txt_caution {
  color: red;
}
.linkplus_apply input[type=text],
.linkplus_apply select {
  height: 48px;
  padding: 0 8px;
  border: 1px solid #ddd;
}
.linkplus_apply input[type=text]:disabled {
  background-color: #eee;
}
.linkplus_apply .form_type td > label {
  display: block;
  margin: 0 0 8px 0;
}
.linkplus_apply .list_agree {
  margin: 16px 0 24px 0;
}
.linkplus_apply .list_agree li {
  margin: 8px 0;
  color: #888;
}
.linkplus_apply .list_agree li a:hover {
  text-decoration: underline;
}

.btn_linkplus_apply {
  margin: 10px 0 0 0;
  width: 100%;
  box-sizing: border-box;
  padding: 16px;
  text-align: center;
  border: 0;
}

.btn_disabled {
  background-color: #eee;
  border-color: #eee;
  color: #888;
  cursor: default;
}
.btn_disabled:hover {
  background-color: #eee;
  border-color: #eee;
  color: #888;
}

.btn_linkplus_apply .txt {
  font-size: 16px;
  font-weight: normal;
}

.linkplus_apply .header {
  text-align: center;
  margin: 0 0 8px 0;
}
.linkplus_apply .header h1 {
  font-size: 32px;
  margin: 8px 0 8px 0;
  letter-spacing: -3px;
}
.linkplus_apply .form .form_tr .form_td {
  padding: 12px 0 0 0;
}

.linkplus_detail .linkplus_wait {
  display: none;
}

.layer_linkplus_apply input[type=checkbox],
.linkplus input[type=checkbox] {
  border: solid 2px #ccc;
  height: 16px;
  width: 16px;
  border-radius: 2px;
  -webkit-appearance: none;
  overflow: hidden;
  margin: -2px 4px 0 0;
}

.layer_linkplus_apply input[type=checkbox]:checked,
.linkplus input[type=checkbox]:checked {
  border: solid 2px #333;
  background: #333;
  height: 16px;
  width: 16px;
  border-radius: 2px;
  -webkit-appearance: none;
  font-size: 19px;
}

.layer_linkplus_apply input[type=checkbox]:checked:after,
.linkplus input[type=checkbox]:checked:after {
  content: "∨";
  display: block;
  position: relative;
  top: -10px;
  left: -1px;
  height: 15px;
  width: 15px;
  font-weight: bold;
  color: #fff;
  font-family: initial;
}

.linkplus_wait {
  display: inline-block;
  height: 38px;
  line-height: 38px;
  padding: 0 32px;
  background: #eee;
}
.linkplus_wait .txt {
  font-size: 14px;
  color: #666;
}
.linkplus_wait .ic_tooltip {
  margin: -4px 4px 0 0;
}
.linkplus_wait .ic_tooltip .tooltip {
  left: inherit;
  right: 0;
}

.linkplus_user_guide {
  width: 900px;
  margin: 0 auto;
  text-align: center;
}
.linkplus_user_guide > .tit {
  font-size: 46px;
  text-align: center;
  letter-spacing: -5px;
  margin: 24px 0 8px 0;
}
.linkplus_user_guide > .tit + .desc {
  font-size: 16px;
  text-align: center;
}
.linkplus_user_guide .user_guide_thumb {
  display: block;
  margin: 48px 0 0 0;
}
.linkplus_user_guide .linkplus_user_guide_step {
  position: relative;
}
.linkplus_user_guide .linkplus_user_guide_step .dot {
  position: absolute;
  top: 60px;
  left: 160px;
  width: 570px;
  border-top: 2px dotted #00a1b9;
  z-index: -1;
}
.linkplus_user_guide .linkplus_user_guide_step .step {
  width: 220px;
  display: inline-block;
  margin: 40px 30px 0 30px;
  text-align: center;
}
.linkplus_user_guide .linkplus_user_guide_step .step .step_num {
  display: inline-block;
  width: 38px;
  height: 38px;
  background: #00a1b9;
  line-height: 38px;
  border-radius: 38px;
  text-align: center;
  color: #fff;
}
.linkplus_user_guide .linkplus_user_guide_step .step .step_tit {
  display: block;
  font-size: 18px;
  margin: 16px 0 8px 0;
}
.linkplus_user_guide .linkplus_user_guide_step .step .step_desc {
  display: block;
  font-size: 13px;
  color: #888;
}
.linkplus_user_guide .btn_guide {
  margin: 50px auto 30px;
  font-size: 16px;
  font-weight: normal;
  padding: 16px 45px 17px;
}

.ic_tooltip {
  position: relative;
  cursor: pointer;
}
.ic_tooltip .tooltip {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  background: #333;
  white-space: nowrap;
  color: #fff;
  padding: 8px 16px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
  font-size: 13px;
  border-radius: 4px;
  line-height: 1.5;
}
.ic_tooltip:hover .tooltip {
  display: block;
}

.layer_modal_full {
  display: none;
  position: fixed;
  z-index: 999;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.7);
}
.layer_modal_full.on {
  display: block;
}
.layer_modal_full .wrap {
  position: absolute;
  top: 15%;
  left: 50%;
  margin-left: -400px;
}
.layer_modal_full .wrap .ic_x_b_w {
  position: absolute;
  top: -40px;
  right: 0;
  cursor: pointer;
}
.layer_modal_full .wrap iframe {
  width: 800px !important;
  height: 500px !important;
}

.layer_linkplus_apply {
  width: 500px;
}
.layer_linkplus_apply header {
  padding-bottom: 0 !important;
}
.layer_linkplus_apply header h1 {
  font-size: 24px;
}
.layer_linkplus_apply .tit {
  margin: 16px 0 8px 0;
  font-size: 14px;
  color: #000;
}
.layer_linkplus_apply .tit:first-child {
  margin-top: 0;
}
.layer_linkplus_apply .list_agree {
  margin: 24px 0 0 0;
}
.layer_linkplus_apply .list_agree li {
  margin: 8px 0;
}
.layer_linkplus_apply .list_agree li label strong {
  font-size: 15px;
  font-weight: normal;
}
.layer_linkplus_apply .content {
  padding-bottom: 24px;
}

.list_accordion li {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  margin: -1px 0 0 0;
}
.list_accordion li a {
  color: blue;
}
.list_accordion li a:hover {
  text-decoration: underline;
}
.list_accordion li .subject {
  position: relative;
  padding: 14px 0;
  cursor: pointer;
}
.list_accordion li .subject .txt {
  font-size: 16px;
}
.list_accordion li .subject .optional {
  position: absolute;
  top: 16px;
  right: 0;
}
.list_accordion li .subject .optional .ic24 {
  opacity: 0.3;
}
.list_accordion li .desc {
  display: none;
  padding: 0 0 14px 16px;
}
.list_accordion li .desc.on {
  display: block;
}

.btn_rolling_banner {
  background-color: #000;
  width: 30px;
  height: 30px;
  padding: 10px;
}

.my_info ul.ctrl li a.btn_setting {
  background-position: -200px 0;
}
.my_info ul.ctrl li a.btn_setting + .gnb_top_menu {
  left: initial;
  top: 38px;
  right: 16px;
}
.my_info ul.ctrl li a.btn_setting + .gnb_top_menu ul li a {
  text-align: center;
  color: #333;
}

.go_skin_advanced .my_info ul.ctrl li a.btn_setting {
  background-position: -200px -50px;
}

/* 샘플 양식관련 연출 */
.btn_minor_s.btn_sample_down {
  padding: 8px 16px;
  height: auto;
  border: 1px solid #2e2e2e;
}

.sample_download + .wrap_file_upload_type2 {
  margin-top: 16px;
}
.sample_download > div {
  display: inline-block;
  width: 320px;
  vertical-align: top;
}
.sample_download > div:last-child {
  border-left: 1px solid #ddd;
  padding: 0 0 0 40px;
  width: 340px;
}

.ic_adm {
  display: inline-block;
  background: url(../images/admin/ic_adm.png) no-repeat;
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
.ic_adm.ic_excel {
  background-position: -300px -100px;
  width: 25px;
  height: 25px;
}

.btn_minor_s .ic_adm {
  vertical-align: middle;
  margin-right: 4px;
}

.ic_adm.ic_down {
  background-position: -200px -200px;
  width: 9px;
  height: 13px;
}

.btn_minor_s.btn_sample_down .separator {
  font-size: 18px;
  color: #ddd;
  margin: 0 8px;
}

.wrap_file_upload_type2 .progress,
.wrap_file_upload_type2 .wrap_attach {
  margin-top: 10px;
}
.wrap_file_upload_type2 .progress a .ic_del {
  margin-left: 7px;
}
.wrap_file_upload_type2 .progress img {
  margin: -2px 2px 0;
  vertical-align: middle;
}
.wrap_file_upload_type2 .progress span {
  font-size: 12px;
}
.wrap_file_upload_type2 .file_wrap > li .item_file {
  padding: 4px 0;
}
.wrap_file_upload_type2 .btn_upload_all {
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  margin: -2px 0 0 4px;
  border-radius: 4px;
  border: 0;
}
.wrap_file_upload_type2 .btn_upload_all.primer {
  background: #37d2e7;
}
.wrap_file_upload_type2 .btn_upload_all.primer .txt {
  color: #fff;
  padding: 0;
}

.btn_s .txt {
  color: #2e2e2e;
  font-size: 13px;
  vertical-align: top;
}
.btn_s .ic_adm {
  vertical-align: top;
  margin: 8px 4px 0 0;
}

.ic_adm.ic_upload {
  background-position: -200px -150px;
  width: 8px;
  height: 12px;
}

.wrap_file_upload_type2 .btn_file_form {
  display: inline-block;
  cursor: pointer;
  padding: 0 8px;
  color: #2e2e2e;
  font-weight: bold;
  font-weight: 500;
  font-size: 13px;
  border: 0;
  border-radius: 4px;
  background: #f3f3f3;
  height: 30px;
  line-height: 30px;
}

.go_side h1 a .ic_side_folder_root + .txt,
.go_side h1 a .ic_side_share_root + .txt {
  padding: 0;
  font-weight: bold !important;
  color: #1c1c1c !important;
}

.logout_opt {
  position: relative;
}
.logout_opt input[type=radio] {
  position: absolute;
  top: 30px;
  left: 24px;
}
.logout_opt .tit {
  padding-left: 30px;
  font-size: 16px;
}
.logout_opt .desc {
  padding-left: 30px;
}

.layer_logout_opt .logout_opt {
  margin: 16px 0 0 0;
  border-radius: 8px;
  cursor: pointer;
}
.layer_logout_opt .logout_opt:first-child {
  margin: 0;
}

/* Works 캘린더뷰 */
.layer_calendar_info table.form_type tbody th {
  width: 100px;
}
.layer_calendar_info .alert_wrap .ic_caution,
.layer_calendar_info .alert_wrap .caution {
  vertical-align: middle;
}

.layer_calendar_check {
  width: 480px;
}
.layer_calendar_check div.vertical_wrap_s {
  margin: 4px 0;
}
.layer_calendar_check .content .item_list + .btn_wrap {
  margin-top: 12px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.layer_calendar_check .wrap_toggle_btn {
  position: absolute;
  top: 16px;
  right: 44px;
  width: 104px;
}
.layer_calendar_check .wrap_toggle_btn label {
  margin: 2px 0 0 68px;
  width: 30px;
  height: 18px;
}
.layer_calendar_check .wrap_toggle_btn label .txt {
  position: absolute;
  top: -1px;
  left: -68px;
  width: 60px;
  text-align: right;
  color: #aaa;
}
.layer_calendar_check .wrap_toggle_btn label::before {
  position: absolute;
  width: 14px;
  height: 14px;
}
.layer_calendar_check .wrap_toggle_btn input:checked + label {
  background: #333;
}
.layer_calendar_check .wrap_toggle_btn input:checked + label .txt {
  color: #111;
}
.layer_calendar_check .wrap_toggle_btn input:checked + label::before {
  left: 12px;
}
.layer_calendar_check .item_list li {
  position: relative;
  padding: 12px 0;
  border-top: 1px solid #f0f0f0;
}
.layer_calendar_check .item_list li .wrap_select select {
  width: 120px;
}
.layer_calendar_check .item_list li:first-child {
  border-top: 0;
}
.layer_calendar_check .item_list li .btn_del {
  position: absolute;
  top: 15px;
  right: 0;
  padding: 4px;
  width: 24px;
  height: 24px;
  box-sizing: border-box;
  border-radius: 4px;
}
.layer_calendar_check .item_list li .btn_del:hover {
  background: #eee;
}
.layer_calendar_check .item_list li .btn_del .ic_del {
  vertical-align: top;
}

.layer_viewsetting {
  padding: 8px 16px;
  top: 28px;
  right: 0;
  width: 240px;
  box-sizing: border-box;
}
.layer_viewsetting label {
  font-size: 14px;
}
.layer_viewsetting .vertical_wrap_s {
  position: relative;
}
.layer_viewsetting .vertical_wrap_s .btn_wrap {
  position: absolute;
  top: 0;
  right: 0;
}
.layer_viewsetting .vertical_wrap_s input.normalmode {
  position: absolute;
  top: 3px;
  left: 0;
}
.layer_viewsetting .vertical_wrap_s label {
  margin: 0 20px;
}

.opt_sort .wrap_btn .ic_search.searching {
  background-position: -345px -95px !important;
}

.array_option.search_app {
  padding: 12px;
  width: 330px;
}
.array_option.search_app i.ic_search {
  height: 26px;
  width: 26px;
  background: #fff url(../images/ic_toolbar.png) no-repeat 3px -47px !important;
  border-radius: 4px;
}
.array_option.search_app i.ic_search:hover {
  background-color: #eee !important;
}
.array_option.search_app i.ic_search span.tit {
  font-size: 0;
}

.ic.ic_caution_mini {
  width: 11px;
  height: 11px;
  background-position: 0 -1300px;
}

.ic_works.ic_calendar2 {
  width: 16px;
  height: 18px;
  background-position: -180px -150px !important;
}
.ic_works.ic_view {
  width: 20px;
  height: 13px;
  background-position: -180px -200px !important;
}

.go_attend_situation.go_works_situation .calendar_tool_bar .critical {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 0;
}
.go_attend_situation.go_works_situation .calendar_tool_bar .optional {
  top: 5px;
  display: flex;
}
.go_attend_situation.go_works_situation .calendar_tool_bar .optional .btn_icon:first-child {
  margin-right: 16px;
}
.go_attend_situation.go_works_situation .calendar_tool_bar .optional .btn_icon .ic_works,
.go_attend_situation.go_works_situation .calendar_tool_bar .optional .btn_icon .txt {
  display: inline-block;
  vertical-align: middle;
}
.go_attend_situation.go_works_situation .calendar_tool_bar .optional .btn_icon .txt {
  margin-left: 8px;
}
.go_attend_situation.go_works_situation .calendar_tool_bar .current_date {
  margin-top: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: initial;
}
.go_attend_situation.go_works_situation .calendar_tool_bar .current_date .today-btn {
  margin-top: 0;
  vertical-align: top;
}
.go_attend_situation.go_works_situation .calbean_calendar_view .schedule_day {
  border: 0;
  border-radius: 4px;
}

.layer_calbean_calendar_view .schedule_day {
  border: 0;
}

.go_attend_situation.go_works_situation .calbean_calendar_view .schedule_day a {
  padding: 1px 9px;
  font-weight: 400;
}
.go_attend_situation.go_works_situation .calbean_calendar_view .schedule_day a .time {
  margin-top: 3px;
  margin-right: 6px;
  padding-right: 8px;
  line-height: 10px;
  border-right: 1px solid;
}
.go_attend_situation.go_works_situation .calbean_calendar_view .schedule_day a .ic.ic_caution_mini {
  margin: 3px 4px 0 0;
  vertical-align: top;
}

.layer_calbean_calendar_view .schedule_day .tail_l,
.layer_calbean_calendar_view .schedule_day .tail_r {
  border-color: transparent;
}

.go_attend_situation.go_works_situation .calbean_calendar_view .tail_l,
.go_attend_situation.go_works_situation .calbean_calendar_view .tail_r {
  border-color: transparent;
}

.layer_calbean_calendar_view .schedule_day .tail_l div,
.layer_calbean_calendar_view .schedule_day .tail_r div {
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
}

.go_attend_situation.go_works_situation .calbean_calendar_view .schedule_day .tail_l div,
.go_attend_situation.go_works_situation .calbean_calendar_view .schedule_day .tail_r div {
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
}
.go_attend_situation.go_works_situation .calbean_calendar_view .schedule_day_left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.go_attend_situation.go_works_situation .calbean_calendar_view .schedule_day_right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.go_attend_situation.go_works_situation div.calendar_week table.tb_week_body tr.cols td div.schedule_wrap div.schedule_time {
  border: 0;
}

.layer_calbean_calendar_view .bgcolor0,
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor0 {
  background: rgba(183, 183, 183, 0.2);
}

.layer_calbean_calendar_view .bgcolor0 a {
  color: #578dbb;
}

.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor0 a,
.go_attend_situation.go_works_situation div.calendar_week table.tb_week_body tr.cols td div.schedule_wrap div.schedule_time.bgcolor0 p {
  color: #578dbb;
}
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor0 a .time {
  border-color: #578dbb;
}

.layer_calbean_calendar_view .bgcolor0 .tail_l div,
.layer_calbean_calendar_view .bgcolor0 .tail_r div {
  border-color: rgba(183, 183, 183, 0.2);
}

.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor0 .tail_l div,
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor0 .tail_r div {
  border-color: rgba(183, 183, 183, 0.2);
}

.layer_calbean_calendar_view .bgcolor1,
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor1 {
  background: rgba(144, 83, 65, 0.2);
}

.layer_calbean_calendar_view .bgcolor1 a {
  color: #905341;
}

.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor1 a,
.go_attend_situation.go_works_situation div.calendar_week table.tb_week_body tr.cols td div.schedule_wrap div.schedule_time.bgcolor1 p {
  color: #905341;
}
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor1 a .time {
  border-color: #905341;
}

.layer_calbean_calendar_view .bgcolor1 .tail_l div,
.layer_calbean_calendar_view .bgcolor1 .tail_r div {
  border-color: rgba(144, 83, 65, 0.2);
}

.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor1 .tail_l div,
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor1 .tail_r div {
  border-color: rgba(144, 83, 65, 0.2);
}

.layer_calbean_calendar_view .bgcolor2,
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor2 {
  background: rgba(206, 99, 91, 0.2);
}

.layer_calbean_calendar_view .bgcolor2 a {
  color: #ce635b;
}

.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor2 a,
.go_attend_situation.go_works_situation div.calendar_week table.tb_week_body tr.cols td div.schedule_wrap div.schedule_time.bgcolor2 p {
  color: #ce635b;
}
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor2 a .time {
  border-color: #ce635b;
}

.layer_calbean_calendar_view .bgcolor2 .tail_l div,
.layer_calbean_calendar_view .bgcolor2 .tail_r div {
  border-color: rgba(206, 99, 91, 0.2);
}

.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor2 .tail_l div,
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor2 .tail_r div {
  border-color: rgba(206, 99, 91, 0.2);
}

.layer_calbean_calendar_view .bgcolor3,
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor3 {
  background: rgba(215, 82, 105, 0.2);
}

.layer_calbean_calendar_view .bgcolor3 a {
  color: #d75269;
}

.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor3 a,
.go_attend_situation.go_works_situation div.calendar_week table.tb_week_body tr.cols td div.schedule_wrap div.schedule_time.bgcolor3 p {
  color: #d75269;
}
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor3 a .time {
  border-color: #d75269;
}

.layer_calbean_calendar_view .bgcolor3 .tail_l div,
.layer_calbean_calendar_view .bgcolor3 .tail_r div {
  border-color: rgba(215, 82, 105, 0.2);
}

.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor3 .tail_l div,
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor3 .tail_r div {
  border-color: rgba(215, 82, 105, 0.2);
}

.layer_calbean_calendar_view .bgcolor4,
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor4 {
  background: rgba(250, 87, 60, 0.2);
}

.layer_calbean_calendar_view .bgcolor4 a {
  color: #fa573c;
}

.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor4 a,
.go_attend_situation.go_works_situation div.calendar_week table.tb_week_body tr.cols td div.schedule_wrap div.schedule_time.bgcolor4 p {
  color: #fa573c;
}
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor4 a .time {
  border-color: #fa573c;
}

.layer_calbean_calendar_view .bgcolor4 .tail_l div,
.layer_calbean_calendar_view .bgcolor4 .tail_r div {
  border-color: rgba(250, 87, 60, 0.2);
}

.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor4 .tail_l div,
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor4 .tail_r div {
  border-color: rgba(250, 87, 60, 0.2);
}

.layer_calbean_calendar_view .bgcolor5,
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor5 {
  background: rgba(255, 117, 55, 0.2);
}

.layer_calbean_calendar_view .bgcolor5 a {
  color: #ea6b32;
}

.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor5 a,
.go_attend_situation.go_works_situation div.calendar_week table.tb_week_body tr.cols td div.schedule_wrap div.schedule_time.bgcolor5 p {
  color: #ea6b32;
}
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor5 a .time {
  border-color: #ea6b32;
}

.layer_calbean_calendar_view .bgcolor5 .tail_l div,
.layer_calbean_calendar_view .bgcolor5 .tail_r div {
  border-color: rgba(255, 117, 55, 0.2);
}

.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor5 .tail_l div,
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor5 .tail_r div {
  border-color: rgba(255, 117, 55, 0.2);
}

.layer_calbean_calendar_view .bgcolor6,
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor6 {
  background: rgba(255, 173, 70, 0.2);
}

.layer_calbean_calendar_view .bgcolor6 a {
  color: #ea890e;
}

.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor6 a,
.go_attend_situation.go_works_situation div.calendar_week table.tb_week_body tr.cols td div.schedule_wrap div.schedule_time.bgcolor6 p {
  color: #ea890e;
}
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor6 a .time {
  border-color: #ea890e;
}

.layer_calbean_calendar_view .bgcolor6 .tail_l div,
.layer_calbean_calendar_view .bgcolor6 .tail_r div {
  border-color: rgba(255, 173, 70, 0.2);
}

.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor6 .tail_l div,
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor6 .tail_r div {
  border-color: rgba(255, 173, 70, 0.2);
}

.layer_calbean_calendar_view .bgcolor7,
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor7 {
  background: rgba(66, 241, 146, 0.2);
}

.layer_calbean_calendar_view .bgcolor7 a {
  color: #2bb978;
}

.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor7 a,
.go_attend_situation.go_works_situation div.calendar_week table.tb_week_body tr.cols td div.schedule_wrap div.schedule_time.bgcolor7 p {
  color: #2bb978;
}
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor7 a .time {
  border-color: #2bb978;
}

.layer_calbean_calendar_view .bgcolor7 .tail_l div,
.layer_calbean_calendar_view .bgcolor7 .tail_r div {
  border-color: rgba(66, 241, 146, 0.2);
}

.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor7 .tail_l div,
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor7 .tail_r div {
  border-color: rgba(66, 241, 146, 0.2);
}

.layer_calbean_calendar_view .bgcolor8,
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor8 {
  background: rgba(22, 167, 101, 0.2);
}

.layer_calbean_calendar_view .bgcolor8 a {
  color: #16a765;
}

.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor8 a,
.go_attend_situation.go_works_situation div.calendar_week table.tb_week_body tr.cols td div.schedule_wrap div.schedule_time.bgcolor8 p {
  color: #16a765;
}
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor8 a .time {
  border-color: #16a765;
}

.layer_calbean_calendar_view .bgcolor8 .tail_l div,
.layer_calbean_calendar_view .bgcolor8 .tail_r div {
  border-color: rgba(22, 167, 101, 0.2);
}

.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor8 .tail_l div,
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor8 .tail_r div {
  border-color: rgba(22, 167, 101, 0.2);
}

.layer_calbean_calendar_view .bgcolor9,
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor9 {
  background: rgba(123, 209, 72, 0.2);
}

.layer_calbean_calendar_view .bgcolor9 a {
  color: #5dad2e;
}

.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor9 a,
.go_attend_situation.go_works_situation div.calendar_week table.tb_week_body tr.cols td div.schedule_wrap div.schedule_time.bgcolor9 p {
  color: #5dad2e;
}
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor9 a .time {
  border-color: #5dad2e;
}

.layer_calbean_calendar_view .bgcolor9 .tail_l div,
.layer_calbean_calendar_view .bgcolor9 .tail_r div {
  border-color: rgba(123, 209, 72, 0.2);
}

.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor9 .tail_l div,
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor9 .tail_r div {
  border-color: rgba(123, 209, 72, 0.2);
}

.layer_calbean_calendar_view .bgcolor10,
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor10 {
  background: rgba(179, 220, 108, 0.2);
}

.layer_calbean_calendar_view .bgcolor10 a {
  color: #729831;
}

.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor10 a,
.go_attend_situation.go_works_situation div.calendar_week table.tb_week_body tr.cols td div.schedule_wrap div.schedule_time.bgcolor10 p {
  color: #729831;
}
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor10 a .time {
  border-color: #729831;
}

.layer_calbean_calendar_view .bgcolor10 .tail_l div,
.layer_calbean_calendar_view .bgcolor10 .tail_r div {
  border-color: rgba(179, 220, 108, 0.2);
}

.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor10 .tail_l div,
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor10 .tail_r div {
  border-color: rgba(179, 220, 108, 0.2);
}

.layer_calbean_calendar_view .bgcolor11,
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor11 {
  background: rgba(251, 233, 131, 0.2);
}

.layer_calbean_calendar_view .bgcolor11 a {
  color: #ce8e00;
}

.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor11 a,
.go_attend_situation.go_works_situation div.calendar_week table.tb_week_body tr.cols td div.schedule_wrap div.schedule_time.bgcolor11 p {
  color: #ce8e00;
}
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor11 a .time {
  border-color: #ce8e00;
}

.layer_calbean_calendar_view .bgcolor11 .tail_l div,
.layer_calbean_calendar_view .bgcolor11 .tail_r div {
  border-color: rgba(251, 233, 131, 0.2);
}

.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor11 .tail_l div,
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor11 .tail_r div {
  border-color: rgba(251, 233, 131, 0.2);
}

.layer_calbean_calendar_view .bgcolor12,
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor12 {
  background: rgba(255, 195, 36, 0.2);
}

.layer_calbean_calendar_view .bgcolor12 a {
  color: #ca9b20;
}

.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor12 a,
.go_attend_situation.go_works_situation div.calendar_week table.tb_week_body tr.cols td div.schedule_wrap div.schedule_time.bgcolor12 p {
  color: #ca9b20;
}
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor12 a .time {
  border-color: #ca9b20;
}

.layer_calbean_calendar_view .bgcolor12 .tail_l div,
.layer_calbean_calendar_view .bgcolor12 .tail_r div {
  border-color: rgba(255, 195, 36, 0.2);
}

.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor12 .tail_l div,
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor12 .tail_r div {
  border-color: rgba(255, 195, 36, 0.2);
}

.layer_calbean_calendar_view .bgcolor13,
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor13 {
  background: rgba(246, 145, 178, 0.2);
}

.layer_calbean_calendar_view .bgcolor13 a {
  color: #bd5779;
}

.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor13 a,
.go_attend_situation.go_works_situation div.calendar_week table.tb_week_body tr.cols td div.schedule_wrap div.schedule_time.bgcolor13 p {
  color: #bd5779;
}
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor13 a .time {
  border-color: #bd5779;
}

.layer_calbean_calendar_view .bgcolor13 .tail_l div,
.layer_calbean_calendar_view .bgcolor13 .tail_r div {
  border-color: rgba(246, 145, 178, 0.2);
}

.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor13 .tail_l div,
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor13 .tail_r div {
  border-color: rgba(246, 145, 178, 0.2);
}

.layer_calbean_calendar_view .bgcolor14,
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor14 {
  background: rgba(205, 116, 230, 0.2);
}

.layer_calbean_calendar_view .bgcolor14 a {
  color: #aa56c1;
}

.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor14 a,
.go_attend_situation.go_works_situation div.calendar_week table.tb_week_body tr.cols td div.schedule_wrap div.schedule_time.bgcolor14 p {
  color: #aa56c1;
}
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor14 a .time {
  border-color: #aa56c1;
}

.layer_calbean_calendar_view .bgcolor14 .tail_l div,
.layer_calbean_calendar_view .bgcolor14 .tail_r div {
  border-color: rgba(205, 116, 230, 0.2);
}

.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor14 .tail_l div,
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor14 .tail_r div {
  border-color: rgba(205, 116, 230, 0.2);
}

.layer_calbean_calendar_view .bgcolor15,
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor15 {
  background: rgba(154, 156, 255, 0.2);
}

.layer_calbean_calendar_view .bgcolor15 a {
  color: #6d6fce;
}

.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor15 a,
.go_attend_situation.go_works_situation div.calendar_week table.tb_week_body tr.cols td div.schedule_wrap div.schedule_time.bgcolor15 p {
  color: #6d6fce;
}
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor15 a .time {
  border-color: #6d6fce;
}

.layer_calbean_calendar_view .bgcolor15 .tail_l div,
.layer_calbean_calendar_view .bgcolor15 .tail_r div {
  border-color: rgba(154, 156, 255, 0.2);
}

.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor15 .tail_l div,
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor15 .tail_r div {
  border-color: rgba(154, 156, 255, 0.2);
}

.layer_calbean_calendar_view .bgcolor16,
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor16 {
  background: rgba(135, 95, 228, 0.2);
}

.layer_calbean_calendar_view .bgcolor16 a {
  color: #885fe4;
}

.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor16 a,
.go_attend_situation.go_works_situation div.calendar_week table.tb_week_body tr.cols td div.schedule_wrap div.schedule_time.bgcolor16 p {
  color: #885fe4;
}
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor16 a .time {
  border-color: #885fe4;
}

.layer_calbean_calendar_view .bgcolor16 .tail_l div,
.layer_calbean_calendar_view .bgcolor16 .tail_r div {
  border-color: rgba(135, 95, 228, 0.2);
}

.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor16 .tail_l div,
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor16 .tail_r div {
  border-color: rgba(135, 95, 228, 0.2);
}

.layer_calbean_calendar_view .bgcolor17,
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor17 {
  background: rgba(115, 163, 255, 0.2);
}

.layer_calbean_calendar_view .bgcolor17 a {
  color: #537dce;
}

.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor17 a,
.go_attend_situation.go_works_situation div.calendar_week table.tb_week_body tr.cols td div.schedule_wrap div.schedule_time.bgcolor17 p {
  color: #537dce;
}
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor17 a .time {
  border-color: #537dce;
}

.layer_calbean_calendar_view .bgcolor17 .tail_l div,
.layer_calbean_calendar_view .bgcolor17 .tail_r div {
  border-color: rgba(115, 163, 255, 0.2);
}

.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor17 .tail_l div,
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor17 .tail_r div {
  border-color: rgba(115, 163, 255, 0.2);
}

.layer_calbean_calendar_view .bgcolor18,
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor18 {
  background: rgba(78, 78, 78, 0.2);
}

.layer_calbean_calendar_view .bgcolor18 a {
  color: #4e4e4e;
}

.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor18 a,
.go_attend_situation.go_works_situation div.calendar_week table.tb_week_body tr.cols td div.schedule_wrap div.schedule_time.bgcolor18 p {
  color: #4e4e4e;
}
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor18 a .time {
  border-color: #4e4e4e;
}

.layer_calbean_calendar_view .bgcolor18 .tail_l div,
.layer_calbean_calendar_view .bgcolor18 .tail_r div {
  border-color: rgba(78, 78, 78, 0.2);
}

.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor18 .tail_l div,
.go_attend_situation.go_works_situation .calbean_calendar_view .bgcolor18 .tail_r div {
  border-color: rgba(78, 78, 78, 0.2);
}

.go_side div.works_scroll_wrap {
  overflow-y: auto;
}

/* Works 리포트 뷰 */
.go_body .go_content.go_works_report {
  padding-bottom: 0;
}

.wrap_report {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  background: #f5f5f5;
  text-align: center;
}

.container_report_list .btn_tool {
  margin-bottom: 8px;
  border: 1px solid #ddd;
}
.container_report_list p.tit {
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 500;
}
.container_report_list .report_list > li {
  position: relative;
  float: left;
  display: inline-block;
  margin: 0 16px 16px 0;
  width: calc((100% - 48px) / 4);
  background: #f5f6f7;
  border-radius: 8px;
  transition: 0.3s;
}
.container_report_list .report_list > li:hover {
  box-shadow: 0px 20px 30px -20px rgba(0, 0, 0, 0.3);
  transform: translateY(-3px);
}
.container_report_list .report_list li:nth-child(4n) {
  margin-right: 0;
}
.container_report_list .report_list li > a {
  display: block;
  padding: 20px;
}
.container_report_list .report_list li .report_tit {
  display: -webkit-box;
  margin-right: 80px;
  font-size: 18px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.4em;
  height: 2.8em;
}
.container_report_list .report_list li .action_btn {
  position: absolute;
  top: 20px;
  right: 14px;
}
.container_report_list .report_list li .action_btn a {
  display: inline-block;
  vertical-align: middle;
}
.container_report_list .report_list li .action_btn a:hover {
  background: #e7e7e7;
  border-radius: 4px;
}
.container_report_list .report_list li .action_btn a.btn_star {
  margin-right: 2px;
  padding: 2px;
}
.container_report_list .report_list li .action_btn a.btn_more {
  position: relative;
  margin-left: -2px;
  padding: 1px 12px 4px;
}
.container_report_list .report_list li .action_btn a div.array_option.array_works {
  z-index: 100;
  top: 32px;
  left: inherit;
  right: 0;
}
.container_report_list .report_list li .wrap_creator {
  margin-top: 20px;
}
.container_report_list .report_list li .wrap_creator img {
  display: inline-block;
  margin-right: 2px;
  width: 24px;
  height: 24px;
  border-radius: 24px;
  vertical-align: middle;
}
.container_report_list .report_list li .wrap_creator span {
  vertical-align: middle;
  font-size: 14px;
  color: #333;
}
.container_report_list .report_list li .wrap_creator span.name {
  margin-right: 4px;
}
.container_report_list .report_list li .wrap_creator span.date::before {
  display: inline-block;
  margin-right: 6px;
  content: "·";
  clear: both;
}
.container_report_list .report_list li .wrap_share {
  position: absolute;
  right: 20px;
  bottom: 22px;
}
.container_report_list .report_list li .wrap_share span {
  vertical-align: middle;
}
.container_report_list .report_list li .wrap_share span.txt {
  margin: -1px 0 0 4px;
}
.container_report_list .report_list li .array_type li {
  width: 100%;
  box-sizing: border-box;
}
.container_report_list .container_creat,
.container_report_list .container_report_favor,
.container_report_list .container_report {
  display: inline-block;
  width: 100%;
  padding: 8px 20px 0;
  box-sizing: border-box;
}

.wrap_report > .content {
  position: relative;
  margin: 24px 20px;
  padding: 117px 0 20px;
  width: 800px;
  background: #fff;
  box-sizing: border-box;
  text-align: left;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.22);
}
.wrap_report > .content.shared_report {
  padding-top: 66px;
}
.wrap_report > .content .report_body {
  padding: 20px;
  box-sizing: border-box;
}

.go_works_report .report_tool_bar {
  padding: 4px 20px;
  width: 100%;
  background: #fff;
  box-sizing: border-box;
  border-bottom: 1px solid #eee;
}
.go_works_report .report_tool_bar .report_btn_list::after {
  display: block;
  content: "";
  clear: both;
}
.go_works_report .report_tool_bar .report_btn_list li {
  float: left;
  display: inline-block;
  margin-right: 8px;
}
.go_works_report .report_tool_bar .report_btn_list li a {
  display: inline-block;
  padding: 10px 12px;
  text-align: center;
  border-radius: 4px;
  background: #fff;
}
.go_works_report .report_tool_bar .report_btn_list li a:hover {
  background: #eee;
}
.go_works_report .report_tool_bar .report_btn_list li a span.ic_works {
  margin-bottom: 8px;
}
.go_works_report .report_tool_bar .report_btn_list li a .txt {
  margin: -1px 0 0 4px;
  font-size: 13px;
  vertical-align: middle;
}
.go_works_report .report_tool_bar .report_btn_list li.dragging {
  padding: 0;
  background: none;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
}
.go_works_report .report_tool_bar .report_btn_list li.dragging a {
  border: 1px solid #00a1b9;
}
.go_works_report .report_header {
  position: absolute;
  top: 0;
  width: 800px;
  box-sizing: border-box;
  background: #fff;
  text-align: left;
  z-index: 20;
}
.go_works_report .report_header.fix_header {
  position: fixed;
  top: 0;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
}
.go_works_report .report_header .btn_wrap span.ic_setting_s {
  vertical-align: top;
}
.go_works_report .report_header > * {
  vertical-align: middle;
}
.go_works_report .report_header .report_header_tit {
  padding: 16px 28px;
  border-bottom: 1px solid #eee;
}
.go_works_report .report_header .report_header_tit .tit {
  display: inline-block;
  max-width: 480px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 22px;
  vertical-align: middle;
}
.go_works_report .report_header .report_header_tit .wrap_txt + .btn_wrap {
  padding: 6px 8px 8px;
}
.go_works_report .report_header .report_header_tit .wrap_txt input {
  height: 28px;
  font-size: 16px;
}
.go_works_report .report_header .report_header_tit .btn_tool {
  padding: 4px 20px;
  border-radius: 4px;
}
.go_works_report .report_header .report_header_tit .btn_major {
  margin-left: 8px;
  padding: 4px 20px;
  background: #00a1b9;
  border-radius: 4px;
  border: 0 !important;
  line-height: 29px;
}
.go_works_report .report_header .report_header_tit .btn_major:hover {
  background: #0392a7;
}
.go_works_report .report_header .report_header_tit .btn_more {
  margin-left: 8px;
  padding: 7px;
}
.go_works_report .report_header .report_header_tit .btn_major .txt {
  color: #fff;
}
.go_works_report .report_header .report_header_tit .btn_wrap {
  padding: 8px;
  width: 32px;
  height: 32px;
  box-sizing: border-box;
  vertical-align: middle;
}
.go_works_report .report_header .report_header_tit .btn_wrap:hover {
  background: #eee;
  border-radius: 4px;
}
.go_works_report .report_header .report_header_tit .btn_wrap .btn_ic_list_reorder {
  width: 16px;
  height: 16px;
}
.go_works_report .report_header .report_header_tit .btn_wrap .btn_ic_list_reorder:hover {
  background: none;
}
.go_works_report .report_header .report_header_tit .btn_wrap .btn_ic_list_reorder .ic_list_reorder {
  width: 16px;
  height: 16px;
  margin: 0;
  vertical-align: top;
}
.go_works_report .report_header .report_header_tit .btn_wrap .ic_done {
  vertical-align: top;
}
.go_works_report .report_header .report_header_tit .optional {
  position: absolute;
  top: 14px;
  right: 8px;
}
.go_works_report .report_body {
  position: relative;
}
.go_works_report .report_body .wrap_report_null {
  position: absolute;
  top: 200px;
  width: 760px;
  padding: 40px;
  text-align: center;
  box-sizing: border-box;
}
.go_works_report .report_body .wrap_report_null p.desc {
  margin-top: 24px;
  color: #aaa;
}
.go_works_report .report_card {
  padding: 16px 20px;
}
.go_works_report .report_card.type_num {
  box-sizing: border-box;
}
.go_works_report .report_card.type_num p.tit {
  margin: 0;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
}
.go_works_report .report_card.type_num p.date {
  margin-top: 2px;
  color: #999;
  text-align: center;
}
.go_works_report .report_card.type_num p.price {
  margin: 6px 0;
  font-size: 40px;
  color: #fa573c;
  font-weight: 600;
  text-align: center;
}
.go_works_report .report_card.card_edit {
  position: relative;
  box-sizing: border-box;
}
.go_works_report .report_card.card_edit .dot_topleft,
.go_works_report .report_card.card_edit .dot_topright,
.go_works_report .report_card.card_edit .dot_bottomleft,
.go_works_report .report_card.card_edit .dot_bottomright {
  position: absolute;
  width: 6px;
  height: 6px;
  background: #fff;
  border: 2px solid #00a1b9;
}
.go_works_report .report_card.card_edit .dot_topleft {
  top: -6px;
  left: -6px;
}
.go_works_report .report_card.card_edit .dot_topright {
  top: -6px;
  right: -6px;
}
.go_works_report .report_card.card_edit .dot_bottomleft {
  bottom: -6px;
  left: -6px;
}
.go_works_report .report_card.card_edit .dot_bottomright {
  bottom: -6px;
  right: -6px;
}
.go_works_report .report_card .edit_tool {
  position: absolute;
  top: 0;
  right: -36px;
  width: 36px;
  border-radius: 0 4px 4px 0;
  background: #00a1b9;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.go_works_report .report_card .edit_tool ul.tool_btn {
  padding: 4px 0;
}
.go_works_report .report_card .edit_tool ul.tool_btn li a {
  display: inline-block;
  padding: 6px 10px;
  width: 16px;
  height: 16px;
  text-align: center;
}
.go_works_report .report_card .edit_tool ul.tool_btn li a:hover {
  background: rgba(0, 0, 0, 0.06);
}
.go_works_report .report_card .edit_tool ul.tool_btn li a > span {
  vertical-align: top;
}
.go_works_report .report_card.type_text {
  box-sizing: border-box;
}
.go_works_report .report_card .widget_nulldata {
  display: table;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.go_works_report .report_card .widget_nulldata .nulldata {
  display: table-cell;
  padding: 20px;
  vertical-align: middle;
  text-align: center;
  box-sizing: border-box;
}
.go_works_report .report_card .widget_nulldata p.nulldata_tit {
  margin-top: 16px;
  color: #999;
  font-weight: 500;
  font-size: 14px;
}
.go_works_report .report_card .widget_nulldata p.nulldata_txt {
  margin-top: 4px;
  color: #aaa;
  font-weight: 400;
  font-size: 14px;
  word-break: keep-all;
}
.go_works_report .report_card.widget_image .widget_nulldata, .go_works_report .report_card.widget_text .widget_nulldata {
  border: 1px solid #ddd;
}

.ic_works.ic_setting_s {
  width: 17px;
  height: 17px;
  background-position: 0 -500px !important;
}
.ic_works.ic_btn_chart {
  width: 19px;
  height: 17px;
  background-position: -50px -500px !important;
}
.ic_works.ic_btn_card {
  width: 19px;
  height: 17px;
  background-position: -100px -500px !important;
}
.ic_works.ic_btn_text {
  width: 19px;
  height: 17px;
  background-position: -150px -500px !important;
}
.ic_works.ic_btn_data {
  width: 19px;
  height: 17px;
  background-position: -200px -500px !important;
}
.ic_works.ic_btn_img {
  width: 19px;
  height: 17px;
  background-position: -250px -500px !important;
}
.ic_works.ic_arrow_type3 {
  width: 11px;
  height: 7px;
  background-position: -300px -500px !important;
}

.layer_report_set .content div label {
  display: inline-block;
}
.layer_report_set .content div input.normalmode {
  margin: -4px 0 0 4px;
}
.layer_report_set .content div .wrap_option + .wrap_option {
  margin-left: 8px;
}
.layer_report_set .content div .form_share_data .form_th .txt {
  padding: 3px 0;
}

.layer_report_card {
  width: 460px;
}
.layer_report_card .works_info_table .wrap_dateselect + .txt {
  margin-left: 4px;
  vertical-align: middle;
}
.layer_report_card .wrap_works_info span.title {
  margin-top: 4px;
}
.layer_report_card .wrap_works_info .works_info_table th,
.layer_report_card .wrap_works_info .works_info_table td {
  padding: 2px 0;
}
.layer_report_card .wrap_works_info a.chart_skin {
  margin-right: 2px;
  display: inline-block;
  padding: 4px;
  border: 1px solid #fff;
  box-sizing: border-box;
  line-height: 0;
  border-radius: 8px;
}
.layer_report_card .wrap_works_info a.chart_skin:hover, .layer_report_card .wrap_works_info a.chart_skin.on {
  border: 1px solid #00a1b9;
}
.layer_report_card .wrap_works_info > .tit {
  margin: 16px 0 4px;
  padding: 16px 0 0;
  border-top: 1px solid #f3f3f3;
  font-size: 14px;
  font-weight: 500;
  color: #111;
}
.layer_report_card .wrap_works_info .btn_wrap {
  padding: 4px 0;
}
.layer_report_card .wrap_works_info .btn_wrap .chip {
  vertical-align: middle;
}
.layer_report_card .wrap_works_info .works_info_table tr th {
  width: 120px;
}
.layer_report_card .works_info_table .ic_row_add {
  background-position: -100px -300px !important;
  width: 19px;
  height: 19px;
  background: url(../images/admin/ic_admin.png) no-repeat;
  cursor: pointer;
}
.layer_report_card .works_info_table .ic_delete {
  background-position: -100px -250px !important;
  width: 19px;
  height: 19px;
  background: url(../images/admin/ic_admin.png) no-repeat;
}
.layer_report_card .works_info_table .ic_row_add:hover {
  background-position: -150px -300px !important;
}
.layer_report_card .works_info_table .ic_delete:hover {
  background-position: -150px -250px !important;
}
.layer_report_card .works_info_table .wrap_select + .wrapBtn {
  margin-left: 4px;
}
.layer_report_card .works_info_table .alert_wrap {
  margin-top: 0 !important;
}

.wrap_report .grid-stack > .grid-stack-item:hover {
  background: none !important;
}
.wrap_report .grid-stack > .grid-stack-item > .grid-stack-item-content {
  border: 1px solid #ddd;
  background: #fff;
  left: 0 !important;
  right: 0 !important;
}
.wrap_report .grid-stack > .grid-stack-item > .grid-stack-item-content:hover {
  border: 1px solid #00a1b9 !important;
  transition: 0.3s;
}
.wrap_report .report_card.card_edit.grid-stack-item > .grid-stack-item-content {
  border: 1px solid #00a1b9 !important;
}
.wrap_report .report_card.card_edit.grid-stack-item > .grid-stack-item-content:hover {
  border: 1px solid #00a1b9 !important;
}
.wrap_report .grid-stack-item {
  text-align: left;
}
.wrap_report .grid-stack-item.widget_card .grid-stack-item-content {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.wrap_report .grid-stack-item.widget_card .grid-stack-item-content .wrap_info {
  text-align: center;
}
.wrap_report .grid-stack-item.widget_card .grid-stack-item-content .wrap_info .txt {
  font-size: 13px;
  vertical-align: middle;
}
.wrap_report .grid-stack-item.widget_card .grid-stack-item-content .wrap_info .ic_info {
  position: relative;
  margin-left: 4px;
  vertical-align: middle;
}
.wrap_report .grid-stack-item.widget_card .grid-stack-item-content .wrap_info .ic_info .txt_info {
  display: none;
  position: absolute;
  top: 20px;
  right: 0;
  padding: 2px 8px;
  border-radius: 4px;
  color: #fff;
  background: #333;
  white-space: nowrap;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.wrap_report .grid-stack-item.widget_card .grid-stack-item-content .wrap_info .ic_info:hover .txt_info {
  display: block;
  position: absolute;
  top: -3px;
  right: 20px;
  padding: 2px 8px;
  border-radius: 4px;
  color: #fff;
  background: #333;
  white-space: nowrap;
  font-size: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.wrap_report .grid-stack-item.widget_data .grid-stack-item-content {
  overflow-x: auto;
}
.wrap_report .grid-stack-item.widget_data .grid-stack-item-content .wrap_works_info {
  padding: 16px;
  box-sizing: border-box;
  text-align: left;
}
.wrap_report .grid-stack-item.widget_data .grid-stack-item-content .wrap_works_info > .txt {
  margin: 0 0 4px;
}
.wrap_report .grid-stack-item.widget_text .grid-stack-item-content {
  border: 1px solid #fff;
}
.wrap_report .grid-stack-item.widget_image .grid-stack-item-content {
  border: 0;
}
.wrap_report .grid-stack-item .grid-stack-item-content .widget_item_null {
  padding: 40px;
  text-align: center;
  box-sizing: border-box;
}
.wrap_report .grid-stack-item .grid-stack-item-content .widget_item_null span.ic_error_page {
  height: 44px;
}
.wrap_report .grid-stack-item .grid-stack-item-content .widget_item_null p.desc {
  margin-top: 8px;
  word-break: keep-all;
}

.grid-stack-item.ui-draggable-dragging {
  display: inline-block;
  padding: 10px 12px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
  background: #fff;
  border-radius: 4px;
  text-align: center;
  border: 1px solid #eee;
}
.grid-stack-item.ui-draggable-dragging .txt {
  margin: -1px 0 0 4px;
  font-size: 13px;
  vertical-align: middle;
}

/* Report Nulldata */
.report_nulldata {
  margin-top: 200px;
  text-align: center;
}
.report_nulldata .img_nulldata {
  display: inline-block;
  width: 209px;
  height: 196px;
  background: url(../images/img_nulldata_report.png) no-repeat;
  background-size: 209px 196px;
}
.report_nulldata .desc {
  margin-top: 20px;
  font-size: 16px;
}
.report_nulldata .btn_major {
  margin-top: 40px;
  padding: 12px 24px;
  font-size: 16px;
  line-height: 16px;
  border-radius: 4px;
}

@media all and (min-width: 1501px) and (max-width: 1800px) {
  .container_report_list .report_list li {
    width: calc((100% - 32px) / 3);
  }
  .container_report_list .report_list li:nth-child(4n) {
    margin-right: 16px;
  }
  .container_report_list .report_list li:nth-child(3n) {
    margin-right: 0;
  }
}
@media all and (min-width: 400px) and (max-width: 1500px) {
  .container_report_list .report_list li {
    width: calc((100% - 16px) / 2);
  }
  .container_report_list .report_list li:nth-child(4n), .container_report_list .report_list li:nth-child(3n) {
    margin-right: 16px;
  }
  .container_report_list .report_list li:nth-child(2n) {
    margin-right: 0;
  }
}
/* Works 템플릿 UI */
.go_side .btn_menu_layer {
  position: absolute;
  top: 52px;
  left: 24px;
  padding: 24px;
  width: 400px;
  background: #fff;
  z-index: 99;
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.28);
  box-sizing: border-box;
  border-radius: 8px;
}
.go_side .btn_menu_layer > .tit {
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: 500;
  line-height: 34px;
  letter-spacing: -1px;
}
.go_side .btn_menu_layer .item_icon {
  padding: 14px;
  background: rgba(0, 0, 0, 0.05);
}
.go_side .btn_menu_layer .wrap_item_menu.create_app {
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #eee;
}
.go_side .btn_menu_layer .wrap_item_menu li {
  position: relative;
  margin-top: 18px;
  min-height: 52px;
}
.go_side .btn_menu_layer .wrap_item_menu li:first-child {
  margin-top: 0;
}
.go_side .btn_menu_layer .wrap_item_menu li:hover .item_icon {
  background: rgba(0, 161, 185, 0.16);
}
.go_side .btn_menu_layer .wrap_item_menu li .item_icon {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 30px;
  transition: 0.2s;
}
.go_side .btn_menu_layer .wrap_item_menu li .item_txt {
  margin-left: 64px;
  padding-top: 4px;
}
.go_side .btn_menu_layer .wrap_item_menu li .item_txt p.tit {
  font-size: 15px;
  font-weight: 500;
}
.go_side .btn_menu_layer .wrap_item_menu li .item_txt p.desc {
  margin: 0;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: -1px;
  color: #999;
}
.go_side .btn_menu_layer .wrap_warning {
  margin-bottom: 16px;
  padding: 16px 0 32px;
  border-bottom: 1px solid #eee;
  text-align: center;
}
.go_side .btn_menu_layer .wrap_warning p {
  color: #aaa;
}
.go_side .btn_menu_layer .wrap_warning p.tit {
  margin-top: 12px;
  font-size: 16px;
  font-weight: 500;
}
.go_side .btn_menu_layer .wrap_warning p.txt {
  margin-top: 2px;
  font-weight: 300;
}

.wrap_works .welcom_screen {
  margin: 20px auto 0;
  width: 1260px;
}
.wrap_works .main_screen {
  position: relative;
}
.wrap_works .main_screen .main_txt {
  padding-top: 94px;
}
.wrap_works .main_screen .main_txt .txt {
  font-size: 18px;
}
.wrap_works .main_screen .main_txt .tit {
  margin-top: 20px;
  font-size: 38px;
  font-weight: 600;
  line-height: 52px;
}
.wrap_works .main_screen .main_txt .btn_major {
  margin-top: 40px;
  padding: 20px 36px;
  border-radius: 40px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.16);
}
.wrap_works .main_img img {
  position: absolute;
  top: 0;
  right: 0;
  margin-left: 500px;
  display: inline-block;
  width: 773px !important;
  height: 482px !important;
}
.wrap_works .welcom_screen .manual_btn {
  margin-top: 120px;
  width: 1200px;
}
.wrap_works .welcom_screen .manual_btn::after {
  display: block;
  content: "";
  clear: both;
}
.wrap_works .welcom_screen .manual_btn li {
  float: left;
  padding-left: 40px;
  width: 400px;
  border-left: 1px solid #eee;
  box-sizing: border-box;
}
.wrap_works .welcom_screen .manual_btn li:first-child {
  border-left: 0;
  padding-left: 0;
}
.wrap_works .welcom_screen .manual_btn li p.num {
  font-size: 20px;
  font-weight: 600;
  transition: 0.2s;
}
.wrap_works .welcom_screen .manual_btn li p.tit {
  font-size: 23px;
  font-weight: bold;
  transition: 0.2s;
}
.wrap_works .welcom_screen .manual_btn li:hover p.num, .wrap_works .welcom_screen .manual_btn li:hover p.tit {
  color: #00a1b9;
}
.wrap_works .welcom_screen .manual_btn li p.btn {
  margin-top: 24px;
  font-size: 14px;
}
.wrap_works .welcom_screen .manual_btn li p.btn .ic_arrow_mini {
  margin-left: 13px;
}

#works_template_guide .layer_app_template {
  width: 984px !important; /*4.0*/
}

.layer_app_template {
  width: 984px;
  border: 0;
  box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.4);
}
.layer_app_template .content {
  padding: 40px 40px 16px !important;
  position: relative;
}
.layer_app_template .content .wrap_img_ic {
  position: absolute;
  top: 40px;
  left: 40px;
}
.layer_app_template .content .wrap_img_ic img {
  width: 60px;
  height: 60px;
}
.layer_app_template .content .app_info {
  margin-left: 80px;
}
.layer_app_template .content .app_info p.tit {
  font-size: 22px;
  font-weight: bold;
}
.layer_app_template .content .app_info .app_desc {
  margin-top: 12px;
  padding-right: 8px;
  height: 160px;
  font-size: 14px;
  font-weight: 300;
  overflow-y: auto;
}
.layer_app_template .content .app_info .app_desc::-webkit-scrollbar {
  width: 8px;
}
.layer_app_template .content .app_info .app_desc::-webkit-scrollbar-thumb {
  background-color: #eee;
  border-radius: 8px;
}
.layer_app_template .content .app_info .app_desc::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 8px;
}
.layer_app_template .content .app_info .app_desc p.desc {
  margin-top: 0;
  line-height: 1.5;
}
.layer_app_template .content .app_info .btn_wrap {
  position: absolute;
  top: 40px;
  right: 40px;
}
.layer_app_template .content .app_info .btn_wrap a {
  padding: 4px 18px;
  border-radius: 30px;
}
.layer_app_template .content .app_info .btn_wrap a .txt {
  color: #fff;
}
.layer_app_template .content .app_info .btn_wrap a.btn_minor_s {
  border: 0;
  background: #ccc;
  height: 34px; /*4.0*/
  line-height: 26px;
  vertical-align: middle;
}
.layer_app_template .content .app_info .btn_wrap a.btn_major_s {
  margin-left: 8px;
  border: 0;
  background: #00a1b9;
  height: 34px; /*4.0*/
  line-height: 26px;
  vertical-align: middle;
}
.layer_app_template .content .app_info .btn_wrap a.btn_minor_s:hover {
  background: #bbb;
}
.layer_app_template .content .app_info .btn_wrap a.btn_major_s:hover {
  background: #0392a7;
}
.layer_app_template .img_guide {
  padding-top: 36px;
  text-align: center;
  background: #e8e8e8;
}
.layer_app_template .img_guide > div {
  margin: 0 auto;
  width: 800px;
  height: 364px;
}
.layer_app_template .img_guide > div img {
  height: 364px;
}

/* wrap_attend_info */
.layer_member_card_type2 .wrap_attend_info {
  position: absolute;
  top: 87px;
  width: 100%;
  text-align: center;
  vertical-align: top;
}
.layer_member_card_type2 .wrap_attend_info .btn_attend_info {
  display: inline-block;
  padding: 0px 4px 2px 6px;
  background: #aaa;
  border-radius: 20px;
  text-align: center;
  border: 1px solid #a0a0a0;
  box-sizing: border-box;
  color: #fff;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.08);
}
.layer_member_card_type2 .wrap_attend_info .btn_attend_info.state_work {
  background: #37d788;
  border-color: #1fcc77;
}
.layer_member_card_type2 .wrap_attend_info .btn_attend_info .txt {
  margin-top: 1px;
  vertical-align: top;
  font-size: 13px;
}
.layer_member_card_type2 .wrap_attend_info .btn_attend_info .ic_info {
  margin: 4px 0 0 2px;
  vertical-align: top;
}
.layer_member_card_type2 .wrap_attend_info .btn_attend_info:hover + .layer_attend_info {
  display: block !important;
}
.layer_member_card_type2 .wrap_attend_info .layer_attend_info {
  margin-top: 10px;
  width: 200px;
  padding: 7px 12px;
  border-radius: 8px;
  background: #333;
  box-sizing: border-box;
  color: #fff;
  text-align: left;
}
.layer_member_card_type2 .wrap_attend_info .layer_attend_info p.tit {
  color: #fff376;
}
.layer_member_card_type2 .wrap_attend_info .state_work + .layer_attend_info p.tit {
  color: #37d788;
}
.layer_member_card_type2 .wrap_attend_info .state_vacation {
  border-color: #1ca3ff;
  background: #44b1fc;
}
.layer_member_card_type2 .wrap_attend_info .state_vacation + .layer_attend_info p.tit {
  color: #44b1fc;
}
.layer_member_card_type2 .wrap_attend_info .layer_attend_info:after {
  position: absolute;
  top: 20px;
  bottom: 100%;
  left: 50%;
  content: "";
  margin-left: -7px;
  width: 0;
  height: 0;
  pointer-events: none;
  border: solid transparent;
  border-bottom-color: #333;
  border-width: 7px;
}

/* app search ui */
.side_nav .works_type header .search_wrap {
  width: 100%;
  border: 1px solid #ddd;
  box-shadow: none;
}
.side_nav .works_type header .search_wrap .btn_search {
  background: url(../images/ic_gnb.png) no-repeat -480px -664px;
}
.side_nav .works_type header .search_wrap .btn_search:focus {
  box-shadow: none;
}
.side_nav .works_type header .search_wrap .search {
  width: 186px;
  height: 26px;
  font-weight: normal;
}

/* works app link icon add */
.app_list .btn_app_link {
  position: absolute;
  top: 8px;
  left: 14px;
  width: 32px;
  height: 32px;
}
.app_list .btn_app_link:hover {
  background: #eee;
  border-radius: 100%;
}

span.btn_app_link span.tool_tip {
  position: relative;
  display: block;
  top: -17px;
  left: 43px;
  background: #444;
  width: 104px;
  color: #ddd;
  border-radius: 3px;
  padding: 12px;
  font-weight: normal;
  text-indent: 0;
  z-index: 100;
  white-space: normal;
  font-size: 13px;
}
span.btn_app_link span.tool_tip i.tail_left {
  position: absolute;
  top: 3px;
  left: -7px;
  z-index: 2;
  border-right: 7px solid #444;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
}
span.btn_app_link:hover span.tool_tip {
  display: block !important;
}

.btn_app_link .ic_app_link {
  margin: 10px 0 0 6px;
}

.btn_set + .btn_app_link {
  position: absolute;
  top: 8px;
  left: 46px;
}

.content_top .works_tit_inner .btn_app_link {
  display: inline-block;
  margin: -4px 0 0 10px;
  width: 24px;
  height: 20px;
  vertical-align: middle;
}
.content_top .works_tit_inner .btn_app_link .ic_app_link {
  margin: 3px 0 0 2px;
}

.list_type.go_works_home .app_list .app_item .btn_app_link {
  top: 2px;
  left: auto;
  right: 37px;
}
.list_type.go_works_home .app_list .app_item .btn_set + .btn_app_link {
  right: 72px;
}

span.btn_app_link span.tool_tip {
  top: 16px;
  left: -100px;
  width: 120px;
}
span.btn_app_link span.tool_tip i.tail_left {
  top: -14px;
  left: 110px;
  border-bottom: 7px solid #444;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}

/*--------------------------------------------*/
/*--------work_advanced (3.0 : v2021)---------*/
/*--------------------------------------------*/
/*--------works side bar---------*/
.go_side .function .ic_set {
  position: absolute;
  right: 25px;
  top: 1px;
  width: 40px;
  height: 44px;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
}
.go_side .function .ic_set:hover {
  background-color: #eee;
}
.go_side .function:hover + .ic_set:hover {
  transform: translateY(-1px);
}
.go_side .function .ic_set.ic_arrow_open {
  background-position: 12px 15px;
}
.go_side .function .ic_set.ic_arrow_close {
  background-position: -38px 15px;
}

.function .array_option.layer_side_func {
  z-index: 100;
  display: none;
  width: 200px !important;
  position: absolute;
  top: 46px;
  left: 24px;
}
.function .array_option.layer_side_func .array_type li {
  padding: 8px 16px;
  text-align: left;
  line-height: 24px;
}
.function .array_option.layer_side_func .array_type li .txt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 130px;
  letter-spacing: -0.25px;
  color: #333;
  font-size: 14px;
}
.function .array_option.layer_side_func .array_type li .txt + .label_state {
  margin-left: 8px;
  font-size: 11px;
}
.function .array_option.layer_side_func .array_type li:hover .txt + .label_state {
  background-color: #e5e5e5;
}
.function .array_option.layer_side_func.on {
  display: block;
}

/*--------works상세 & 등록 내 멀티폼 탭---------*/
/*images & state component*/
.ic_set {
  display: inline-block;
  background: url(../images/ic_set.svg) no-repeat;
  vertical-align: text-bottom;
}
.ic_set.ic_arrow_open {
  width: 16px;
  height: 16px;
  background-position: 0 0;
}
.ic_set.ic_arrow_close {
  width: 16px;
  height: 16px;
  background-position: -50px 0;
}
.ic_set.ic_create {
  width: 16px;
  height: 16px;
  background-position: -100px 0;
}
.ic_set.ic_arrow_prev {
  width: 16px;
  height: 16px;
  background-position: -150px 0;
}
.ic_set.ic_arrow_next {
  width: 16px;
  height: 16px;
  background-position: -200px 0;
}

/*1st line*/
.label_state {
  display: inline-block;
  padding: 0 4px;
  font-weight: normal;
  border-radius: 4px;
  background: #fff;
  border: 1px solid;
  white-space: nowrap;
  font-size: 11px;
  letter-spacing: -0.8px;
  line-height: 16px;
}

.txt + .label_state {
  margin-left: 4px;
}

.label_state.normal {
  background-color: #efefef;
  border-color: #efefef;
  color: #999;
}

/*--------tab_multi_form--------*/
/*scrollable tab*/
.go_content.go_works_situation .content_tab .tab_menu_wrap {
  margin-top: -5px;
}

.content_tab {
  position: relative;
}
.content_tab .tab_menu_wrap {
  overflow-x: auto;
  /* Make this scrollable when needed */
  overflow-y: hidden;
  /* We don't want vertical scrolling */
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  /* For WebKit implementations, provide inertia scrolling */
  white-space: nowrap;
  /* We don't want internal inline elements to wrap */
}
.content_tab .tab_menu_wrap::-webkit-scrollbar {
  display: none;
}
.content_tab .tab_menu_wrap .tab_arrow {
  cursor: pointer;
  z-index: 2;
  position: absolute;
  top: -1px;
  width: 80px;
  height: 44px;
}
.content_tab .tab_menu_wrap .tab_arrow.left {
  left: 0;
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 100%);
}
.content_tab .tab_menu_wrap .tab_arrow.right {
  right: 0;
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%);
}
.content_tab .tab_menu_wrap .tab_arrow .ic_set {
  position: absolute;
  top: 13px;
}
.content_tab .tab_menu_wrap .tab_arrow .ic_set.ic_arrow_prev {
  left: 20px;
}
.content_tab .tab_menu_wrap .tab_arrow .ic_set.ic_arrow_next {
  right: 20px;
}
.content_tab .tab_menu_wrap ul.tab_menu {
  display: flex;
  height: 46px;
  -webkit-padding-start: 0px;
  overflow: visible;
  padding: 0 24px; /*4.0*/
}
.content_tab .tab_menu_wrap ul.tab_menu li {
  display: inline-table;
  float: none;
  height: 45px;
  margin: 0 4px;
  padding: 12px;
  box-sizing: border-box;
  white-space: nowrap;
  line-height: 1;
}
.content_tab .tab_menu_wrap ul.tab_menu li .label_state {
  position: relative;
  top: -2px;
}
.content_tab .tab_menu_wrap ul.tab_menu li:first-child {
  margin-left: 0;
}
.content_tab .tab_menu_wrap ul.tab_menu li .txt {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 320px;
  letter-spacing: -0.25px;
}

/* Remove the default scrollbar for WebKit implementations */
/*--------등록--------*/
.build_prev_wrap.build_write_wrap {
  margin-top: 0;
  padding-top: 1;
}
.build_prev_wrap.build_write_wrap .build_content_inner .docu_form_name .txt {
  margin: 8px 0 0 0;
  font-size: 13px;
  color: #999;
}

/*override*/
.works_detail .build_box_data .docu_form_name .txt,
.works_detail .build_box_data .docu_num {
  font-size: 13px;
  color: #999;
}
.works_detail .build_box_data .docu_form_name + .docu_num {
  margin-left: 4px;
}
.works_detail .build_box_data .docu_form_name + .docu_num:before {
  display: inline-block;
  color: #999;
  content: "·";
  font-weight: 500;
  margin: 0px 8px;
}

/*--------탭 여백--------*/
.go_skin_advanced .content_tab .tab_menu_wrap {
  margin-top: 0px !important;
}

.go_skin_default .content_tab .tab_menu_wrap {
  margin-top: 0px !important;
}
.go_skin_default .build_multi_form .content_tab .tab_menu_wrap {
  margin-top: 16px !important;
}
.go_skin_default .content_top {
  padding-bottom: 32px;
}

/*---------입력항목관리---------*/
/*--------build_body > content_top / content_tab--------*/
.go_skin_edit .build_body .go_content.build_situation.build_multi_form {
  background-color: transparent !important;
  padding: 0 52px 0 0; /*4.0
  .works_tit {
    height: 45px;
  }
}

&.go_skin_advanced .build_multi_form.go_content .content_page {
  top: 105px;

  /*top: 78px,tab height: 44px;*/
  border-top: none;
}
.go_skin_edit .build_body .go_content.build_situation.build_multi_form .content_top {
  background-color: transparent !important;
}
.go_skin_edit.go_skin_default .build_multi_form.go_content .content_page {
  top: 107px;
}
.go_skin_edit .build_body .asterisk {
  color: #fd1e1e !important;
}
.go_skin_edit .build_body .builder_side_box ul li .vertical_tit_wrap label.tit {
  margin-top: 0;
}
.go_skin_edit .build_body .builder_side_box ul li .vertical_tit_wrap div + label.tit,
.go_skin_edit .build_body .builder_side_box ul li .vertical_tit_wrap span + label.tit {
  margin-top: 16px;
}
.go_skin_edit .build_body .builder_side_box ul li .vertical_tit_wrap .option_display {
  margin-top: 8px;
  border-color: #747474;
}
.go_skin_edit .build_body .builder_side_box ul li .vertical_tit_wrap .btn_wrap {
  vertical-align: top;
}
.go_skin_edit .build_body .builder_side_box ul li .vertical_tit_wrap .btn_minor_s,
.go_skin_edit .build_body .builder_side_box ul li .vertical_tit_wrap .btn_s {
  margin-left: 5px;
  border: 1px solid #272727;
  background: #363636;
  color: #aeaeae;
}
.go_skin_edit .build_body .builder_side_box ul li label.tit {
  font-weight: 500;
}
.go_skin_edit .build_body .builder_side_box ul li.sub_depth_1 {
  padding-left: 32px;
}
.go_skin_edit .build_body .builder_side_box ul li.sub_depth_2 {
  padding-left: 56px;
}
.go_skin_edit .build_body .builder_side_box ul li.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.go_skin_edit .build_body .builder_side_box .tool_edit ul li div .ic_build {
  position: relative;
  top: -10px;
}
.go_skin_edit .build_body .builder_side_box .tool_edit ul li div .ic_build + span {
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.go_skin_edit .build_body .builder_side_box .tool_edit ul li > div .ic_build + span {
  max-width: 168px;
}
.go_skin_edit .build_body .builder_side_box .tool_edit ul li.sub_depth_1 div .ic_build + span {
  max-width: 144px;
}
.go_skin_edit .build_body .builder_side_box .tool_edit ul li.sub_depth_2 div .ic_build + span {
  max-width: 120px;
}
.go_skin_edit .build_body .builder_side_box div.tool_edit ul li.tit {
  height: auto;
  line-height: 22px;
  min-height: 22px;
  margin-bottom: 5px;
}
.go_skin_edit .build_body .builder_side_box div.tool_edit ul li.tit:hover {
  background-color: transparent;
}
.go_skin_edit .build_body .builder_side_box .option_display .form {
  display: block;
  margin-top: 4px;
}
.go_skin_edit .build_body .builder_side_box .option_display .form .form_tr,
.go_skin_edit .build_body .builder_side_box .option_display .form .form_th,
.go_skin_edit .build_body .builder_side_box .option_display .form .form_td {
  display: block;
  margin-top: 4px;
}
.go_skin_edit .build_body .builder_side_box .option_display .form .form_tr {
  margin-top: 16px;
}
.go_skin_edit .build_body .builder_side_box .option_display .form .form_tr:first-child {
  margin-top: 0px;
}
.go_skin_edit .build_body .builder_side_box .option_display .form ul.name_tag li {
  margin-top: 2px;
}
.go_skin_edit .build_body .builder_side_box .option_display .form ul.name_tag li.newline {
  height: 45px;
}
.go_skin_edit .build_body .builder_side_box .option_display .form ul.name_tag li.newline .sub_depart {
  display: block;
}
.go_skin_edit .build_body .builder_side_box .option_display .form ul.name_tag li .sub_depart input[type=checkbox] {
  cursor: default;
  margin: -2px 0 0 0 !important;
  background-color: #5b5b5b;
  border-radius: 2px;
}
.go_skin_edit .build_body .builder_side_box .option_display .form ul.name_tag li span.name {
  margin: 0;
  max-width: 146px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.go_skin_edit .build_body .builder_side_box .option_display .form ul.name_tag li span.name .sub_depart {
  font-size: 13px;
}
.go_skin_edit .build_body .builder_side_box .attr_title .attr_tooltip {
  margin: 2px 14px 5px 0;
}
.go_skin_edit .build_body .builder_side_box .vertical_tit_wrap {
  position: relative;
}
.go_skin_edit .build_body .builder_side_box .vertical_tit_wrap .tit + .help {
  float: right;
  top: 20px;
}
.go_skin_edit .build_body .builder_side_box .vertical_tit_wrap .tit + .help:hover .tool_tip {
  top: 22px;
  left: auto;
  right: -6px;
  background-color: #232323;
}
.go_skin_edit .build_body .builder_side_box .help.right {
  float: right;
  top: 4px;
}
.go_skin_edit .build_body .builder_side_box .help.right:hover .tool_tip {
  top: 20px;
  left: auto;
  right: -6px;
  background-color: #232323;
}
.go_skin_edit .build_body .builder_side_box .help .com_list_data {
  margin-top: 16px;
}

/*--------build_body > go_side-------*/
/*admin code 재사용을 위한 override*/
/*오른쪽 툴팁*/
/* works admin - process ui */
.wrap_toggle_btn {
  display: inline-block;
  height: 22px;
  vertical-align: middle;
}
.wrap_toggle_btn + .txt {
  margin-left: 8px;
  vertical-align: middle;
}
.wrap_toggle_btn input {
  display: none;
}
.wrap_toggle_btn label {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 22px;
  background: #ddd;
  border-radius: 36px;
  box-sizing: border-box;
  cursor: pointer;
  transition: all 0.2s;
}
.wrap_toggle_btn label::before {
  position: relative;
  top: 0;
  left: 0;
  display: inline-block;
  margin: 2px;
  content: "";
  clear: both;
  left: 0;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  background: #fff;
  transition: all 0.2s;
}
.wrap_toggle_btn input:checked + label {
  background: #00a1b9;
}
.wrap_toggle_btn input:checked + label::before {
  position: absolute;
  left: 14px;
}

.works_app_write .tab_menu_wrap {
  padding: 0;
}

.process_page {
  background: #f4f4f4;
}

.wrap_process {
  position: relative;
  box-sizing: border-box;
}
.wrap_process.process_disable {
  opacity: 0.5;
}
.wrap_process.process_disable .process_add .btn_wrap {
  display: none;
}
.wrap_process .process_add {
  display: inline-block;
  position: absolute;
  width: 250px;
  top: 0;
  left: 0;
}
.wrap_process .process_add input {
  padding: 0 52px 0 12px;
  height: 40px;
  border-radius: 4px;
  font-size: 14px;
  border: 0;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08);
}
.wrap_process .process_add .btn_wrap {
  position: absolute;
  top: 0;
  right: 0;
  padding: 13px;
  background: #00a1b9;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 40px;
}
.wrap_process .process_add .btn_wrap:hover {
  background: #0392a7;
}
.wrap_process .process_add .btn_wrap .ic_plus_w {
  vertical-align: top;
}
.wrap_process .layer_option {
  position: absolute;
  top: 56px;
  left: 0;
  padding: 24px;
  width: 250px;
  box-sizing: border-box;
  text-align: left;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08);
}
.wrap_process .layer_option .option_tit .tit {
  margin: 0;
  font-size: 16px;
  color: #111;
}
.wrap_process .layer_option .btn_close {
  position: absolute;
  top: 20px;
  right: 20px;
  height: 32px;
  padding: 8px;
  box-sizing: border-box;
  opacity: 0.4;
}
.wrap_process .layer_option .btn_close:hover {
  background: #eee;
  border-radius: 4px;
}
.wrap_process .layer_option .btn_close .ic_close {
  vertical-align: top;
}
.wrap_process .layer_option .tit {
  margin-bottom: 4px;
  font-size: 12px;
  color: #aaa;
}
.wrap_process .layer_option .vertical_wrap_s {
  position: relative;
  margin-top: 16px;
}
.wrap_process .layer_option .vertical_wrap_s input[type=text] {
  width: 100%;
  padding: 0 34px 0 8px;
  height: 40px;
  border-radius: 4px;
}
.wrap_process .layer_option .vertical_wrap_s input[type=checkbox] {
  width: 16px;
  height: 16px;
}
.wrap_process .layer_option .vertical_wrap_s input + .btn_wrap {
  position: absolute;
  top: 28px;
  right: 6px;
  padding: 4px;
  height: 18px !important;
}
.wrap_process .layer_option .vertical_wrap_s input + .btn_wrap .chip {
  vertical-align: top;
  width: 16px;
  height: 16px;
  border-radius: 4px;
}
.wrap_process .layer_option .vertical_wrap_s .option_wrap {
  margin-top: 4px;
}
.wrap_process .layer_option .vertical_wrap_s .option_wrap label {
  font-size: 13px;
}
.wrap_process .contents {
  min-height: 400px;
  overflow-x: auto;
}
.wrap_process .contents .zoomActions {
  top: 50px;
  padding: 0;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08);
}
.wrap_process .contents .zoomActions button {
  box-shadow: none;
}
.wrap_process .contents button {
  width: 36px;
  height: 36px;
  font-size: 20px;
  font-weight: 400;
  background: #fff;
  border-color: #eee;
  border-width: 1px 0 0 0;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08);
}
.wrap_process .contents button:first-child {
  border: 0;
}
.wrap_process .contents button:hover {
  background: #fbfbfb;
}
.wrap_process .contents .optional {
  position: absolute;
  top: 0;
  right: 0;
}
.wrap_process .contents button .layer_option {
  top: 0;
  right: 0;
  cursor: default;
}
.wrap_process .contents button .ic_toolbar {
  vertical-align: top;
}
.wrap_process .contents .btn_opt {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08);
}
.wrap_process .contents .btn_opt .wrap {
  position: relative;
}
.wrap_process .contents .btn_opt_change .layer_option {
  top: 0;
  left: inherit;
  right: 50px;
}
.wrap_process .contents .list_change {
  margin: 8px 0 0 0;
  max-height: 420px;
  overflow-x: hidden;
  overflow-y: auto;
}
.wrap_process .contents .list_change li {
  position: relative;
  padding: 8px 32px;
  cursor: move;
  margin: 0 -24px;
}
.wrap_process .contents .list_change li:hover {
  box-shadow: 2px 2px 8px 0px rgba(51, 51, 51, 0.4);
}
.wrap_process .contents .list_change li .ic_drag::after {
  position: absolute;
  left: 22px;
  top: 12px;
  content: "||";
  font-size: 12px;
  color: #bbb;
  cursor: move;
}
.wrap_process .contents .list_change li .state {
  padding: 8px;
}
.wrap_process .contents .list_change li .state .txt {
  max-width: 160px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1;
  letter-spacing: 0;
  font-size: 12px;
}

/*--------Wrorks new component-------- */
span.com_gage .wrap_gage {
  position: relative;
  display: inline-block;
  border: none;
  height: 8px;
  width: 100px;
  background: #efefef;
  border-radius: 8px;
  overflow: hidden;
}
span.com_gage span.wrap_gage .gage {
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  height: 8px;
  border: none;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  font-weight: 500;
  background-color: #64ddd9;
  overflow: hidden;
}
span.com_gage .txt {
  margin-left: 8px;
  font-size: 11px;
}
span.com_rate .wrap_rate .ic_star {
  margin-right: 2px;
}

table tr:hover span.com_gage .wrap_gage {
  background: #dbdde3;
  color: #888;
}
table tr .component-body span.com_gage .wrap_gage {
  background: #efefef;
  color: #888;
}
table tr .on .component-body span.com_gage .wrap_gage {
  background: #dbdde3;
  color: #888;
}

/*works 목록 영역*/
/*works 상세 영역*/
/*works 입력항목 영역*/
.com_rate + .wrap_txt,
.com_gage + .wrap_txt {
  margin-left: 8px;
}

.com_rate + .wrap_rate + .txt,
.com_gage + .wrap_gage + .txt {
  white-space: nowrap;
}

.com_rate + .wrap_txt + .txt_unit,
.com_gage + .wrap_txt + .txt_unit {
  margin-left: 4px;
}

.build_box_inner .box_label_wrap label + ins {
  margin-left: 8px;
}

/*레이블 + 아이콘 여백지정*/
.build_box_data .wfix_micro {
  width: 40px !important;
  margin-left: 8px;
}

/* 타이틀+정보 목록 : tool tip 내 사용중 */
.com_list_data {
  display: table;
}
.com_list_data .row {
  display: table-row;
}
.com_list_data .row .tit,
.com_list_data .row .data {
  display: table-cell;
  padding: 4px 0;
}
.com_list_data .row .tit {
  min-width: 40px;
}

/* 목록형 컴포넌트 래퍼 : 2개이상의 컴포넌트 목록에서 개행이 필요한 경우 사용) : file_wrap 오용 대체*/
.column_box ul.list_comp > li .name {
  width: 48%;
}

ul.list_comp li.comp {
  min-height: 24px;
}
ul.list_comp li.comp span.item_file span.optional {
  position: relative;
  top: -1px;
}
ul.list_comp li .name {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 16px;
  line-height: 16px;
  vertical-align: middle;
  cursor: pointer;
  max-width: 70%;
  font-weight: normal;
}

/*gantt*/
/*library*/
.ganttview .ui-draggable {
  cursor: move;
}

/*ganttView.css*/
div.ganttview-hzheader {
  position: relative;
  height: 60px;
  border-bottom: 1px solid #b8b8b8;
}
div.ganttview-contents, div.ganttview-hzheader-month, div.ganttview-hzheader-day, div.ganttview-vtheader, div.ganttview-vtheader-item-name, div.ganttview-vtheader-series, div.ganttview-grid, div.ganttview-grid-row-cell {
  float: left;
  box-sizing: border-box;
}
div.ganttview-hzheader-month, div.ganttview-hzheader-day {
  text-align: center;
  font-size: 13px;
}
div.ganttview-grid-row-cell:last-child, div.ganttview-hzheader-day:last-child, div.ganttview-hzheader-month:last-child {
  border-right-color: #d0d0d0;
}
div.ganttview {
  border: 1px solid #d8d8d8;
}
div.ganttview-hzheader-month {
  width: 60px;
  height: 20px;
  border-right: 1px solid #d0d0d0;
  line-height: 20px;
}
div.ganttview-hzheader-day {
  width: 20px;
  height: 20px;
  border-right: 1px solid #f0f0f0;
  border-top: 1px solid #d0d0d0;
  line-height: 20px;
  color: #777;
}
div.ganttview-hzheader-day.today {
  color: #00a1b9 !important;
  background-color: transparent;
}
div.ganttview-hzheader-day.month {
  border-right: 1px solid #d0d0d0;
}
div.ganttview-grid-row-cell.month {
  border-right: 1px solid #d0d0d0;
}
div.ganttview-vtheader {
  margin-top: 41px;
  width: 240px;
  overflow: hidden;
  background-color: #fff;
}
div.ganttview-vtheader-item {
  overflow: hidden;
  color: #666;
}
div.ganttview-vtheader-item-name {
  width: 100px;
  padding-left: 5px;
  border-top: 1px solid #d0d0d0;
  line-height: 16px;
}
div.ganttview-vtheader-series-name {
  width: 130px;
  height: 31px;
  border-top: 1px solid #d0d0d0;
  line-height: 16px;
  padding-left: 5px;
}
div.ganttview-slide-container {
  position: relative;
  overflow-y: hidden;
  border: 0;
}
div.ganttview-contents {
  overflow-y: auto;
  position: absolute;
}
div.ganttview-slide-container .indicator_today {
  position: absolute;
  top: 20px;
  width: 1px;
  height: 100%;
  border-left: 1px dashed #02a1c0;
  border-width: 0 0 0 1px;
  box-sizing: border-box;
  margin-left: -1px;
}
div.ganttview-grid-row-cell {
  width: 20px;
  /* height: 31px; */
  border-right: 1px solid #f0f0f0;
  border-top: 1px solid #f0f0f0;
}
div.ganttview-grid-row-cell.ganttview-weekend {
  background-color: #fafafa;
}
div.ganttview-hzheader .ganttview-month, div.ganttview-grid-row-cell.ganttview-month {
  border-right: 1px solid #e5e5e5;
}
div.ganttview-blocks {
  margin-top: 0;
}
div.ganttview-block-container {
  position: relative;
  height: 40px;
  padding-top: 8px;
  box-sizing: border-box;
}
div.ganttview-block-container .bookmark {
  z-index: 1;
  cursor: pointer;
  position: absolute;
  top: 4px;
  width: 16px;
  height: 34px;
  background-color: #f3f3f3;
}
div.ganttview-block-container .bookmark.left {
  left: 0;
  border-radius: 0 4px 4px 0;
}
div.ganttview-block-container .bookmark.right {
  left: 0;
  /*margin-left값으로 개발에서 뿌려줌*/
  border-radius: 4px 0 0 4px;
}
div.ganttview-block-container .bookmark .ic_set {
  position: relative;
  top: 6px;
  transform: scale(0.8);
  opacity: 0.5;
}
div.ganttview-grid-row:hover .ganttview-grid-row-cell, div.ganttview-block-container:hover {
  background-color: rgba(243, 243, 243, 0.3137254902);
}

/* Horizontal Header */
/* Vertical Header */
/* Slider */
/* Grid */
/* Blocks */
.ganttview.edit .ganttview-contents .ganttview-blocks div.ganttview-block-container:hover {
  background-color: inherit;
}

div.ganttview-block-container:hover .bookmark .ic_set {
  opacity: 0.8;
}
div.ganttview-block {
  position: relative;
  height: 24px;
  background-color: rgba(209, 209, 209, 0.3137254902);
  /*50%불투명도 적용*/
  /* border: 1px solid #D1D1D150; */
  border-radius: 24px;
  border: none;
  box-sizing: border-box;
}
div.ganttview-block-progress {
  position: relative;
  height: 24px;
  background-color: rgba(209, 209, 209, 0.3137254902);
  /*50%불투명도 적용*/
  /* border: 1px solid #D1D1D150; */
  border-radius: 24px;
  border: none;
  box-sizing: border-box;
  /*custom*/
  position: absolute;
  background-color: inherit;
  /* border: 1px solid inherit; */
}
div.ganttview-block-text {
  position: absolute;
  padding: 2px 6px;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  white-space: nowrap;
}
div.ganttview-block-text .state,
div.ganttview-block-text .txt {
  display: inline-block;
  padding: 0;
  text-align: left;
  letter-spacing: -0.5px;
  vertical-align: middle;
}
div.ganttview-block-text .state {
  margin-left: 4px;
}
div.ganttview-block div.ui-resizable-handle.ui-resizable-s {
  bottom: 0;
}

/*gnatt draggable & sortable UI*/
/*하위자식요소 없는 그룹의 */
.tb_stair_edit.ui-sortable .ui-state-highlight {
  height: 40px;
  background-color: #f2fffe;
  border-bottom: 1px solid #f3f3f3;
}
.tb_stair_edit.ui-sortable .ui-state-highlight li {
  position: relative;
  margin-left: 24px;
  padding: 0 0 0 20px;
  box-sizing: border-box;
  white-space: nowrap;
}
.tb_stair_edit.ui-sortable .ui-state-highlight li .box_empty {
  position: absolute;
  left: 44px;
  top: 10px;
  display: inline-block;
  width: 200px;
  height: 20px;
  border: 1px dashed #96c5c1;
  border-radius: 2px;
}
.tb_stair_edit.ui-sortable .ui-state-highlight li .ic.ic_board {
  position: absolute;
  top: 13px;
  left: 17px;
  height: 24px;
  background: url(../images/ic_set.svg) no-repeat -300px -4px;
  width: 24px;
  opacity: 0.3;
}

/*library end*/
.container_gantt {
  position: relative;
  display: table;
  box-sizing: border-box;
  table-layout: fixed;
  width: 100%;
}
.container_gantt .wrap_gantt_list {
  display: table-cell;
  width: 640px;
  border-bottom: 1px solid #d8d8d8;
  vertical-align: top;
  background-color: #fff;
}
.container_gantt .wrap_gantt_list.edit {
  background-color: #f1fffe;
}
.container_gantt .wrap_gantt_graph {
  display: table-cell;
}
.container_gantt .btn_gantt_fold {
  z-index: 1;
  position: absolute;
  top: 1px;
  left: 0;
}
.container_gantt .btn_gantt_fold .ic_set.ic_arrow_prev {
  position: relative;
  top: 18px;
  left: 2px;
  opacity: 0.5;
}
.container_gantt .btn_gantt_unfold {
  z-index: 1;
  position: absolute;
  top: 1px;
  left: 0;
}
.container_gantt .btn_gantt_unfold .ic_set.ic_arrow_next {
  position: relative;
  top: 18px;
  left: 2px;
  opacity: 0.5;
}

.btn_gantt_fold,
.btn_gantt_unfold {
  display: inline-block;
  width: 24px;
  height: 60px;
  background-color: #fff;
  border-right: 1px solid #d8d8d8;
  box-sizing: border-box;
}
.btn_gantt_fold:hover,
.btn_gantt_unfold:hover {
  cursor: pointer;
  background-color: #f3f3f3;
}

.container_gantt .wrap_gantt_list ul.tb_stair.null_data li .item {
  text-align: center;
}
.container_gantt .wrap_gantt_list ul.tb_stair.null_data li .item:hover {
  background-color: transparent;
}
.container_gantt .wrap_gantt_list ul.tb_stair.null_data li .item .desc {
  margin-top: 100px;
}
.container_gantt .wrap_gantt_list ul.tb_stair.null_data li .item .desc a {
  text-decoration: underline;
}

.wrap_gantt_list > ul {
  min-width: 640px;
}
.wrap_gantt_list .tb-header.tb_stair {
  background-color: #fff;
}
.wrap_gantt_list .tb_stair li .item {
  border: none;
  height: 46px;
  box-sizing: border-box;
}

.wrap_gantt_graph div.ganttview-grid-row-cell {
  height: 40px;
  box-sizing: border-box;
}

.wrap_gantt_list .tb_stair li .item:hover,
.wrap_gantt_graph .ganttview-grid-row:hover div.ganttview-grid-row-cell {
  background-color: rgba(243, 243, 243, 0.3137254902);
}

.wrap_gantt_list .tb_stair li.subject .item:hover {
  background-color: transparent;
}
.wrap_gantt_list .tb_stair li.subject .item .tit {
  top: 12px;
  white-space: nowrap;
}
.wrap_gantt_list .tb_stair li.subject .item .opt {
  top: 20px;
  left: 284px;
  right: auto;
  width: initial;
  white-space: nowrap;
}
.wrap_gantt_list .tb_stair.summary {
  height: 40px;
}
.wrap_gantt_list .tb_stair.summary li.list {
  position: relative;
  padding: 0;
}
.wrap_gantt_list .tb_stair.summary li.list .item {
  padding: 8px 0;
}
.wrap_gantt_list .tb_stair.summary li.list .tit {
  margin-left: 8px;
  padding: 0 0 0 20px;
  box-sizing: border-box;
  white-space: nowrap;
  font-weight: 500;
}
.wrap_gantt_list .tb_stair.summary li.list .tit .gantt_name {
  display: inline-block;
  max-width: 420px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.wrap_gantt_list .tb_stair.summary li.list .tit .help {
  z-index: 5;
  margin-left: 4px;
}
.wrap_gantt_list .tb_stair.summary li.list .tit .num {
  vertical-align: middle;
}
.wrap_gantt_list .tb_stair.summary li.list .opt {
  position: absolute;
  top: 10px;
  right: 32px;
}
.wrap_gantt_list .tb_stair.summary li.list .opt span.com_gage .txt {
  font-size: 14px;
  font-weight: 500;
}
.wrap_gantt_list ul.tb_stair li.subject {
  height: 60px;
  border: 1px solid #d8d8d8;
  border-left: 0;
  border-right: 0;
  border-width: 1px 0 1px 0;
}
.wrap_gantt_list ul.tb_stair li.subject .item {
  display: inline-block;
  min-height: 63px;
  height: 60px;
  box-sizing: border-box;
  font-size: 14px;
  color: #333;
  font-weight: 400;
}
.wrap_gantt_list ul.tb_stair li.subject .item .txt {
  display: inline-block;
  font-size: 14px;
  color: #333;
  font-weight: 400;
}
.wrap_gantt_list ul.tb_stair li .item .tit {
  width: 300px;
}
.wrap_gantt_list ul.tb_stair li .item .date {
  width: 80px;
}
.wrap_gantt_list ul.tb_stair li .item .member {
  width: 100px;
}
.wrap_gantt_list ul.tb_stair li .item .progress {
  width: 56px;
  text-align: right;
}
.wrap_gantt_list ul.tb_stair li .item .tit,
.wrap_gantt_list ul.tb_stair li .item .date,
.wrap_gantt_list ul.tb_stair li .item .member,
.wrap_gantt_list ul.tb_stair li .item .progress {
  display: inline-block;
}
.wrap_gantt_list ul.tb_stair li .item .txt.em {
  font-weight: 500;
}
.wrap_gantt_list ul.tb_stair.tb_stair.summary li .item .txt.em {
  font-weight: 500;
}
.wrap_gantt_list ul.tb_stair li .item {
  position: relative;
  padding: 8px 0;
}
.wrap_gantt_list ul.tb_stair li .item .node-title.tit {
  display: flex;
  align-items: center;
  gap: 4px;
}
.wrap_gantt_list ul.tb_stair li .item .tit {
  margin-left: 24px;
  padding: 0 0 0 20px;
  box-sizing: border-box;
  white-space: nowrap;
}
.wrap_gantt_list ul.tb_stair li .item .opt {
  position: absolute;
  top: 8px;
  right: 32px;
}
.wrap_gantt_list ul.tb_stair li .item .txt_form {
  margin-left: 0;
  font-weight: 500;
  color: #000;
}
.wrap_gantt_list ul.tb_stair li.folder .item .ic {
  display: none;
}
.wrap_gantt_list ul.tb_stair.tb_stair_edit li .item .ic_blank {
  display: none;
}
.wrap_gantt_list ul.tb_stair.tb_stair_edit li.folder .item .ic.ic_drag {
  display: block;
}
.wrap_gantt_list ul.tb_stair.tb_stair_edit li .item .ic.ic_drag {
  background: none;
}
.wrap_gantt_list ul.tb_stair.tb_stair_edit li .item .ic.ic_drag:before {
  position: absolute;
  left: 10px;
  top: 10px;
  content: "||";
  font-size: 12px;
  color: #b1d6d3;
}
.wrap_gantt_list ul.tb_stair li .item.last {
  height: 60px;
}

/*wrap_gantt_list*/
/*위치 수정해야함*/
div.ganttview-block-container.last {
  height: 60px;
}

/*간트목록 마지막 줄이 스크롤과 겹치는 현상 개선*/
.wrap_gantt_list ul.tb_stair li .ic_stair_open,
.wrap_gantt_list ul.tb_stair li .ic_stair_close {
  background: url(../images/ic_set.svg) no-repeat;
  transform: scale(0.8);
}
.wrap_gantt_list ul.tb_stair li .ic_stair_open {
  background-position: 0 0;
  transform: rotate(-90deg);
}
.wrap_gantt_list ul.tb_stair li .ic_stair_close {
  background-position: -50px 0;
  transform: rotate(-180deg);
}
.wrap_gantt_list ul.tb_stair li.folder .item .ic.ic_board {
  display: inline-block;
}
.wrap_gantt_list ul.tb_stair li.folder ul.board-tree-nodes li.board .ic_board {
  background: url(../images/ic_set.svg) no-repeat -300px -4px;
  width: 24px;
  height: 24px;
  opacity: 0.3;
}
.wrap_gantt_list ul.tb_stair li.board .ic_board {
  display: none;
}
.wrap_gantt_list ul.tb_stair li.board .board_name {
  margin-left: 0;
  max-width: 200px;
}
.wrap_gantt_list ul.tb_stair li.folder .folder_name .txt {
  max-width: 400px;
}
.wrap_gantt_list ul.tb_stair li.folder ul.board-tree-nodes li.board .board_name {
  margin-left: 24px;
  max-width: 176px;
}
.wrap_gantt_list ul.tb_stair li.board .board_name {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.wrap_gantt_list ul.tb_stair li.folder .folder_name .txt,
.wrap_gantt_list ul.tb_stair li.folder ul.board-tree-nodes li.board .board_name {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.wrap_gantt_list ul.tb_stair li.board .board_name:hover {
  cursor: pointer;
  text-decoration: underline;
}
.wrap_gantt_list ul.tb_stair.tb_stair_edit li.board .board_name:hover {
  cursor: default;
  text-decoration: none;
}
.wrap_gantt_list ul.tb_stair li > span {
  display: inline-block;
}
.wrap_gantt_list ul.tb_stair li .opt .date {
  display: inline-block;
  width: 80px;
  color: #333;
  font-size: 14px;
}
.wrap_gantt_list ul.tb_stair li .opt .member .txt {
  display: inline-block;
  max-width: 106px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: -4px;
}
.wrap_gantt_list ul.tb_stair li .opt progress {
  text-align: right;
}
.wrap_gantt_list ul.tb_stair .txt_form {
  padding: 0 4px;
}
.wrap_gantt_list ul.tb_stair .txt_form:hover {
  background-color: #ececec;
}
.wrap_gantt_list ul.tb_stair.tb_stair_edit li.list {
  min-width: 640px;
}
.wrap_gantt_list ul.tb_stair.tb_stair_edit li.list .item {
  background-color: #f2fffe;
  border-bottom: 1px solid #f3f3f3;
}
.wrap_gantt_list ul.tb_stair.tb_stair_edit li .item:hover {
  background-color: #f2fffe;
  outline: none;
  box-shadow: 2px 2px 8px 0px rgba(51, 51, 51, 0.5);
}
.wrap_gantt_list ul.tb_stair.tb_stair_edit li.drag {
  position: absolute;
  padding: 0;
  background: transparent;
  color: #333;
}
.wrap_gantt_list ul.tb_stair li .input {
  height: 30px;
  border-radius: 4px;
  font-weight: 500;
}
.wrap_gantt_list ul.tb_stair li .btn_wrap {
  margin-left: 4px;
}
.wrap_gantt_list ul.tb_stair li .btn_wrap .ic_side {
  margin-right: 4px !important;
  width: 20px;
  height: 20px;
}
.wrap_gantt_list ul.tb_stair li .ic_blank {
  cursor: pointer;
  margin-left: 4px;
}
.wrap_gantt_list ul.tb_stair.tb_stair_edit li.list .item .ic_drag {
  cursor: move;
  background-color: transparent !important;
}
.wrap_gantt_list .board-tree-nodes {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
.wrap_gantt_list .board-tree-nodes::-webkit-scrollbar {
  display: none;
}
.wrap_gantt_list ul.tb_stair li.node.list > .item .btn_wrap.btn_hover .ic_list_del {
  display: none;
}
.wrap_gantt_list ul.tb_stair li.node.list > .item:hover .btn_wrap.btn_hover .ic_list_del {
  cursor: pointer;
  position: absolute;
  top: 12px;
  right: 8px;
  display: inline-block;
  width: 14px;
  height: 14px;
}

/*수정예정*/
/* Hide scrollbar for Chrome, Safari and Opera */
/* Hide scrollbar for IE, Edge and Firefox */
.ganttview.edit .ganttview-contents .ganttview-blocks::after {
  cursor: not-allowed;
  z-index: 2;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 10000px;
  background-color: rgb(225, 251, 249);
  opacity: 0.5;
}
.ganttview.edit .ganttview-contents .ganttview-blocks .ganttview-block-container {
  filter: blur(2px);
}

/*rgba(51,51,51,0.7)*/
/* not working ie*/
.wrap_gantt_graph .ganttview-grid-row {
  display: block;
  height: 40px;
  box-sizing: border-box;
}
.wrap_gantt_graph .ganttview-grid-row.folder {
  border-top: 1px solid #d8d8d8;
}
.wrap_gantt_graph .ganttview-grid-row:first-child.folder {
  border-top: none;
}
.wrap_gantt_graph .ganttview-hzheader-month {
  font-weight: 500;
}
.wrap_gantt_graph .ganttview-hzheader-days + .ganttview-hzheader-days .ganttview-hzheader-day {
  color: #b8b8b8;
}

.ganttview-hzheader-days.week .ganttview-hzheader-day {
  height: 500px;
}
.ganttview-hzheader-days .ganttview-hzheader-day.sat, .ganttview-hzheader-days .ganttview-hzheader-day.sun {
  color: #777777 !important;
}
.ganttview-hzheader-days.week .ganttview-hzheader-day.sat, .ganttview-hzheader-days.week .ganttview-hzheader-day.sun {
  color: #b8b8b8 !important;
}
.ganttview-hzheader-days.week .ganttview-hzheader-day.sat:after, .ganttview-hzheader-days.week .ganttview-hzheader-day.sun:after {
  content: "";
  background-color: #fafafa;
  display: block;
  width: 19px;
  height: 10000px;
}

div.ganttview-block.bgcolor0 {
  background-color: rgba(184, 184, 184, 0.3);
  border: none;
}
div.ganttview-block.bgcolor0 .ganttview-block-progress {
  background-color: rgba(184, 184, 184, 0.7);
}
div.ganttview-block.bgcolor0 .ganttview-block-text > span {
  color: #5a5a5a;
}
div.ganttview-block.bgcolor1 {
  background-color: rgba(220, 151, 131, 0.3);
  border: none;
}
div.ganttview-block.bgcolor1 .ganttview-block-progress {
  background-color: rgba(220, 151, 131, 0.7);
}
div.ganttview-block.bgcolor1 .ganttview-block-text > span {
  color: #74301e;
}
div.ganttview-block.bgcolor2 {
  background-color: rgba(234, 130, 123, 0.3);
  border: none;
}
div.ganttview-block.bgcolor2 .ganttview-block-progress {
  background-color: rgba(234, 130, 123, 0.7);
}
div.ganttview-block.bgcolor2 .ganttview-block-text > span {
  color: #8b0203;
}
div.ganttview-block.bgcolor3 {
  background-color: rgba(220, 108, 127, 0.3);
  border: none;
}
div.ganttview-block.bgcolor3 .ganttview-block-progress {
  background-color: rgba(220, 108, 127, 0.7);
}
div.ganttview-block.bgcolor3 .ganttview-block-text > span {
  color: #7e0018;
}
div.ganttview-block.bgcolor4 {
  background-color: rgba(251, 87, 60, 0.3);
  border: none;
}
div.ganttview-block.bgcolor4 .ganttview-block-progress {
  background-color: rgba(251, 87, 60, 0.7);
}
div.ganttview-block.bgcolor4 .ganttview-block-text > span {
  color: #931602;
}
div.ganttview-block.bgcolor5 {
  background-color: rgba(255, 117, 55, 0.3);
  border: none;
}
div.ganttview-block.bgcolor5 .ganttview-block-progress {
  background-color: rgba(255, 117, 55, 0.7);
}
div.ganttview-block.bgcolor5 .ganttview-block-text > span {
  color: #a53300;
}
div.ganttview-block.bgcolor6 {
  background-color: rgba(255, 174, 69, 0.3);
  border: none;
}
div.ganttview-block.bgcolor6 .ganttview-block-progress {
  background-color: rgba(255, 174, 69, 0.7);
}
div.ganttview-block.bgcolor6 .ganttview-block-text > span {
  color: #c16d00;
}
div.ganttview-block.bgcolor7 {
  background-color: rgba(68, 214, 146, 0.3);
  border: none;
}
div.ganttview-block.bgcolor7 .ganttview-block-progress {
  background-color: rgba(68, 214, 146, 0.7);
}
div.ganttview-block.bgcolor7 .ganttview-block-text > span {
  color: #008246;
}
div.ganttview-block.bgcolor8 {
  background-color: rgba(61, 185, 127, 0.3);
  border: none;
}
div.ganttview-block.bgcolor8 .ganttview-block-progress {
  background-color: rgba(61, 185, 127, 0.7);
}
div.ganttview-block.bgcolor8 .ganttview-block-text > span {
  color: #04733f;
}
div.ganttview-block.bgcolor9 {
  background-color: rgba(122, 209, 73, 0.3);
  border: none;
}
div.ganttview-block.bgcolor9 .ganttview-block-progress {
  background-color: rgba(122, 209, 73, 0.7);
}
div.ganttview-block.bgcolor9 .ganttview-block-text > span {
  color: #338902;
}
div.ganttview-block.bgcolor10 {
  background-color: rgba(178, 220, 107, 0.3);
  border: none;
}
div.ganttview-block.bgcolor10 .ganttview-block-progress {
  background-color: rgba(178, 220, 107, 0.7);
}
div.ganttview-block.bgcolor10 .ganttview-block-text > span {
  color: #6b9e15;
}
div.ganttview-block.bgcolor11 {
  background-color: rgba(252, 233, 131, 0.3);
  border: none;
}
div.ganttview-block.bgcolor11 .ganttview-block-progress {
  background-color: rgba(252, 233, 131, 0.7);
}
div.ganttview-block.bgcolor11 .ganttview-block-text > span {
  color: #b29707;
}
div.ganttview-block.bgcolor12 {
  background-color: rgba(241, 217, 80, 0.3);
  border: none;
}
div.ganttview-block.bgcolor12 .ganttview-block-progress {
  background-color: rgba(241, 217, 80, 0.7);
}
div.ganttview-block.bgcolor12 .ganttview-block-text > span {
  color: #a88f00;
}
div.ganttview-block.bgcolor13 {
  background-color: rgba(245, 146, 178, 0.3);
  border: none;
}
div.ganttview-block.bgcolor13 .ganttview-block-progress {
  background-color: rgba(245, 146, 178, 0.7);
}
div.ganttview-block.bgcolor13 .ganttview-block-text > span {
  color: #c73463;
}
div.ganttview-block.bgcolor14 {
  background-color: rgba(205, 115, 230, 0.3);
  border: none;
}
div.ganttview-block.bgcolor14 .ganttview-block-progress {
  background-color: rgba(205, 115, 230, 0.7);
}
div.ganttview-block.bgcolor14 .ganttview-block-text > span {
  color: #8c28a8;
}
div.ganttview-block.bgcolor15 {
  background-color: rgba(154, 156, 255, 0.3);
  border: none;
}
div.ganttview-block.bgcolor15 .ganttview-block-progress {
  background-color: rgba(154, 156, 255, 0.7);
}
div.ganttview-block.bgcolor15 .ganttview-block-text > span {
  color: #383aa4;
}
div.ganttview-block.bgcolor16 {
  background-color: rgba(185, 154, 255, 0.3);
  border: none;
}
div.ganttview-block.bgcolor16 .ganttview-block-progress {
  background-color: rgba(185, 154, 255, 0.7);
}
div.ganttview-block.bgcolor16 .ganttview-block-text > span {
  color: #6038bb;
}
div.ganttview-block.bgcolor17 {
  background-color: rgba(101, 145, 229, 0.3);
  border: none;
}
div.ganttview-block.bgcolor17 .ganttview-block-progress {
  background-color: rgba(101, 145, 229, 0.7);
}
div.ganttview-block.bgcolor17 .ganttview-block-text > span {
  color: #174aab;
}
div.ganttview-block.bgcolor18 {
  background-color: rgba(139, 139, 139, 0.3);
  border: none;
}
div.ganttview-block.bgcolor18 .ganttview-block-progress {
  background-color: rgba(139, 139, 139, 0.7);
}
div.ganttview-block.bgcolor18 .ganttview-block-text > span {
  color: #373636;
}

/*제목 및 상태 폰트*/
/*일정 영역*/
/*진행률 영역*/
.com_divide {
  width: 100%;
  height: 8px;
  margin: 8px 0;
  border: 1px solid #f1f1f1;
  border-left: none;
  border-right: none;
  background-color: #f8f8f8;
  box-sizing: border-box;
}

.btn_tool.active {
  background-color: #f2fffe;
}
.btn_tool.active:hover {
  background-color: #dffffd;
}

.go_works_situation .ic_toolbar.today {
  display: inline-block;
  background: url(../images/ic_set.svg) no-repeat -250px 0 !important;
  width: 20px;
  height: 20px;
  vertical-align: middle;
}

.layer_gantt_set .content .form_type .wrap_select select {
  width: 180px;
}

.wrap_gantt_list ul.tb_stair.tb_stair_edit li .item .exceptNode {
  display: none;
}

/*works lnb*/
.go_side .lnb.lnb_option ul.side_depth li.view {
  height: 30px;
  padding: 0 24px;
}
.go_side .lnb.lnb_option ul.side_depth li.view p.title {
  padding-left: 16px;
}
.go_side .lnb.lnb_option ul.side_depth li.view p.title.on {
  border-radius: 2px;
}
.go_side .lnb.lnb_option ul.side_depth li.view p.title.on svg {
  fill: var(--dop-color-icon-primary-level1);
}
.go_side .lnb.lnb_option ul.side_depth li.view p.title svg.ic_svg {
  margin-right: 8px;
  vertical-align: middle;
}
.go_side .lnb.lnb_option ul.side_depth li.view span.btn_wrap {
  right: 0;
}
.go_side .lnb.lnb_single h1.on .txt {
  color: #00a1b9;
}
.go_side .lnb.lnb_single h1:hover {
  background-color: #f8f8f8;
}
.go_side .hr {
  margin: 8px 24px;
  border-bottom: 1px solid #eee;
}

/*skin*/
.wrap_guide_works {
  text-align: center;
}
.wrap_guide_works img {
  display: inline-block;
  width: 202px;
  height: 56px;
}

.zoomActions {
  padding-left: 10px;
  position: absolute;
  z-index: 10000;
}
.zoomActions > button {
  display: block;
  font-size: 16px;
  font-weight: bold;
  height: 25px;
  margin: 0;
  outline: none;
  padding: 0;
  width: 25px;
  color: #333;
  box-sizing: border-box;
  background: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 3px;
  cursor: pointer;
}
.zoomActions > button:first-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  font-size: 18px;
}
.zoomActions > button:last-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top-width: 0;
}

div.mxTooltip {
  -webkit-box-shadow: 3px 3px 12px #c0c0c0;
  -moz-box-shadow: 3px 3px 12px #c0c0c0;
  box-shadow: 3px 3px 12px #c0c0c0;
  background: #ffffcc;
  border-style: solid;
  border-width: 1px;
  border-color: black;
  font-family: Arial;
  font-size: 9pt;
  position: absolute;
  cursor: default;
  padding: 4px;
  color: black;
}

.works_intro_guide {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 1000px;
  height: 600px;
  margin: -300px 0 0 -500px;
  z-index: 100;
}
.works_intro_guide .intro {
  width: 1000px;
  height: 600px;
  border-radius: 24px;
  overflow: hidden;
  background-color: #fcfbfc;
}
.works_intro_guide .page {
  width: 1000px;
  height: 600px;
  border-radius: 24px;
  overflow: hidden;
}
.works_intro_guide .intro .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #0392a7;
  height: 420px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.works_intro_guide .intro > .ment {
  position: absolute;
  top: 50px;
  left: 0;
  width: 100%;
  text-align: center;
  margin: 0;
}
.works_intro_guide .intro > .ment .tit {
  color: #fff;
  font-size: 48px;
  letter-spacing: -3px;
}
.works_intro_guide .intro > .ment .txt {
  color: #fff;
  font-size: 16px;
  margin: 6px;
  line-height: 1.7;
  opacity: 0.6;
}
.works_intro_guide .intro .new_function {
  position: absolute;
  top: 230px;
  left: 60px;
}
.works_intro_guide .intro .new_function li {
  position: relative;
  display: inline-block;
  margin: 0 24px 0 0;
  background-color: #fff;
  border-radius: 16px;
  overflow: hidden;
  width: 276px;
  height: 270px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
.works_intro_guide .intro .new_function li .ment {
  position: absolute;
  top: 177px;
  left: 40px;
  width: 190px;
  margin: 0 auto;
  text-align: center;
}
.works_intro_guide .intro .new_function li .ment .tit {
  font-size: 18px;
}
.works_intro_guide .intro .new_function li .ment .txt {
  font-size: 12px;
  margin: 4px 0 0 0;
}
.works_intro_guide .intro .new_function li:last-child {
  margin: 0;
}
.works_intro_guide .intro .btn_ic_x_b_w {
  display: inline-block;
  position: absolute;
  top: 24px;
  right: 24px;
  padding: 10px 6px 6px 10px;
  border-radius: 8px;
}
.works_intro_guide .intro .btn_ic_x_b_w:hover {
  background-color: #4093a9;
}
.works_intro_guide .page {
  position: relative;
}
.works_intro_guide .page .btn_layer_x {
  top: 16px;
  right: 24px;
}
.works_intro_guide .page .scene {
  position: relative;
  width: 1000px;
  height: 600px;
  background-color: #fcfbfc;
}
.works_intro_guide .page .scene .screen {
  position: absolute;
  top: 50px;
  right: 0;
}
.works_intro_guide .page .scene .ment {
  position: absolute;
  top: 130px;
  left: 60px;
  width: 330px;
}
.works_intro_guide .page .scene .ment .tit {
  text-align: left;
  font-size: 40px;
  letter-spacing: -4px;
  line-height: 1.4;
}
.works_intro_guide .page .scene .ment .txt {
  font-size: 17px;
  margin: 16px 0 0 0;
  line-height: 1.8;
  letter-spacing: -2px;
}
.works_intro_guide .footer {
  position: absolute;
  bottom: 40px;
  left: 60px;
  width: 880px;
  height: 34px;
}
.works_intro_guide .footer .wrap {
  position: relative;
}
.works_intro_guide .footer .wrap .critical {
  position: absolute;
  top: 0;
  left: -16px;
}
.works_intro_guide .footer .wrap .critical a {
  margin: 0 24px 0 0;
}
.works_intro_guide .footer .wrap .optional {
  position: absolute;
  top: 0;
  right: 0;
}
.works_intro_guide .btn_minor {
  padding: 14px 24px;
  border: 0;
  background: none;
  border-radius: 8px;
}
.works_intro_guide .btn_minor:hover {
  background: #eee;
}
.works_intro_guide .btn_major {
  padding: 14px 24px;
  border-radius: 8px;
}
.works_intro_guide .page_nav {
  text-align: center;
  padding-top: 16px;
}
.works_intro_guide .page_nav span {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 14px;
  background: #eee;
  margin: 0 8px;
}
.works_intro_guide .page_nav .on {
  background-color: #00a1b9;
}
.works_intro_guide input[type=checkbox] {
  border: solid 2px #ccc;
  height: 16px;
  width: 16px;
  border-radius: 2px;
  -webkit-appearance: none;
  overflow: hidden;
  margin: 0 4px 0 0;
}
.works_intro_guide input[type=checkbox]:checked {
  border: solid 2px #333;
  background: #333;
  height: 16px;
  width: 16px;
  border-radius: 2px;
  -webkit-appearance: none;
  font-size: 14px;
}
.works_intro_guide input[type=checkbox]:checked:after {
  content: "∨";
  display: block;
  height: 15px;
  width: 15px;
  font-weight: bold;
  color: #fff;
  font-family: dotum;
  margin-top: -2px;
  margin-left: -1px;
}
.works_intro_guide .opt_close {
  position: absolute;
  bottom: -40px;
  left: 0;
  width: 100%;
  text-align: center;
}
.works_intro_guide .opt_close input {
  margin: -2px 8px 0 0;
}
.works_intro_guide .opt_close label {
  color: #fff;
}

.freemembership_pr {
  position: fixed;
  bottom: 24px;
  right: 24px;
  width: 400px;
  height: 480px;
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.3);
  background-color: #fff;
  border-radius: 16px;
  overflow: hidden;
}
.freemembership_pr .wrap {
  display: relative;
}
.freemembership_pr .wrap .freemembership_pr_footer {
  position: absolute;
  bottom: 0;
  left: 0;
  display: table;
  table-layout: fixed;
  width: 100%;
  border-top: 1px solid #eee;
}
.freemembership_pr .wrap .freemembership_pr_footer button {
  display: table-cell;
  height: 50px;
  width: 50%;
  border-left: 1px solid #eee;
}
.freemembership_pr .wrap .freemembership_pr_footer button:first-child {
  border: 0;
}
.freemembership_pr .btn_freemembership_ic_close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 35px;
  height: 35px;
  border-radius: 35px;
  opacity: 0.6;
  background: #000;
}
.freemembership_pr .btn_freemembership_ic_close:hover {
  opacity: 1;
}
.freemembership_pr .btn_freemembership_ic_close .freemembership_ic_close {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../images/freemembership_ic_close.png) no-repeat;
  margin: 10px 0 0 10px;
}

.layer_storage_add strong {
  color: #00a1b9;
}

.snb .snb_laboratory {
  display: none;
  position: relative;
}
.snb .snb_laboratory .layer_feedback {
  top: 40px;
  right: -120px;
}

.layer_feedback {
  width: 360px;
  text-align: left;
}
.layer_feedback .tit {
  font-size: 24px;
  margin: 24px 0 8px 0;
  letter-spacing: -2px;
}
.layer_feedback .desc {
  font-size: 14px;
  margin: 8px 0 0 0;
}
.layer_feedback .layer_feedback_content {
  clear: both;
  overflow: hidden;
  text-align: left;
  padding: 32px 32px;
}
.layer_feedback .layer_feedback_content .btn_major {
  float: right;
  font-size: 14px;
  width: 48%;
  padding: 16px;
  text-align: center;
  margin: 20px 0 0 0;
  border-radius: 8px;
  box-sizing: border-box;
}
.layer_feedback .layer_feedback_content .btn_minor {
  float: left;
  font-size: 14px;
  width: 48%;
  padding: 16px;
  text-align: center;
  margin: 20px 0 0 0;
  border-radius: 8px;
  box-sizing: border-box;
  background-color: #fff;
}

.laboratory {
  display: block;
  margin-bottom: -40px;
}
.laboratory .laboratory_contents {
  position: relative;
  width: 700px;
  margin: 0 auto;
}
.laboratory .laboratory_footer {
  background-color: #f2f6f9;
  text-align: center;
  padding: 80px 0;
  margin: 40px 0 0 0;
}
.laboratory .laboratory_footer .tit {
  font-size: 30px;
  margin: 24px 0 0 0;
  letter-spacing: -4px;
}
.laboratory .laboratory_footer .desc {
  font-size: 16px;
  margin: 8px 0 0 0;
}
.laboratory .laboratory_footer button {
  display: inline-block;
  border: 1px solid #ccc;
  font-size: 15px;
  padding: 16px 40px;
  background: none;
  border-radius: 8px;
  margin: 24px 0 0 0;
}
.laboratory .btn_feedback {
  display: inline-block;
  background: #00a1b9;
  width: 80px;
  height: 80px;
  border-radius: 80px;
  text-align: center;
}
.laboratory .btn_feedback:hover {
  background-color: #0392a7;
}
.laboratory .btn_feedback .ic_feedback {
  margin: 24px 0 0 4px;
}
.laboratory .laboratory_footer .feedback_score img {
  display: inline-block;
  width: auto;
  height: 120px;
}
.laboratory .laboratory_contents .feedback_score .btn_feedback {
  margin: 0 0 8px 0;
}
.laboratory .laboratory_contents .laboratory_banner {
  display: block;
  background: url("../images/laboratory_banner.png") no-repeat;
  width: 700px;
  height: 140px;
  margin: 0 0 24px 0;
}
.laboratory .laboratory_contents .laboratory_q_m {
  position: absolute;
  top: 165px;
  right: -150px;
  width: 100px;
  text-align: center;
}
.laboratory .laboratory_contents .laboratory_q_m img {
  display: inline-block;
  width: auto;
  height: 80px;
}
.laboratory .laboratory_contents .laboratory_q_m .tit {
  margin: 8px 0 0 0;
}

.ic_feedback {
  display: inline-block;
  background: url("../images/ic_feedback.png") no-repeat;
}
.ic_feedback.ic_score_on {
  background-position: 0 0;
  width: 32px;
  height: 30px;
}
.ic_feedback.ic_score_off {
  background-position: -50px 0;
  width: 48px;
  height: 48px;
}

.layer_side {
  z-index: 10;
}

.schedule_form ul.desc {
  margin: 16px 24px;
}
.schedule_form ul.desc li {
  font-size: 12px;
}
.schedule_form .wrap_container {
  display: table;
  box-sizing: border-box;
  width: 100%;
  background: none;
  padding: 0;
  min-width: 1300px;
  margin-bottom: -40px;
}
.schedule_form .wrap_container .content_wrapper {
  display: table-cell;
  float: none !important;
  border-top: 1px solid #ddd;
  width: 820px;
  vertical-align: top;
}
.schedule_form .wrap_container .attendees {
  display: table-cell;
  vertical-align: top;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.schedule_form .wrap_container .aside_wrapper {
  border: 1px solid red;
  float: none;
  width: 100%;
  margin: 0;
}

.attendees .set_time {
  border: 1px solid #157efb;
}
.attendees .busy,
.attendees .away {
  background-color: rgba(197, 197, 198, 0.3);
}
.attendees .attendees_hd {
  position: relative;
  height: 50px;
  margin: 16px 0;
}
.attendees .attendees_hd .critical {
  position: absolute;
  top: 0;
  left: 24px;
}
.attendees .attendees_hd .optional {
  position: absolute;
  top: 30px;
  right: 24px;
}
.attendees .attendees_hd .btn_layer_x {
  top: -10px;
  right: 18px;
}
.attendees .attendees_hd .legend .set_time,
.attendees .attendees_hd .legend .away {
  display: inline-block;
  width: 12px;
  height: 12px;
  box-sizing: border-box;
  vertical-align: middle;
  margin: 0 4px 0 0;
}
.attendees .attendees_hd .legend li {
  display: inline-block;
  margin: 0 0 0 16px;
}
.attendees .attendees_hd .legend li .txt {
  font-size: 12px;
  color: #888;
}
.attendees .attendees_hd .current_date {
  position: static;
  margin: 0;
  text-align: left;
  height: auto;
}
.attendees .attendees_hd .tit {
  font-size: 13px;
  color: #888;
  margin: 0 0 4px 0;
}
.attendees .attendees_hd .current_date .date {
  font-size: 17px;
  cursor: default;
  margin: 0 8px 0 0;
}
.attendees .attendees_hd .current_date .btn_ic_prev2,
.attendees .attendees_hd .current_date .btn_ic_next2 {
  display: inline-block;
  padding: 2px 8px;
  cursor: pointer;
}
.attendees .attendees_hd .current_date .btn_ic_prev2:hover,
.attendees .attendees_hd .current_date .btn_ic_next2:hover {
  background-color: #eee;
  border-radius: 4px;
}

.att_schedule {
  position: relative;
  padding: 33px 0 0 0;
}
.att_schedule:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  height: 1px;
  background: red;
}
.att_schedule .att_schedule_hd {
  display: table;
  table-layout: fixed;
  width: 100%;
  box-sizing: border-box;
  border-top: 1px solid #ddd;
  position: absolute;
  top: 0;
  left: 0;
}
.att_schedule .att_schedule_hd .tit {
  display: table-cell;
  width: 15%;
}
.att_schedule .att_schedule_hd .nav {
  display: table-cell;
  position: relative;
}
.att_schedule .att_schedule_hd .tb_info .txt {
  font-size: 12px;
  line-height: 32px;
  font-weight: normal;
}
.att_schedule .att_schedule_hd .txt {
  height: 32px;
}
.att_schedule .wrap_att_schedule_bd {
  position: relative;
  border-top: 1px solid #ddd;
}
.att_schedule .att_schedule_bg {
  display: table;
  table-layout: fixed;
  width: 100%;
  box-sizing: border-box;
}
.att_schedule .att_schedule_bg .tit {
  display: table-cell;
  width: 15%;
}
.att_schedule .tb_guide table th,
.att_schedule .tb_guide table td {
  margin: 0;
  padding: 0;
}
.att_schedule .tb_guide table .txt {
  border-left: 1px solid #e5e5e6;
  font-size: 0;
  line-height: 0;
}
.att_schedule .att_schedule_hd .nav .tb_info {
  position: absolute;
  top: 0;
  left: 0;
}
.att_schedule table {
  table-layout: fixed;
  width: 100%;
  border: 0;
  border-spacing: 0;
}
.att_schedule .tb_guide.grid_event {
  position: absolute;
  z-index: 30;
  top: 0;
}
.att_schedule .tb_guide.grid_event .txt {
  border: 0 !important;
}

.att_schedul_line {
  position: absolute;
  top: 0;
  left: 15%;
  right: 0;
  margin-left: 1px;
  overflow: hidden;
}
.att_schedul_line .timeline {
  height: 100%;
}
.att_schedul_line .set_time {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  font-size: 0;
  height: 100%;
  z-index: 20;
  border: 0;
}
.att_schedul_line .set_time:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 1px;
  bottom: 0;
  border: 1px solid #157efb;
}
.att_schedul_line .recm_time {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  box-sizing: border-box;
  height: 100%;
  background: rgba(21, 126, 251, 0.08);
  font-size: 0;
}
.att_schedul_line td {
  position: relative;
}
.att_schedul_line .tb_guide {
  height: 100%;
}
.att_schedul_line .tb_guide table {
  height: 100%;
}

.att_schedule .att_schedule_bd {
  display: table;
  table-layout: fixed;
  width: 100%;
  box-sizing: border-box;
}
.att_schedule .att_schedule_bd .tit {
  display: table-cell;
  width: 15%;
  vertical-align: middle;
}
.att_schedule .att_schedule_bd .tit p {
  padding: 0 8px;
  border-bottom: 1px solid #eee;
  height: 32px;
  box-sizing: border-box;
  line-height: 20px;
}
.att_schedule .att_schedule_bd .tit p .txt {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  height: 32px;
  line-height: 32px;
  font-size: 12px;
}
.att_schedule .att_schedule_bd .timeline {
  position: relative;
  display: table-cell;
}
.att_schedule .att_schedule_bd .tb_guide .txt {
  float: left;
  width: 50%;
  height: 32px;
  box-sizing: border-box;
  border-bottom: 1px solid #e5e5e6;
}
.att_schedule .ic_fold {
  position: relative;
}
.att_schedule .ic_fold .txt:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 2px;
  left: -15px;
  background: url("../images/ic_svg.svg") no-repeat 0 0;
  background-size: 100px 100px;
  width: 26px;
  height: 30px;
  cursor: pointer;
}
.att_schedule .ic_folded {
  position: relative;
}
.att_schedule .ic_folded .txt:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 2px;
  left: -15px;
  background: url("../images/ic_svg.svg") no-repeat -50px 0;
  background-size: 100px 100px;
  width: 26px;
  height: 30px;
  cursor: pointer;
}
.att_schedule .att_schedule_bd .away {
  background-color: rgba(197, 197, 198, 0.5);
}

.ic_svg {
  display: inline-block;
  background: url("../images/ic_svg.scg") no-repeat;
  background-size: 100px;
}

.attendees .attendees_notice {
  text-align: center;
  padding: 120px 0 0 0;
}
.attendees .attendees_notice .txt {
  color: #888;
}
.attendees .attendees_notice .btn_minor {
  margin: 16px 0 0 0;
  padding: 11px 25px 11px;
}
.attendees .untime {
  display: none;
}

.schedule_form .wrap_container + .article_reply {
  margin-top: 40px;
}
.schedule_form .article_reply + .tool_bar {
  border-top: 1px solid #ddd;
}

div.layer_reading .reply li .photo {
  left: 8px;
}

.go_skin_default {
  background: url(../images/bg_side_white.png) repeat 0 0;
}

#works_template_guide .bx-wrapper {
  position: relative;
  margin: 0;
  padding: 0;
  *zoom: 1;
}
#works_template_guide .bx-wrapper img {
  max-width: 100%;
  display: block;
}

.ecoupon_content {
  position: relative;
  min-height: 860px;
  background: url(../../assets/images/img_ecoupon_02.png?v3.6.9.4) no-repeat;
  background-position-x: left;
  background-size: cover;
  text-align: center;
}

.print .layer_pay_print .report_type form {
  margin: 15px;
}