@charset "UTF-8";
.go_todo .go_body {
  min-height: 300px;
}

@media \0 screen {
  .go_todo .go_body input.txt {
    line-height: 14px;
  }
  .go_todo .go_body select {
    height: 26px;
  }
}
:root .go_todo .go_body input.txt {
  line-height: 14px\9 ;
}
:root .go_todo .go_body select {
  height: 26px\9 ;
}

.reply .action_wrap .btn_fn4 {
  height: 20px;
  line-height: 18px;
}

/* common */
.linkage {
  color: #0c43b7;
}
.linkage:hover {
  text-decoration: underline;
}

div.div_scroll {
  overflow: auto;
  border: 0;
}

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

.reply_create footer.btn_wrap {
  margin: 2px 0;
}

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

.overlay_scroll {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  /* background-color:rgba(0,0,0,0.6); */
  background: url(../images/bg_overlay.png) repeat;
  z-index: 98;
  overflow-y: auto;
}

.go_todo .overlay_scroll {
  background: none !important; /*4.0*/
}

.go_no_scroll {
  overflow-y: hidden;
}

.slt_team {
  margin-left: 4px;
}

.wrap_opt {
  display: inline-block;
  padding: 4px 0;
}
.wrap_opt .txt {
  display: inline-block;
  padding: 6px 0;
}

span.space {
  display: inline-block;
  width: 8px;
}
span.space_s {
  display: inline-block;
  width: 4px;
}

.num_code {
  display: inline-block;
  height: 19px;
  line-height: 18px; /*4.0__works 편집기*/
  padding: 0 5px;
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #fff;
  font-size: 11px;
  color: #666;
  letter-spacing: 0;
}

/* layout */
.csv_help .form_type .help {
  vertical-align: top;
  margin-top: 6px;
}

/* form */
.date_wave {
  display: inline-block;
  vertical-align: middle;
}

/* approval_history */
.approval_history {
  position: relative;
  padding: 0 7px 0 46px;
  border-bottom: 1px solid #E6E6E6;
}
.approval_history .btn_minor_s {
  position: absolute;
  top: 5px;
  right: 8px;
}
.approval_history select {
  width: 80px;
}

.file_option_desc a {
  color: #777;
}
.file_option_desc .help {
  top: -2px;
  position: relative;
}

/* title */
div.tit_type3 {
  padding: 0 7px;
  height: 25px;
  line-height: 27px;
  border-bottom: 1px solid #E6E6E6;
  background: #fafafa;
  text-align: center;
}
div.tit_type3 .ic_fail {
  vertical-align: top;
  cursor: pointer;
  margin: 5px 0 0 8px;
}

/*full_screen*/
div.go_full_screen.go_workspace_wide {
  background: none;
}
div.go_full_screen.go_workspace_wide .go_body, div.go_full_screen.go_workspace_wide .builder_side {
  background: none;
}
div.go_full_screen.go_workspace_wide .go_content {
  background: transparent;
}
div.go_full_screen .go_content {
  margin-left: 0;
  min-width: 1000px;
  background: transparent;
}

/* layout */
.go_todo .critical {
  position: absolute;
  top: 0;
  left: 0;
}
.go_todo .optional {
  position: absolute;
  top: 0;
  right: 0;
}
.go_todo .view_type {
  margin-top: 0;
  border-radius: 16px;
  border-color: var(--dop-color-border-basic-level1);
}
.go_todo div.combine_search_page .cs_todo_wrap span.name {
  max-width: 100%;
}

div.layer_transition div.list_member_wrap {
  margin: 0 -10px;
  height: 160px;
}
div.layer_transition div.div_scroll {
  border-top: 1px solid #f8f8f8;
}

.wrap_todo {
  padding: 24px;
}
.wrap_todo .wrap_todo_board:first-child h1.s_title {
  padding-top: 0;
}
.wrap_todo .wrap_todo_board h1.s_title {
  font-weight: 500;
  padding: 24px 0 16px 0;
  color: #1C1C1C;
}
.wrap_todo .wrap_todo_board h1.s_title .txt {
  font-size: 18px;
}
.wrap_todo .wrap_todo_board hr {
  border-color: #ddd;
  margin: 0;
}
.wrap_todo .wrap_todo_board footer.btn_layer_wrap {
  padding-bottom: 0;
  border: 0;
}

.go_todo footer.btn_wrap .btn_major_s .txt, .go_todo footer.btn_wrap .btn_minor_s .txt {
  line-height: 18px;
  height: 19px;
}
.go_todo footer.btn_layer_wrap .btn_major_s .txt, .go_todo footer.btn_layer_wrap .btn_minor_s .txt {
  line-height: 18px;
  height: 19px;
  vertical-align: middle;
}
.go_todo footer.btn_wrap .btn_caution_s .txt, .go_todo footer.btn_wrap .btn_cation_s .txt {
  line-height: 18px;
  height: 19px;
}
.go_todo footer.btn_wrap a {
  margin: 0 1px;
}
.go_todo footer.btn_layer_wrap a {
  margin: 0 1px;
  border-radius: 4px;
}
.go_todo .create_form footer.btn_wrap {
  margin-top: 4px;
}
.go_todo .create_form footer.btn_wrap a {
  height: 28px;
  line-height: 28px;
  border-radius: 4px;
}
.go_todo .create_form footer.btn_wrap a .txt {
  height: 28px;
  line-height: 28px;
}
.go_todo header.content_top .critical {
  top: 18px;
  left: 24px;
}

@media \0 screen {
  .go_todo footer.btn_wrap .btn_major_s .txt, .go_todo footer.btn_wrap .btn_minor_s .txt {
    height: 18px;
  }
  .go_todo footer.btn_layer_wrap .btn_major_s .txt, .go_todo footer.btn_layer_wrap .btn_minor_s .txt {
    height: 18px;
  }
}
.go_skin_advanced.go_todo header.content_top .critical {
  top: 25px;
  left: 22px;
}
.go_skin_advanced header.content_top .critical {
  left: 56px;
  top: 20px;
}
.go_skin_advanced header.content_top .critical .btn_menu .txt {
  font-size: 22px;
}

.go_todo header.content_top .critical .ic_board {
  vertical-align: middle;
  margin: 0 0 0 8px;
}
.go_todo header.content_top .critical .ic_board.ic_open2_w {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A");
  background-size: 24px 24px;
  background-position: center center;
}
.go_todo header.content_top .critical .btn_menu {
  display: flex;
  align-items: center;
}
.go_todo header.content_top .critical .btn_menu .txt {
  font-size: 22px;
}
.go_todo header.content_top .optional {
  top: 32px;
  right: 32px;
}

/*z-index*/
.layer_type_detail {
  z-index: 100;
}

ul.list_todo_board li a.btn_star {
  z-index: 1;
}

/* todo */
.layer_todo_card {
  left: 50%;
  top: 30px;
  margin-left: -330px;
}

.ui-todocard-content.layer_todo_card.layer_type_detail {
  display: flex;
  flex-direction: column;
  top: 10px;
  left: 50%;
  margin-left: 0 !important;
  transform: translateX(-50%);
  max-height: calc(100vh - 110px);
  min-height: auto !important;
  padding: 0 !important;
}
.ui-todocard-content.layer_todo_card.layer_type_detail > header {
  padding: 40px 40px 10px;
  height: fit-content;
  max-height: 100%;
  margin-bottom: 0;
}
.ui-todocard-content.layer_todo_card.layer_type_detail > header .btn_layer_x {
  top: 16px;
  right: 16px;
}
.ui-todocard-content.layer_todo_card.layer_type_detail > header .btn_fn7 {
  top: 15px;
  right: 48px;
}
.ui-todocard-content.layer_todo_card.layer_type_detail section.detail_content {
  flex: 1 1 auto;
  overflow: auto; /* 내부에 스크롤 넘김 */
  min-height: 0; /* ✨ 스크롤 허용 위해 중요 */
  padding-top: 8px;
}
.ui-todocard-content.layer_todo_card.layer_type_detail section.detail_content .detail_content_wrap .card-detail-container {
  padding: 0 40px 40px;
}
.ui-todocard-content.layer_todo_card.layer_type_detail section.detail_content .detail_content_wrap .card-detail-container .content_critical .create_form {
  margin-top: 8px;
}

.my_board {
  clear: left;
}

.go_todo .content_top {
  position: relative;
  min-height: 76px;
}
.go_todo .board_column_wrap {
  background: #e1e2e5;
}

.aside_timeline {
  position: absolute;
  right: 0;
  top: 101px;
  width: 250px;
  background: #fff;
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.1);
  border-top-left-radius: 12px;
  z-index: 100;
}

.content_top .btn_menu_nav {
  position: absolute;
  top: 20px;
  left: 10px;
}
.content_top .btn_menu_nav .ic_open2 {
  position: absolute;
  right: 10px;
  top: 10px;
}

.go_todo .content_top .btn_menu_nav {
  position: absolute;
  top: 20px;
  left: 10px;
}
.go_todo .content_top .critical .ic_menu {
  display: none;
}
.go_todo .conent_header {
  height: auto;
  overflow: hidden;
}
.go_todo .conent_header .optional a {
  margin-left: 4px;
}
.go_todo .conent_header .optional a.btn_flat {
  margin-left: 8px;
}
.go_todo .conent_header .btn_setting {
  padding: 6px 10px;
  background: #f9f9f9;
  border: 1px solid #eaecef;
  border-radius: 6px;
}
.go_todo .conent_header .btn_setting:hover {
  cursor: pointer;
  background: #f9f9f9;
  border: 1px solid #d2d2d2;
}
.go_todo .conent_header .btn_setting:hover .ic_setting {
  background: url(../images/ic_board.png) no-repeat -50px -50px;
}
.go_todo .conent_header .btn_setting .ic_open2_w {
  position: relative;
  margin-left: 7px;
}
.go_todo .conent_header .btn_setting:hover .ic_open2_w {
  background: url(../images/ic_board.png) no-repeat -50px -550px;
}
.go_todo .conent_header .board_name {
  height: 30px;
  line-height: 30px;
}
.go_todo .conent_header .board_name .action {
  vertical-align: middle;
}
.go_todo .conent_header .board_name .action .btn_wrap_action:hover .txt {
  color: #fff;
}
.go_todo .conent_header .board_name .action .txt {
  font-size: 12px;
  font-weight: normal;
}
.go_todo .conent_header .aside_option {
  float: right;
}
.go_todo .conent_header .aside_option .btn_flat {
  margin: 10px 10px 0 0;
}
.go_todo .conent_header .aside_option .btn_flat .ic_slide_open {
  position: relative;
  top: 2px;
}
.go_todo .conent_header .aside_option .btn_flat .txt {
  color: #484848;
}
.go_todo header.conent_header {
  position: relative;
  padding: 15px 24px;
}
.go_todo header.conent_header .btn_setting {
  display: inline-block;
  padding: 0 8px;
  background: #f9f9f9;
  /*  opacity:0.25 ;filter:Alpha(Opacity=25);  */
  margin-right: 8px;
  cursor: pointer;
  border-radius: 6px;
  vertical-align: middle;
}
.go_todo header.conent_header .btn_setting .ic_open2_w {
  position: relative;
  top: 4px;
  left: 3px;
}
.go_todo header.conent_header .btn_setting .ic_more {
  position: relative;
  top: 4px;
}
.go_todo header.conent_header h1.board_name span.txt {
  font-size: 18px;
  letter-spacing: -1px;
}
.go_todo header.conent_header h1.board_name span.txt_ellipsis {
  max-width: 60%;
  vertical-align: middle;
}
.go_todo header.conent_header h1.board_name span.action {
  margin: 0 0 0 5px;
  vertical-align: top;
}
.go_todo header.conent_header h1.board_name span.action a {
  margin: 0 0 0 5px;
}
.go_todo header.conent_header .btn_setting:hover {
  cursor: pointer;
  background: #e9e9e9;
}
.go_todo header.conent_header .btn_setting:hover .ic_setting {
  background: url(../images/ic_board.png) no-repeat 0px -50px;
  background-size: 300px 1000px;
}
.go_todo header.conent_header div.optional {
  top: 14px;
  right: 24px;
}
.go_todo .containerBox {
  overflow-y: auto;
}

/* conent_header */
/* board_column_wrap */
.board_column_wrap {
  float: left;
  width: 250px;
  box-sizing: border-box;
  margin-left: 10px;
  padding: 0 7px 10px 7px;
  border-radius: 2px;
}
.board_column_wrap:first-child {
  margin-left: 24px;
}
.board_column_wrap header.board_column {
  position: relative;
  margin: 10px 0;
}
.board_column_wrap header.board_column:hover, .board_column_wrap header.board_column:active {
  cursor: -moz-grab;
  cursor: -webkit-grab;
  cursor: grab;
}
.board_column_wrap header.board_column .board_column {
  margin-right: 25px;
}
.board_column_wrap header.board_column .column_title {
  margin-right: 25px;
}
.board_column_wrap header.board_column .column_title .txt_ellipsis {
  max-width: 180px;
}
.board_column_wrap header.board_column .title {
  margin-right: 0px;
  font-size: 14px;
  font-weight: bold;
  font-weight: 500;
  letter-spacing: -1px;
}
.board_column_wrap header.board_column .num {
  position: relative;
  top: -4px;
  display: inline-block;
  text-align: center;
  color: #888;
  font-family: tahoma;
  font-size: 11px;
}
.board_column_wrap header.board_column a.btn_board_more {
  position: absolute;
  right: -7px;
  top: -3px;
  padding: 6px 8px 4px 5px;
}
.board_column_wrap header.board_column .ic_open2_w {
  cursor: pointer;
  position: absolute;
  right: 2px;
  top: 3px;
}
.board_column_wrap header.board_column .create_form {
  margin: 0 22px 0 0;
}
.board_column_wrap header.board_column .create_form .wrap_txtarea, .board_column_wrap header.board_column .create_form textarea {
  width: 100%;
  line-height: 1.5;
}
.board_column_wrap .board_card_wrap {
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 12px 0 12px;
}
.board_column_wrap .board_card_wrap .null_data {
  color: #999;
}

/* board_card */
.board_card {
  position: relative;
  margin-top: 6px;
  padding: 0 10px 10px;
  background: #fff;
  border-radius: 2px;
  font-size: 13px;
}
.board_card:first-child {
  margin-top: 0;
}
.board_card .card_label {
  padding-top: 1px;
  min-height: 4px;
  font-size: 0;
  min-height: 0;
  margin-right: 10px;
}
.board_card .card_label .chip {
  display: inline-block;
  width: 36px;
  height: 4px;
  margin: 0 1px 1px 0;
  border: none;
}
.board_card .title {
  position: relative;
  padding: 10px 20px 0 0;
}
.board_card .ic_open2 {
  display: none;
}
.board_card:hover {
  cursor: pointer;
  background: #f1f1f1;
}
.board_card:hover .ic_open2 {
  cursor: pointer;
  display: block;
  position: absolute;
  right: 0;
  top: 15px;
}
.board_card .img_attach {
  margin-top: 10px;
}
.board_card .img_attach img {
  width: 100%;
  border-radius: 8px;
}
.board_card .img_attach img:first-child {
  margin-top: 0;
}
.board_card .meta_data {
  margin-top: 12px;
}
.board_card .meta_data .ic_wrap {
  display: inline-block;
  margin-right: 7px;
}
.board_card .meta_data .ic_wrap span {
  color: #4A4B4C;
}
.board_card .member_data {
  margin-top: 10px;
  overflow: hidden;
}
.board_card .member_data .member {
  cursor: pointer;
  float: left;
  margin: 0 4px 4px 0;
}
.board_card .member_data .member img {
  width: 30px;
  height: 30px;
  border-radius: 12px;
}
.board_card .member_data .member:hover img {
  opacity: 0.8;
}

@media \0 screen {
  .board_card .meta_data .ic_wrap {
    line-height: 16px;
  }
}
.layer_todo_card .member_data {
  margin-top: 10px;
  overflow: hidden;
}
.layer_todo_card .member_data .member {
  cursor: pointer;
  float: left;
  margin: 0 4px 4px 0;
}
.layer_todo_card .member_data .member img {
  width: 26px;
  height: 30px;
  border-radius: 12px;
}
.layer_todo_card .member_data .member:hover img {
  opacity: 0.8;
}
.layer_todo_card .delay {
  background: #FD6060 !important;
}
.layer_todo_card .delay .date {
  color: #fff !important;
}

/* card_move */
.card_move {
  transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  -webkit-transform: rotate(5deg);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

/* card_create */
.board_column_wrap .card_create {
  padding: 8px 12px 16px;
}
.board_column_wrap .card_create .create_box {
  display: block;
  position: relative;
  border: 1px dashed #CFD1D4;
  height: 36px;
  border-radius: 8px;
  transition: 0.3s;
}
.board_column_wrap .card_create .create_box:hover {
  background: #fff;
  border-color: #9B9C9E;
}
.board_column_wrap.column_create_wrap {
  position: relative;
  padding: 0;
  background: none !important;
}

.board_card_wrap .column_create .create_box {
  display: block;
  height: 52px;
  border-radius: 16px;
  border: 1px dashed #CFD1D4;
}
.board_card_wrap .column_create .create_box:hover {
  border-color: #9B9C9E;
}

.board_column_wrap .card_create .ic_plus_w {
  position: absolute;
  left: 10px;
  top: 10px;
}

.board_card_wrap .column_create .ic_plus_w {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -8px 0 0 -8px;
}

.board_card .delay {
  padding: 0 6px;
  background: #FD6060 !important;
  border-radius: 6px;
}
.board_card .delay .ic_date_s {
  background-position: -275px -100px;
}
.board_card .delay .txt {
  color: #fff !important;
}
.board_card a.btn_board_more {
  display: none;
  position: absolute;
  right: 0px;
  top: 0px;
  padding: 7px;
}
.board_card:hover a.btn_board_more {
  display: block;
}

/* create_form */
.board_column_wrap .create_form {
  padding: 12px;
}
.board_column_wrap .create_form .wrap_txtarea {
  width: 100%;
}
.board_column_wrap .create_form .wrap_txtarea .txtarea {
  width: 100%;
}
.board_column_wrap .create_form .wrap_txt {
  width: 100%;
}
.board_column_wrap .create_form .wrap_txt .txt {
  width: 100%;
}
.board_column_wrap .create_form .wrap_txtarea .txtarea {
  height: 100%;
  resize: vertical;
  padding: 10px;
  background: #fff;
  border: none;
  border-radius: 8px;
}

.board_card_wrap .create_form .wrap_txtarea .txtarea:focus {
  outline: 0;
}
.board_card_wrap .create_form .wrap_txt .txt {
  padding: 10px;
  border-radius: 6px;
}
.board_card_wrap.column_create_wrap {
  background: #000;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
  text-align: center;
}
.board_card_wrap .create_form .btn_wrap {
  margin-top: 8px;
}

@media \0 screen {
  .board_card_wrap .create_form input.txt {
    height: 35px;
  }
}
.go_todo .btn_major_s {
  border: 1px solid #38a9b6;
}
.go_todo .btn_major_s:hover {
  border: 1px solid #2a95a4;
}
.go_todo .btn_minor_s, .go_todo .btn_caution_s {
  background: #f3f3f3;
  border: 1px solid #Eaeaea;
}
.go_todo .btn_minor_s:hover {
  background: #E1E1E1;
  border: 1px solid #E1E1E1;
}
.go_todo .btn_caution_s {
  padding: 0 8px;
  height: 28px;
  line-height: 28px;
}
.go_todo .btn_caution_s:hover {
  background: #E1E1E1;
  border: 1px solid #E1E1E1;
}
.go_todo .btn_caution_s span {
  color: #656565;
}
.go_todo .btn_caution_s:hover span {
  color: #ff3f3f;
}

/*timeline*/
.aside_timeline .timeline_header {
  position: relative;
  height: 32px;
  border-bottom: 1px solid var(--dop-color-border-basic-level1);
}
.aside_timeline .timeline_header h1 {
  font-size: 12px;
  line-height: 34px;
  font-weight: bold;
  text-align: center;
}
.aside_timeline .timeline_header a.btn_side_close {
  display: inline-block;
  padding: 10px;
}
.aside_timeline ul.simple_list_alarm p.photo {
  width: 30px;
  height: 30px;
}
.aside_timeline ul.simple_list_alarm .info {
  margin-left: 40px;
}
.aside_timeline ul.simple_list_alarm li {
  padding: 10px;
  overflow-x: hidden;
  overflow-y: auto;
  border-color: var(--dop-color-border-basic-level1);
}
.aside_timeline ul.simple_list_alarm li:hover {
  background: none;
}
.aside_timeline ul.simple_list_alarm p.photo img {
  width: 30px;
  height: 30px;
}
.aside_timeline .bottom_action {
  margin: 10px;
}
.aside_timeline .bottom_action .btn_list_reload {
  display: block;
  padding: 10px;
  background-image: none;
  background: #fff;
  border-color: #e9e9e9;
}
.aside_timeline .bottom_action .btn_list_reload:hover {
  background: #f1f1f1;
  border-color: #d9d9d9;
}
.aside_timeline .bottom_action .btn_list_reload .txt {
  color: #999;
}
.aside_timeline .bottom_action .btn_list_reload:hover .txt {
  color: #484848;
}

/* ToDo+ 타임라인 */
.go_todo.todo > .go_wrap .go_body.go_renew {
  height: calc(100vh - 80px) !important;
}
.go_todo.todo > .go_wrap .go_body.go_renew .go_content {
  height: 100% !important;
}
.go_todo.todo > .go_wrap .go_body.go_renew .go_content .content_page {
  height: calc(100% - 76px) !important;
}
.go_todo.todo > .go_wrap .go_body.go_renew .view_type {
  height: calc(100% - 80px) !important;
}
.go_todo .aside_timeline.board-timeline-container {
  top: 124px;
  right: 76px;
  height: auto !important;
  max-height: calc(100% - 216px) !important;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.go_todo .aside_timeline.board-timeline-container .timeline_header {
  flex-shrink: 0;
}
.go_todo .aside_timeline.board-timeline-container .timeline_wrap {
  flex-grow: 1;
  overflow-y: auto;
}
.go_todo .aside_timeline.board-timeline-container .timeline_wrap ul.simple_list_alarm li p.photo {
  width: 30px;
  height: 30px;
}
.go_todo .aside_timeline.board-timeline-container .timeline_wrap ul.simple_list_alarm li p.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;
}
.go_todo .aside_timeline.board-timeline-container .timeline_wrap ul.simple_list_alarm li p.photo::after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  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;
  top: 10px !important;
  left: 10px !important;
}

/*overriding*/
.layer_todo_board .content {
  max-height: 500px;
  overflow: auto;
}

/* view_type */
.view_type {
  position: relative;
  background: #fff;
  margin: 24px;
  padding: 12px;
  border-radius: 6px;
  border: 1px solid #ddd;
}
.view_type .todo_statistic_opt {
  position: relative;
  min-height: 30px;
  padding: 0 260px 20px 0;
}
.view_type .todo_statistic_opt .optional {
  right: 35px;
}
.view_type .todo_statistic_opt ul.list_culumn li .name, .view_type .todo_statistic_opt ul.list_culumn li .num {
  cursor: default;
  vertical-align: top;
  font-size: 12px;
}
.view_type .todo_statistic_opt ul.list_culumn li .chip {
  margin: -2px 5px 0 0;
  border-radius: 50%;
}
.view_type .btn_view_close {
  position: absolute;
  top: 15px;
  right: 15px;
}

/*graph open source overriding*/
.todo_statistic .legend {
  font-size: 14px;
}
.todo_statistic .legend table {
  width: auto !important;
}
.todo_statistic .legend table td.legendLabel {
  padding-right: 10px;
}

/* button */
a.btn_ic_del {
  display: inline-block;
  padding: 4px;
}
a.btn_board_more {
  display: inline-block;
}
a.btn_statistic {
  padding: 5px;
  border: 1px solid transparent;
}
a.btn_statistic:hover {
  background: #e5e5e5;
  border-radius: 3px;
}
a.btn_view_close {
  display: inline-block;
}

.btn_flat {
  cursor: pointer;
  display: inline-block;
  padding: 0 10px;
  color: #fff;
  font-weight: bold;
  font-weight: 500;
  font-size: 12px;
  line-height: 32px;
  background: #fff;
  border: 1px solid #c9c9c9;
  opacity: 0.8;
  filter: Alpha(Opacity=80);
}
.btn_flat:hover {
  opacity: 1;
  filter: Alpha(Opacity=100);
}

a.btn_flat_normal {
  display: block;
  width: 120px;
  padding: 0 10px;
  line-height: 30px;
  background: #f0f0f0;
  border-radius: 2px;
}
a.btn_flat_normal input {
  cursor: pointer;
}
a.btn_flat_normal span.txt {
  font-size: 13px;
}

.btn_flat_normal:hover {
  background: #E5E5E5;
}
.btn_flat_normal:hover span.txt {
  color: #333;
}

/* icon */
span.ic.ic_close_type1 {
  background-position: -100px -200px;
  width: 16px;
  height: 16px;
}

.ic.ic_toggle_off {
  background-position: 0 -750px;
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.ic.ic_toggle_on {
  background-position: 0 -800px;
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.ic.ic_del_type1 {
  background-position: 0 -700px;
  width: 12px;
  height: 11px;
}

/* ic_nav */
.ic_nav {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(../images/ic_nav.png) no-repeat;
  vertical-align: middle;
}
.ic_nav.ic_menu {
  background-position: 0 0;
}

/* ic_board */
.ic_board {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(../images/ic_board.png) no-repeat;
  vertical-align: middle;
  background-size: 300px 1000px;
}
.ic_board.ic_hide_up, .ic_board.ic_close2 {
  background-position: 0 -500px;
}
.ic_board.ic_close2_w {
  background-position: -50px -500px;
}
.ic_board.ic_hide_down, .ic_board.ic_open2 {
  background-position: 0 -550px;
}
.ic_board.ic_open2_w {
  background-position: 0px -550px;
}
.ic_board.ic_check_w {
  background-position: 0 -400px;
}
.ic_board.ic_check_m {
  background-position: -50px -400px;
}
.ic_board.ic_comment {
  background-position: 0 -450px;
}
.ic_board.ic_attach {
  background-position: 0 -500px;
}
.ic_board.ic_search {
  background-position: 0 -700px;
  width: 17px;
  height: 17px;
}
.ic_board.ic_menu {
  background-position: -150px -650px;
  width: 22px;
  height: 22px;
}
.ic_board.ic_setting {
  background-position: 0px -50px;
  width: 22px;
  height: 11px;
}
.ic_board.ic_plus, .ic_board.ic_plus_w {
  background-position: 0 -100px;
}
.ic_board.ic_check {
  background-position: -50px -400px;
}
.ic_board.ic_checked {
  background-position: 0 -400px;
}
.ic_board.ic_home {
  background-position: 0 -150px;
}
.ic_board.ic_favorite, .ic_board.ic_star {
  background-position: 0 -200px;
}
.ic_board.ic_myboard {
  background-position: 0 -250px;
}
.ic_board.ic_private {
  background-position: 0 -300px;
}
.ic_board.ic_public {
  background-position: -50px -300px;
}
.ic_board.ic_calendar {
  background-position: 0 -350px;
}
.ic_board.ic_time {
  background-position: 0 -750px;
}
.ic_board.ic_statistic {
  background-position: -150px -450px;
}
.ic_board.ic_board_statistic {
  background-position: -150px -600px;
  width: 16px;
  height: 16px;
}
.ic_board.ic_more {
  background-position: 0 -800px;
  width: 15px;
  height: 8px;
}
.ic_board.ic_member {
  background-position: -150px -50px !important;
}
.ic_board.ic_label {
  background-position: -150px -100px;
}
.ic_board.ic_date {
  background-position: -150px -150px;
}
.ic_board.ic_list {
  background-position: -150px -200px;
}
.ic_board.ic_attach_b {
  background-position: -150px -250px;
}
.ic_board.ic_slide_open, .ic_board.ic_slide_close, .ic_board.ic_timeline {
  background-position: -150px -300px;
  width: 19px;
  height: 15px;
}
.ic_board.ic_move {
  background-position: -150px -350px;
  width: 19px;
  height: 15px;
}
.ic_board.ic_trash {
  background-position: -150px -400px;
}
.ic_board.ic_card_b {
  background-position: -100px -197px;
  width: 24px;
  height: 24px;
}
.ic_board.ic_list_b {
  background-position: -100px -50px;
  width: 23px;
  height: 23px;
}
.ic_board.ic_attach_bb {
  background-position: -100px -100px;
  width: 23px;
  height: 23px;
}
.ic_board.ic_timeline_b, .ic_board.ic_reply_b {
  background-position: -100px -150px;
  width: 23px;
  height: 23px;
}
.ic_board.ic_ckb {
  background-position: 0 -400px;
}
.ic_board.ic_ckb_checked {
  background-position: -50px -400px;
}
.ic_board.ic_comment_s {
  background-position: -250px -125px;
  width: 15px;
  height: 15px;
}
.ic_board.ic_attach_s {
  background-position: -250px -25px;
  width: 15px;
  height: 15px;
}
.ic_board.ic_date_s {
  background-position: -250px -100px;
  width: 14px;
  height: 15px;
}
.ic_board.ic_date_w_s {
  background-position: -275px -100px;
  width: 13px;
  height: 13px;
}
.ic_board.ic_list_s {
  background-position: -250px -75px;
  width: 13px;
  height: 13px;
}
.ic_board.ic_desc {
  background-position: -250px 0px;
  width: 13px;
  height: 13px;
}
.ic_board.ic_attach_img {
  background-position: -150px -550px;
}
.ic_board.ic_w_edit {
  height: 17px;
  background-position: -150px -700px;
}
.ic_board.ic_w_del {
  height: 17px;
  background-position: -150px -750px;
}

/* .ic_ckb			 				{padding:1px; background:#fff; border:1px solid #AFAFB0; border-radius:2px} */
.ic_ckb {
  padding: 1px;
  border: 1px solid rgba(204, 204, 204, 0.8);
  border-radius: 4px;
  background-color: #fff;
  width: 16px;
  height: 16px;
}

.checked .ic_ckb {
  padding: 1px;
  width: 16px;
  height: 16px;
  background: #1c1c1c;
  border: 1px solid #1c1c1c;
  border-radius: 4px;
}
.checked .ic_ckb::after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 3px;
  left: 3px;
  width: 8px;
  height: 5px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
}
.checked .ic_ckb + .wrap_item .txt {
  text-decoration: line-through;
}

.go_todo .ic_hide_up:hover {
  background-position: 0 -500px !important;
}

/*go_style overriding*/
/*layer_transition / layer_static -  NEW LAYER TYPE*/
.select_nav + .layer_transition {
  width: 240px;
}

.layer_transition {
  position: absolute;
  width: 250px;
  border-radius: 1px;
  background: #fff;
  box-shadow: 0px 4px 16px 0 rgba(0, 0, 0, 0.1);
}
.layer_transition header {
  position: relative;
  text-align: center;
  padding: 10px 0;
  margin: 0 10px;
  border-bottom: 1px solid #f8f8f8;
}
.layer_transition header h1 {
  color: #b2b2b2;
  font-weight: bold;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -1px;
}
.layer_transition a.btn_layer_back {
  position: absolute;
  top: 0px;
  left: 0px;
  margin-left: -10px;
  padding: 10px;
  border: none;
}
.layer_transition a.btn_layer_x {
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 10px;
  border: none;
}
.layer_transition header a.btn_layer_x {
  position: absolute;
  top: 0px;
  right: 0px;
  margin-right: -10px;
  padding: 10px;
  border: none;
}
.layer_transition a.btn_layer_x span.ic {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(../images/ic_board.png) no-repeat 0 -450px;
  vertical-align: middle;
  background-size: 300px 1000px;
}

.layer_static a.btn_layer_x span.ic {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(../images/ic_board.png) no-repeat 0 -450px;
  vertical-align: middle;
  background-size: 300px 1000px;
}

.layer_transition a.btn_layer_back span.ic {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(../images/ic_board.png) no-repeat 0 -600px;
  vertical-align: middle;
  background-size: 300px 1000px;
}
.layer_transition header a.btn_layer_back:hover, .layer_transition a.btn_layer_x:hover {
  background-color: #f0f0f0;
  border-radius: 0;
}

.layer_static a.btn_layer_x:hover {
  background-color: #f0f0f0;
  border-radius: 0;
}

.layer_transition a.btn_layer_back span.txt {
  display: none;
}
.layer_transition .content {
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
}
.layer_transition hr {
  border-bottom: 1px solid #f8f8f8;
  margin: 0;
  padding: 0;
  height: 0;
}
.layer_transition .row_wrap {
  margin: 0 -10px;
}
.layer_transition .row_wrap .title {
  position: relative;
  padding: 8px 10px;
}
.layer_transition .row_wrap ul li {
  padding: 8px 32px;
}
.layer_transition .row_wrap .title:hover, .layer_transition .row_wrap ul li:hover {
  cursor: pointer;
  background: #37bbc3;
}
.layer_transition .row_wrap .title:hover span, .layer_transition .row_wrap ul li:hover span {
  color: #fff;
}
.layer_transition .row_wrap .title span.txt {
  margin-left: 5px;
}
.layer_transition .row_wrap ul li span {
  color: #787878;
  margin-left: 0px;
}
.layer_transition .row_wrap .title .ic_board {
  vertical-align: -3px;
}
.layer_transition .content .ment {
  text-align: center;
}
.layer_transition .row_wrap .title .btn_wrap {
  position: absolute;
  right: 10px;
  top: 10px;
}

.layer_static {
  display: inline-block;
  width: 200px;
  border: 1px solid #c1c1c1;
  border-top-color: #d8d6d6;
  border-bottom-color: #a6a6a6;
  border-radius: 3px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  background: #fff;
}
.layer_static header {
  height: 30px;
}
.layer_static footer.btn_layer_wrap {
  border: none;
  margin: 10px 0 10px 0;
  padding: 0;
  text-align: center;
}

div.row_wrap div.row_tit {
  position: relative;
}
div.row_wrap div.row_tit:hover {
  background: #37bbc3;
}
div.row_wrap div.row_tit:hover a.row span.txt {
  color: #fff;
}
div.row_wrap div.row_tit a.row {
  display: block;
  padding: 10px;
}
div.row_wrap div.row_tit a.row span.ic_board {
  vertical-align: middle;
  margin: 0 5px 0 0;
}
div.row_wrap div.row_tit span.btn_wrap {
  position: absolute;
  top: 10px;
  right: 10px;
}
div.row_wrap div.row_tit span.txt {
  max-width: 183px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

/* form_static */
.form_static_wrap {
  box-sizing: border-box;
  margin: 6px 0;
}
.form_static_wrap .title {
  font-weight: bold;
  font-weight: 500;
  margin: 2px 0;
}

.form_static {
  position: relative;
  margin: 10px 0;
}

.form_static_option {
  margin: 10px 0;
}
.form_static_option .ic_private {
  cursor: pointer;
}
.form_static_option .btn_fn7 {
  cursor: pointer;
  margin-left: 5px;
}
.form_static_option .ic_check {
  display: none;
}
.form_static_option .ic_public, .form_static_option .ic_private {
  /* vertical-align: top;  */
  margin: -2px 2px 0 0;
}
.form_static_option .desc {
  display: block;
  margin: 3px 0 0 15px;
}
.form_static_option .opt_public {
  display: block;
  padding: 9px 10px;
  margin: 0 -10px;
}
.form_static_option .opt_public .ic_board {
  margin-top: -1px;
}
.form_static_option .opt_public.select .ic_check {
  display: inline-block;
  vertical-align: top;
  margin: -1px 0 -3px 4px;
}
.form_static_option .opt_public:hover {
  background: #37bbc3;
  color: #fff;
}
.form_static_option .opt_public:hover .desc {
  color: #fff;
}
.form_static_option .opt_public:hover .ic_check {
  background-position: 0px -400px;
}
.form_static_option span.ic_private {
  cursor: default;
}
.form_static_option a.opt_public span.ic_private {
  cursor: pointer;
}

@media \0 screen {
  .form_static_option .ic_public, .form_static_option .ic_private {
    margin-top: -5px;
  }
}
.form_static .form_static_wrap .wrap_date .ic_calendar {
  position: absolute;
  top: 9px;
  left: 5px;
}
.form_static .form_static_wrap .wrap_date .ic_time {
  position: absolute;
  top: 9px;
  left: 4px;
}

.layer_transition footer.btn_layer_wrap {
  margin: 0 0 5px 0;
  padding: 10px 0 10px 0;
  border: 0;
  text-align: center;
}

/* desc */
.ment {
  margin: 20px 0;
}
.ment .tit {
  font-size: 15px;
  font-weight: bold;
  font-weight: 500;
  color: #333;
  letter-spacing: -1px;
  text-align: center;
}
.ment .txt {
  color: #888;
}

/* photo size */
.go_todo a.photo_s:hover {
  opacity: 0.8;
  filter: Alpha(Opacity=80);
}
.go_todo .photo_s {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
}
.go_todo .photo_s::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;
}
.go_todo .photo_s 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;
}
.go_todo .editable:hover {
  cursor: pointer;
  background: #F5F6F8;
  border-radius: 2px;
}
.go_todo .board_column_wrap .column_title.editable:hover {
  background: #C9CACE;
}
.go_todo .card_desc.editable:hover, .go_todo .layer_todo_card header .title.editable:hover {
  background: #F5F6F8;
}

/* photo small size */
/*editable*/
.sub_depart {
  color: #888 !important;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.sub_depart input {
  display: inline-block;
  vertical-align: top;
}
.sub_depart label {
  display: inline-block;
  font-size: 12px;
  vertical-align: top !important;
}

/* layer */
/* layer_fieldName */
div.layer_fieldName {
  width: 600px;
}
div.layer_fieldName div.reply_wrap {
  height: 300px;
  margin: 0;
}
div.layer_fieldName div.content {
  padding: 0;
}
div.layer_fieldName div.content table.in_table {
  margin: 0;
}
div.layer_fieldName div.content table.in_table tbody th {
  width: 120px;
  text-align: left;
  border: 1px solid #ddd !important;
}
div.layer_fieldName div.content table.in_table tbody td {
  border: 1px solid #ddd !important;
}
div.layer_fieldName div.content table.in_table tbody tr.last th, div.layer_fieldName div.content table.in_table tbody tr.last td {
  border-bottom: 0 !important;
}
div.layer_fieldName .in_table th, div.layer_fieldName .in_table td {
  padding: 6px 10px;
}

/*---- layer_confirm  ----*/
.layer_confim_front {
  position: absolute;
  width: 180px;
  padding: 50px 30px 20px 30px;
  background: #f5f5f5;
  border: 1px solid #babbbb;
  border-radius: 8px;
  box-shadow: 0px 0px 10px #c9c9c9;
}
.layer_confim_front footer.btn_layer_wrap {
  border: none;
}
.layer_confim_front .btn_layer_x {
  border: none;
}
.layer_confim_front .btn_layer_x:hover {
  background: var(--dop-color-bg-basic-level1-hover) !important;
}
.layer_confim_front .content {
  width: 100%;
  text-align: center;
}
.layer_confim_front .info {
  margin-top: 10px;
  color: #37acb2;
}
.layer_confim_front .btn_layer_wrap {
  margin-top: 20px;
  padding-top: 0;
}
.layer_confim_front .btn_layer_wrap a.btn_bk {
  padding: 10px 20px;
  font-size: 12px;
}

.layer_sleeping {
  width: 200px;
}

div.layer_normal.layer_mailWrite_popup > .content {
  padding: 0;
}
div.layer_normal.layer_mailWrite_popup .content .dataTables_length {
  margin-top: 2px;
}
div.layer_doc_share {
  width: 420px;
}
div.layer_doc_share div.list_wrap ul li {
  position: relative;
  padding-right: 40px;
}
div.layer_doc_share div.list_wrap ul li span.user_info {
  width: 330px;
}
div.layer_doc_share div.list_wrap ul li span.user_info span {
  vertical-align: middle;
}

/* layer_doc_share */
.btn_v2_normal {
  display: inline-block;
  height: 34px;
  line-height: 30px;
  padding: 0 10px;
  margin-bottom: 5px;
  border-radius: 20px;
}
.btn_v2_normal:hover {
  background: #eee;
}

.btn_v2_mail {
  margin-right: 5px;
}
.btn_v2_mail .ic_v2_mail {
  vertical-align: top;
  margin: 7px -2px 0 0;
}
.btn_v2_mail .txt {
  font-size: 13px;
  letter-spacing: -1px;
  color: #333;
  font-weight: normal;
}

.btn_v2_calendar .txt {
  font-size: 13px;
  letter-spacing: -1px;
  color: #333;
  font-weight: normal;
}
.btn_v2_calendar .ic_v2_calendar {
  vertical-align: top;
  margin: 8px -2px 0 0;
}

.ic_v2 {
  display: inline-block;
  background: url(../images/ic_v2.png.0.0) no-repeat;
}
.ic_v2.ic_v2_mail {
  background-position: 0 0;
  width: 20px;
  height: 20px;
}
.ic_v2.ic_more_s {
  background-position: -100px 0;
  width: 20px;
  height: 20px;
}
.ic_v2.ic_v2_calendar {
  background-position: -50px 0;
  width: 20px;
  height: 20px;
}

.ic_profile {
  display: inline-block;
  background: url(../images/ic_profile.png) no-repeat;
}
.ic_profile.ic_close {
  background-position: 0 0;
  width: 17px;
  height: 16px;
}
.ic_profile.ic_modify {
  background-position: -50px 0;
  width: 19px;
  height: 19px;
}
.ic_profile.ic_profile_num {
  background-position: 0 -50px;
}
.ic_profile.ic_profile_job {
  background-position: -50px -50px;
}
.ic_profile.ic_profile_position {
  background-position: -100px -50px;
}
.ic_profile.ic_profile_homepage {
  background-position: -150px -50px;
}
.ic_profile.ic_profile_msn {
  background-position: 0 -100px;
}
.ic_profile.ic_profile_birth {
  background-position: -50px -100px;
}
.ic_profile.ic_profile_spacial {
  background-position: -100px -100px;
}
.ic_profile.ic_profile_address {
  background-position: -150px -100px;
}
.ic_profile.ic_profile_meno {
  background-position: -200px -100px;
}
.ic_profile.ic_info {
  background-position: -50px -150px;
  width: 14px;
  height: 14px;
}
.ic_profile.ic_profile_tooltip {
  background-position: 0 -150px;
  width: 13px;
  height: 13px;
}

/* layer */
/* */
.layer_member_card_type2 {
  position: absolute;
  background: #fff;
  padding: 24px;
  min-height: 258px;
  border-radius: 10px;
  box-shadow: 0 20px 40px #d7dade;
}
.layer_member_card_type2 .content {
  width: inherit;
}
.layer_member_card_type2 .content .info_main {
  color: #888;
  float: left;
  position: relative;
  width: 200px;
  color: #888;
  position: relative;
}
.layer_member_card_type2 .content .info_main .wrap_list_info {
  height: 120px;
}
.layer_member_card_type2 .content .info_main .wrap_list_info .list_info {
  margin: 10px 0 0 0;
}
.layer_member_card_type2 .content .info_main .wrap_list_info .list_phone li {
  margin: 4px 0;
}
.layer_member_card_type2 .content .info_main .wrap_list_info .list_info:first-child {
  margin: 0 0 0 0;
}
.layer_member_card_type2 .content .info_main .wrap_list_info .list_info > li {
  text-align: center;
  font-size: 13px;
}
.layer_member_card_type2 .content .info_main .wrap_list_info .list_info > li .name {
  display: inline-block;
  font-size: 18px;
  letter-spacing: -1px;
  font-weight: bold;
  font-weight: 500;
  color: #333;
  margin-bottom: 4px;
  margin-top: 4px;
}
.layer_member_card_type2 .content .info_main .wrap_list_info .list_info > li .num_phone {
  font-size: 13px;
}
.layer_member_card_type2 .content .info_main .wrap_list_info .list_info > li .department .ic_profile_tooltip {
  vertical-align: middle;
  margin: -2px 0 0 2px;
}
.layer_member_card_type2 .content .info_main .wrap_list_info .list_info > li .department .txt {
  display: inline-block;
  max-width: 140px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.layer_member_card_type2 .content .info_main .wrap_list_info .list_info .email {
  color: #888;
}
.layer_member_card_type2 .content .info_main .wrap_list_info .list_info .email:hover {
  text-decoration: underline;
}
.layer_member_card_type2 .content .info_main .ic_close {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.layer_member_card_type2 .content .info_main .ic_modify {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.layer_member_card_type2 .content .info_main .wrap_photo {
  display: inline-block;
  margin: 0 0 14px 48px;
}
.layer_member_card_type2 .content .info_main .wrap_photo img {
  border-radius: 60px;
}
.layer_member_card_type2 .content .info_main .btn_func {
  text-align: center;
}
.layer_member_card_type2 .content .info_main .btn_func .wrap_btn {
  display: inline-block;
  width: 80px;
  text-align: center;
  cursor: default;
}
.layer_member_card_type2 .content .info_main .btn_func .wrap_btn .txt {
  display: inline-block;
  padding: 0;
}
.layer_member_card_type2 .content .info_main .btn_func a .txt {
  display: block;
}
.layer_member_card_type2 .content .info_main .btn_func .btn_v2_normal {
  display: inline-block;
  height: 59px;
  padding: 0 10px;
  border-radius: 8px;
}
.layer_member_card_type2 .content .info_main .btn_func .btn_v2_normal:hover {
  background-color: #f7f7f7;
}
.layer_member_card_type2 .content .info_more {
  float: right;
  width: 280px;
  vertical-align: top;
  height: 280px;
  background: #f7f7f7;
  margin: 0 0 0 10px;
  padding: 10px;
  overflow-y: auto;
  border-radius: 8px;
}
.layer_member_card_type2 .content .info_more .indroduce {
  font-size: 13px;
  letter-spacing: -1px;
  padding: 5px 0 10px;
  border-bottom: 1px solid #ddd;
  margin: 0 0 10px 0;
  line-height: 1.4;
}
.layer_member_card_type2 .content .info_more .list_info_more {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.layer_member_card_type2 .content .info_more .list_info_more > li {
  display: table-row;
}
.layer_member_card_type2 .content .info_more .list_info_more > li .tit {
  display: table-cell;
  font-size: 13px;
  color: #888;
  width: 70px;
  padding: 8px;
}
.layer_member_card_type2 .content .info_more .list_info_more > li .data {
  display: table-cell;
  font-size: 13px;
  padding: 8px 0;
}
.layer_member_card_type2 .content .info_more > li {
  padding: 0 0 8px 0;
}
.layer_member_card_type2 .content .wrap_list_position_team .txt_link {
  font-size: 12px;
}
.layer_member_card_type2 .content .wrap_list_position_team .txt_link:hover {
  text-decoration: underline;
}
.layer_member_card_type2 .content .wrap_list_position_team .list_position_team li {
  margin: 8px 0 0 0;
}
.layer_member_card_type2 .content .wrap_list_position_team .list_position_team li:first-child {
  margin: 0;
}
.layer_member_card_type2 .content .wrap_list_position_team .list_position_team li .position {
  font-size: 13px;
}
.layer_member_card_type2 .content .wrap_list_position_team .list_position_team li .team {
  font-size: 11px;
  color: #888;
}

/* layer_alramSet */
.layer_alramSet .content {
  padding: 0 !important;
  overflow-y: auto;
  height: 400px;
}
.layer_alramSet .content .desc {
  margin: 10px;
}
.layer_alramSet footer .form_admin {
  word-break: keep-all;
  text-align: left;
}
.layer_alramSet footer .des {
  display: inline-block;
}

/* layer_todo_board */
.layer_new_board .member_wrap {
  position: relative;
  margin: 15px 0;
  min-height: 55px;
}
.layer_new_board .member_wrap span.photo {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}
.layer_new_board .member_wrap span.photo img {
  margin-top: 10px;
  width: 55px;
  height: 55px;
  border-radius: 100%;
}
.layer_new_board .member_wrap .info {
  margin: 0 0 0 65px;
}
.layer_new_board .member_wrap .info div {
  margin-bottom: 4px;
}
.layer_new_board .member_wrap .info div.name {
  font-size: 16px;
  font-weight: bold;
  font-weight: 500;
}
.layer_new_board .member_wrap .info div.position, .layer_new_board .member_wrap .info div.mail {
  color: #666;
}

/*graph open source overriding*/
.todo_statistic .legend table {
  width: auto !important;
}
.todo_statistic .legend table td.legendLabel {
  padding-right: 10px;
}

/* layer_type2 */
.layer_type2 {
  background: #fff;
  margin: 0 14px;
  padding: 10px;
  border-radius: 4px;
  border: 1px solid #dfe1ea;
  border-bottom-color: #cdced4;
  border-top-color: #e9ebf2;
}

/* layer_schedule_more */
.go_todo div.layer_schedule_more {
  padding: 0;
  background: #D2D4D8;
  width: 200px;
}
.go_todo div.layer_schedule_more .schedule_day {
  padding: 0 2px;
  background: #fff;
  border: 1px solid #fff;
  border-bottom: 1px solid #b7b7b7;
  margin-bottom: 1px;
}
.go_todo div.layer_schedule_more .schedule_day a {
  color: #333;
  max-width: 100%;
}
.go_todo div.layer_schedule_more .schedule_day a > span {
  line-height: 1.3;
}
.go_todo div.layer_schedule_more div.div_scroll {
  border: 0;
  padding: 0 6px;
}
.go_todo div.layer_schedule_more div.title {
  margin: 0 6px;
  padding: 6px 0;
}
.go_todo div.layer_schedule_more div.title span.date {
  color: #444;
}

/* layer_calendar_mini */
.layer_calendar_mini .form_static_wrap {
  float: left;
  width: 50%;
}
.layer_calendar_mini .form_static_wrap:first-child {
  padding-right: 10px;
}
.layer_calendar_mini .caldendar_wrap {
  clear: left;
  border-top: 1px solid #e8e8e8;
  padding-top: 5px;
}
.layer_calendar_mini .container .content .ui-datepicker {
  clear: left;
  border: 0;
  width: 100%;
}

/* .layer_transition.layer_calendar_mini { width: 240px;} */
.layer_transition.layer_calendar_mini .content {
  padding: 0;
}
.layer_transition.layer_calendar_mini .form_static {
  font-size: 0;
  margin: 0;
  padding: 8px 6px 8px 12px;
  background-color: #F7F7F8;
  border-bottom: 1px solid #EFEFEF;
  box-sizing: border-box;
}
.layer_transition.layer_calendar_mini .form_static .form_static_wrap {
  float: none;
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  padding-right: 6px;
}
.layer_transition.layer_calendar_mini .form_static .form_static_wrap .wrap_date {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
}
.layer_transition.layer_calendar_mini .form_static .form_static_wrap .wrap_date input.txt.wfix_small {
  border: 1px solid #dadada;
  background-color: #fff;
  padding: 6px !important;
  height: 30px;
  width: 100%;
}
.layer_transition.layer_calendar_mini .ui-datepicker {
  width: 100% !important;
  border: 0 none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding-bottom: 0;
}
.layer_transition.layer_calendar_mini .ui-datepicker table {
  width: 100% !important;
}

/* layer_transition */
div.layer_transition {
  border-radius: 12px;
}
div.layer_calendar_mini div.caldendar_wrap {
  margin: 0 -10px;
}

.go_todo .ui-datepicker .ui-datepicker-prev, .go_todo .ui-datepicker .ui-datepicker-next {
  border: 0;
}
.go_todo .ui-datepicker .ui-datepicker-header {
  border-bottom: 0;
}
.go_todo .ui-datepicker table thead th {
  border: 0;
  text-align: center;
}
.go_todo .ui-datepicker td {
  border: 0;
  line-height: 24px;
}
.go_todo .ui-datepicker .ui-state-active {
  background: #37bbc3;
  border: 0;
  color: #fff;
}
.go_todo .ui-datepicker .ui-state-highlight {
  background: #ddd;
  border: 0;
  color: #333;
}

.ui-datepicker .ui-widget-header .ui-state-highlight {
  background: #ddd;
  border: 0;
  color: #333;
}

.go_todo .ui-datepicker th {
  padding-right: 0;
}
.go_todo .ui-datepicker td span, .go_todo .ui-datepicker td a {
  padding-right: 0;
}
.go_todo .ui-datepicker .ui-datepicker-header {
  background: #fff;
}
.go_todo .ui-datepicker th {
  text-align: right;
}

/* layer_share */
div.layer_share div.content {
  padding: 15px 10px;
}
div.layer_share div.content ul.list_share {
  margin-top: 0;
  overflow-y: auto;
  max-height: 300px;
}

.layer_share  {
  z-index: 10 !important;
}

/* layer_label */
.layer_label ul.list_label {
  margin: 10px 0;
}
.layer_label div.container div.content form.form_static div.form_static_wrap {
  position: relative;
  margin-left: 34px;
}
.layer_label div.container div.content form.form_static div.form_static_wrap input {
  width: 100%;
}
.layer_label div.container div.content form.form_static div.form_static_wrap .card_label {
  position: absolute;
  top: 0;
  left: -34px;
  display: inline-block;
  width: 28px;
  height: 28px;
  border-radius: 2px;
}
.layer_label ul.list_label li a.card_label span.txt {
  max-width: 90%;
}

/* list */
.list_task th.state, .list_task td.state {
  white-space: nowrap;
}

.list_alramSet .tit {
  position: relative;
}
.list_alramSet .tit .ic_toggle_on, .list_alramSet .tit .ic_toggle_off {
  position: absolute;
  top: -2px;
  right: 0;
}
.list_alramSet > li {
  border-bottom: 1px solid #e3e3e3;
  padding: 10px;
}
.list_alramSet li .txt {
  font-weight: bold;
  font-weight: 500;
}
.list_alramSet li ul li .txt {
  font-weight: normal;
}
.list_alramSet li:hover {
  background: #f5f5f5;
}
.list_alramSet > li:last-child {
  border-bottom: 0;
}
.list_alramSet > li ul li {
  padding: 12px 0 0 12px;
}
.list_alramSet .tit .txt {
  display: inline-block;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* list_culumn */
ul.list_culumn {
  overflow: visible;
  min-height: 30px;
}
ul.list_culumn .array_option input {
  margin-right: 5px;
}
ul.list_label li {
  margin: 4px 0;
}
ul.list_label li a.card_label {
  width: 90%;
  transition: width 0.1s ease-out;
  position: relative;
  display: block;
  padding: 5px;
  min-height: 26px;
  border-radius: 2px;
  box-sizing: border-box;
}
ul.list_label li a.card_label.select {
  width: 100%;
}
ul.list_label li a.card_label span.txt {
  color: #fff;
}
ul.list_label li a.card_label span.ic_checked {
  display: none;
  position: absolute;
  top: 5px;
  right: 6px;
}
ul.list_label li a.card_label.select span.ic_checked {
  display: block;
}
ul.list_label li a.card_label.select:hover {
  width: 100%;
}
ul.list_label li a.card_label:hover {
  width: 95%;
}
ul.list_todo_board > li {
  float: left;
  width: 25%;
  position: relative;
  margin: 0 16px 16px 0;
}
ul.list_todo_board > li a.todo_board {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  padding: 24px;
  height: 124px;
  background: #fff;
  border: 1px solid var(--dop-color-border-basic-level2);
  border-radius: 12px;
  transition: 0.3s;
  gap: 8px;
}
ul.list_todo_board > li span.action {
  transition: 0.3s;
}
ul.list_todo_board > li:hover a.todo_board, ul.list_todo_board > li:hover span.action {
  transform: translateY(-3px);
}
ul.list_todo_board > li:hover a.todo_board {
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1);
}
ul.list_todo_board li a.todo_board span.tit {
  display: -webkit-box;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  margin: 0 60px 0 0;
  height: 42px;
  letter-spacing: -1px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
ul.list_todo_board li a.btn_baord {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  padding: 10px;
  height: 124px;
  border-radius: 12px;
  text-align: center;
  border: 1px dashed var(--dop-color-border-basic-level2);
}
ul.list_todo_board li a.btn_baord .column_create {
  display: flex;
  width: 64px;
  height: 64px;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  background: var(--dop-color-bg-basic-level2);
}
ul.list_todo_board li a.btn_baord .column_create .ic_board.ic_plus_w {
  width: 48px;
  height: 48px;
  background: var(--dop-color-bg-basic-level2) no-repeat center url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 4.25C12.4142 4.25 12.75 4.58579 12.75 5V11.25H19C19.4142 11.25 19.75 11.5858 19.75 12C19.75 12.4142 19.4142 12.75 19 12.75H12.75V19C12.75 19.4142 12.4142 19.75 12 19.75C11.5858 19.75 11.25 19.4142 11.25 19V12.75H5C4.58579 12.75 4.25 12.4142 4.25 12C4.25 11.5858 4.58579 11.25 5 11.25H11.25V5C11.25 4.58579 11.5858 4.25 12 4.25Z' fill='%239B9C9E'/%3E%3C/svg%3E%0A");
  background-size: contain;
}
ul.list_todo_board li a.btn_baord span.ic_plus {
  margin: 0 4px 0 0;
}
ul.list_todo_board li a.btn_baord span.txt {
  font-size: 14px;
  font-weight: bold;
  font-weight: 500;
  color: #888;
}
ul.list_todo_board li a.btn_baord:hover {
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1);
  transition: 0.3s;
  border-color: #9B9C9E;
}
ul.list_todo_board li a.btn_baord:hover span.txt {
  color: #333;
}
ul.list_todo_board li span.todo_board {
  display: block;
  height: 124px;
  padding: 10px;
  min-height: 90px;
  background: #fff;
  border: 1px solid #CFD1D4;
  border-radius: 12px;
}
ul.list_todo_board li span.todo_board .form_static {
  margin: 0;
}
ul.list_todo_board li span.todo_board .form_static input.txt {
  border-radius: 6px;
}
ul.list_todo_board li span.todo_board .form_static + .btn_layer_wrap .btn_major_s,
ul.list_todo_board li span.todo_board .form_static + .btn_layer_wrap .btn_minor_s {
  border-radius: 4px;
}
ul.list_todo_board li span.action {
  z-index: 1;
  display: inline-block;
  position: absolute;
  top: 12px;
  right: 12px;
}
ul.list_todo_board li span.action span.btn_board_private, ul.list_todo_board li span.action a {
  display: inline-block;
  padding: 4px;
}
ul.list_todo_board > li a.todo_board ul.list_share {
  margin: 0;
  overflow: hidden;
  height: 26px;
}
ul.list_todo_board > li a.todo_board ul.list_share li {
  margin-top: 0;
  border: 1px solid var(--dop-color-border-basic-white);
  border-radius: 25%;
  overflow: hidden;
  margin: 0 -4px 0 0;
}
ul.list_todo_board > li a.todo_board ul.list_share li img {
  width: 24px !important;
  height: 24px;
}
ul.list_todo_board .action a.btn_fn7 {
  width: 24px;
  height: 24px;
  border-color: #fff;
}
ul.list_todo_board .action a.btn_fn7:hover {
  background-color: var(--dop-color-bg-basic-level1-hover);
}
ul.list_todo_board .action a.btn_fn7:active {
  background-color: #f3f3f3;
}
ul.list_todo_board .action a.btn_fn7 > i.ic_copy_url {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.3483 3.34835C16.0516 2.64509 17.0054 2.25 18 2.25C18.9946 2.25 19.9484 2.64509 20.6517 3.34835C21.3549 4.05161 21.75 5.00544 21.75 6C21.75 6.99456 21.3549 7.94839 20.6517 8.65165C19.9484 9.35491 18.9946 9.75 18 9.75C17.0054 9.75 16.0516 9.35491 15.3483 8.65165C15.2325 8.5358 15.125 8.41316 15.0263 8.28465L9.63129 11.0639C9.70948 11.3672 9.75 11.6815 9.75 12C9.75 12.3185 9.70948 12.6328 9.63129 12.9361L15.0263 15.7154C15.125 15.5868 15.2325 15.4642 15.3483 15.3483C16.0516 14.6451 17.0054 14.25 18 14.25C18.9946 14.25 19.9484 14.6451 20.6517 15.3483C21.3549 16.0516 21.75 17.0054 21.75 18C21.75 18.9946 21.3549 19.9484 20.6517 20.6517C19.9484 21.3549 18.9946 21.75 18 21.75C17.0054 21.75 16.0516 21.3549 15.3483 20.6517C14.6451 19.9484 14.25 18.9946 14.25 18C14.25 17.6815 14.2905 17.3672 14.3687 17.0639L8.97369 14.2847C8.87496 14.4132 8.76749 14.5358 8.65165 14.6517C7.94839 15.3549 6.99456 15.75 6 15.75C5.00544 15.75 4.05161 15.3549 3.34835 14.6517C2.64509 13.9484 2.25 12.9946 2.25 12C2.25 11.0054 2.64509 10.0516 3.34835 9.34835C4.05161 8.64509 5.00544 8.25 6 8.25C6.99456 8.25 7.94839 8.64509 8.65165 9.34835C8.76749 9.46419 8.87496 9.58682 8.97369 9.71532L14.3687 6.93607C14.2905 6.63282 14.25 6.3185 14.25 6C14.25 5.00544 14.6451 4.05161 15.3483 3.34835ZM16.0001 7.03105C15.9904 7.00591 15.9793 6.98103 15.9667 6.95654C15.9604 6.94437 15.9539 6.93244 15.947 6.92076C15.8184 6.63389 15.75 6.32047 15.75 6C15.75 5.40326 15.9871 4.83097 16.409 4.40901C16.831 3.98705 17.4033 3.75 18 3.75C18.5967 3.75 19.169 3.98705 19.591 4.40901C20.0129 4.83097 20.25 5.40326 20.25 6C20.25 6.59674 20.0129 7.16903 19.591 7.59099C19.169 8.01295 18.5967 8.25 18 8.25C17.4033 8.25 16.831 8.01295 16.409 7.59099C16.2431 7.42504 16.1057 7.23584 16.0001 7.03105ZM7.99948 10.9682C7.89395 10.7637 7.75674 10.5748 7.59099 10.409C7.16903 9.98705 6.59674 9.75 6 9.75C5.40326 9.75 4.83097 9.98705 4.40901 10.409C3.98705 10.831 3.75 11.4033 3.75 12C3.75 12.5967 3.98705 13.169 4.40901 13.591C4.83097 14.0129 5.40326 14.25 6 14.25C6.59674 14.25 7.16903 14.0129 7.59099 13.591C7.75674 13.4252 7.89396 13.2363 7.99949 13.0318C8.00925 13.0064 8.02048 12.9813 8.03322 12.9565C8.03962 12.9441 8.04631 12.932 8.05329 12.9201C8.18174 12.6334 8.25 12.3202 8.25 12C8.25 11.6798 8.18175 11.3666 8.0533 11.08C8.04632 11.0681 8.03962 11.0559 8.03322 11.0435C8.02047 11.0187 8.00924 10.9936 7.99948 10.9682ZM15.947 17.0793C15.8184 17.3661 15.75 17.6795 15.75 18C15.75 18.5967 15.9871 19.169 16.409 19.591C16.831 20.0129 17.4033 20.25 18 20.25C18.5967 20.25 19.169 20.0129 19.591 19.591C20.0129 19.169 20.25 18.5967 20.25 18C20.25 17.4033 20.0129 16.831 19.591 16.409C19.169 15.9871 18.5967 15.75 18 15.75C17.4033 15.75 16.831 15.9871 16.409 16.409C16.2431 16.575 16.1057 16.7641 16.0001 16.9689C15.9905 16.9941 15.9793 17.019 15.9667 17.0435C15.9604 17.0556 15.9538 17.0676 15.947 17.0793Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A");
  background-size: 16px 16px;
  background-position: center center;
}
ul.list_default {
  overflow: hidden;
}
ul.list_default li a {
  display: block;
  padding: 10px;
}
ul.list_default li a:hover {
  background-color: var(--dop-color-bg-basic-base-hover);
}
ul.list_share {
  overflow: hidden;
  margin: 10px 0;
}
ul.list_share li {
  float: left;
  margin: 6px 6px 6px 0;
}
ul.list_member li {
  position: relative;
}
ul.list_member li a {
  display: block;
  height: 40px;
  line-height: 20px;
}
ul.list_member li a:hover .ic_check {
  background-position: 0 -400px;
}
ul.list_member li a span.ic_check {
  display: none;
}
ul.list_member li a.select span.ic_check {
  display: block;
}
ul.list_member li a .info {
  margin: 0 0 0 37px;
}
ul.list_member li a .info .name {
  max-width: 70%;
}
ul.list_member li a .photo_s {
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 10px;
}
ul.list_member li a .ic_check {
  position: absolute;
  top: 10px;
  right: 10px;
}

/* list_label */
@media \0 screen {
  ul.list_label li a.card_label {
    padding: 5px;
    min-height: 18px;
    line-height: 18px;
  }
}
/*IE8*/
/* list_todo_board */
/* list_default */
/* list_share */
/* list_member */
/* btn */
.go_todo a.btn_menu span.ic_nav {
  margin: 0 4px 0 0;
}
.go_todo a.btn_style1 {
  display: block;
  border: 1px solid #cecece;
  border-radius: 2px;
  background: #f3f3f3;
  padding: 10px;
}
.go_todo a.btn_style1 span.ic_board {
  margin: 0 4px 0 0;
}
.go_todo a.btn_style1 span.txt {
  font-size: 14px;
  font-weight: bold;
  font-weight: 500;
  color: #999;
  max-width: 60% !important;
}
.go_todo a.btn_style1:hover {
  background: #eee;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.go_todo a.btn_style1:hover span.txt {
  color: #333;
}
.go_todo a.btn_flat {
  cursor: pointer;
  display: inline-block;
  padding: 0 6px;
  color: #fff;
  font-weight: bold;
  font-weight: 500;
  font-size: 12px;
  line-height: 32px;
  background: #fff;
  border: 1px solid #c9c9c9;
  opacity: 0.8;
  filter: Alpha(Opacity=80);
  border-radius: 6px;
}
.go_todo a.btn_flat span.txt {
  color: #484848;
}
.go_todo a.btn_flat span.ic_board {
  margin-right: 4px;
}
.go_todo a.btn_flat:hover {
  opacity: 1;
  filter: Alpha(Opacity=100);
}
.go_todo .btn_flat_normal span.txt {
  padding-left: 3px;
}

/*layer_type_detail: modal - NEW LAYER TYPE */
.layer_type_detail {
  position: absolute;
  width: 650px;
  left: 50%;
  top: 30px;
  margin-left: -325px;
  padding: 20px;
  background: #fff;
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  border-radius: 16px;
}
.layer_type_detail > header {
  position: relative;
  height: 20px;
}
.layer_type_detail > header .title h1 {
  padding-top: 3px;
  max-width: calc(100% - 40px);
  color: var(--dop-color-text-basic-level1);
  word-wrap: break-word;
  letter-spacing: -1px;
  font-size: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
.layer_type_detail > header .btn_layer_x {
  position: absolute;
  right: -20px;
  top: -20px;
  padding: 10px;
  border: none;
  height: 32px;
  width: 32px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.layer_type_detail > header .btn_layer_x span.ic {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(../images/ic_board.png) no-repeat 0 -450px;
  vertical-align: middle;
  background-size: 300px 1000px;
}
.layer_type_detail > header .btn_fn7 {
  position: absolute;
  right: 12px;
  top: -20px;
  padding: 0;
  height: 32px;
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-color: transparent;
  background-color: transparent;
  border-radius: 8px;
}
.layer_type_detail > header .btn_fn7:hover {
  background-color: var(--dop-color-bg-basic-level1-hover);
  border: 0 none;
}
.layer_type_detail > header .btn_fn7:active {
  background-color: #f3f3f3;
}
.layer_type_detail > header .btn_fn7 span.ic_copy_url {
  display: block;
  width: 16px;
  height: 16px;
  background: url(../images/ic_toolbar.png) -350px -150px no-repeat;
  opacity: 0.6;
}
.layer_type_detail > header .btn_fn7 span.txt {
  display: none;
}
.layer_type_detail section.detail_content {
  position: relative;
  min-height: 100px;
}
.layer_type_detail > header .title {
  position: relative;
  color: #b2b2b2;
  line-height: 1.5;
  padding-left: 30px;
}
.layer_type_detail > header .title .ic_board {
  position: absolute;
  left: 0;
  top: 4px;
}
.layer_type_detail .content_title > .ic_board {
  position: absolute;
  left: 0;
  top: 4px;
  top: 0px;
}
.layer_type_detail > header .title h1 + .txt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  vertical-align: 3px;
  color: #999;
  height: auto;
  overflow: hidden;
}
.layer_type_detail section.detail_content div.add_file {
  background: none;
  border: none;
}
.layer_type_detail section.detail_content div.add_file ul.file_wrap {
  background: none;
  border: none;
}
.layer_type_detail section.detail_content div.add_file ul.file_wrap li {
  background: none;
  border: none;
  padding: 3px 8px 3px 0px;
}
.layer_type_detail .attach_thumb_wrap .name {
  display: inline;
}

.layer_todo_card {
  min-height: 700px;
}
.layer_todo_card .content_title h2 {
  position: relative;
  padding: 0 0 16px 25px;
  margin: 0 40px 0 0;
  line-height: 1.5;
}
.layer_todo_card .dd_attach .wrap_file .btn_fn4 {
  padding: 0 4px;
}
.layer_todo_card > header {
  height: auto;
  margin-bottom: 10px;
  padding-right: 40px;
}
.layer_todo_card > header .create_form {
  margin: 0;
}
.layer_todo_card h2 {
  letter-spacing: -1px;
  color: #333;
  font-weight: bold;
  font-weight: 500;
  font-size: 16px;
  padding: 3px 0 0 0;
}
.layer_todo_card .content_title {
  position: relative;
}
.layer_todo_card .content_title h2 span.ic_board {
  position: absolute;
  top: 0;
  left: 0;
}
.layer_todo_card .content_check h2 span.ic_board {
  top: 4px;
}
.layer_todo_card .content_attach h2 span.ic_board {
  top: 2px;
}
.layer_todo_card .content_reply .reply_create, .layer_todo_card .content_reply .activity_item {
  padding-right: 60px;
}
.layer_todo_card .content_critical .content_title .create_item {
  margin: 10px 0 0 30px;
}
.layer_todo_card .detail_content_wrap .content_check h2, .layer_todo_card .detail_content_wrap .content_check > .create_form {
  padding-right: 60px;
}
.layer_todo_card .detail_content_wrap .content_critical .tab_menu_wrap ul.tab_menu li span.ic_board {
  margin-right: 4px;
  vertical-align: top;
  margin-top: -1px;
}
.layer_todo_card .detail_content_wrap .content_check h2 {
  margin-bottom: 8px;
}
.layer_todo_card .detail_content_wrap .content_check h2 .txt {
  font-size: 20px;
  color: #1C1C1C;
}
.layer_todo_card section.detail_content {
  position: static;
}
.layer_todo_card .detail_content_wrap .content_optional {
  position: absolute;
  top: 0;
  right: -160px;
  width: 144px;
  padding: 12px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.12);
}
.layer_todo_card .detail_content_wrap .content_optional h2 {
  display: none;
}
.layer_todo_card .detail_content_wrap .content_optional a.btn_flat_normal {
  width: 100%;
  margin: 0;
  padding: 0 12px;
  line-height: 40px;
  background: #fff;
  border-radius: 8px;
}
.layer_todo_card .detail_content_wrap .content_optional a.btn_flat_normal:hover {
  background: #F5F6F8;
}
.layer_todo_card .content_activity {
  width: 100%;
}
.layer_todo_card .content_title > .ic_board {
  top: 4px;
}
.layer_todo_card .content_critical .content_info {
  overflow: hidden;
  margin: 0 0 20px 0;
}
.layer_todo_card .content_critical .content_info > div {
  float: left;
  margin: 0 40px 0 0;
}
.layer_todo_card .content_critical .content_info h2 + * {
  margin-top: 5px;
}
.layer_todo_card .content_critical .content_info > div h2 {
  font-size: 12px;
}
.layer_todo_card .content_critical .content_info ul.list_label li {
  float: left;
  margin: 0 4px 4px 0;
}
.layer_todo_card .content_critical .content_info ul.list_label li:hover {
  cursor: pointer;
}
.layer_todo_card .content_critical .content_info ul.list_label li .card_label {
  float: left;
  min-height: 26px;
  line-height: 15px;
  min-width: 26px;
  padding: 5px 10px;
  box-sizing: border-box;
  width: auto;
  max-width: 550px;
  border-radius: 2px;
}
.layer_todo_card .reply_create {
  padding: 0;
}
.layer_todo_card .content_critical .content_info ul.list_label li .card_label:hover {
  opacity: 0.8;
}
.layer_todo_card .content_critical .content_desc {
  margin-bottom: 20px;
}
.layer_todo_card .content_critical .content_desc .create_form .form_edit_text .btn_wrap a {
  display: inline-flex;
  height: 28px;
  align-items: center;
  font-size: 14px;
}
.layer_todo_card .content_critical .content_desc .card_desc {
  margin-top: 0;
  padding: 8p;
}
.layer_todo_card .content_critical .content_info .due_date {
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 8px;
  box-sizing: border-box;
  background: #f0f0f0;
  border-radius: 2px;
  font-weight: bold;
  font-weight: 500;
}
.layer_todo_card .content_critical .create_item {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 32px;
  padding: 0 12px;
  background: #fff;
  border-radius: 8px;
  font-weight: 500;
  border: 1px solid #CFD1D4;
}
.layer_todo_card .content_critical .content_info .due_date .date {
  color: #484848;
  font-weight: normal;
}
.layer_todo_card .content_critical .create {
  display: inline-block;
  width: 26px;
  height: 26px;
  background: #f0f0f0;
  border-radius: 2px;
}
.layer_todo_card .content_critical .create .ic_plus {
  position: relative;
  left: 6px;
  top: 5px;
  vertical-align: baseline;
}
.layer_todo_card .content_critical .create:hover {
  cursor: pointer;
  background: #e5e5e5;
}
.layer_todo_card .content_critical .content_info .due_date:hover {
  cursor: pointer;
  background: #e5e5e5;
}
.layer_todo_card .content_critical .content_check {
  position: relative;
  display: block;
  clear: both;
}
.layer_todo_card .content_critical .content_attach {
  border-top: 1px solid #EAECEF;
  padding: 20px 8px;
}
.layer_todo_card .content_critical .content_check {
  border-top: 1px solid #EAECEF;
  padding: 20px 8px;
}
.layer_todo_card .content_critical .content_check:hover {
  background: #F5F6F8;
}
.layer_todo_card .content_critical .content_check .ic_list_b {
  left: -1px;
}
.layer_todo_card .content_critical .content_check .todo_check_list {
  margin: 0;
}
.layer_todo_card .content_critical .content_check .todo_check_list .check_item {
  position: relative;
  margin: 0 0 8px 0;
}
.layer_todo_card .content_critical .content_check .todo_check_list .check_item .wrap_item {
  display: block;
  margin: 0 0 0 26px;
}
.layer_todo_card .content_critical .content_check .todo_check_list .check_item .wrap_item span.txt {
  display: inline;
  vertical-align: top;
  line-height: 1.4;
}
.layer_todo_card .content_critical .content_check .todo_check_list .check_item .wrap_item span.btn_wrap {
  margin-top: 2px;
}
.layer_todo_card .content_critical .content_check .todo_check_list .check_item .ic_ckb_checked, .layer_todo_card .content_critical .content_check .todo_check_list .check_item .ic_ckb {
  cursor: pointer;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 1px;
}
.layer_todo_card .content_critical .content_check .create_form {
  margin: 0 0 0 26px;
}
.layer_todo_card .content_critical .content_check .todo_check_list .check_item > .txt {
  vertical-align: top;
  line-height: 1.5;
  margin-top: -1px;
}
.layer_todo_card .content_critical .content_check .todo_check_list .check_item > .txt span.btn_wrap {
  margin-top: 2px;
}
.layer_todo_card .content_critical .content_check .todo_check_list .check_item .ic_del {
  margin-left: 5px;
  vertical-align: baseline;
}
.layer_todo_card .content_critical .content_check .btn_fn4 {
  height: 24px;
}
.layer_todo_card .content_critical .todo_check_list {
  margin: 0 0 0 30px;
}
.layer_todo_card .content_critical .todo_check_list a.create_item {
  margin-left: 0 !important;
}
.layer_todo_card .content_critical .todo_check_list .create {
  margin-left: 0;
}
.layer_todo_card .content_critical .content_check .todo_check_list .check_item .ic_ckb {
  background-position: 1px -400px;
}
.layer_todo_card .content_critical .content_title .create_form .wrap_txt input {
  margin-top: -6px;
}
.layer_todo_card .content_critical .content_title .activity_item .create_form .wrap_txt input {
  margin-top: 0;
}
.layer_todo_card .content_critical .content_check .create_form .btn_wrap {
  position: relative;
}
.layer_todo_card .content_critical .content_check .create_form .btn_wrap .btn_caution_s {
  /* position:absolute; right:0;  top:0 */
}
.layer_todo_card .content_critical .create_form {
  margin: 16px 0 0;
}
.layer_todo_card .create_form .wrap_txtarea {
  width: 100%;
}
.layer_todo_card .create_form .wrap_txtarea textarea {
  width: 100%;
}
.layer_todo_card .content_critical .content_attach .attach_wrap {
  overflow: hidden;
}
.layer_todo_card .content_critical .content_attach .add_file {
  overflow: hidden;
  margin-left: 30px;
}
.layer_todo_card .content_critical .content_attach h2 + .attach_wrap {
  margin: 0 0 18px;
}
.layer_todo_card .content_critical .content_attach h2 + .attach_wrap.dd_attach {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 24px 16px;
  border-radius: 6px;
  border: 1px dashed #CFD1D4;
}
.layer_todo_card .content_critical .content_attach .attach_wrap .item_file span {
  line-height: 18px;
}
.layer_todo_card .content_critical .content_attach .attach_wrap .item_file .name {
  line-height: 1;
}
.layer_todo_card .content_critical .content_attach .attach_wrap .item_file .name:hover {
  cursor: pointer;
}
.layer_todo_card .content_critical .content_attach .attach_thumb_wrap .wrap_photo {
  display: inline-block;
  float: left;
  margin-top: 3px;
}
.layer_todo_card .content_critical .content_attach .attach_thumb_wrap .wrap_photo img {
  width: 100px;
  height: auto;
}
.layer_todo_card .content_critical .content_attach .attach_thumb_wrap .wrap_photo img:hover {
  width: 100px;
  height: auto;
}
.layer_todo_card .content_critical .content_attach .attach_thumb_wrap .item_file, .layer_todo_card .content_critical .content_attach .attach_thumb_wrap .date {
  display: block;
  margin: 2px 0 0 110px;
}
.layer_todo_card .content_activity {
  border-bottom: none !important;
}
.layer_todo_card .content_activity .reply_create {
  margin-top: 10px;
}
.layer_todo_card .content_activity .reply_create .activity_wrap {
  padding-right: 0;
}
.layer_todo_card .content_activity .reply_create .form_wrap {
  width: 100%;
}
.layer_todo_card.layer_type_detail {
  width: 800px;
  padding: 40px;
}
/*layer_todo_card*/
@media \0 screen {
  .layer_todo_card .content_critical .content_info ul.list_label li .card_label {
    min-width: 13px;
    min-height: 20px;
    line-height: 18px;
  }
}
/*IE8*/
.span.textarea_edit textarea {
  height: 0 !important;
}

.layer_todo_card .content_activity .reply_create .form_wrap textarea {
  height: 28px !important;
  min-height: 28px !important;
}
.layer_todo_card .activity_item {
  position: relative;
  margin-top: 14px;
}
.layer_todo_card .reply_create .photo {
  position: absolute;
  left: 2px;
  top: 0px;
  width: 30px !important;
  height: 30px !important;
  overflow: hidden;
}
.layer_todo_card .activity_item .photo {
  position: absolute;
  left: 2px;
  top: 0px;
  width: 30px !important;
  height: 30px !important;
  overflow: hidden;
}
.layer_todo_card .activity_item .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;
}
.layer_todo_card .activity_item .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;
}
.layer_todo_card .activity_item .activity_wrap {
  position: relative;
  margin-left: 40px;
}

@media \0 screen {
  .layer_todo_card .content_activity .reply_create .form_wrap textarea {
    line-height: 18px;
    height: 18px !important;
    min-height: 18px !important;
  }
}
@media \0 screen {
  .layer_todo_card .activity_item .photo {
    top: 2px !important;
  }
  .layer_todo_card .reply_create .photo {
    top: 1px !important;
  }
}
.content_check .action_wrap, .activity_item .action_wrap {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
}

.content_check .action_wrap a, .activity_item .action_wrap a {
  margin: 0 0 0 4px;
}

.content_check:hover .action_wrap, .activity_item:hover .action_wrap {
  display: block;
}

.layer_todo_card .content_optional h2 {
  margin-top: 15px;
  font-size: 14px;
  color: #fff;
}
.layer_todo_card .content_optional h2:first-child {
  margin-top: 0;
}
.layer_todo_card .content_optional a.btn_flat_normal {
  margin: 0 10px 5px 0;
}
.layer_todo_card .content_optional a.btn_flat_normal .ic_attach_img {
  margin-top: 3px;
}

.card_desc {
  margin-top: 10px;
  line-height: 1.5;
}

/* todo_calendar */
.todo_calendar {
  padding: 0;
  overflow: hidden;
  background: #fff;
}
.todo_calendar.view_type {
  border-radius: 16px;
  border-color: #EAECEF;
}
.todo_calendar div.month_body {
  border: 10px solid #fff;
  border-top: 5px solid #fff;
}
.todo_calendar table.type_normal thead th {
  background: none;
  font-size: 14px;
  color: #888;
  height: 22px;
  border-top: 1px solid var(--dop-color-border-basic-level1);
  border-bottom: 1px solid var(--dop-color-border-basic-level1);
}
.todo_calendar section.calendar_tool_bar {
  margin: 20px 0 0 0;
}
.todo_calendar div.current_date span.date {
  font-size: 23px;
  vertical-align: middle;
}
.todo_calendar div.current_date span.btn_tool {
  display: inline-block;
}
.todo_calendar table.bg_row tbody tr td {
  border: 1px solid #fff;
  border-bottom: 0;
}
.todo_calendar div.calendar_month div.month_body div.week_schedule {
  border: 0;
}
.todo_calendar table.schedule_row span.day {
  font: 11px verdana;
}
.todo_calendar .current_date span.btn_ic_prev2, .todo_calendar .current_date span.btn_ic_next2 {
  padding: 2px 12px;
}
.todo_calendar .current_date span.btn_ic_prev2 span.ic_prev2, .todo_calendar .current_date span.btn_ic_next2 span.ic_next2, .todo_calendar .current_date span.btn_tool {
  vertical-align: baseline;
}
.todo_calendar .schedule_day {
  padding: 0 2px;
  margin: 0 1px;
  background: var(--dop-color-bg-primary-level2);
  border: 1px solid #fff;
}
.todo_calendar .schedule_day a {
  color: #333;
  max-width: 100%;
}
.todo_calendar .btn_schedule_more {
  margin-left: 4px;
}
.todo_calendar a.schedule > span {
  line-height: 1.3;
}

/* .todo_calendar table.schedule_row tbody tr th {height: 28px}
.todo_calendar table.schedule_row tbody tr td {height: 31px} */
/* .todo_calendar .schedule_day {padding: 0 2px; margin: 0 4px; background: #fff; border-radius: 2px; box-shadow: 0 1px 1px rgba(0,0,0,0.2);}
.todo_calendar .schedule_day:hover {background: #f1f1f1;}
.todo_calendar .schedule_day a {color: #333; height: 28px; line-height: 28px; max-width: 100%}
.todo_calendar .btn_schedule_more {margin-left: 4px} */
.optional .optional_type2 {
  right: 0;
}

.layer_upload .form_mail004 {
  margin: 16px 0 0 0;
}
.layer_upload span.title {
  display: block;
  margin-bottom: 8px;
}

/* media */
.build_body .build_situation .works_tit h1 .works_tit_inner .tit {
  width: 300px;
}

/* 1024, pad */
@media screen and (max-width: 1050px) {
  ul.list_todo_board > li {
    width: 25%;
  }
  .go_todo header.conent_header h1.board_name span.txt_ellipsis {
    max-width: 70%;
  }
  .tool_bar .btn_tool {
    margin: 0 4px;
    padding: 0 4px !important;
  }
  div.content_search_wrap {
    margin: 0 10px 16px !important;
  }
  .build_body .build_situation .works_tit h1 .works_tit_inner .tit {
    width: 40px !important;
  }
  .card_flex .card_item .card_wrapper .form .form_tr .form_td {
    max-width: 50px !important;
  }
}
@media screen and (max-width: 1350px) {
  .tool_bar .btn_tool .ic_toolbar, .tool_bar .btn_major_s .ic_toolbar, .tool_bar .critical .btn_tool .ic_toolbar {
    display: none;
  }
  .optional_mail .btn_tool .ic_toolbar {
    display: inline-bock;
  }
  /*오타확인*/
  .go_works_home .tool_bar .btn_tool .ic_toolbar {
    display: inline-block;
  }
  .tool_bar .btn_major_s, .tool_bar .btn_tool {
    border: 1px solid #ddd;
    padding: 0 8px;
  }
  .list_works_record .btn_submenu {
    border: 0;
  }
  .app_list_sort .btn_submenu {
    border: 0;
  }
  .app_list_sort .btn_submenu a.btn_tool_more {
    border: 0;
  }
  .app_list_sort .btn_submenu .ic_toolbar {
    display: inline-block;
  }
  .tool_bar .optional .dataTables_length .btn_submenu .btn_tool {
    border: 1px solid #ddd;
  }
  .build_body .build_situation .works_tit h1 .works_tit_inner .tit {
    width: 80px;
  }
  .btn_submenu .btn_func_more {
    border: 1px solid #ddd;
    border-radius: 0;
  }
  .tool_bar .optional .dataTables_length .btn_submenu .btn_tool {
    border: 1px solid #ddd;
  }
  .tool_bar .btn_tool span.txt, .tool_bar .btn_tool span.txt_caution {
    margin: 0;
  }
  .build_situation .optional .btn_tool {
    border: 1px solid #ddd !important;
  }
  .optional_mail .btn_tool .ic_toolbar {
    display: inline-block;
  }
  .tool_bar .optional .btn_submenu {
    margin-left: 4px;
  }
  .card_flex .card_item {
    display: block !important;
  }
  .card_flex .approval_home_card {
    width: auto !important;
  }
  .card_flex .card_item .card_wrapper .form .form_tr {
    display: table-cell;
  }
  .card_flex .card_item .card_wrapper .form .form_tr .form_td {
    display: inline-block;
  }
  .card_flex .card_item .card_wrapper .form .form_tr .form_th {
    display: inline-block;
    width: auto;
  }
  .card_flex .card_item .card_wrapper .form .form_tr .form_td {
    max-width: 56%;
  }
  .card_flex .card_item div.card_wrapper span.title {
    font-size: 17px;
  }
  .card_flex .card_item div.card_wrapper .card_subject, .card_flex .card_item div.card_wrapper .card_content {
    padding-right: 140px;
  }
  .approval_home_card .card_content {
    min-height: auto !important;
  }
  .card_flex .card_item .card_action .btn_lead {
    border-top: 0;
    border-radius: 0 !important;
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    bottom: 0;
    border-left: 1px solid #eee;
  }
  .card_flex .card_item .txt {
    vertical-align: middle;
    position: absolute;
    top: 40%;
    width: 100px;
    left: 0;
  }
  .card_flex .card_item .card_wrapper {
    margin: 0 0 16px 0 !important;
  }
  .card_flex .approval_home_card .card_wrapper .t_card {
    height: 23px !important;
    max-width: 90% !important;
  }
  .card_item .card_opt {
    padding: 0;
  }
  .card_flex .approval_home_card .card_wrapper .t_card + .pop_card {
    margin-top: 6px !important;
  }
}
@media screen and (min-width: 1680px) {
  .build_body .build_situation .works_tit h1 .works_tit_inner .tit {
    width: 700px;
  }
}
/* wide */
@media screen and (min-width: 1100px) {
  ul.list_todo_board > li {
    width: 20%;
  }
}
.content_box {
  background: #fff;
  margin: 10px;
  padding: 15px;
}

/* skin */
/* skin_todo_type1 */
body.skin_todo_type1 {
  background: none !important;
}
body.skin_todo_type1 .content_page, body.skin_todo_type1 .go_wrap .go_body, body.skin_todo_type1 header.content_top {
  background: none !important;
}
body.skin_todo_type2 {
  background: #bf4a40 !important;
}
body.skin_todo_type2 .content_page, body.skin_todo_type2 .go_wrap .go_body {
  background: #bf4a40 !important;
}
body.skin_todo_type2 header.content_top {
  background: #bf4a40 !important;
  background: #bf4a40;
  border-bottom-color: #983a33;
}
body.skin_todo_type2 div.board_column_wrap {
  background: #ccc;
}
body.skin_todo_type2 a.btn_menu span.txt, body.skin_todo_type2 .conent_header .board_name .txt {
  color: #fff;
}

/* skin_todo_type2 */
/*1.6.2*/
.layer_todo_card ul.tab_menu li {
  height: 44px;
}
.layer_todo_card ul.tab_menu li:first-child {
  margin-left: 0;
}
.layer_todo_card .detail_content_wrap .content_critical div.tab_menu_wrap {
  overflow: visible !important;
  margin-top: 20px;
}

/*//go_multi_style.css로 옮길예정*/
/* AEAo¸ÞAI */
div.layer_smallmail {
  width: 710px;
  min-width: 710px;
  min-height: 550px;
  max-height: 551px;
  box-shadow: none;
  overflow-y: auto;
  overflow-x: hidden;
}
div.layer_smallmail .editor_wrap {
  height: 300px;
}
div.layer_smallmail table.form_type div.div_ipt_wrap div.div_ipt {
  margin-right: 0;
}
div.layer_smallmail .btn_major_s {
  border: 1px solid #466a9e;
  background: #6b90c6;
  border-radius: 2px;
}
div.layer_smallmail .btn_major_s:hover {
  background: #547cb6;
  border: 1px solid #2f548a;
}
div.layer_smallmail footer.btn_layer_wrap {
  padding: 15px 0;
}
div.layer_smallmail table.form_type {
  margin-top: 0;
}
div.layer_smallmail .form_type span.txt_error {
  display: inline-block;
  margin-top: 5px;
  color: red;
}
div.layer_smallmail .view_content {
  background: #fff;
}
div.layer_smallmail table.list_report tr th {
  padding: 0;
}
div.layer_smallmail .div_scroll {
  border: 0;
}
div.layer_smallmail footer.btn_layer_wrap a {
  margin: 0 1px;
}
div.layer_smallmail > header.smail {
  background: #fff;
  height: 31px;
}
div.layer_smallmail header ul.tab_nav li {
  height: 20px;
}
div.layer_smallmail ul.tab_nav li {
  padding: 5px 24px;
  line-height: 20px;
}
div.layer_smallmail table.type_normal thead th.sorting_desc span.selected, div.layer_smallmail table.type_normal thead th.sorting_asc span.selected {
  background: #6b90c6;
}
div.layer_smallmail table.mail_list span.subject {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 300px;
}
div.layer_smallmail table.mail_list tr.tb_option td {
  background: #E1EBF6;
}
div.layer_smallmail table.mail_list tr.tb_option td p.desc {
  color: #6b90c6;
  text-align: center;
}
div.layer_smallmail table.type_normal tbody tr:hover td, div.layer_smallmail table.type_normal tbody tr.active td {
  background: #E1EBF6;
  border-color: #c7d0e0;
}
div.layer_smallmail div.content {
  padding: 15px;
}
div.layer_smallmail .smail_b_top {
  padding-bottom: 5px;
}
div.layer_smallmail .smail_b_bt {
  padding-top: 5px;
}
div.layer_smallmail .smail_b_top select, div.layer_smallmail .smail_b_bt sselect {
  float: right;
}
div.layer_smallmail div.view_content {
  padding: 0;
}
div.layer_smallmail div.column div.column_second {
  border-top: 0;
}
div.layer_smallmail div.paging_out {
  padding: 15px 0 0 0;
}
div.layer_smallmail div.content section.search {
  display: inline-block;
}
div.layer_smallmail section.combine_search .c_search_wrap {
  height: 24px;
}
div.layer_smallmail .sm_search {
  text-align: center;
  padding: 15px 0 10px 0;
}
div.layer_smallmail section.combine_search .c_search_wrap:hover, div.layer_smallmail section.combine_search .c_search_wrap:focus {
  border: 1px solid #6b90c6;
}
div.layer_smallmail section.combine_search .c_search_wrap:hover input.btn_c_search, div.layer_smallmail section.combine_search .c_search_wrap:focus input.btn_c_search {
  background: url(../images/ic_gnb.png) no-repeat -483px -729px;
}
div.layer_smallmail div.content table.s_mail tbody tr td {
  padding: 4px 8px;
}
div.layer_smallmail table.mail_list .date {
  min-width: 85px;
}
div.smail_pop {
  max-width: 300px;
  min-width: 300px;
  min-height: 100px;
}
div.layer_smallmail ul.name_tag > li {
  background: #E1EBF6;
  border-color: #c7d0e0;
}
div.layer_smallmail span.item_file span.name:hove, div.layer_smallmail span.num {
  color: #6b90c6;
}
div.inbox_smail {
  min-height: 300px;
}
div.layer_smallmail table.mail_list span.name {
  width: 80px;
}
div.layer_smallmail div.tool_bar {
  padding: 0;
  min-height: 33px;
}
div.layer_smallmail div.tool_absolute {
  margin-top: 5px;
}
div.layer_smallmail table.mail_list .name {
  min-width: 80px;
}
div.layer_smallmail .sm_search {
  padding: 0;
}
div.layer_smallmail div.tool_bar a.btn_major_s {
  padding: 0 7px;
  height: inherit;
}
div.layer_smallmail div.tool_bar a.btn_minor_s, div.layer_smallmail div.tool_bar a.btn_major_s {
  float: none;
  margin-right: 4px !important;
}
div.layer_smallmail table.s_mail tr {
  cursor: pointer;
}
div.layer_smallmail_d {
  width: 100%;
  max-height: 100%;
  min-height: 410px;
  overflow-y: auto;
  overflow-x: hidden;
}
div.layer_smallmail_d .btn_layer_wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  height: 30px;
  border-bottom: 1px solid #e3e3e3;
}
div.layer_smallmail_d div.content {
  min-height: 360px;
  margin-top: 60px;
  margin-bottom: 0;
}
div.smail_pop p.add {
  padding-top: 10px;
}
div.layer_smallmail_d table.list_report tr th span.title {
  margin-top: 8px;
}
div.layer_smallmail_d table.list_report tr td span.subject {
  display: inline-block;
  vertical-align: top;
  padding-top: 4px;
  font-weight: bold;
  font-weight: 500;
}
div.layer_smallmail table.s_mail {
  table-layout: fixed;
  width: 680px !important;
}
div.layer_smallmail table.s_mail th.check {
  width: 30px;
}
div.layer_smallmail table.s_mail th.name, div.layer_smallmail table.s_mail th.date {
  width: 100px;
}
div.layer_smallmail table.s_mail th.size {
  width: 80px;
}
div.layer_smallmail table.s_mail th.subject {
  min-width: 300px;
}
div.layer_smallmail table.s_mail tr td span.subject span.ic_file_s {
  margin: 1px 4px 0 0;
}
div.s_note .btn_layer_wrap {
  text-align: left;
  padding-left: 15px;
}
div.layer_smallmail_d div.content {
  padding-bottom: 0;
}
div.s_note .btn_layer_wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  height: 30px;
  border-bottom: 1px solid #e3e3e3;
}
div.s_note table.list_report tr th {
  padding: 0;
}
div.s_note table.list_report tr td span.subject {
  display: inline-block;
  vertical-align: top;
  padding-top: 4px;
  font-weight: bold;
  font-weight: 500;
}
div.s_note table.list_report tr th span.title {
  margin-top: 8px;
}
div.s_note .btn_major_s {
  border: 1px solid #466a9e;
  background: #6b90c6;
  border-radius: 2px;
}
div.s_note .btn_major_s:hover {
  background: #547cb6;
  border: 1px solid #2f548a;
}
div.s_note ul.name_tag > li {
  background: #E1EBF6;
  border-color: #c7d0e0;
}
div.s_note .s_mail_view {
  margin-top: 40px;
  background: none;
}
div.s_note footer.btn_layer_wrap {
  border-top: 0;
}
div.s_note footer.btn_layer_wrap a {
  margin: 0;
}

/* AEAo¸ÞAIAß°¡ */
/*1.6.3*/
.layer_transition .btn_fn7 span.txt, .layer_static .btn_fn7 span.txt {
  vertical-align: top;
}

.layer_array_option {
  width: 200px;
}
.layer_array_option h1 {
  display: none;
}
.layer_array_option .container {
  overflow-y: auto;
  max-height: 195px;
}
.layer_array_option ul.array_type li {
  position: relative;
  padding: 5px 10px;
}
.layer_array_option ul.array_type li input {
  position: absolute;
  left: 10px;
  top: 9px;
}
.layer_array_option ul.array_type li label {
  padding-left: 20px;
}
.layer_array_option ul.array_type li label .num {
  font-size: 12px;
}

/*2.0*/
/*attend_personal*/
.go_attend_list table.tb_attend th {
  text-align: center !important;
  vertical-align: middle;
  width: 12%;
}
.go_attend_list table.tb_attend td {
  text-align: center !important;
  vertical-align: middle;
  width: 12%;
  font-weight: normal;
}
.go_attend_list table.tb_attend tr th.day {
  text-align: center !important;
}
.go_attend_list table.tb_attend tr td.status {
  width: 52%;
  border-right: 0px;
}
.go_attend_list table.tb_attend tbody tr th {
  border-right: 1px solid #dfdfdf;
}
.go_attend_list table.tb_attend tr.today th, .go_attend_list table.tb_attend tr.today td {
  background: #def1f2;
}
.go_attend_list table.tb_attend tr.holiday th, .go_attend_list table.tb_attend tr.holiday td {
  background: #f3f3f3;
}
.go_attend_list table.tb_attend tr th.sat {
  color: #2261f8;
}
.go_attend_list table.tb_attend tr td.late {
  color: #f14f4f;
}
.go_attend_list table.tb_attend tr td.modify {
  color: #33cfd7;
}
.go_attend_list table.tb_attend tbody tr:hover th, .go_attend_list table.tb_attend tbody tr:hover td {
  background: #def1f2;
}
.go_attend_list .tool_bar .optional .wrap_select .wfix_small {
  width: 49px;
}
.go_attend_list div section div.critical {
  margin-bottom: 5px;
}
.go_attend_list table.tb_attend tr td ul li p {
  text-align: left;
  vertical-align: top;
  display: block;
  padding-bottom: 10px;
}
.go_attend_list table.tb_attend tr td ul li p.tit {
  float: left;
  width: 150px;
  margin-left: 5px;
}
.go_attend_list table.tb_attend tr td ul li p.con {
  color: #939393;
  margin-left: 165px;
}
.go_attend_list table.tb_attend tr td ul li.last p {
  padding-bottom: 0;
}
.go_attend_list div.table_search {
  text-align: center;
}
.go_attend_list div.critical h1.s_title {
  float: left;
  margin-top: 0;
  padding-top: 4px;
}
.go_attend_list div.critical section.marker {
  float: left;
  padding: 8px;
  border: 1px solid #cecece;
  border-radius: 3px;
}
.go_attend_list div.critical section ul li {
  width: 44px;
  float: left;
  margin-left: 10px;
}
.go_attend_list div.critical section ul li.normal {
  font-weight: normal;
}
.go_attend_list div.critical section ul li.late {
  color: #f14f4f;
}
.go_attend_list div.critical section ul li.modify {
  color: #33cfd7;
}
.go_attend_list div.critical section ul li span {
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #3b3b3b;
  margin-right: 6px;
  margin-top: 4px;
  border-radius: 15px;
  vertical-align: top;
}
.go_attend_list div.critical section ul li.late span {
  background: #f14f4f;
}
.go_attend_list div.critical section ul li.modify span {
  background: #33cfd7;
}
.go_attend_list div.table_new_search {
  margin-top: 0;
}

table.tb_attend thead th.sorting, table.tb_attend thead th.sorting_desc, table.tb_attend thead th.sorting_asc {
  cursor: pointer;
}

.go_attend_list div.info span.date {
  margin-left: 5px;
}
.go_attend_list table.tb_attend tr.attend_none td {
  cursor: default;
}
.go_attend_list table.tb_attend tr.attend_none td.status {
  cursor: default;
}
.go_attend_list table.tb_attend tr.attend_modify_status td, .go_attend_list table.tb_attend tr.attend_modify_attend td.status, .go_attend_list table.tb_attend tr.attend_modify td {
  cursor: default;
}
.go_attend_list td.status ul li {
  display: block;
  clear: both;
}
.go_attend_list table.tb_attend td span.ic_gps {
  position: relative;
  margin-left: 5px;
  cursor: pointer;
}
.go_attend_list table.tb_attend td span.time {
  vertical-align: top;
  margin-top: 2px;
}

/* ----------- ic_gps add ----------- */
/* ----------- gps address add ----------- */
span.ic_gps > span {
  display: none;
  font-size: 12px;
  cursor: text;
}
span.ic_gps:hover > span {
  position: relative;
  display: block;
  position: absolute;
  top: 1px;
  left: 26px;
  background: #444;
  width: 180px;
  color: #ddd;
  border-radius: 3px;
  padding: 5px;
  font-weight: normal;
  text-indent: 0;
  z-index: 1;
  text-align: left;
}
span.ic_gps:hover > span i {
  position: absolute;
  width: 0;
  height: 0;
  border-width: 10px 6px 10px 0;
  border-style: solid;
}
span.ic_gps:hover > span.top {
  top: 31px;
  left: -7px;
}
span.ic_gps:hover > span.top i {
  border-width: 0 10px 6px 10px;
}
span.ic_gps:hover > 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;
}

.go_attend_situation div.day_view {
  width: 100%;
  overflow-x: auto;
}
.go_attend_situation div.day_view div.tb_attend_wrap {
  min-width: 1100px;
}

/*attend_side*/
.go_side section.function_attend {
  height: 132px;
}
.go_side section.function_attend .function_btn_wrap {
  width: 235px;
  margin: 0 auto;
}
.go_side section.function_attend .function_btn_wrap .btn_function {
  cursor: pointer;
  line-height: 33px;
  height: 32px;
  background: url(../images/ic_side2.png) no-repeat 0 -120px;
}
.go_side section.function_attend .function_btn_wrap .btn_function_s {
  width: 115px;
  background: url(../images/ic_side2.png) no-repeat 0 0;
  float: right;
}
.go_side section.function_attend .function_btn_wrap .btn_function_s:first-child {
  float: left;
}
.go_side section.function_attend .function_btn_wrap .btn_function:hover {
  background-position: 0 -160px;
}
.go_side section.function_attend .function_btn_wrap .btn_function:active {
  background-position: 0 -200px;
}
.go_side section.function_attend .function_btn_wrap .btn_function_s:hover {
  background-position: 0 -40px;
}
.go_side section.function_attend .function_btn_wrap .btn_function_s:active {
  background-position: 0 -80px;
}
.go_side section.function .current_time_wrap {
  margin: 10px 10px 5px 10px;
  padding: 8px;
  border: 1px solid #37acb3;
  border-radius: 50px;
}

/*attend_layer*/
.layer_go_status .date_wrap span.date_wave {
  display: inline-block;
  padding-top: 7px;
}

.wrap_date input.txt {
  padding-left: 26px !important;
  vertical-align: top;
  width: 106px;
  box-sizing: border-box;
}
.wrap_date input.txt[type=text] {
  padding-left: 26px !important;
  vertical-align: top;
  width: 106px;
  box-sizing: border-box;
}

/*지각인데 출근버튼을 누르지 않았을 경우 텍스트 및 테두리 컬러 변경*/
.go_side section.function div.late {
  border: 1px solid #f14f4f;
}
.go_side section.function .current_time_wrap p.time_late {
  color: #f14f4f;
}
.go_side section.function .current_time_wrap .time_view {
  font-family: century gothic, applegothic;
  color: #37acb3;
}
.go_side section.function .current_time_wrap .time_view strong {
  font-weight: bold;
  font-weight: 500;
  font-size: 11px;
  vertical-align: bottom;
}
.go_side section.function .current_time_wrap .time_view span.time {
  letter-spacing: -1px;
  font-weight: normal !important;
  font-family: century gothic, applegothic !important;
  font-size: 32px;
}
.go_side section.function .current_time_wrap .log_view {
  line-height: 15px;
  vertical-align: top;
  color: #888;
}
.go_side section.function .current_time_wrap .log_view span.txt {
  font-weight: bold;
  font-weight: 500;
}
.go_side section.function .current_time_wrap .log_view span.time {
  margin-left: 3px;
  line-height: 12px;
  font-weight: normal;
  margin-top: 2px;
}
.go_side section.function .current_time_wrap .finish {
  height: 55px;
}
.go_side section.function .current_time_wrap p.time_finish {
  padding: 7px 0;
}

/*지각인데 출근버튼을 누르지 않았을 경우 텍스트 및 테두리 컬러 변경*/
ul.side_depth li.status > p ins.ic {
  background-position: -400px -1100px;
}
ul.side_depth li.status > p.on ins.ic {
  background-position: -450px -1100px;
}
ul.side_depth li.analysis > p ins.ic {
  background-position: -400px -1150px;
}
ul.side_depth li.analysis > p.on ins.ic {
  background-position: -450px -1150px;
}

/*attend_situation*/
.go_attend_situation table.tb_attend td {
  text-align: center !important;
  vertical-align: middle;
  padding: 6px;
}
.go_attend_situation table.tb_attend th {
  text-align: center !important;
  padding: 2px !important;
}
.go_attend_situation table.tb_attend th.department {
  width: 70px !important;
}
.go_attend_situation table.tb_attend td.department {
  width: 70px !important;
  max-width: 200px;
  text-align: left !important;
  padding: 6px !important;
}
.go_attend_situation table.tb_attend .name {
  width: 70px !important;
}
.go_attend_situation table.tb_attend .go, .go_attend_situation table.tb_attend .leave {
  width: 50px !important;
  background: #f3f3f3;
}
.go_attend_situation table.tb_attend .go_ip, .go_attend_situation table.tb_attend .leave_ip {
  width: 75px !important;
  font-size: 11px;
  color: #aeaeae;
}
.go_attend_situation table.tb_attend .go_gps, .go_attend_situation table.tb_attend .leave_gps {
  width: 135px !important;
  font-size: 11px;
  color: #aeaeae;
}
.go_attend_situation table.tb_attend .time {
  width: 70px !important;
  font-size: 11px;
  background: #f3f3f3;
}
.go_attend_situation table.tb_attend .status {
  width: auto !important;
}
.go_attend_situation table.tb_attend span.time {
  width: 50px !important;
  font-size: 12px;
  margin: 0;
  background: none;
  margin-top: -3px;
}
.go_attend_situation table.tb_attend td.time {
  font-size: 12px;
}
.go_attend_situation table.tb_attend td.status {
  font-size: 11px;
}
.go_attend_situation table.tb_attend th.go_ip, .go_attend_situation table.tb_attend th.leave_ip, .go_attend_situation table.tb_attend th.go_gps, .go_attend_situation table.tb_attend th.leave_gps {
  color: #333;
}
.go_attend_situation table.tb_attend tr td span.late {
  color: #f14f4f;
}
.go_attend_situation table.tb_attend tr td span.modify {
  color: #33cfd7;
}
.go_attend_situation .tool_bar .optional .wrap_select .wfix_small {
  width: 49px;
}
.go_attend_situation table.tb_attend tbody tr:hover th, .go_attend_situation table.tb_attend tbody tr:hover td {
  background: #def1f2;
}
.go_attend_situation table.tb_attend tr td ul li p {
  text-align: left;
  vertical-align: top;
  display: block;
  margin-bottom: 10px;
  font-size: 12px;
}
.go_attend_situation table.tb_attend tr td ul li p.tit {
  float: left;
  width: 150px;
  margin-left: 5px;
}
.go_attend_situation table.tb_attend tr td ul li p.con {
  min-width: 20px;
  color: #939393;
  margin-left: 135px;
}
.go_attend_situation table.tb_attend tr td ul li.last p {
  margin-bottom: 4px;
}
.go_attend_situation div.critical section.marker {
  float: left;
  padding: 8px;
  border: 1px solid #cecece;
  border-radius: 3px;
}
.go_attend_situation div.critical section ul li {
  float: left;
  margin-left: 10px;
}
.go_attend_situation div.critical section ul li:first-child {
  margin-left: 5px;
}
.go_attend_situation div.critical section ul li.normal {
  font-weight: normal;
}
.go_attend_situation div.critical section ul li.late {
  color: #f14f4f;
}
.go_attend_situation div.critical section ul li.modify {
  color: #33cfd7;
}
.go_attend_situation div.critical section ul li span {
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #3b3b3b;
  margin-right: 6px;
  margin-top: 4px;
  border-radius: 15px;
  vertical-align: top;
}
.go_attend_situation div.critical section ul li.late span {
  background: #f14f4f;
}
.go_attend_situation div.critical section ul li.modify span {
  background: #33cfd7;
}
.go_attend_situation div.calendar_tool_bar {
  position: relative;
  margin-top: 7px;
}
.go_attend_situation div.tool_bar {
  min-height: 38px;
}
.go_attend_situation div.calendar_tool_bar div.optional {
  position: absolute;
  top: -1px;
  right: 60px;
}
.go_attend_situation div.calendar_tool_bar div.dataTables_length {
  position: absolute;
  top: -3px;
  right: 0;
}
.go_attend_situation .current_date {
  width: 500px;
  margin: 0 auto;
}
.go_attend_situation ul li.clearfix {
  display: block;
}
.go_attend_situation td.status ul li {
  display: block;
  clear: both;
}
.go_attend_situation div.tool_bar .critical div.btn_down a.btn_tool {
  margin-left: 6px;
  padding: 2px 7px;
  font-weight: bold;
}
.go_attend_situation div.month_view {
  width: 100%;
  overflow-x: auto;
}
.go_attend_situation div.month_view div.month_time table.tb_attend {
  height: 93px;
}
.go_attend_situation div.month_view table.tb_attend .name {
  width: 133px !important;
}
.go_attend_situation div.month_view table.tb_attend tbody tr:hover td {
  background: #e9f5f6;
}
.go_attend_situation div.month_view table.tb_attend tbody tr:hover td.month_dep {
  background: #fff;
}
.go_attend_situation div.month_view table.tb_attend tbody tr:hover td.status {
  background: #e9f5f6;
}
.go_attend_situation div.month_view table.tb_attend tbody td.status {
  min-width: 40px !important;
  width: 40px !important;
  padding: 2px !important;
  text-align: center !important;
}
.go_attend_situation div.month_view table.tb_attend thead th.status {
  min-width: 40px !important;
  width: 40px !important;
  padding: 2px !important;
  text-align: center !important;
}
.go_attend_situation div.month_view table.tb_attend th {
  min-width: 37px;
  width: 50px;
  padding: 2px;
}
.go_attend_situation div.month_view table.tb_attend th.sorting.department {
  min-width: 144px;
  width: 144px !important;
  padding: 2px 0 !important;
}
.go_attend_situation div.month_view table.tb_attend th span.sat {
  color: #348bdc;
}
.go_attend_situation div.month_view table.tb_attend td.go, .go_attend_situation div.month_view table.tb_attend td.leave, .go_attend_situation div.month_view table.tb_attend td.time {
  min-width: 36px;
  width: 50px !important;
  padding: 2px;
  font-size: 11px;
  background: #fff;
}
.go_attend_situation div.month_view table.tb_attend td.detail {
  min-width: 36px;
  width: 50px !important;
  padding: 2px;
  font-size: 11px;
  background: #fff;
}
.go_attend_situation div.month_view table.tb_attend td.detail span {
  padding: 4px;
  cursor: pointer;
}
.go_attend_situation div.month_view table.tb_attend td.detail span.detail_wrap {
  position: relative;
}
.go_attend_situation div.month_view table.tb_attend td.detail span span.tool_tip {
  position: absolute;
  display: none;
  padding: 4px;
  color: #fff;
  background: #000;
  top: 0;
  left: 0;
}
.go_attend_situation div.month_view table.tb_attend td.detail span:hover span.tool_tip {
  display: block;
}
.go_attend_situation div.month_view table.tb_attend td.late {
  color: #f14f4f;
}
.go_attend_situation div.month_view table.tb_attend td.modify {
  color: #33cfd7;
}
.go_attend_situation div.month_line table.tb_attend tr.last td {
  /*  border-bottom: 0; */
}
.go_attend_situation div.month_view table.tb_attend th.department {
  padding: 2px !important;
  width: 144 !important;
}
.go_attend_situation div.month_view table.tb_attend th.department span {
  text-align: center;
}
.go_attend_situation div.month_view table.tb_attend td.department p.name {
  padding: 2px;
  width: 135px;
}
.go_attend_situation div.month_view table.tb_attend tr.go {
  background: none;
}
.go_attend_situation div.month_view .month_line {
  position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
  /* border-bottom: 1px solid #dfdfdf;  */
}
.go_attend_situation div.month_view .month_line .list_month_line {
  display: table-cell;
  width: 144px;
  height: 100%;
}
.go_attend_situation div.month_view .month_line .tb_month_line_wrap {
  display: table-cell;
  vertical-align: top;
}
.go_attend_situation div.month_title table.type_normal:hover td {
  border-top: none;
}
.go_attend_situation div.month_title td.department {
  padding: 4px 0 0 0 !important;
  border-bottom: 0;
}
.go_attend_situation div.month_title tr:hover {
  background: none;
}
.go_attend_situation div.month_title td.department:hover {
  background: none;
}
.go_attend_situation div.month_title td.department div {
  position: relative;
  width: 133px;
  height: 54px;
  padding: 5px !important;
  text-align: center !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.go_attend_situation div.month_view .month_title {
  display: table-cell;
  width: 144px;
  min-height: 92px;
  vertical-align: middle;
  border-bottom: 1px solid #dfdfdf;
}
.go_attend_situation div.month_title td.department div p.team {
  width: 130px;
  font-weight: bold;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  font-size: 12px;
}
.go_attend_situation div.month_title td.department div p.late {
  color: #FF000A;
}
.go_attend_situation div.month_view .month_dep a.popup span {
  vertical-align: top;
  margin: 2px 2px 0;
}
.go_attend_situation div.month_view table.tb_attend td.today {
  background: #e9f5f6;
}
.go_attend_situation div.month_view table.tb_attend .status {
  width: 40px !important;
}

/*attend_situation month_view */
/*오타확인*/
/* .go_attend_situation div.month_view .month_line:hover,
.go_attend_situation div.month_view .month_line:hover th,
.go_attend_situation div.month_view .month_line:hover td {background: #e9f5f6; } */
/*attend_stats*/
.attend_stats .function_stats div.stats_select {
  margin: 3px 0 3px 0;
}
.attend_stats .function_stats div.stats_select .select {
  background: #858585;
  color: #ffffff;
  border: 1px solid #858585;
}
.attend_stats .function_stats div.stats_select .btn_minor_s .txt {
  font-weight: normal;
}
.attend_stats .function_stats span.date_txt {
  line-height: 260%;
}
.attend_stats div div label {
  margin-right: 20px;
}
.attend_stats td hr {
  border-bottom: 1px solid #e6e6e6;
  margin: 0;
  padding-bottom: 20px;
  height: 0;
}

.go_stats table.tb_attend tr td.contents {
  color: #939393;
  text-align: left !important;
}
.go_stats tbody td.late {
  color: #4f4f4f !important;
}
.go_stats div.table_search {
  margin-top: 8px;
}
.go_stats table.tb_attend tr th.department {
  text-align: center !important;
}
.go_stats table.tb_attend thead th {
  width: 11%;
}
.go_stats table.tb_attend tbody td {
  text-align: center;
}
.go_stats table.tb_attend tbody td.department, .go_stats table.tb_attend tbody td.name {
  text-align: left;
}
.go_stats table.tb_attend tbody th.no_data {
  height: 100px;
  vertical-align: middle;
}

/*attend_status*/
.mb_5 {
  margin-bottom: 5px;
}

.layer_go_status {
  width: 406px !important;
}
.layer_go_status .go_form_basic tr th {
  width: 80px;
}
.layer_go_status .go_form_basic tr td {
  padding-right: 0px !important;
}
.layer_go_status .go_form_basic tr td textarea {
  height: 120px;
  width: 100%;
}
.layer_go_status .go_form_basic tr td .go_time_option > span {
  width: 45px;
}
.layer_go_status .go_form_basic tr td .date_semicolon, .layer_go_status .go_form_basic tr td .date_wave {
  width: 11px !important;
}
.layer_go_status .go_form_basic tr td div.go_type_option select:first-child {
  width: 162px;
}
.layer_go_status .go_form_basic tr td div.go_type_option select + select {
  width: 70px;
}
.layer_go_status .go_form_basic .tool_tip {
  width: 480px !important;
  left: -472px !important;
}
.layer_go_status .go_form_basic span.status_lable {
  vertical-align: baseline;
  float: left;
  line-height: 29px;
  margin-right: 5px;
  display: inline-block;
  width: 45px;
  height: 26px;
}
.layer_go_status .go_time_status > * {
  vertical-align: baseline;
  line-height: 26px;
  margin-right: 5px;
  display: inline-block;
  display: block;
  *zoom: 1;
  height: 26px;
}
.layer_go_status .go_time_status span:first-child {
  float: left;
}
.layer_go_status .wrap_date {
  width: 109px;
  display: inline-block;
  *display: block;
  *zoom: 1;
}
.layer_go_status .date_wave {
  padding-left: 3px;
}
.layer_go_status select.select_status {
  width: 291px !important;
}

/*layer_attend_gps*/
.layer_attend_gps {
  width: 300px !important;
}
.layer_attend_gps table.form_type th {
  width: 60px;
}

/*근태현황 가젯 2015.05.28*/
div.go-gadget div.attend_contents_wrap {
  margin: 0 !important;
}
div.go-gadget div.current_time_wrap {
  margin: 10px 10px 5px 10px;
  padding: 8px;
  width: 214px;
  border: 1px solid #37acb3;
  border-radius: 50px;
  text-align: center;
}
div.go-gadget div.current_time_wrap .time_view {
  font-family: century gothic, applegothic;
  color: #37acb3;
}
div.go-gadget div.current_time_wrap .time_view strong {
  vertical-align: bottom;
  margin-right: 3px;
  font-weight: bold;
  font-size: 16px;
  line-height: 160%;
}
div.go-gadget div.current_time_wrap span.time {
  letter-spacing: -1px;
  font-weight: normal !important;
  font-family: century gothic, applegothic !important;
  font-size: 32px;
}
div.go-gadget div.log_view_wrap {
  margin-left: 15px;
  padding: 8px;
  vertical-align: top;
  line-height: 15px;
  color: #888;
}
div.go-gadget div.attend_btn_wrap {
  margin-left: 10px;
  margin-bottom: 10px;
  vertical-align: top;
  line-height: 15px;
  color: #888;
}
div.go-gadget div.attend_btn_wrap a.btn_lead {
  width: 112px;
}
div.go-gadget div.attend_btn_wrap a.off {
  opacity: 0.4;
  cursor: default;
  opacity: 0.4;
  filter: alpha(opacity=40);
  cursor: default;
}
div.go-gadget div.log_view_wrap li {
  margin-bottom: 4px;
}
div.go-gadget div.log_view_wrap span.txt {
  font-weight: bold;
  font-weight: 500;
}
div.go-gadget div.log_view_wrap span.time {
  margin-left: 3px;
  line-height: 12px;
  font-weight: normal;
}

/*IE8*/
/*multi_company*/
.go_wrap header.go_header_2row .wrap_multiCompany .gnb_top_menu {
  border-top: 1px solid rgba(0, 0, 0, 0.4);
}
.go_wrap header.go_header_2row .wrap_multiCompany .gnb_top_menu ul li {
  height: 40px;
}
.go_wrap header.go_header_2row .wrap_multiCompany .gnb_top_menu ul li a {
  display: block;
  height: 35px;
  line-height: 35px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: inherit;
}

/*ic_gnb2*/
.ic_gnb2 {
  display: inline-block;
  background: url(../images/ic_gnb2.png) no-repeat;
}

span.ic_arrow_d {
  background-position: 0 -4px;
  width: 20px;
  height: 20px;
}

.go_wrap header.go_header_2row .wrap_multiCompany .gnb_top_menu ul li span.ic_arrow_wrap {
  position: relative;
  top: -2px;
  display: inline-block;
  line-height: 35px;
  height: 20px;
  margin-right: 10px;
  background: #8b8b8b;
  border-radius: 50%;
  vertical-align: middle;
  display: none;
}
.go_wrap header.go_header_2row .wrap_multiCompany .gnb_top_menu ul li:hover span.ic_arrow_wrap {
  background: #99CFD2;
}
.go_wrap header.go_header_2row .wrap_multiCompany .gnb_top_menu ul li span.txt {
  margin-left: 10px;
}

@-moz-document url-prefix() {
  .go_wrap header.go_header_2row .wrap_multiCompany .gnb_top_menu ul li span.ic_arrow_wrap {
    line-height: 34px;
    top: -1px;
  }
}
/*go_admin*/
table.detail td span.attend_alert {
  display: block;
}
table.detail tr td.attend_state {
  vertical-align: top;
}
table.detail td select.attend_select {
  display: inline-block;
}

section.form_admin span.des {
  padding: 0 24px;
  color: red;
}

.tool_tip .tail_top {
  display: none;
}

/*수정 150604*/
section.form_admin table.tb_mam tbody tr td.align_c, section.form_admin table.tb_mam tbody tr td.mam_toggle {
  width: 30%;
}
section.form_admin table.tb_mam tbody tr td.mam_delete {
  width: 10%;
  text-align: right;
  padding-right: 24px;
}

span.ic_control {
  display: inline-block;
  background: url(../images/ic_control.png) no-repeat;
  cursor: pointer;
  vertical-align: middle;
}

.form_admin div.sign_type_new table.tb_sign_type1 tbody tr td table.sign_member tbody tr td.wrap_sign span.sign_stamp {
  position: relative;
}
.form_admin div.sign_type_new table.tb_sign_type1 tbody tr td table.sign_member tbody tr td.wrap_sign span.sign_stamp span.btn_fn4 {
  position: absolute;
  top: 0px;
  right: 2px;
  width: 16px;
  padding: 0;
}
.form_admin div.sign_type_new table.tb_sign_type1 tbody tr td table.sign_member tbody tr td.wrap_sign span.sign_stamp span.btn_fn4 span.ic_del_white {
  display: inline-block;
  width: 16px;
  height: 15px;
  padding: 0;
}

/*수정 150604*/
span.ic_ctrl_on {
  background-position: 0 0;
  width: 60px;
  height: 22px;
}
span.ic_ctrl_on:hover {
  background-position: 0 -50px;
}
span.ic_ctrl_off {
  background-position: 0 -100px;
  width: 60px;
  height: 22px;
}
span.ic_ctrl_off:hover {
  background-position: 0 -150px;
}

/* IE8 hack */
@media \0 screen {
  .multi_select_option .input.wfix_mini {
    box-sizing: border-box;
    height: 26px;
    line-height: 24px;
  }
}
/*works - App core */
.go_skin_works div.page_action_wrap .btn_major, .go_skin_works footer.btn_layer_wrap .btn_major, .go_skin_works div.page_action_wrap .btn_minor, .go_skin_works footer.btn_layer_wrap .btn_minor {
  line-height: 38px !important;
}

/*btn*/
.ic.ic_info {
  background-position: -140px -1000px;
  position: relative;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.ic.ic_info.on {
  background-position: -200px -1000px;
  width: 16px;
  height: 16px;
}
.ic.ic_help2 {
  background-position: -150px -350px;
  position: relative;
  margin-top: 2px;
}
.ic.ic_works_set {
  background-position: -139px -950px !important;
  margin-top: 2px;
}
.ic.ic_close {
  background-position: -51px -151px;
  width: 10px;
  height: 10px;
}
.ic.ic_tail {
  background: url(../images/ic.png) no-repeat 0 0;
  background-position: -140px -1100px;
  width: 18px;
  height: 9px;
  position: absolute;
  top: -9px;
  left: 12px;
}
.ic.ic_pin {
  background-position: -140px -900px !important;
  width: 23px;
  height: 10px;
}

.wrap_btn_title {
  display: inline-block;
  width: 28px;
  position: relative;
  margin: 3px 0 0 5px;
  vertical-align: top;
  float: left;
}
.wrap_btn_title .array_option {
  width: 218px;
  position: absolute;
  z-index: 22;
  left: -60px;
  top: 26px;
}
.wrap_btn_title .array_option li {
  height: 26px;
  line-height: 26px;
  font-size: 13px;
  font-size: 13px;
  text-indent: 10px;
}
.wrap_btn_title .ic_pin {
  cursor: pointer;
}

.line_under {
  vertical-align: top;
  display: inline-block;
  text-decoration: underline;
  color: #999999;
}
.line_under:hover {
  vertical-align: top;
  display: inline-block;
  text-decoration: underline;
  color: #999999;
}

/*works - tooptip */
.layer_tail {
  display: none;
  min-width: 400px;
  max-width: 500px;
  position: absolute;
  z-index: 10;
  background: #fff;
  font-size: 13px;
  font-weight: normal;
  padding: 16px;
  line-height: 150%;
  top: 0px;
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.3);
  cursor: default;
}
.layer_tail div + div {
  border-top: solid 1px #ddd;
  margin-top: 10px;
  margin-bottom: 0px;
  padding-top: 10px;
}
.layer_tail .btn_fn9 {
  margin-top: 10px;
}
.layer_tail .ic_tail {
  display: none;
}

.ic.ic_info.on .layer_tail {
  display: block;
}

/*works - 앱 guide*/
.layer_go_works {
  width: 350px !important;
}
.layer_go_works div.form_type {
  margin: 7px 10px 0 0;
}

.lnb_filter .side_depth li p > a {
  max-width: 200px !important;
}

section.lnb h1.works_filter_tit {
  padding-right: 70px;
  margin-bottom: 3px;
  position: relative;
  line-height: 22px;
  font-size: 14px;
  letter-spacing: -1px;
}
section.lnb h1.works_filter_tit ins {
  background-position: -193px -296px;
}

ul.side_depth li.folder > p ins.ic.ic_side_dot {
  background-position: -197px -348px;
  width: 10px;
  height: 10px;
  margin-right: 0px;
  vertical-align: top;
  margin-top: 6px;
}

.go_works_situation .dashboard_box {
  padding: 0px;
  /*padding:25px 0px 30px 22px;*/
  padding: 16px 24px 12px 24px;
  border-bottom: none;
}
.go_works_situation .dashboard_box .card_item_wrapper > div {
  margin: 0px;
  margin-right: 14px;
}
.go_works_situation .dashboard_box .card_item {
  position: relative;
  width: 480px;
  height: 300px;
  margin: 0 16px 16px 0;
  box-shadow: 0px 1px 1px #bbb;
}
.go_works_situation .dashboard_box.type_col_01 .card_item:nth-child(1n), .go_works_situation .dashboard_box.type_col_02 .card_item:nth-child(2n), .go_works_situation .dashboard_box.type_col_03 .card_item:nth-child(3n) {
  margin-right: 0;
}
.go_works_situation .dashboard_box .card_item .card_wrapper {
  border: 0;
}
.go_works_situation .dashboard_box .card_item .card_content {
  height: 200px;
  max-height: 200px;
}
.go_works_situation .dashboard_box .card_item .card_subject span {
  font-size: 15px;
}
.go_works_situation .dashboard_box .card_item .card_subject .action {
  position: absolute;
  top: 14px;
  right: 9px;
  display: inline-block;
  *	display: block;
  *zoom: 1;
  z-index: 1;
}
.go_works_situation .dashboard_box .card_item .card_subject .ic {
  background: url(../images/ic.png) no-repeat 0 0;
}

@media screen and (max-width: 1255px) {
  .go_works_situation .dashboard_box .card_item {
    position: relative;
    width: 350px;
    height: 300px;
    margin: 0 15px 15px 0;
    box-shadow: 0px 1px 1px #bbb;
  }
}
.works_tit span.btn_wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
}

header.content_top.works_tit h1 {
  padding: 0px 420px 0px 0px;
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.go_full_screen.go_skin_works header.content_top.works_tit h1 {
  display: flex;
  align-items: center;
  padding-right: 150px;
}

header.content_top.works_tit h1 .txt {
  display: inline;
}
header.content_top.works_tit h1 .works_tit_inner {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 20px;
}
header.content_top.works_tit h1 .works_tit_inner a:hover {
  text-decoration: underline;
}
header.content_top.works_tit h1 .works_tit_inner > .tit {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
}
header.content_top.works_tit h1 .works_tit_inner > span,
header.content_top.works_tit h1 .works_tit_inner .txt a,
header.content_top.works_tit h1 .works_tit_inner a {
  font-size: 20px;
}

header.content_top.works_tit span.btn_wrap .ic {
  margin: 0 0 0 4px;
  vertical-align: middle;
}

.go_skin_advanced header.content_top.works_tit span.btn_wrap .ic {
  margin: -4px 0 0 4px;
}

.app_temp header.content_top.works_tit h1 span.txt {
  max-width: 100%;
  position: relative;
}

.go_skin_advanced .app_temp header.content_top.works_tit h1 .wrap_applet_tit {
  top: 4px;
}

.app_temp header.content_top.works_tit h1 .works_tit_inner {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.app_temp header.content_top.works_tit h1 .btn_wrap {
  position: relative;
  right: -5px;
}

.go_works_situation .ic_toolTip {
  position: relative;
}
.go_works_situation .layer_tail {
  top: 28px;
  left: -13px;
}
.go_works_situation .ic_info, .go_works_situation .ic_works_set {
  width: 16px;
  height: 16px;
  vertical-align: top;
}

.build_situation .ic_toolTip {
  position: relative;
}
.build_situation .layer_tail {
  top: 28px;
  left: -13px;
}
.build_situation .ic_info, .build_situation .ic_works_set {
  width: 16px;
  height: 16px;
  vertical-align: top;
}
.build_situation .tool_bar {
  min-height: 42px;
}
.build_situation .tool_bar:after {
  content: "";
  display: block;
  clear: both;
}
.build_situation .tool_bar .critical {
  margin: 7px 320px 0 0;
}
.build_situation .tool_bar .optional {
  margin: 7px 24px 0 0;
  position: absolute;
  right: 0;
}
.build_situation ul.type_simple_list li:hover {
  background: none;
}
.build_situation .build_box_inner span.help {
  z-index: 9;
}

.build_body .build_situation .content_top {
  height: 45px;
  line-height: 45px;
  padding: 0px;
  box-shadow: none;
  background: #f5f5f5;
}
.build_body .build_situation .content_top h1 {
  font-size: 14px;
}
.build_body .build_situation .content_top h1 {
  font-size: 14px;
  box-sizing: border-box;
}
.build_body .build_situation .works_tit h1 {
  box-sizing: border-box;
  padding: 0px 420px 0px 24px;
  position: relative;
}

.go_skin_advanced .build_body .build_situation .works_tit {
  height: 78px;
}
.go_skin_advanced .build_body .build_situation .works_tit h1 {
  font-size: 20px;
  padding-top: 14px;
}
.go_skin_advanced .build_body .build_situation .works_tit .wrap_header_guide {
  top: 26px;
  right: 157px;
}

.build_body .build_situation .works_tit h1 .wrap_applet_tit {
  position: static;
  margin-right: 6px;
}
.build_body .build_situation .build_content_inner {
  padding-bottom: 20px;
}

/*filter core css 추가 */
.wrap_filter .wrap_filter_title {
  position: relative;
  min-height: 30px;
  margin: 0px;
  padding: 0px;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
}
.wrap_filter .wrap_filter_title .critical {
  position: static;
}
.wrap_filter .wrap_filter_title > * {
  display: inline;
}
.wrap_filter .wrap_filter_title .title {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 50%;
}
.wrap_filter .wrap_filter_title .wrap_btn_title {
  float: inherit;
  vertical-align: top;
  height: 13px;
  display: inline-block;
  margin-top: -2px;
}
.wrap_filter .wrap_filter_title .optional {
  position: absolute;
  top: -4px;
  right: 24px;
  display: flex;
}
.wrap_filter .wrap_filter_title .optional .slt_type {
  max-width: 100px;
}
.wrap_filter .wrap_filter_title .optional .btn_icon {
  margin: 0px 16px 0 0;
}
.wrap_filter .wrap_filter_title .optional .btn_icon .ic_works {
  margin: -2px 4px 0 0;
}
.wrap_filter .wrap_filter_title .optional .btn_icon.setting {
  gap: 4px;
}
.wrap_filter .wrap_filter_title .optional .btn_icon.setting .ic_setup + .txt {
  display: inline-block;
}

.wrap_filter_title .line_under {
  margin: 0px 0px 0px 8px;
  font-size: 13px;
}

@-moz-document url-prefix() {
  .wrap_filter .wrap_filter_title .line_under, .wrap_filter_title .line_under + .line_under {
    margin: 2px 0px 0px 0px;
  }
}
@media \0 screen {
  .wrap_filter_title .wrap_btn_title {
    margin-bottom: 0px;
    margin-top: 4px;
  }
  .wrap_filter_title .line_under {
    margin: 5px 0px 0px 0px;
  }
  .wrap_filter_title .line_under + .line_under {
    margin: 4px 0px 0px 0px;
  }
}
.wrap_filter .critical span.title {
  font-size: 16px;
  margin-top: -3px;
}

.filter_option .opt_list {
  display: inline-block;
  width: 100%;
  *display: block;
  *zoom: 1;
  box-sizing: border-box;
}
.filter_option .opt_list:after {
  display: block;
  clear: both;
  overflow: hidden;
  height: 0;
  content: "";
}
.filter_option .filter_search {
  position: relative;
}
.filter_option .filter_search i {
  display: inline-block;
  background: url(../images/ic_gnb.png) no-repeat -485px -666px;
  display: inline-block;
  *display: block;
  *zoom: 1;
  width: 21px;
  height: 21px;
  position: absolute;
  right: 4px;
  top: 2px;
  cursor: pointer;
}

.tool_bar.filter_option {
  border: none;
}

.filter_option .array_type li {
  font-weight: normal;
  box-sizing: border-box;
}
.filter_option .array_type li > * {
  cursor: pointer;
}
.filter_option .btn_tool_multi .txt > span {
  color: #999;
}

.layer_normal .filter_option .btn_tool_multi .txt > span {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 90px;
  min-height: 11px;
}
.layer_normal .filter_option .btn_tool_multi .txt > strong {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100px;
  min-height: 11px;
}

.filter_option .form_box_basic {
  box-sizing: border-box;
}
.filter_option .form_box_basic > div {
  padding: 0px 20px;
}
.filter_option .form_box_basic > div:first-child {
  margin: 10px;
  width: 250px;
  padding: 0px;
}
.filter_option .form_box_basic div.wrap_box_large {
  margin: 10px;
  width: 375px;
  padding: 0px;
}
.filter_option .form_box_basic div.wrap_box_small {
  padding: 0px;
}
.filter_option .form_box_basic div.wrap_box_pay {
  margin-right: 20px;
}
.filter_option .form_box_basic div.wrap_box_small .wrap_select {
  width: 111px;
}

div.wrap_box_small input.txt_mini {
  width: 100%;
  box-sizing: border-box;
}

.filter_option .form_box_basic .form_type th {
  width: 40px !important;
  padding: 7px 0px;
  text-align: center;
}
.filter_option .form_box_basic .form_type th .title {
  padding: 4px 2px;
}
.filter_option .form_box_basic .form_type td {
  padding-right: 0px !important;
}
.filter_option .form_box_basic .form_type td input.txt {
  width: 100%;
}
.filter_option .form_box_basic .btn_layer_wrap .btn_major_s {
  float: none !important;
  background: #00a1b9;
  border-color: #00a1b9;
  color: #fff;
}
.filter_option .form_box_basic footer.btn_layer_wrap {
  margin: 0px;
  border-top: none;
  padding: 10px;
  text-align: right;
}
.filter_option .form_box_basic.wrap_mini > div {
  margin-left: 0px;
  margin-right: 0px;
}
.filter_option .form_box_basic .go_time_option {
  text-align: center;
}
.filter_option .form_box_basic .go_time_option .date_wave {
  margin: 0px 5px;
}
.filter_option .form_box_basic .wrap_box_large input.txt {
  width: 105px !important;
  letter-spacing: -1px;
}
.filter_option .form_box_basic .wrap_dateselect .wrap_select {
  width: 100px;
}
.filter_option .form_box_basic .wrap_dateselect .wrap_select li {
  width: 100%;
}
.filter_option .form_box_basic .wrap_box_large.time_date_option {
  width: 490px;
}
.filter_option .form_box_basic .wrap_box_large .wrap_dateselect select {
  vertical-align: top;
  margin-top: 2px;
}
.filter_option .form_box_basic .option_display {
  margin: 5px 0 0 0;
  padding: 5px 0;
  width: 100%;
  box-sizing: border-box;
  overflow-y: auto;
  max-height: 140px;
}

.wrap_box_large .select_option li, .wrap_box_small .select_option li {
  margin-right: 0px;
}

.form_box_basic .box_basic_inner .box_basic_scroll, .array_option .box_basic_scroll {
  height: 203px;
  overflow-x: none;
  overflow-y: auto;
  margin-top: 10px;
}

.box_basic_inner .box_basic_scroll > div:hover {
  background: #e9f2fb;
}

/*works 전용 filter class*/
.go_works_situation .go_body .tool_bar a.btn_tool {
  margin: 0 3px 3px 0;
  height: 26px;
}
.go_works_situation .go_body .tool_bar .wfix_small {
  width: 49px;
}
.go_works_situation .filter_option .opt_list > * {
  margin: 0px 8px 0 0;
  float: left;
}
.go_works_situation .filter_option .array_type > li {
  padding: 9px 0px 9px 10px !important;
}
.go_works_situation .wrap_filter .filter_option {
  padding: 0;
}
.go_works_situation .wrap_filter .filter_option a.btn_tool span.txt + span.ic_arrow_type3 {
  display: inline-block;
  margin: -2px 0 0 6px;
}
.go_works_situation .wrap_filter .filter_option .filter_search input {
  width: 200px;
}

.tool_bar.filter_option .btn_submenu .btn_tool {
  float: left;
  border: 1px solid #ddd;
  padding: 0 8px;
  background: #f4f4f4;
  height: 24px;
  line-height: 23px;
}
.tool_bar.filter_option .btn_submenu .btn_func_more {
  border: 1px solid #ddd;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background: #f4f4f4;
  height: 24px;
  line-height: 20px;
}

.filter_option .btn_submenu {
  margin: 8px 8px 0 0;
}

.go_works_situation .wrap_filter .filter_result_desc {
  margin: 0px 0 16px 0;
  font-size: 13px;
  color: #888;
}

.btn_submenu .btn_tool_multi span.txt {
  padding: 0;
}
.btn_submenu .btn_tool_multi.fix_large {
  max-width: 250px;
}
.btn_submenu .btn_tool_multi.fix_large strong {
  padding-right: 3px;
  max-width: 170px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  *display: block;
  *zoom: 1;
  vertical-align: top;
  margin-left: 3px;
}

div.tool_bar div.btn_submenu a.btn_tool span.txt + span.ic_arrow_type3 {
  margin: -2px 0 0 4px;
}

/* IE8 hack */
@media \0 screen {
  .btn_submenu .btn_tool_multi.fix_large strong {
    width: 170px;
  }
  .layer_alarm2 .dday {
    padding: 2px 8px 0;
    margin: -3px 5px 0 0;
  }
}
.go_works_situation .wfix_small {
  width: 60px;
}

.list_works_record th {
  min-width: 80px;
}
.list_works_record th.check {
  min-width: 0;
}
.list_works_record .subject {
  min-width: 200px;
}
.list_works_record .time {
  padding-left: 0px;
}
.list_works_record .num, .list_works_record .date {
  color: #666666;
}
.list_works_record .amount {
  text-align: right;
}
.list_works_record td {
  cursor: pointer;
}
.list_works_record .data_null {
  cursor: default !important;
}
.list_works_record tr td:first-child .desc.caution {
  text-align: left;
}
.list_works_record .item_wrap {
  white-space: normal !important;
}
.list_works_record .item_wrap .item {
  white-space: nowrap !important;
}
.list_works_record th.item_wrap {
  white-space: nowrap !important;
}
.list_works_record .item_wrap a {
  display: inline-block;
  *display: block;
  *zoom: 1;
  height: 20px;
  line-height: 20px;
  white-space: nowrap;
  white-space: nowrap;
}

table.type_normal.list_works_record tbody tr td:first-child {
  padding-right: 12px !important;
}

.type_normal.list_works_record td {
  min-width: 0px;
  /*max-width: 80em;*/
  white-space: nowrap;
}
.type_normal.list_works_record td.amount {
  padding-right: 32px;
}

.works_app_write .list_works_record .wrap_select .wfix_small {
  width: auto;
}
.works_app_write .list_works_record td {
  vertical-align: top !important;
}
.works_app_write .list_works_record td .vertical_wrap_s, .works_app_write .list_works_record td .wrapBtn {
  height: 30px;
  line-height: 30px;
}
.works_app_write .list_works_record td .vertical_wrap_s label {
  vertical-align: baseline;
}

.list_works_record td .btn_submenu {
  vertical-align: top;
  margin: 0px !important;
}

/* 로그인 OTP 인증 */
.otp_confirm div.login_check p.title_s {
  padding-top: 5px;
  font-size: 12pt;
  font-weight: bold;
  font-weight: 500;
}
.otp_confirm div.login_check span.wrap_ic_s {
  padding: 0 0;
  line-height: initial;
}
.otp_confirm .login_box div.login_pw {
  margin-top: 0;
}
.otp_confirm div.layer_otp_error {
  width: 350px;
}

.otp_process {
  width: 800px;
}
.otp_process div.layer_process_error {
  width: 350px;
}
.otp_process div.layer_process_error p.q {
  width: 350px;
}
.otp_process section.login_box {
  padding: 20px 35px 40px 35px;
}
.otp_process div.otp_process_msg p.title {
  margin-top: 20px;
}
.otp_process div.otp_process_msg p.desc {
  margin: 5px 0;
}
.otp_process div.custom_visual {
  padding: 8px 0;
  margin-bottom: 10px;
}
.otp_process div.content {
  width: 728px;
}
.otp_process div.content p.title_s {
  padding-top: 5px;
  font-size: 12pt;
  font-weight: bold;
  font-weight: 500;
}
.otp_process div.content span {
  color: #02a1c0;
}
.otp_process div.content p.desc {
  margin: 5px 0;
  color: #3b3b3b;
  margin-bottom: 10px;
}
.otp_process div.content input.comp {
  text-align: center;
  box-shadow: none;
  border-color: #ededed;
  border: 1px solid #cacaca;
  padding: 4px 8px;
  border-radius: 2px;
  box-sizing: border-box;
  width: 100px;
  font-size: 20px;
  font-family: century gothic, Applegothic;
  color: #02a1c0;
}
.otp_process div.content div.otp_number {
  width: 728px;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 35px;
}
.otp_process div.content div.otp_number span {
  color: #3b3b3b;
  vertical-align: middle;
}
.otp_process div.content div.otp_number span input {
  font-weight: bold;
  font-weight: 500;
}
.otp_process div.process_bar {
  position: relative;
  float: left;
  width: 728px;
  margin-right: 0;
  text-align: center;
}
.otp_process div.process_bar p {
  color: #888;
  font-size: 11pt;
  font-weight: bold;
  font-weight: 500;
}
.otp_process div.process_bar p.step {
  font-size: 10pt;
  font-weight: normal;
}
.otp_process div.process_bar li {
  position: relative;
  display: inline-block;
  background: url(../images/ic_process.png) no-repeat;
  background-position: 0 -100px;
  left: 0;
  top: 0;
  width: 165px;
  height: 46px;
  float: left;
  margin: 30px 0;
  padding: 18px 20px 18px 20px;
}
.otp_process div.process_bar li.arrow {
  background-position: 0 -200px;
  width: 16px;
  height: 46px;
}
.otp_process div.process_bar li.active {
  background-position: 0 0px;
}
.otp_process div.process_bar li.active p {
  color: #fff;
}
.otp_process div.content div.otp_step li {
  display: inline-block;
  float: left;
  margin-top: 15px;
  margin-bottom: 120px;
  background: url(../images/ic_otp_mobile.png) no-repeat;
  border: 1px solid #cacaca;
}
.otp_process div.content div.otp_step li.otp_step1 {
  background-position: 0 0;
  width: 204px;
  height: 320px;
}
.otp_process div.content div.otp_step li.otp_step2 {
  background-position: 0 -350px;
  width: 204px;
  height: 320px;
}
.otp_process div.content div.otp_step li.otp_step3 {
  background-position: 0 -700px;
  width: 204px;
  height: 320px;
}
.otp_process div.content div.otp_step li.otp_step_arrow {
  background-position: 0 -1050px;
  width: 10px;
  height: 18px;
  margin: 157px 22px;
  vertical-align: middle;
  border: 0px;
}
.otp_process div.content div.otp_step li p.title {
  margin-top: 350px;
  margin-bottom: 5px;
  font-size: 12px;
}

/*works 에디터 배경 변경 */
div.go_skin_edit {
  overflow: hidden;
}

.go_skin_edit .go_side {
  background: #3d3c3c;
  width: 200px;
  box-sizing: border-box;
}
.go_skin_edit .go_content {
  margin-left: 230px !important;
  position: relative;
}
.go_skin_edit .go_content .content_page {
  overflow-x: none;
  overflow-y: auto;
  position: absolute;
  top: 46px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
.go_skin_edit.go_skin_advanced .go_content .content_page {
  top: 78px;
  border-top: 1px solid #ddd;
}
.go_skin_edit .ui-datepicker .ui-datepicker-year, .go_skin_edit .ui-datepicker .ui-datepicker-month {
  height: 22px;
  padding: 0 0 0px 0;
  width: 65px;
  line-height: 22px;
  box-sizing: content-box;
}

/* IE8 hack */
@media \0 screen {
  .go_skin_edit .ui-datepicker .ui-datepicker-year, .go_skin_edit .ui-datepicker .ui-datepicker-month {
    height: 18px;
    padding: 0 0 4px 0;
    width: 65px;
    box-sizing: content-box;
  }
}
/*works 에디터 툴 아이콘*/
/*아래표기*/
/*float 붕괴 현상 처리*/
.go_skin_works .go_body {
  clear: both;
}
.go_skin_works .go_body:after {
  display: block;
  clear: both;
  overflow: hidden;
  height: 0;
  content: "";
}
.go_skin_works .content_page {
  float: right;
  width: 100%;
}

.build_situation .build_prev_wrap {
  padding-bottom: 10px;
}
.build_situation .build_prev_wrap .build_content_inner:first-child {
  margin-top: 0;
}
.build_situation .btn_tool {
  margin-bottom: 4px;
  border: 1px solid #ddd;
}
.build_situation .optional .btn_tool {
  border: 0;
}

.build_prev_wrap div.bottom_action {
  margin: 0;
}

/*works 에디터 툴 인풋 옵션*/
input.tool_txt {
  box-sizing: border-box;
  width: 100%;
  height: 22px;
  color: #fff;
  border: solid 1px #2b2b2b;
  background: #2b2b2b;
  box-shadow: none;
}
input.tool_txt:focus {
  color: #fff;
  border: 1px solid #1c99a0;
  background: #242424;
}

span.tool_input_chk {
  display: inline-block;
  width: 11px;
  height: 11px;
  cursor: pointer;
  background: url(../images/ic_works.png) no-repeat 0 0;
  background-position: 0 -100px;
  *display: block;
  *zoom: 1;
}
span.tool_input_chk.on {
  background-position: 0 -150px;
}

.chk_label {
  font-size: 12px;
}

input.tool_chk {
  vertical-align: top;
  margin-top: 4px;
}
input.tool_txt::-webkit-input-placeholder {
  color: #4b4b4b;
}
input.tool_txt::-moz-placeholder {
  color: #4b4b4b;
  color: #4b4b4b;
}
input.tool_txt:-ms-input-placeholder {
  color: #4b4b4b;
}

.ic_works {
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  background: url(../images/ic_works.png) !important;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  *display: block;
  *zoom: 1;
}
.ic_works.cursor {
  position: absolute;
  z-index: 1;
  top: 5px;
  right: 6px;
  display: none;
  width: 18px;
  height: 18px;
  vertical-align: top;
  background-position: 0 -300px !important;
}
.ic_works.ic_op {
  background-position: 4px -44px !important;
  width: 20px;
  height: 20px;
}
.ic_works.ic_op.on {
  background-position: 4px 7px !important;
  width: 20px;
  height: 20px;
}
.ic_works.ic_down {
  background-position: -50px -50px !important;
}
.ic_works.ic_text {
  background-position: -48px 8px !important;
}
.ic_works.ic_err {
  background-position: -175px -43px !important;
}
.ic_works.ic_textarea, .ic_works.ic_editor, .ic_works.ic_listbox, .ic_works.ic_radio, .ic_works.ic_checkbox, .ic_works.ic_select, .ic_works.ic_number {
  background-position: -48px 8px !important;
}
.ic_works.ic_file {
  background-position: -48px 8px !important;
  width: 22px;
  height: 22px;
}
.ic_works.ic_date, .ic_works.ic_time, .ic_works.ic_datetime, .ic_works.ic_org, .ic_works.ic_create_date, .ic_works.ic_creator, .ic_works.ic_update_date, .ic_works.ic_updater, .ic_works.ic_blank, .ic_works.ic_hr, .ic_works.ic_label, .ic_works.ic_section {
  background-position: -48px 8px !important;
}
.ic_works.ic_drag {
  background-position: -50px -247px !important;
}
.ic_works.ic_copy {
  background-position: -51px -300px !important;
  width: 20px;
  height: 20px;
}
.ic_works.ic_delete {
  background-position: -51px -350px !important;
  width: 20px;
  height: 20px;
}
.ic_works.ic_down.on {
  background-position: -50px -100px !important;
}
.ic_works.ic_add {
  background-position: -50px -150px !important;
  width: 10px;
  height: 10px;
  overflow: hidden;
  line-height: 9999px;
}
.ic_works.ic_help_type1 {
  background-position: -180px -100px !important;
  width: 14px;
  height: 13px;
}
.ic_works.ic_remove {
  background-position: -50px -200px !important;
  width: 10px;
  height: 10px;
  overflow: hidden;
  line-height: 9999px;
}
.ic_works.ic_add_b {
  background-position: -93px 7px !important;
  width: 20px;
  height: 20px;
  overflow: hidden;
  line-height: 9999px;
}
.ic_works.ic_card {
  background-position: -95px -44px !important;
  width: 20px;
  height: 20px;
  overflow: hidden;
  line-height: 9999px;
}
.ic_works.ic_list {
  background-position: -135px -43px !important;
  width: 20px;
  height: 20px;
  overflow: hidden;
  line-height: 9999px;
}
.ic_works.ic_set {
  background-position: -98px -98px !important;
  width: 20px;
  height: 20px;
  overflow: hidden;
  line-height: 9999px;
}
.ic_works.ic_new {
  overflow: hidden;
  line-height: 9999px;
  background-position: -180px 0 !important;
  height: 13px;
  width: 13px;
}
.ic_works.ic_star {
  background-position: -98px -150px !important;
  width: 20px;
  height: 20px;
  overflow: hidden;
  line-height: 9999px;
}
.ic_works.ic_star.on {
  background-position: -98px -200px !important;
  width: 20px;
  height: 20px;
}
.ic_works.ic_app_add {
  background-position: -245px -96px !important;
  width: 100%;
  height: 100%;
}
.ic_works.ic_app_add2 {
  background-position: -250px 0px !important;
  width: 60px;
  height: 60px;
}
.ic_works.ic_reload {
  background-position: -98px -251px !important;
  width: 22px;
  height: 11px;
}
.ic_works.ic_prev_icon {
  background-position: -350px 0px !important;
  width: 26px;
  height: 26px;
}
.ic_works.ic_app_info {
  background-position: -400px 0px !important;
  width: 48px;
  height: 48px;
}
.ic_works.ic_app_set {
  background-position: -400px -52px !important;
  width: 40px;
  height: 40px;
}
.ic_works.ic_app_form {
  background-position: -400px -200px !important;
  width: 40px;
  height: 40px;
}
.ic_works.ic_app_list {
  background-position: -401px -243px !important;
  width: 40px;
  height: 40px;
}
.ic_works.ic_app_status {
  background-position: -400px -150px !important;
  width: 40px;
  height: 40px;
}
.ic_works.ic_app_share {
  background-position: -400px -93px !important;
  width: 40px;
  height: 40px;
}
.ic_works.ic_trash {
  background-position: -95px -345px !important;
  width: 19px;
  height: 20px;
  line-height: 9999px;
  overflow: hidden;
}
.ic_works.ic_trash:hover {
  background-position: -98px -300px !important;
  width: 19px;
  height: 20px;
  line-height: 9999px;
}
.ic_works.ic_remove_mini {
  background-position: -137px -246px !important;
  width: 12px;
  height: 12px;
}
.ic_works.ic_arr_right {
  background-position: -140px -100px !important;
  width: 15px;
  height: 17px;
}
.ic_works.ic_close {
  background-position: -135px -149px !important;
  width: 20px;
  height: 20px;
}
.ic_works.ic_add_l {
  background-position: -140px -200px !important;
  width: 23px;
  height: 23px;
  overflow: hidden;
  line-height: 9999px;
}
.ic_works.ic_item_add {
  background-position: -250px -150px !important;
  width: 20px;
  height: 20px;
  overflow: hidden;
  line-height: 9999px;
}
.ic_works.ic_item_remove {
  background-position: -250px -200px !important;
  width: 20px;
  height: 20px;
  overflow: hidden;
  line-height: 9999px;
}
.ic_works.ic_drag {
  background-position: -50px -400px !important;
  width: 6px;
  height: 10px;
}
.ic_works.ic_chart_popup {
  background-position: -100px -450px !important;
  width: 11px;
  height: 13px;
}

/* .ic_build { display: inline-block; background-image: url(../images/ic_build.png) !important; background-repeat: no-repeat; width: 18px; height: 18px; background: red} */
.ic_build {
  display: inline-block;
  background: url(../images/ic_build.png) no-repeat 0 0;
  width: 18px;
  height: 18px;
  vertical-align: middle;
}
.ic_build.ic_text {
  background-position: 0 0;
}
.ic_build.ic_textarea {
  background-position: 0 -18px;
}
.ic_build.ic_listbox {
  background-position: 0 -36px;
}
.ic_build.ic_radio {
  background-position: 0 -54px;
}
.ic_build.ic_checkbox {
  background-position: 0 -72px;
}
.ic_build.ic_select {
  background-position: 0 -90px;
}
.ic_build.ic_number {
  background-position: 0 -108px;
}
.ic_build.ic_file {
  background-position: 0 -126px;
  width: 18px !important;
  height: 18px !important;
  display: inline-block;
  background: url(../images/ic_build.png) no-repeat 0px -126px !important;
  width: 18px;
  height: 18px;
}
.ic_build.ic_date {
  background-position: 0 -144px;
}
.ic_build.ic_time {
  background-position: 0 -162px;
}
.ic_build.ic_datetime {
  background-position: 0 -180px;
}
.ic_build.ic_org {
  background-position: 0 -198px;
}
.ic_build.ic_create_date {
  background-position: 0 -216px;
}
.ic_build.ic_updater {
  background-position: 0 -234px;
}
.ic_build.ic_blank {
  background-position: 0 -250px !important;
  display: inline-block;
  background: url(../images/ic_build.png) no-repeat 0px -252px !important;
  width: 18px;
  height: 18px;
}
.ic_build.ic_hr {
  background-position: 0 -268px;
}
.ic_build.ic_label {
  background-position: 0 -286px;
}
.ic_build.ic_update_date {
  background-position: 0 -306px;
}
.ic_build.ic_columns {
  background-position: 0 -324px;
}
.ic_build.ic_table {
  background-position: 0 -342px;
}
.ic_build.ic_creator {
  background-position: 0 -360px;
}
.ic_build.ic_err {
  background-position: 0 -378px !important;
}
.ic_build.ic_org_dept {
  background-position: 0 -396px;
}

/*숫자 인풋 관련  css*/
.tool_number {
  margin-right: 5px;
  display: inline-block;
  *display: block;
  *zoom: 1;
  width: 100px;
}
.tool_number div.tool_number_inner {
  height: 22px;
  box-sizing: border-box;
  background: #202020;
  position: relative;
  padding-right: 20px;
}
.tool_number div.tool_number_inner > * {
  vertical-align: top;
}
.tool_number div.tool_number_inner div {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 20px;
  z-index: 2;
  box-sizing: border-box;
}
.tool_number div.tool_number_inner div span {
  position: absolute;
  width: 100%;
  height: 50%;
  display: inline-block;
  *display: block;
  *zoom: 1;
  box-sizing: border-box;
  line-height: 0px;
  cursor: pointer;
  padding-left: 4px;
}
.tool_number div.tool_number_inner div span:hover {
  background: #2b2b2b;
}
.tool_number div.tool_number_inner div span:first-child {
  top: 0px;
}
.tool_number div.tool_number_inner div span:first-child i.ic_down.on {
  background-position: -47px -95px;
}
.tool_number div.tool_number_inner div span:first-child + span {
  bottom: 0px;
}
.tool_number div.tool_number_inner div span:first-child + span i.ic_down {
  background-position: -47px -48px;
}
.tool_number input {
  background: transparent;
  border: solid 1px #242424;
  height: 22px;
  line-height: 22px;
  box-sizing: border-box;
  color: #fff;
  padding: 0px 5px;
  width: 100%;
  box-shadow: none;
}
.tool_number input.tool_txt:hover {
  border: 0;
  box-shadow: none;
}

/*셀렉트 인풋 관련  css*/
.tool_select {
  position: relative;
}
.tool_select dl {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  cursor: pointer;
  position: absolute;
  z-index: 3;
}
.tool_select h5 {
  background: #000;
  color: #fff;
  box-sizing: border-box;
  height: 24px;
  line-height: 24px;
  font-weight: normal;
  cursor: pointer;
  padding: 0px 5px;
  border: 0;
  position: relative;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.tool_select dl dt {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 0px;
  height: 0px;
  line-height: 9999px;
  overflow: hidden;
}
.tool_select dl dd {
  background: #2b2b2b;
  color: #646464;
  height: 22px;
  line-height: 22px;
  border-top: solid 1px #626262;
  box-sizing: border-box;
  padding: 0px 5px;
}
.tool_select dl dd:first-child {
  border-top: none;
}
.tool_select dl dd:hover {
  background: #202020;
  color: #fff;
}
.tool_select i.ic_works.ic_down {
  position: absolute;
  right: 5px;
  top: 9px;
  width: 7px;
  height: 4px;
}

/*.tool_attr > div { padding: 0px 10px 0px 10px; outline: none; }*/
.tool_attr input.tool_txt {
  background: #000;
  border: 0;
  height: 24px;
  line-height: 24px;
  box-sizing: border-box;
  color: #fff;
  padding: 0px 5px;
  width: 100%;
  box-shadow: none;
  opacity: 0.5;
}
.tool_attr .tool_txt:hover {
  opacity: 1;
  box-shadow: none;
  border: 0;
}
.tool_attr .tool_txt:focus {
  opacity: 1;
  box-shadow: none;
  border: 0;
  background: #000;
}
.tool_attr select.tool_select {
  background: #000;
  border: 0;
  height: 32px;
  line-height: 32px;
  box-sizing: border-box;
  color: #fff;
  padding: 0px 5px;
  width: 100%;
  box-shadow: none;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.tool_attr .tool_select:hover {
  border: 0;
  box-shadow: none;
  opacity: 1;
  filter: alpha(opacity=100);
}
.tool_attr .attr_select {
  height: 24px;
  line-height: 24px;
}
.tool_attr .btn_minor_s {
  height: 20px;
  line-height: 20px;
  margin: 0px;
  padding: 0px 5px;
}
.tool_attr .wrap_attr_mini .btn_minor_s {
  margin-left: 5px;
  border: 1px solid #272727;
  background: #363636;
  color: #aeaeae;
}
.tool_attr .wrap_attr_mini .btn_minor_s:hover {
  margin-left: 5px;
  border: 1px solid #272727;
  background: #2c2c2c;
  color: #aeaeae;
}
.tool_attr .btn_minor_s .txt {
  padding: 0px;
  margin: 0px !important;
}
.tool_attr .app_link_list {
  line-height: 0px !important;
  margin: 0px !important;
}
.tool_attr .app_link_list ul.name_tag > li {
  background: none;
  width: 100%;
  margin: 0 4px 0 0;
  padding-left: 0px !important;
  box-sizing: border-box;
}
.tool_attr .app_link_list ul.name_tag > li span {
  cursor: pointer;
}
.tool_attr .app_link_list ul.name_tag > li:hover {
  background: none;
}
.tool_attr .app_link_list .ic_drag {
  vertical-align: top;
  margin-top: 4px;
}
.tool_attr .app_link_list ul.name_tag li span.name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 148px;
  color: #999;
  cursor: default;
  font-size: 13px;
}
.tool_attr .app_link_list ul.name_tag.app_link li span.name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 162px;
  margin-right: 0px;
  color: #999;
  cursor: default;
  font-size: 13px;
}
.tool_attr .link_exposure .name_tag li span.name {
  overlfow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 150px;
}

.tool_date input.tool_txt {
  width: 80px;
  letter-spacing: -1px;
  margin-right: 5px;
}
.tool_date .wrap_date input.txt[type=text] {
  height: 24px;
  line-height: 24px;
  width: 90px !important;
  padding-left: 5px !important;
  padding-bottom: 0px !important;
  padding-top: 0px !important;
  letter-spacing: -1px;
  background: #2b2b2b;
  color: #fff;
  border: #2b2b2b;
  border: solid 1px #2b2b2b;
}
.tool_date .wrap_date input.txt[type=text]:hover {
  border: solid 1px #00b6c2;
}
.tool_date .wrap_date .ic_reset {
  top: 5px;
  background-position: 0 -450px;
}
.tool_date .wrap_date .ic_calendar {
  display: none;
}

/*ie8*/
@media \0 screen {
  .tool_date .wrap_date input.txt[type=text] {
    padding-top: 5px !important;
  }
}
.tool_time select.tool_select {
  width: 65px;
  letter-spacing: -1px;
}
.tool_time .wrap_select .wrap_select_list {
  height: 22px;
}
.tool_time .wrap_select .wrap_select_list input.txt {
  height: 22px;
  background: #2b2b2b;
  color: #fff;
  border: #2b2b2b;
  border: solid 1px #2b2b2b;
  box-shadow: none;
}
.tool_time .wrap_select .wrap_select_list input.txt:hover {
  border: solid 1px #00b6c2;
}
.tool_time .wrap_select .wrap_select_list span.btn_select {
  background: url(../images/select_style_works.png);
  height: 20px;
  width: 15px !important;
  top: 1px;
  right: 1px;
}
.tool_time .wrap_select .wrap_select_list .select_list {
  margin: 0px;
  border: none;
  min-width: 55px !important;
  display: inline-block;
}

:root .tool_attr .tool_time .wrap_select .wrap_select_list input.txt {
  line-height: 22px;
  padding: 0px 4px !important;
}
:root .tool_attr .tool_time .wrap_select .wrap_select_list .select_list {
  min-width: 75px\9 \0  !important;
}

.tool_time .wrap_select .wrap_select_list .select_list li {
  padding: 0px;
  color: #000;
  padding-left: 10px;
  cursor: pointer;
  width: 100%;
}
.tool_time .wrap_select .wrap_select_list .select_list li span {
  font-size: 12px;
}

.wrap_attr_mini.mini_date_time .wrap_dateselect .tool_date {
  float: left;
}
.wrap_attr_mini.mini_date_time .wrap_dateselect .tool_time {
  float: left;
  width: 55px !important;
}
.wrap_attr_mini.mini_date_time .wrap_dateselect .tool_time .wrap_select_list input.txt.wfix_small {
  width: 55px !important;
}
.wrap_attr_mini.mini_date_time .wrap_dateselect .tool_time .select_list li {
  padding-left: 4px !important;
  letter-spacing: -1px !important;
}
.wrap_attr_mini.mini_date_time .wrap_dateselect .wrap_date input.txt {
  padding: 0px;
}
.wrap_attr_mini .tool_date .wrap_date input.txt.hasDatepicker {
  box-shadow: none;
}

@media \0 screen {
  .wrap_attr_mini.mini_date_time .wrap_dateselect .wrap_date input.txt {
    padding: 5px 4px;
  }
}
.builder_side_box .wrap_attr_mini .tool_time {
  height: 22px !important;
}
.builder_side_box .wrap_attr_mini.mini_date_time .select_option > li {
  padding: 0px;
  margin: 0px;
  height: 22px;
}
.builder_side_box .wrap_attr_mini.mini_date_time .select_option > li .wrap_dateselect {
  display: inline-block;
  margin: 0px;
}
.builder_side_box .wrap_attr_mini.mini_date_time .select_option .tool_time {
  height: 0px !important;
}

.tool_user_list span {
  border-radius: 20px;
  min-width: 60px;
  height: 24px;
  background: #232323;
  display: inline-block;
  *display: block;
  *zoom: 1;
  padding: 0px 5px 0px 10px;
  line-height: 24px;
  box-sizing: border-box;
}
.tool_user_list span i {
  vertical-align: top;
  margin-top: 5px;
  cursor: pointer;
}

.tool_attr select {
  padding: 0px 0px 0px 3px !important;
}

/*works 에디터 툴 사이드 메뉴*/
.test_select {
  border: solid 1px red;
  vertical-align: inherit !important;
  padding: 0px !important;
}

.builder_skin_tools {
  margin: 0;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.builder_side_box {
  box-sizing: border-box;
  color: #fff;
}
.builder_side_box hgroup {
  margin: 0px;
  padding: 0px;
}
.builder_side_box hgroup h3 {
  font-size: 15px;
  font-weight: normal;
  line-height: 40px;
  height: 40px;
  color: #fff;
}
.builder_side_box div.tool_edit, .builder_side_box div.tool_attr {
  overflow-x: none;
  background: #464646;
}
.builder_side_box div.tool_edit ul li {
  position: relative;
  box-sizing: border-box;
  padding-left: 10px;
  cursor: pointer;
  font-size: 14px;
}
.builder_side_box div.tool_attr ul li {
  position: relative;
  box-sizing: border-box;
  padding-left: 10px;
  cursor: pointer;
}
.builder_side_box div.tool_attr ul li .chip .layer_pallete {
  position: absolute;
  top: 16px;
  right: 2px;
  background: #fff;
}
.builder_side_box div.tool_attr ul li .tool_time .select_option > li {
  padding: 0px 0px !important;
}
.builder_side_box div.tool_attr ul li label {
  font-size: 13px;
  letter-spacing: -1px;
}
.builder_side_box div.tool_attr ul li > div {
  line-height: 22px;
  min-height: 22px;
  margin-bottom: 5px;
}
.builder_side_box div.tool_attr ul li > div .optional {
  position: absolute;
  top: 10px;
  right: 0;
}
.builder_side_box div.tool_attr ul li .wrap_attr_mini .wrap_input_sub .tool_chk {
  margin-top: 8px;
}
.builder_side_box div.tool_edit ul li > span {
  display: inline-block;
  padding: 0 !important;
  *display: block;
  *zoom: 1;
}
.builder_side_box .title_tool_edit {
  position: relative;
}
.builder_side_box .title_attr_edit {
  line-height: 35px;
  position: relative;
  height: 35px;
}
.builder_side_box .title_tool_edit.off {
  border-bottom: solid 1px #626262;
}
.builder_side_box .title_attr_edit.off {
  border-bottom: solid 1px #626262;
}
.builder_side_box .title_attr_edit:hover .side_move_line {
  display: block;
}
.builder_side_box .title_attr_edit .side_move_line {
  position: absolute;
  top: -3px;
  display: inline-block;
  display: none;
  width: 100%;
  height: 3px;
  margin: 0;
  padding: 0;
  background: #7b7b7b;
  *display: block;
  *zoom: 1;
}
.builder_side_box i.ic_works.ic_op {
  position: absolute;
  right: 0px;
  top: 7px;
  cursor: pointer;
}
.builder_side_box div.tool_edit {
  padding: 0px 0;
}
.builder_side_box div.tool_edit ul {
  box-sizing: border-box;
  margin: 5px 0px 10px;
}
.builder_side_box div.tool_edit i.tool_edit_line {
  display: inline-block;
  *display: block;
  *zoom: 1;
  height: 1px;
  background: #333;
  width: 228px; /*4.0수정*/
  margin: 0px 10px !important;
  font-size: 0px;
  line-height: 0px;
}
.builder_side_box div.tool_edit ul:first-child {
  border-top: none;
  margin: 10px 0px 0px 0px;
}
.builder_side_box div.tool_edit ul li {
  line-height: 28px;
  height: 30px;
  opacity: 0.7;
}
.builder_side_box div.tool_edit ul li:hover .ic_works.cursor {
  display: block;
}
.builder_side_box div.tool_edit ul li span.ic_build {
  margin: -3px 5px 0 0;
}
.builder_side_box div.tool_edit ul li:hover {
  background: #777;
  opacity: 1;
  filter: alpha(opacity=100);
}
.builder_side_box ul li.on {
  background: #777;
  opacity: 1;
  filter: alpha(opacity=100);
}
.builder_side_box div.tool_attr {
  position: relative;
  bottom: 0;
  overflow-x: hidden;
  padding: 0px 10px;
}
.builder_side_box div.tool_attr ul {
  box-sizing: border-box;
}
.builder_side_box div.tool_attr ul:first-child {
  border-top: none;
}
.builder_side_box div.tool_attr ul li {
  font-size: 13px !important;
  padding: 10px 0px;
  cursor: default;
  border-top: solid 1px #333;
}
.builder_side_box div.tool_attr ul li span:first-child {
  margin-right: 2px;
}
.builder_side_box div.tool_attr ul li:first-child {
  border-top: 0;
}
.builder_side_box div.tool_attr ul.tool_attr_list li {
  position: relative;
  border-top: 0;
}
.builder_side_box div.tool_attr ul.tool_attr_list li span.ic_drag {
  display: inline-block;
  position: absolute;
  top: 6px;
  left: 0;
  height: 10px;
  width: 10px;
  cursor: pointer;
}
.builder_side_box div.tool_attr ul li p {
  font-size: 12px;
  color: #bbb;
  letter-spacing: 0px;
  font-size: 12px;
  padding-top: 2px;
}
.builder_side_box div.tool_attr ul li .dot_line {
  color: #bbb;
  font-size: 10px;
}
.builder_side_box div.tool_attr .tool_number {
  width: 45px;
}
.builder_side_box .wrap_input_sub {
  line-height: 20px !important;
  min-height: 20px !important;
  color: #bbb;
}
.builder_side_box .wrap_input_sub > * {
  float: left;
}
.builder_side_box .wrap_input_sub .chk_label {
  vertical-align: top;
  cursor: pointer;
}
.builder_side_box .wrap_input_sub .tool_input_chk {
  margin-top: 4px;
  vertical-align: top;
}
.edit_title_sub {
  font-size: 12px;
  color: #a7a7a7;
  float: right;
  cursor: pointer;
  vertical-align: top;
  white-space: nowrap;
}
.edit_title_sub i {
  margin-right: 4px;
}

.builder_side_box .wrap_attr_mini {
  clear: both;
}
.builder_side_box .wrap_attr_mini::after {
  display: block;
  clear: both;
  content: " ";
}
.builder_side_box .wrap_attr_mini > * {
  float: left;
  margin-top: 0px;
}
.builder_side_box .wrap_attr_mini > .attr_select {
  max-width: 130px;
}
.builder_side_box .wrap_date, .builder_side_box .wrap_select {
  padding: 0px !important;
}
.builder_side_box .wrap_attr_mini .wrap_input_sub {
  margin-right: 5px;
}
.builder_side_box div.tool_attr ul li .wrap_input_sub label {
  font-size: 12px;
  letter-spacing: 0px;
}

@media \0 screen {
  .builder_side_box div.tool_attr ul li .wrap_input_sub label {
    margin-top: 2px;
  }
}
.go_skin_edit.go_renew .tool_attr input[type=radio], .go_skin_edit.go_renew .tool_attr input[type=checkbox] {
  margin: 0px 4px 0px 2px;
}

.tool_attr li.creat span.ic_form.ic_addlist {
  background: url(../images/ic_works.png) !important;
  background-position: -50px -150px !important;
  width: 10px;
  height: 10px;
  overflow: hidden;
  line-height: 9999px;
}

ul.name_tag li.creat span.btn_wrap span.txt {
  color: #333;
  font-weight: normal;
}

.tool_attr ul.name_tag li.creat span.btn_wrap:hover span.txt {
  color: #fff;
}
.tool_attr ul.name_tag > li {
  background: #232323;
  border: none !important;
  padding: 0px;
}
.tool_attr ul.name_tag > li:hover {
  background: #000;
}
.tool_attr ul.name_tag > li span.name {
  color: #eaeaea;
  font-size: 12px;
  vertical-align: top;
  margin: 1px 0 0 0;
}
.tool_attr ul.name_tag > li.creat {
  background: transparent;
  border: none !important;
  padding: 0px;
  width: 100%;
  background: transparent;
}
.tool_attr ul.name_tag > li.creat span.name {
  color: #eaeaea;
  font-size: 12px;
}

.build_situation ul.name_tag li span.btn_wrap {
  display: none;
}
.build_situation ul.name_tag li.creat span.btn_wrap {
  display: block !important;
}
.build_situation .build_box ul.name_tag li {
  /*float:left;*/
}

.build_prev_wrap .build_box .build_box_data .wrap_name_tag {
  clear: both;
  box-sizing: border-box;
}
.build_prev_wrap .build_box .build_box_data .wrap_name_tag:after {
  display: block;
  clear: both;
  content: " ";
}
.build_prev_wrap .build_box .build_box_data ul.name_tag {
  float: left;
}
.build_prev_wrap .build_box .build_box_data ul.name_tag:after {
  display: block;
  clear: both;
  content: " ";
}
.build_prev_wrap .build_box .build_box_data ul.name_tag li {
  float: left;
  clear: none;
  display: inline-block;
  *display: block;
  *zoom: 1;
  max-width: 280px;
}
.build_prev_wrap .build_box .build_box_data ul.name_tag li span.name {
  max-width: 250px;
}
.build_prev_wrap .build_box .column_side_inner .build_box_data ul.name_tag {
  display: inline;
  float: none;
}

.build_situation .build_box_data ul.name_tag li {
  float: left;
  clear: none;
}
.build_situation .build_box_data ul.name_tag li:after {
  display: block;
  clear: none;
  overflow: hidden;
  height: 0;
  content: "";
}

.build_prev_wrap .build_box.column .column_side_inner .wrap_build_data.table_box > .build_box_data {
  overflow-x: auto;
  padding: 0px !important;
  margin: 0 20px;
}
.build_prev_wrap .build_box.column .build_box.table .build_box_inner .table_inner {
  margin: 0px !important;
}
.build_prev_wrap .build_box.column .column_side_inner .wrap_build_data.table_box > .box_label_wrap.simple_label {
  display: block !important;
}
.build_prev_wrap .build_box.column .column_side:first-child + .column_side .column_side_inner > .build_box.table {
  border-left: 1px solid #ddd;
}
.build_prev_wrap .build_box.column .column_side_inner > .build_box.table .build_box_inner {
  border-left: none;
}
.build_prev_wrap .build_box .build_box_inner:hover > .ic_works.ic_drag {
  display: none;
}
.build_prev_wrap .build_box .column_side_inner .build_box .box_label_wrap.simple_label {
  padding: 10px 0px;
  cursor: default;
}
.build_prev_wrap .reply_wrap .type_simple_list.simple_list_alarm {
  position: relative;
}
.build_prev_wrap .reply_wrap .type_simple_list.simple_list_alarm .photo {
  position: absolute;
}
.build_prev_wrap .reply_wrap .type_simple_list.simple_list_alarm .info {
  margin-left: 44px;
}
@media \0 screen {
  .build_prev_wrap .build_box.table .table_box .build_box .wrap_build_data .box_label_wrap {
    padding: 0px 10px !important;
    height: 20px;
    cursor: default;
    min-height: 37px !important;
    line-height: 40px;
    box-sizing: border-box;
  }
}
.build_box span.item_file span.cursor_def {
  cursor: default !important;
}

/*세부항목 전용*/
.tool_attr_list input.tool_txt {
  width: 136px;
}
.tool_attr_list li {
  height: 22px;
  line-height: 22px;
  min-height: 22px;
  margin: 0px 0px 5px 0px !important;
  padding: 0px !important;
  border-top: 0;
}
.tool_attr_list li > * {
  float: left;
}
.tool_attr_list li::after {
  display: block;
  clear: both;
  content: " ";
}
.tool_attr_list li .wrap_attr_mini {
  line-height: 22px;
  height: 22px;
  min-height: 22px;
}
.tool_attr_list li .wrap_attr_mini div {
  padding: 0px;
  line-height: 0px;
}
.tool_attr_list li .wrap_attr_mini div.wrap_input_sub {
  margin: 0px;
}
.tool_attr_list li .wrap_attr_mini span.wrap_ic_close {
  cursor: pointer;
  margin-left: 6px;
}

span.wrap_ic_close {
  cursor: pointer;
  vertical-align: top;
  height: 19px;
  line-height: 20px;
  float: left;
}
span.wrap_ic_close .ic_remove {
  vertical-align: top;
  margin-top: 6px;
}

.tool_attr_list li .wrap_attr_mini {
  margin-left: 12px;
}

/*works build detail*/
.build_body {
  height: 100%;
  box-sizing: border-box;
}
.build_body .go_side {
  box-sizing: border-box;
  /*min-height: 800px; */
  padding: 10px;
  background: #3d3c3c;
  padding: 0 16px; /*4.0*/
  border-radius: 16px;
}
.build_body .go_side ::after {
  background: none !important;
}
.build_body .go_content.build_situation {
  background: #f1f1f1 !important;
  min-height: 100px;
}

.build_content_inner {
  box-sizing: border-box;
  padding: 0px;
  margin: 28px 24px 0px;
  background: #fff;
  border-bottom: none;
}
.build_content_inner .placeholder {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  position: relative;
  border: solid 1px #d5d5d5;
  left: 0px;
  right: 0px;
  cursor: move;
  min-height: 61px;
  background: #fff;
}

.build_situation .content_top h1 span.txt {
  color: #484848;
}
.build_situation .content_top.works_tit h1 .works_tit_inner span.btn_wrap {
  vertical-align: middle;
}
.build_situation .set_works .box {
  margin: 0;
  padding-top: 0;
}

.build_box.select, .column_side_inner.dashed {
  border: dashed 1px rgba(153, 153, 153, 0.6);
  min-height: 66px;
}

.build_content_inner + .page_action_wrap {
  background: #fff;
  margin-top: 0px !important;
  box-sizing: border-box;
  padding-top: 20px;
  margin-left: 24px;
  margin-right: 24px;
  border-top: none;
  margin-bottom: 15px;
}

.build_situation .build_write_wrap .build_box_data.blank {
  visibility: hidden;
  overflow: hidden;
}

/*works inner items*/
div.tool_holder {
  background: #4b4d4e;
  box-sizing: border-box;
  color: #fff;
  padding: 0px;
  cursor: pointer;
  position: absolute;
  z-index: 1;
  padding: 0px 10px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  font-size: 14px;
  cursor: pointer;
  line-height: 32px;
}
div.tool_holder span.ic_build {
  vertical-align: top;
  margin: 7px 0 0 0;
}
div.tool_holder.err_type {
  background: #f24949 !important;
}
div.tool_holder .ic_works.ic_text {
  vertical-align: top;
  margin-top: 2px;
}

.go_renew div.build_box_inner label {
  line-height: 32px\0 /IE9;
}

.build_box {
  box-sizing: border-box;
  /*min-height:66px;*/
  /*box-shadow: 0 0 5px rgba(0,0,0,0.3);  */
  border: solid 1px #d5d5d5;
  background: #fff;
  padding: 10px 30px;
  box-shadow: none;
  border: none;
}
.build_box div.build_box_inner {
  width: 100%;
  padding: 0px;
  cursor: default;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  color: #fff;
  padding: 0px;
  cursor: inherit;
}
.build_box div.build_box_inner label {
  color: #888;
  cursor: default;
  line-height: 1.1;
  cursor: inherit;
  letter-spacing: -1px;
}
.build_box div.build_box_inner .ic_works.ic_text {
  display: none;
  vertical-align: top;
  margin-top: 2px;
}
.build_box div.build_box_inner .ic_works.ic_drag {
  display: none;
  position: absolute;
  top: -3px;
  left: 5px;
  top: 0px;
  bottom: 0px;
  margin: auto 0;
  z-index: 1;
}
.build_box:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  position: relative;
}
.build_box .box_label_wrap {
  display: inline-block;
  *display: block;
  *zoom: 1;
  /*padding-right:20px;*/
}
.build_box .box_unit_wrap {
  height: 30px;
  line-height: 30px;
  display: inline-block;
  *display: block;
  *zoom: 1;
}
.build_box .wrap_btn {
  display: none;
  position: absolute;
  right: 0px;
  top: -15px;
  padding: 0px 4px;
  background: #fff;
}
.build_box .wrap_btn .btn_ic24 {
  padding: 7px;
  border-radius: 0;
}
.build_box .wrap_btn .btn_tool {
  border: 0;
}
.build_box .build_box_inner:hover > .wrap_btn, .build_box .build_box_inner:hover > .ic_works.ic_drag {
  display: block;
}
.build_box .wrap_build_data {
  margin: 15px 20px; /*4.0*/
  min-height: 0px;
  overflow: visible;
}
.build_box .box_label_wrap {
  margin-bottom: 5px;
}
.build_box .box_label_wrap.simple_label {
  margin-bottom: 0px;
}
.build_box .build_box_inner label {
  margin-bottom: 0px !important;
}
.build_box.column_box .column_side .build_box_inner {
  padding: 0px !important;
}
.build_box.on {
  background: #f4f4f4;
  border-left: 4px solid #00a1b9;
  cursor: default;
}
.build_box.on input:hover {
  background: #fff;
}
.build_box.on div.build_box_inner {
  background: #f4f4f4;
}
.build_box.on div.build_box_inner label, .build_box.on div.build_box_inner .wrap_btn {
  background: #f4f4f4;
}
.build_box.on .column_inner .build_box {
  background: #FFFBCF !important;
}
.build_box.move {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  position: relative;
  border: solid 1px #d5d5d5;
  left: 0px;
  right: 0px;
  cursor: move !important;
}

/*.build_box:hover .wrap_btn{display:block;}*/
.column_box.move {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  position: relative;
  border: solid 1px #d5d5d5;
  left: 0px;
  right: 0px;
  cursor: move !important;
}

.build_box {
  min-height: 0px;
  padding: 0px;
  overflow: hidden;
}
.build_box .box_label_wrap label {
  margin-bottom: 0px;
  line-height: 20px;
}
.build_box .build_box_inner .ic_works.ic_drag {
  left: 10px;
}
.build_box .column_box {
  margin: 0px 0px 0px 0px;
}
.build_box .column_box .simple_label {
  cursor: move;
  box-sizing: border-box;
  padding: 10px 20px;
  width: 100%;
  background: url(../images/bg_column.png);
  background-repeat: repeat;
}
.build_box .column_box .column_side .build_box_inner {
  padding: 10px 0px;
}
.build_box .column_box + .wrap_btn {
  top: 0;
}
.build_box .build_box {
  background: #fff;
}
.build_box .name_tag li.creat .btn_wrap {
  height: 20px;
  line-height: 20px;
  padding: 0px;
}
.build_box .name_tag .edit_title_sub {
  font-size: 12px;
  color: #a7a7a7;
  float: none;
  vertical-align: top;
}
.build_box .name_tag .edit_title_sub i {
  margin-top: 0px;
}

/*.build_box .build_bo:hover { background: #fbfbfb; }*/
/*works column width 50% */
.column_box {
  border: none;
  box-shadow: none;
  box-sizing: border-box;
  /*padding:5px 30px;*/
  color: #000 !important;
  margin: 10px 0px;
}
.column_box:hover {
  background: transparent;
}
.column_box .column_inner {
  overflow: hidden;
  background: #fff;
  width: 100%;
  padding: 0px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  color: #fff;
  display: table;
  table-layout: fixed;
}
.column_box .column_inner .column_side {
  width: 50%;
}
.column_box .attach_list .wrap_file .name, .column_box .file_wrap > li .item_file .name {
  width: 48%;
}
.column_box .dd_attach .progress > img {
  width: 100px !important;
}
.column_box .column_side {
  box-sizing: border-box;
  min-height: 50px;
  position: relative;
  color: #bebebe;
  border: dashed 1px #999;
  display: table-cell;
  vertical-align: top;
}
.column_box .column_side:first-child {
  border-right: 0;
  padding: 0px 0px 0px 0px;
}
.column_box .column_side .column_side_inner {
  height: 100%;
  min-height: 57px;
  position: relative;
}
.column_box .column_inner .column_side:first-child .column_side_inner {
  border-left: none;
}
.column_box .column_inner .column_side .column_side_inner .box_label_wrap.simple_label {
  background: none;
}
.column_box .column_side_inner > i {
  font-size: 20px;
  font-weight: bold;
  font-weight: 500;
  font-style: normal;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 100px;
  height: 24px;
  color: #b2b2b2;
  display: inline-block;
  *display: block;
  *zoom: 1;
  margin: auto;
}
.column_box .column_side .build_box_inner {
  padding: 10px 30px;
  display: inline-block;
  *display: block;
  *zoom: 1;
  width: 100%;
  height: 100%;
}
.column_box .column_side .build_box_inner .ic_works.ic_drag {
  top: 0px;
  left: 5px;
}
.column_box .column_side .build_box_inner.on {
  background: #f4f4f4;
  min-height: 40px;
}
.column_box .column_side .wrap_btn {
  top: 0;
  right: 0px;
}

.column_side_inner .build_box {
  padding: 0px;
  position: relative;
  /*z-index: 1; */
  min-height: 72px;
}
.column_side_inner .build_box.move {
  padding: 0px;
  background: #fff;
}
.column_side_inner .build_box.move:hover {
  background: #fbfbfb;
}

.build_situation .build_box {
  cursor: move !important;
}

.build_write_wrap .build_box {
  cursor: default !important;
}

.build_prev_wrap .build_box {
  cursor: default !important;
}
.build_prev_wrap .build_box.column {
  border-top: 0;
}

.column_side_inner .build_box .wrap_build_data {
  margin: 0 20px !important;
}

.build_situation .column_side_inner .build_box .wrap_build_data .wrap_build_data {
  margin: 0px !important;
}

.build_box.column > .build_box_inner:hover > .ic_works.ic_drag {
  display: none !important;
}
.build_box.column .build_box.table {
  /*border:solid 1px #ddd;*/
}
.build_box.column .build_box.table .wrap_build_data .box_label_wrap {
  box-sizing: border-box;
  margin-bottom: 0px;
  width: 100%;
  padding: 10px 8px 5px 8px;
  border-bottom: solid 1px #dddddd;
  background: #f9f9f9;
  cursor: move;
}
.build_box.column .build_box.table .build_box_inner {
  padding: 0px !important;
}
.build_box.column .build_box.table .build_box_inner .table_inner {
  margin: 0px 20px 5px 20px;
}
.build_box.column .build_box.table .build_box_inner .box_label_wrap.simple_label {
  border-bottom: none !important;
  padding-left: 20px;
  background: none;
}
.build_box.column .build_box.table .build_box_inner .txt_info {
  padding: 0px 20px;
}
.build_box.column .build_box.table .build_box_inner .ic_works.ic_drag {
  left: 5px;
}
.build_box.table {
  display: block;
  overflow: visible;
  padding: 0px 24px 10px;
}
.build_box.table .wrap_build_data.table_box {
  border: none;
  box-shadow: none;
  box-sizing: border-box;
  /*padding:5px 30px;*/
  color: #000 !important;
  margin: 10px 0px;
}
.build_box.table .build_box_inner .ic_works.ic_drag {
  left: -12px;
}
.build_box.table .table_box:hover {
  background: transparent;
}
.build_box.table .table_box .build_box_inner {
  padding: 0px;
  display: inline-block;
  *display: block;
  *zoom: 1;
  width: 100%;
  height: 100%;
}
.build_box.table .table_box .build_box_inner .ic_works.ic_drag {
  top: 0px;
  left: 5px;
  display: none;
}
.build_box.table .table_box .build_box_inner.on {
  background: #e9f5f6;
}
.build_box.table .table_box .simple_label {
  padding: 15px 0px;
  cursor: move;
  width: 100%;
}
.build_box.table .table_box .table_inner {
  border: dashed 1px #999;
}
.build_box.table .table_box .table_inner .table_drag_info {
  font-style: normal;
  font-weight: bold;
  font-weight: 500;
  color: #bbbbbb;
  padding: 20px 0px;
}
.build_box.table .table_box .table_inner .table_drag_info.on {
  height: 0px;
  overflow: hidden;
  padding: 0px;
}
.build_box.table .table_box .table_inner .table_drag_info p {
  text-align: center;
}
.build_box.table .table_box .wrap_btn {
  top: 0;
  right: 0px;
}
.build_box.table .table_box table.type_normal {
  height: 60px;
}
.build_box.table .table_box table.type_normal tbody tr td {
  padding: 0px;
  white-space: nowrap;
  background: #fff;
  border: 1px solid #ddd;
}
.build_box.table .table_box table.type_normal tbody tr td:first-child {
  padding: 0px;
  padding-left: 0px !important;
}
.build_box.table .table_box .build_box .wrap_build_data {
  padding: 0px;
  margin: 0px;
}
.build_box.table .table_box .build_box .wrap_build_data .box_label_wrap {
  box-sizing: border-box;
  margin-bottom: 0px;
  width: 100%;
  min-height: 37px;
  padding: 10px 8px 5px 8px;
  border-bottom: solid 1px #dddddd;
  cursor: move;
}

/*table box*/
.box_label_wrap .num_code {
  cursor: move;
  margin: -1px 0 0 4px;
}
.box_label_wrap .ic_alarm_s {
  vertical-align: middle;
  margin: 0 0 0 5px;
}

.build_box.table .table_box .build_box.column .wrap_build_data .box_label_wrap {
  padding: 8px 8px 10px 8px;
}
.build_box.table .table_box .build_box .wrap_build_data .build_box_data {
  padding: 6px 8px;
  border: none;
}
.build_box.table .table_box table.type_normal select {
  padding: 0px;
}
.build_box.table .table_box table.type_normal .wrap_select {
  padding: 0px;
  vertical-align: top;
}
.build_box.table .table_box table.type_normal .wrap_select .wrap_select_list {
  height: 23px;
}
.build_box.table .table_box table.type_normal .wrap_date {
  padding: 0px;
}
.build_box.table .table_box table.type_normal .ic_worksic_drag {
  display: none;
}
.build_box.table .table_box .wrap_btn .ic_copy {
  display: none;
}
.build_box.table > .build_box_inner > .wrap_btn {
  right: -19px;
  top: 5px;
}
.build_box.table .wrap_build_data.table_box {
  margin: 0px !important;
}
.build_box.table .build_box.select, .build_box.table .placeholder {
  min-width: 150px;
  min-height: 70px;
  box-sizing: border-box;
}
.build_box.table .table_inner_list {
  min-height: 60px;
}
.build_box.table .table_inner_list .placeholder {
  min-height: 70px;
}
.build_box.table .table_inner_list .build_box {
  min-height: 70px;
}
.build_box.table .table_inner_list .build_box.on .build_box_data {
  min-height: 23px;
}
.build_box.table .build_box.column .wrap_build_data {
  margin: 0px 0px !important;
}
.build_box.column .build_box.table {
  padding: 0px;
}
.build_box.column .build_box.table > .build_box_inner > .wrap_btn {
  right: 0px;
  top: 0;
}
.build_box.table .ic.ic_calendar {
  top: 3px;
}
.build_box.table .box_label_wrap {
  margin-bottom: 0px !important;
}
.build_box.table p.txt_info {
  margin-top: 0px;
}

.build_situation .build_box .box_label_wrap.simple_label {
  margin-bottom: 0px !important;
}
.build_situation .wrap_date input {
  padding: 0px;
}
.build_situation .build_content_inner input, .build_situation .build_content_inner select {
  box-sizing: border-box;
}
.build_situation .build_content_inner input:focus {
  box-sizing: border-box;
}
.build_situation .build_content_inner input[type=radio], .build_situation .build_content_inner input[type=checkbox] {
  height: 16px;
  line-height: 16px;
}
.build_situation .build_box_data span.btn_select {
  width: 22px;
  height: 23px;
}
.build_situation .wrap_date input.txt, .build_situation.wrap_date input.txt[type=text] {
  padding: 0px 0px 0px 23px !important;
}
.build_situation .build_box .wrap_date .ic_calendar {
  left: 3px;
}
.build_situation .build_box div.build_box_inner .txt_unit {
  display: inline-block;
  *display: block;
  *zoom: 1;
  vertical-align: middle;
}

.wrap_attr_mini .tool_date {
  height: 20px;
}
.wrap_attr_mini .tool_date .select_option > li:first-child {
  padding: 0px 0px !important;
}

/*xp ie8 issue*/
.build_situation .build_content_inner input {
  line-height: 21px\9  !important;
}
.build_situation .build_content_inner input:focus {
  line-height: 21px\9  !important;
}
.build_situation .build_content_inner select {
  padding: 0px !important;
}
.build_situation .build_box .wrap_date .ic_calendar {
  left: 4px \9 ;
}

.build_box div.build_box_inner label.st {
  font-weight: bold;
  font-weight: 500;
}
.build_box div.build_box_inner label.bgcolor1 {
  background: none;
  border: 0;
  color: #905341;
}
.build_box div.build_box_inner label.bgcolor2 {
  background: none;
  border: 0;
  color: #d06b64;
}
.build_box div.build_box_inner label.bgcolor3 {
  background: none;
  border: 0;
  color: #d75269;
}
.build_box div.build_box_inner label.bgcolor4 {
  background: none;
  border: 0;
  color: #fa573c;
}
.build_box div.build_box_inner label.bgcolor5 {
  background: none;
  border: 0;
  color: #ff7537;
}
.build_box div.build_box_inner label.bgcolor6 {
  background: none;
  border: 0;
  color: #ffad46;
}
.build_box div.build_box_inner label.bgcolor7 {
  background: none;
  border: 0;
  color: #42d692;
}
.build_box div.build_box_inner label.bgcolor8 {
  background: none;
  border: 0;
  color: #16a765;
}
.build_box div.build_box_inner label.bgcolor9 {
  background: none;
  border: 0;
  color: #7bd148;
}
.build_box div.build_box_inner label.bgcolor10 {
  background: none;
  border: 0;
  color: #b3dc6c;
}
.build_box div.build_box_inner label.bgcolor11 {
  background: none;
  border: 0;
  color: #fbe983;
}
.build_box div.build_box_inner label.bgcolor12 {
  background: none;
  border: 0;
  color: #fad165;
}
.build_box div.build_box_inner label.bgcolor13 {
  background: none;
  border: 0;
  color: #f691b2;
}
.build_box div.build_box_inner label.bgcolor14 {
  background: none;
  border: 0;
  color: #cd74e6;
}
.build_box div.build_box_inner label.bgcolor15 {
  background: none;
  border: 0;
  color: #9a9cff;
}
.build_box div.build_box_inner label.bgcolor16 {
  background: none;
  border: 0;
  color: #b99aff;
}
.build_box div.build_box_inner label.bgcolor17 {
  background: none;
  border: 0;
  color: #6691e5;
}
.build_box div.build_box_inner label.bgcolor18 {
  background: none;
  border: 0;
  color: #333;
}
.build_box div.build_box_inner .wrap_option label {
  line-height: 14px\0 /IE9 !important;
  margin-top: -1px\0 /IE9 !important;
}
.build_box div.build_box_inner .txt_list_box .wrap_option label {
  line-height: 18px\0 /IE9 !important;
  margin-top: 0px\0 /IE9 !important;
}

@media screen and (min-width: 0\0 ) {
  .build_situation .build_content_inner input {
    line-height/*\**/: 23px\9  !important;
  }
  .build_situation .build_content_inner input:focus {
    line-height/*\**/: 23px\9  !important;
  }
  .build_situation .build_box .wrap_date .ic_calendar {
    left/*\**/: 4px\9 ;
  }
  .build_box div.build_box_inner label {
    line-height/*\**/: 1.1\9  !important;
  }
  .build_box div.build_box_inner .wrap_option label {
    line-height: 14px\0 /IE9 !important;
  }
  .build_box div.build_box_inner .txt_list_box .wrap_option label {
    line-height: 18px\0 /IE9 !important;
  }
}
.tool_attr .scrollTarget {
  padding: 0px 15px !important;
  width: 210px;
  position: absolute;
  top: 0;
  left: 0;
}
.tool_attr .scrollTarget .scroll-inner {
  width: 200px;
}

.scrollTrack, .scrollBar {
  padding: 0px !important;
}

/*works input oiptions*/
.build_box div.build_box_inner input.txt, textarea.txtarea {
  width: 100%;
}

.build_box div.build_box_inner .txt_edit {
  color: #000;
}
.build_box div.build_box_inner .txt_list_box {
  border: solid 1px #c9c9c9;
  display: inline-block;
  *display: block;
  zoom: 1;
  min-width: 100px;
  height: 70px;
  overflow-x: none;
  overflow-y: scroll;
}
.build_box div.build_box_inner .txt_list_box ul li {
  margin-top: 0;
}
.build_box .wrap_build_data {
  clear: both;
}
.build_box .wrap_build_data .box_label_wrap {
  display: inline-block;
  width: 100%;
}

.build_box_data {
  color: #333;
}
.build_box_data .wrap_name_tag {
  padding: 0;
  display: inline-block;
  clear: both;
  width: 100%;
}
.build_box_data .wrap_name_tag .name_tag li {
  margin-top: 0 !important;
  float: left;
}
.build_box_data span.btn_select {
  background-size: 20px;
}
.build_box_data .wrap_option {
  padding: 2px 0px;
  /*float:left; */
  margin-right: 10px;
}
.build_box_data .wrap_option label {
  font-weight: normal !important;
  color: #333 !important;
}
.build_box_data .txt_list_box ul li {
  padding-right: 17px;
  clear: both;
}
.build_box_data .txt_list_box ul li:after {
  display: block;
  clear: both;
  overflow: hidden;
  height: 0;
  content: "";
}
.build_box_data .txt_list_box ul li:hover {
  background: #e9f5f6;
}
.build_box_data .txt_list_box .wrap_option label {
  line-height: 20px !important;
  height: 20px;
  display: inline;
}
.build_box_data .txt_list_box span.wrap_option {
  padding: 0px;
  line-height: 20px;
  height: 20px;
  padding: 2px 0px;
  text-indent: 6px;
}
.build_box_data .wfix_small {
  width: 110px !important;
}
.build_box_data .wfix_micro {
  width: 40px !important;
}
.build_box_data .wrap_date input {
  width: 130px !important;
}
.build_box_data .build_add_user {
  display: inline-block;
  *display: block;
  *zoom: 1;
  height: 31px;
  line-height: 31px;
  float: left;
}
.build_box_data .build_add_user span {
  font-weight: bold;
  font-weight: 500;
}

.build_situation .build_box .build_box_data ul.select_list li {
  margin-top: 0;
  width: 100%;
}

.build_box_data {
  clear: both;
}
.build_box_data ul li {
  clear: both;
}
.build_box_data ul li:after {
  display: block;
  clear: both;
  overflow: hidden;
  height: 0;
  content: "";
}
.build_box_data:after {
  display: block;
  clear: both;
  overflow: hidden;
  height: 0;
  content: "";
  /*border:solid 1px red; */
}
.build_box_data > .wrap_txt {
  /*float: left;*/
}

.build_box.table .table_inner_list .wrap_txt_total {
  display: block;
  margin-top: 5px;
}
.build_box.table .table_inner_list .wrap_txt_total input:hover {
  border: 1px solid #cacaca;
  border-top-color: #bcbcbc;
  border-bottom-color: #d9d9d9;
  background: #ebebe4;
}
.build_box.simple .build_box_data {
  padding: 0px;
  margin: 0px;
}
.build_box.simple .build_box_data.wrap_line {
  font-size: 0px;
}
.build_box .build_box_data .line {
  border-top: solid 1px #ddd;
  display: inline-block;
  *display: block;
  *zoom: 1;
  width: 100%;
  vertical-align: top;
  margin-top: 7px;
}
.build_box .build_box_data.blank {
  height: 50px;
  background: url(../images/bg_column.png);
  position: relative;
}
.build_box .build_box_data.blank span {
  display: inline-block;
  *display: block;
  *zoom: 1;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
  width: 90px;
  height: 18px;
  color: #999;
  font-weight: bold;
}

.blank_placeholder {
  height: 50px;
  background: #fafafa;
  border: dashed 1px #999;
  position: relative;
  line-height: 50px;
}
.blank_placeholder p {
  margin-top: 17px;
  text-align: center;
  color: #666666;
}

/*works home */
.go_content.go_works_home.card_type .wrap_works div span.card_info {
  font-size: 13px;
  line-height: 19px;
}
.go_content.go_works_home .content_top .cont_top_tab {
  clear: both;
  height: 100%;
}
.go_content.go_works_home .content_top .cont_top_tab::after {
  display: block;
  clear: both;
  overflow: hidden;
  height: 0;
  content: "";
}
.go_content.go_works_home .content_top .cont_top_tab li {
  float: left;
  height: 100%;
  cursor: pointer;
}

.go_works_home .content_top .cont_top_tab li h1 {
  text-overflow: initial;
}

.go_content.go_works_home h1 {
  padding: 0px 0px;
  text-align: center;
  min-width: 30px;
  position: relative;
  height: 100%;
}
.go_content.go_works_home h1 .txt {
  font-size: 15px;
  font-weight: bold;
  font-weight: 500;
  color: #888;
  margin: 0 30px;
}
.go_content.go_works_home .cont_top_tab li.on h1 .txt {
  color: #333;
}
.go_content.go_works_home .cont_top_tab li.on h1 .b_border {
  background: #00b6c7;
  height: 2px;
  width: 100%;
  display: inline-block;
  *display: block;
  *zoom: 1;
  position: absolute;
  bottom: 0px;
}
.go_content.go_works_home .cont_top_tab li:hover h1 .txt {
  color: #333;
}
.go_content.go_works_home .content_top .wrap_btn {
  position: absolute;
  right: 6px;
  top: 5px;
  line-height: 0px;
}
.go_content.go_works_home .content_top .wrap_btn i {
  border: 1px solid #f5f5f5;
  padding: 4px;
}
.go_content.go_works_home .content_top .wrap_btn i:hover {
  border: 1px solid #ccc;
  border-radius: 2px;
}
.go_content.go_works_home .content_page {
  box-sizing: border-box;
}

.app_temp .works_tit h1 + .wrap_btn {
  top: 12px !important;
  right: 24px !important;
}

.go_skin_advanced .app_temp .works_tit h1 + .wrap_btn {
  top: 20px !important;
  right: 160px !important;
}

.app_temp .works_tit h1 + .wrap_btn .btn_minor_s .txt {
  padding: 0;
}

.go_content.go_works_home .wrap_works {
  padding: 0px;
  display: block;
  *display: block;
  *zoom: 1;
  width: 100%;
  box-sizing: border-box;
}
.go_content.go_works_home .wrap_works .wrap_img_ic {
  width: 20px;
  height: 20px;
  vertical-align: top;
  margin-top: 6px;
  float: left;
}
.go_content.go_works_home .wrap_works img {
  width: 100%;
  height: 100%;
}
.go_content.go_works_home .wrap_works .wrap_img_ic i.ic_app_add {
  width: 20px;
  height: 20px;
}
.go_content.go_works_home .wrap_works a.wrap_works_info {
  display: block;
  *display: block;
  *zoom: 1;
  width: 100%;
  background: #fff;
}
.go_content.go_works_home .wrap_works a > div {
  float: left;
  color: #333;
}
.go_content.go_works_home .wrap_works div.error_data {
  float: none;
}
.go_content.go_works_home .wrap_works div.column_create {
  position: relative;
}
.go_content.go_works_home .wrap_works div.inner_works_info span {
  display: none;
}
.go_content.go_works_home .wrap_works div span.tit {
  display: block;
  padding-left: 5px;
}
.go_content.go_works_home .wrap_works i.dot_bg {
  display: none;
}
.go_content.go_works_home .wrap_works .wrap_works_info i.ic_works.ic_new {
  position: relative;
  top: 9px;
  left: 5px;
}
.go_content.go_works_home .wrap_works .column_create .wrap_works_info {
  box-sizing: border-box;
}
.go_content.go_works_home.card_type .wrap_works {
  margin: 20px 0;
  float: left;
}
.go_content.go_works_home.card_type .wrap_works:after {
  display: block;
  clear: both;
  overflow: hidden;
  height: 0;
  content: "";
}
.go_content.go_works_home.card_type .wrap_works .column_create {
  float: left;
}
.go_content.go_works_home.card_type .wrap_works .wrap_works_info i.ic_new {
  position: absolute;
  top: -10px;
  right: -10px;
  left: auto;
  background-position: -140px 0px !important;
  width: 22px;
  height: 22px;
}
.go_content.go_works_home.card_type .wrap_works .wrap_img_ic {
  position: relative;
  float: none;
  width: 60px;
  height: 60px;
  vertical-align: top;
  margin-top: 6px;
  margin: 50px auto 15px;
}
.go_content.go_works_home.card_type .wrap_works img {
  width: 100%;
  height: 100%;
}
.go_content.go_works_home.card_type .wrap_works .wrap_img_ic i.ic_app_add {
  width: 60px;
  height: 60px;
  background-position: -250px 0px !important;
}
.go_content.go_works_home .wrap_works div span.tit {
  position: relative;
  line-height: 21px;
  /*  font-size: 14px; font-weight: bold; height: 25px; color: #3b3b3b; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 140px;  */
}
.go_content.go_works_home.card_type .wrap_works div.inner_works_info {
  width: 100%;
  text-align: center;
  overflow: hidden;
}
.go_content.go_works_home.card_type .wrap_works i.dot_bg {
  display: block;
}
.go_content.go_works_home.card_type .wrap_works div span.card_info {
  position: relative;
}

/* .go_content.go_works_home.card_type .wrap_works div span { display: block; line-height: 20px; padding: 0px 10px; color: #999999; height: 38px; } */
i.dot_bg {
  display: inline-block;
  *display: block;
  *zoom: 1;
  width: 35px;
  height: 20px;
  position: absolute;
  right: 0px;
  bottom: 0px;
  zoom: 1;
  background: rgba(255, 255, 255, 0);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 51%, rgb(255, 255, 255) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(51%, rgb(255, 255, 255)), color-stop(100%, rgb(255, 255, 255)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 51%, rgb(255, 255, 255) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 51%, rgb(255, 255, 255) 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 51%, rgb(255, 255, 255) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 51%, rgb(255, 255, 255) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColor=0, endColorStr=#FFFFFF);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColor=0, endColorStr=#FFFFFF)";
  background: url("../images/dot_bg.png") \0 /IE8 9;
  filter: none \0 /IE8 9;
}

.ic.ic_app_link {
  background-position: 0 -1200px;
  width: 22px;
  height: 15px;
}
.ic.ic_app_dataUp {
  background-position: -50px -1200px;
  width: 17px;
  height: 15px;
}
.ic.ic_app_dataSearch {
  background-position: -100px -1200px;
  width: 15px;
  height: 15px;
}

.sub_app_menu {
  width: 930px;
  margin: 0 auto 50px;
}
.sub_app_menu li {
  position: relative;
  padding: 10px 0;
  border-bottom: 1px solid #dbdbdb;
  text-align: left;
}
.sub_app_menu li > a {
  display: block;
  padding: 0 30px;
}
.sub_app_menu li span.ic {
  position: absolute;
  top: 12px;
  left: 30px;
}
.sub_app_menu li .desc {
  padding: 0 0 0 30px;
}
.sub_app_menu li .desc dt {
  font-size: 14px;
  font-weight: bold;
  font-weight: 500;
  color: #333;
}
.sub_app_menu li .desc dd {
  font-size: 13px;
}

.build_prev_wrap .build_content_inner {
  min-height: 0px;
  margin-bottom: 0px !important;
  margin: 0;
}
.build_prev_wrap .activity_type {
  margin: 0;
}
.build_prev_wrap .reply_wrap {
  border: 1px solid #e9e9e9;
  background-color: #fff;
}
.build_prev_wrap .build_prev_header {
  position: relative;
  padding: 15px 0;
  border-bottom: 2px solid #666;
  overflow: hidden;
  margin: 0;
}
.build_prev_wrap .critical {
  margin-right: 70px;
  position: static;
}
.build_prev_wrap .critical .box_label_wrap {
  display: inline-block;
  *display: block;
  *zoom: 1;
  width: 100%;
}
.build_prev_wrap .critical .box_label_wrap label {
  font-size: 19px;
  line-height: 1.5;
  font-weight: bold;
  font-weight: 500;
}
.build_prev_wrap .optional {
  position: absolute;
  right: 0px;
  top: 20px;
}
.build_prev_wrap .optional span {
  vertical-align: middle;
}
.build_prev_wrap .optional span.txt {
  margin-top: 0px;
  /*margin-top: .3px;*/
}
.build_prev_wrap .build_prev_header .optional span.txt {
  margin-right: 8px;
}
.build_prev_wrap .optional .ic_works.ic_op {
  position: relative;
  vertical-align: middle;
  margin-left: -4px;
}
.build_prev_wrap .activity_type, .build_prev_wrap .reply_wrap {
  border: 0;
  margin-top: 8px;
}
.build_prev_wrap .build_box:hover {
  background: none;
  box-shadow: none;
}
.build_prev_wrap .build_box:hover div.build_box_inner {
  background: none;
  box-shadow: none;
}
.build_prev_wrap .build_prev_content {
  padding: 10px 0;
  overflow: visible !important;
}

.build_write_wrap .build_prev_content {
  padding: 10px 0;
  overflow: visible !important;
}
.build_write_wrap .opt_privacy {
  padding: 8px 24px;
  border-bottom: 1px solid #eee;
}

.build_box_data p.desc {
  margin-top: 4px;
}
.build_box_data > input.txt + p.desc {
  margin-left: 0;
  padding-left: 0;
}

.build_prev_wrap .build_box_data img {
  width: 100px;
  height: 100px;
  border-radius: 2px;
}
.build_prev_wrap .build_box_data .member {
  position: relative;
  margin-right: 10px;
  margin-bottom: 4px;
  white-space: nowrap;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
.build_prev_wrap .build_box_data .member span {
  vertical-align: middle;
}
.build_prev_wrap .build_box_data .member img {
  vertical-align: middle;
  width: 24px;
  height: 24px;
  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;
}
.build_prev_wrap .build_box_data .member::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  inset: 0;
  display: block;
  width: 24px;
  height: 24px;
  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;
}

p.txt_info {
  color: #999;
  margin-top: 3px;
}
p.txt_error {
  color: red;
  margin-top: 3px;
}

i.asterisk {
  display: inline-block;
  color: #fb9861;
  font-style: normal;
  margin: 0 3px;
  font-size: 0;
}

.build_prev_wrap .column_box {
  margin: 0;
}
.build_prev_wrap .column_box .simple_label {
  display: none;
}
.build_prev_wrap .column_box .wrap_build_data .box_label_wrap.simple_label {
  display: block;
}
.build_prev_wrap .column_box .column_side {
  border: 0;
}
.build_prev_wrap .column_side .build_box_inner {
  padding: 10px 0px;
  border-left: 1px solid #ddd;
  min-height: 37px;
}
.build_prev_wrap .column_side .build_box .build_box_inner {
  padding: 0;
  margin: 10px 0;
}
.build_prev_wrap .column_side_inner .build_box {
  min-height: 0px !important;
}
.build_prev_wrap .column_side:first-child .build_box_inner {
  /*padding:10px 30px;*/
  border: none;
}
.build_prev_wrap .column_side .build_box_data .wrap_option {
  margin-right: 5px;
}
.build_prev_wrap .build_box .build_box_data .wrap_option {
  margin-right: 5px;
}
.build_prev_wrap .build_box div.build_box_inner input.txt {
  /* width: 230px; */
}
.build_prev_wrap .build_box div.build_box_inner input.txt.w_large {
  width: 115px;
}
.build_prev_wrap .build_box div.build_box_inner .txt_unit {
  height: 26px;
  line-height: 26px;
}
.build_prev_wrap .activity_type .tool_bar ul.optional {
  top: -4px;
  right: 0px;
  display: inline-block;
  *display: block;
  *zoom: 1;
  position: relative;
  float: none;
}
.build_prev_wrap .activity_type .reply_wrap {
  box-shadow: none;
}
.build_prev_wrap .activity_type .tool_bar {
  right: 24px;
  top: 14px;
}
.build_prev_wrap .activity_type .tool_bar ul.optional span.txt {
  margin: 0px;
}
.build_prev_wrap .activity_type .tool_bar .btn_wrap .txt {
  vertical-align: top;
  margin: 4px 8px 0 0;
}
.build_prev_wrap .activity_type .tool_bar .btn_wrap .ic_works.ic_op {
  position: relative;
  vertical-align: top;
  margin-top: 5px;
  box-sizing: border-box;
  margin-left: -4px;
}
.build_prev_wrap .activity_type .tool_bar ul.optional + .btn_wrap {
  right: 0px;
  float: right;
  margin-top: 4px;
}
.build_prev_wrap .activity_type .tool_bar .btn_tool {
  box-sizing: border-box;
}
.build_prev_wrap .activity_type .tool_bar .btn_tool .txt {
  box-sizing: border-box;
  padding-top: 0px;
  vertical-align: top;
}
.build_prev_wrap .activity_type .tab_menu_wrap {
  border-bottom: 0;
}
.build_prev_wrap .activity_type .tab_menu_wrap .tab_menu li {
  position: relative;
  margin-left: 0px;
  padding: 0 12px;
  background: #fff;
  height: 34px;
  line-height: 34px;
  border: 1px solid #CFD1D4;
  border-radius: 18px;
}
.build_prev_wrap .activity_type .tab_menu_wrap .tab_menu li .txt {
  height: 32px;
  line-height: 32px;
  vertical-align: top;
  font-size: 14px;
}
.build_prev_wrap .activity_type .tab_menu_wrap .tab_menu li.active {
  border-color: #38393A;
}
.build_prev_wrap .activity_type .tab_menu_wrap .tab_menu li.active .txt {
  color: #333;
  font-weight: normal;
  font-color: #1C1C1C;
}
.build_prev_wrap .activity_type .tab_menu_wrap .tab_menu li.active i.b_border {
  display: none;
}
.build_prev_wrap .activity_type .tab_menu_wrap ul.tab_menu li span.num {
  font-size: 14px;
}
.build_prev_wrap .activity_type .tool_bar {
  top: 0;
  right: 0;
  min-height: 34px;
}
.build_prev_wrap .activity_type .box_sub_h {
  height: 40px;
}
.build_prev_wrap .activity_type .tab_menu_wrap {
  margin: 0px;
}
.build_prev_wrap .activity_type .write_wrap {
  padding: 10px 0;
}
.build_prev_wrap div.bottom_action {
  border-top: solid 1px #f3f3f3;
  margin-top: 0px;
  padding-top: 10px;
}
.build_prev_wrap .btn_list_reload {
  background: none;
  border: none;
}
.build_prev_wrap .simple_list_alarm li .info {
  margin-left: 0px;
}
.build_prev_wrap .build_box_inner > .wrap_btn {
  display: none !important;
}
.build_prev_wrap .column_side .table_box .build_box_inner {
  min-height: 0px;
}
.build_prev_wrap .column_box .column_side .column_side_inner {
  border: none;
  background: none;
}
.build_prev_wrap .btn_list_reload {
  background: #fff !important;
  filter: none;
}
.build_prev_wrap .build_box_data {
  clear: both;
}
.build_prev_wrap .build_box_data:after {
  display: both;
  clear: none;
  content: " ";
}
.build_prev_wrap .build_box_data .member {
  float: left;
}
.build_prev_wrap .column_box .column_inner {
  clear: none;
}
.build_prev_wrap .column_box .column_inner::after {
  display: block;
  clear: both;
  content: " ";
}
.build_prev_wrap .build_content_inner {
  border-bottom: none;
}
.build_prev_wrap .build_content_inner + .page_action_wrap {
  margin-left: 15px;
  margin-right: 15px;
  border-top: none;
  box-sizing: border-box;
  border: none;
  border-top: none;
}

/* .build_prev_wrap .column_side .build_box {padding:10px 0; border-left:1px solid #f3f3f3} */
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .build_prev_wrap .activity_type .tool_bar .btn_tool span.txt {
    padding-top: 0px !important;
  }
}
.content_top.works_tit h1 .ic_prev_icon {
  margin-right: 10px;
}

.build_prev_wrap .file_wrap_activity .item_file .optional {
  top: 0px !important;
  position: relative !important;
  margin-left: 16px !important;
}
.build_prev_wrap .build_box.table .build_box_data {
  white-space: normal;
}
.build_prev_wrap .build_box.table .build_box_data .build_box {
  border: none;
}
.build_prev_wrap .build_box.table table.type_normal {
  border-collapse: collapse;
  border: solid 1px #ddd;
}
.build_prev_wrap .build_box.table table.type_normal tr td {
  border: solid 1px #dddddd;
}
.build_prev_wrap .build_box.table table.type_normal tr td.build_table_option {
  display: none;
}
.build_prev_wrap .build_box.table .ic_works.ic_drag {
  display: none;
}
.build_prev_wrap .build_box.table .box_label_wrap {
  cursor: default !important;
  min-height: 37px !important;
}
.build_prev_wrap .build_box.table .table_box .build_box .wrap_build_data .build_box_data {
  padding: 6px 8px 5px 8px;
  line-height: 20px;
}

.go_skin_edit .build_situation {
  overflow: hidden;
}

.build_situation::after {
  content: "";
  clear: both;
  display: block;
}
.build_situation .build_prev_wrap .box_label_wrap .ic_alarm_s {
  margin-top: -1px;
}
.build_prev_wrap .build_box span.wrap_select_list {
  z-index: inherit !important;
}
.build_prev_wrap .build_box span.wrap_select_list ul {
  background: #fff;
  z-index: 10;
}

.build_situation .wrap_txt input.disabled {
  color: #b7afbd !important;
}

.build_prev_wrap .build_box.table .table_box table.type_normal tbody tr td:first-child {
  min-height: 0px;
}

.dataCopy .dataCopy_to .build_write_wrap {
  margin-left: 1px;
}

/*works 앱 등록*/
.build_write_wrap .build_prev_content {
  overflow: visible;
}
.build_write_wrap ul.file_wrap li span.item_file span.optional {
  position: relative;
  top: -1px;
}
.build_write_wrap .build_prev_content .column_inner {
  /*top: -5px !important;*/
}
.build_write_wrap .build_box .box_label_wrap {
  margin-bottom: 8px;
}
.build_write_wrap .build_box .wrap_build_data {
  margin: 15px 0;
}
.build_write_wrap .column_side:first-child .build_box_inner .wrap_build_data {
  margin: 0 20px 0 0 !important;
}
.build_write_wrap .column_side .build_box_inner .wrap_build_data {
  margin: 0 0 0 20px !important;
}

/*.build_write_wrap .build_prev_content:after {display:block;clear:both;content:' ';}*/
.build_prev_wrap.build_write_wrap {
  margin-top: 12px;
  clear: both;
}
.build_prev_wrap.build_write_wrap div.file_wrap {
  margin-top: 5px;
  margin-bottom: 5px;
}
.build_prev_wrap.build_write_wrap .img_wrap {
  margin-top: 0px;
}
.build_prev_wrap .item_image .thumb img {
  width: auto;
}
.build_prev_wrap.build_write_wrap .build_box {
  border: none;
  box-sizing: border-box;
  overflow: visible !important;
  clear: both;
}
.build_prev_wrap.build_write_wrap .build_box div.build_box_inner .ic_works.ic_drag {
  display: none;
}
.build_prev_wrap.build_write_wrap .column_box .column_inner {
  overflow: visible !important;
}
.build_prev_wrap.build_write_wrap .wrap_name_tag li.creat span.btn_wrap {
  display: block;
}

.build_situation .build_prev_wrap.build_write_wrap ul.name_tag li span.btn_wrap {
  display: inline-block !important;
}

.build_prev_wrap .build_box.table {
  position: relative;
}
.build_prev_wrap .build_box.table .table_action_wrap {
  display: inline-block;
}
.build_prev_wrap .build_box.table .build_table_option .box_label_wrap {
  height: 34px;
}
.build_prev_wrap .build_box.table .build_table_option .box_label_wrap label {
  display: none;
}
.build_prev_wrap .build_box.table .table_inner_list tr td .wrap_build_data .box_label_wrap {
  display: none;
}
.build_prev_wrap .build_box.table .table_inner_list tr td .build_box {
  min-height: 30px !important;
}
.build_prev_wrap .build_box.table .table_inner_list tr td .build_box .build_box_inner {
  box-sizing: border-box;
  vertical-align: bottom;
  margin: 0px;
}
.build_prev_wrap .build_box.table .table_inner_list tr:first-child td .wrap_build_data .box_label_wrap {
  display: block;
}
.build_prev_wrap .build_box.table .table_inner_list tr:first-child td .wrap_build_data .box_label_wrap label {
  line-height: 19px;
  vertical-align: text-bottom;
}
.build_prev_wrap .build_box.table .table_inner_list tr:first-child td .build_box {
  min-height: 30px !important;
}
.build_prev_wrap .build_box.table .box_label_wrap {
  margin-bottom: 0px !important;
}
.build_prev_wrap.build_write_wrap .build_box.table .build_box_data {
  white-space: nowrap;
}
.build_prev_wrap.build_write_wrap .build_box.table .build_box_data .build_box {
  border: none;
}
.build_prev_wrap.build_write_wrap .build_box.table table.type_normal tr td {
  border: solid 1px #dddddd;
}
.build_prev_wrap.build_write_wrap .build_box.table table.type_normal tr td.build_table_option {
  display: block;
  border: none;
  border-top: solid 1px #ddd;
}
.build_prev_wrap.build_write_wrap .build_box.table table.type_normal tr:first-child td.build_table_option {
  border-top: none;
}
.build_prev_wrap.build_write_wrap .build_box.table .table_inner_list tr:first-child td .wrap_build_data .box_label_wrap label {
  line-height: 15px;
}
.build_prev_wrap .build_box.table .table_box .table_inner {
  border: 0;
}
.build_prev_wrap.build_write_wrap .table_inner_list .build_box_data input.text {
  margin-top: 1px;
}
.build_prev_wrap.build_write_wrap .build_box.table .table_box .build_box .wrap_build_data .build_box_data {
  padding: 4px 8px;
  line-height: 20px;
}
.build_prev_wrap .build_box.table .wrap_build_data.table_box .simple_label {
  min-height: 0px !important;
}
.build_prev_wrap .type_normal .build_box_data ul.select_list {
  height: 188px !important;
}
.build_prev_wrap .build_box input {
  padding: 0px 4px !important;
}
.build_prev_wrap.build_write_wrap .column_side .table_box .build_box_inner .build_box_data {
  white-space: normal;
}
.build_prev_wrap.build_write_wrap .column_side .table_box .build_table_option .build_box_inner .build_box_data {
  width: 45px;
}
.build_prev_wrap .opt_privacy .wrap_option .help {
  top: -2px;
}
.build_prev_wrap table.type_normal td span.wrap_txt {
  vertical-align: top;
}
.build_prev_wrap .build_box div.build_box_inner .table_inner_list .txt_unit {
  height: 24px;
  line-height: 24px;
}
.build_prev_wrap .build_box_inner .item_file .optional {
  position: relative;
  top: 0px;
}

.build_box.choice {
  background: #e9f5f6 !important;
  border-left: 2px solid #38a9b6 !important;
}

.build_prev_wrap .file_wrap span.item_file .btn_fn4 .txt {
  letter-spacing: 0px !important;
}

/*ie8*/
@media \0 screen {
  .build_prev_wrap .opt_privacy .wrap_option input[type=checkbox] {
    padding-right: 0px !important;
  }
  .build_prev_wrap .opt_privacy .wrap_option label {
    line-height: 1.4;
  }
  .build_prev_wrap .opt_privacy .wrap_option .help {
    top: -1px;
  }
  .build_prev_wrap .file_wrap span.item_file .btn_fn4 {
    padding: 1px 4px;
  }
}
/*works 앱 만들기*/
.go_skin_works .works_app_info {
  min-height: 100px;
  text-align: center;
  margin: 40px 20px 0;
}
.go_skin_works .works_app_info h5 {
  font-size: 20px;
  color: #666;
  letter-spacing: -1px;
  margin-bottom: 5px;
}
.go_skin_works .works_app_info h5 a {
  font-size: 20px;
}
.go_skin_works .works_app_info p {
  font-size: 12px;
  color: #a2a1a2;
  line-height: 18px;
}
.go_skin_works .works_app_info .ic_works {
  margin-bottom: 8px;
}
.go_skin_works .bgcolor18 {
  background: #333;
  border: 1px solid #333;
}

.go_works_situation .bgcolor18 {
  background: #333;
  border: 1px solid #333;
}

.go_works_home.app_temp {
  min-height: 0px;
}
.go_works_home.app_temp .content_top h1 {
  font-size: 14px;
  padding-left: 0;
  box-sizing: border-box;
}
.go_works_home.app_temp .wrap_btn_toggle .btn_toggle {
  margin-right: 4px;
  background: #fff !important;
}
.go_works_home.app_temp .wrap_btn_toggle .btn_toggle.on:hover {
  background: #fff !important;
}
.go_works_home.app_temp .wrap_btn_toggle .btn_toggle:hover {
  background: #f5f5f5 !important;
}

.go_skin_advanced .go_works_home.app_temp .content_top h1 {
  font-size: 20px;
  padding-left: 0;
  box-sizing: border-box;
  padding-right: 150px;
}

.go_works_home.app_temp .content_page {
  text-align: center;
}
.go_works_home.app_temp .content_page .wrap_works {
  width: 1250px;
  text-align: left;
}
.go_works_home.app_temp .content_page .wrap_works ul {
  color: #999;
  clear: both;
  height: 40px;
  line-height: 40px;
  text-align: left;
}
.go_works_home.app_temp .content_page .wrap_works ul::after {
  display: block;
  clear: both;
  content: " ";
}
.go_works_home.app_temp .content_page .wrap_works ul li {
  width: 311px;
  height: 120px;
  box-sizing: border-box;
  float: left;
  padding: 0px;
}
.go_works_home.app_temp .content_page .wrap_works ul li:hover {
  background: none;
}
.go_works_home.app_temp .content_page .app_admin_card ul li .wrap_works_info {
  background: #fff;
  width: 300px;
  height: 110px;
  box-sizing: border-box;
  padding: 15px;
  border-top: none;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.works_app_write ul li .wrap_works_info {
  box-shadow: none !important;
}

.go_works_home.app_temp .content_page .wrap_works ul li .wrap_works_info:hover {
  box-shadow: 0px 1px 10px #bbb;
}
.go_works_home.app_temp .content_page .wrap_works ul li .tit {
  font-size: 15px;
  font-weight: bold;
  font-weight: 500;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 0px;
  height: 20px;
  line-height: 20px;
  margin-bottom: 5px;
  display: inline-block;
  *display: block;
  *zoom: 1;
}
.go_works_home.app_temp .content_page .wrap_works ul li .card_info {
  display: block;
  line-height: 20px;
  color: #999;
  overflow: hidden;
  line-height: 17px;
  height: 50px;
  position: relative;
}

.app_create_wrap .wrap_works ul li .card_info {
  margin-top: -10px;
}

.go_works_home.app_temp .content_page .wrap_works ul li .card_info .dot_bg {
  display: block;
}
.go_works_home.app_temp .content_page .wrap_works ul li .inner_works_info {
  text-align: left;
  float: left;
  margin-left: 15px;
  width: 190px;
}
.go_works_home.app_temp .content_page .wrap_works ul li div.column_create {
  float: none;
  min-height: 268px;
}
.go_works_home.app_temp .content_page .wrap_works .wrap_card_tit + ul {
  height: 100%;
  display: inline-block;
}

.go_content.go_works_home.app_temp .wrap_works .wrap_works_info i.ic_new {
  position: absolute;
  top: -10px;
  right: -10px;
  left: auto;
  background-position: -140px 0px !important;
  width: 22px;
  height: 22px;
}
.go_content.go_works_home.app_temp .wrap_works .wrap_img_ic {
  width: 60px;
  height: 60px;
  margin-top: 0px;
  position: relative;
}
.go_content.go_works_home.app_temp .wrap_works .wrap_img_ic i.ic_app_add {
  width: 60px;
  height: 60px;
  background-position: -250px 0px !important;
}
.go_content.go_works_home.app_temp .wrap_works .wrap_card_tit {
  margin: 24px 0 16px 0;
}
.go_content.go_works_home.app_temp .wrap_works .wrap_card_tit h5 {
  font-size: 15px;
  color: #333;
  text-align: left;
  margin: 0 0 3px 0;
}
.go_content.go_works_home.app_temp .wrap_works .wrap_card_tit p.desc {
  text-align: left;
  margin: 0;
}

.go_works_home.app_temp .content_page.app_create_wrap {
  padding-top: 0px;
  margin: 5px 24px 0 24px !important;
}
.go_works_home.app_temp .content_page.app_create_wrap a.wrap_works_info {
  padding: 15px;
  width: 300px;
  height: 110px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  transition: 0.3s;
}
.go_works_home.app_temp .content_page.app_create_wrap .wrap_works {
  display: inline-block !important;
}
.go_works_home.app_temp .content_page.app_create_wrap ul li {
  border-bottom: none;
}
.go_works_home.app_temp .content_page.app_create_wrap ul li.more_app a.wrap_works_info {
  background-color: #F5F5F5;
  border-style: dashed;
}
.go_works_home.app_temp .content_page.app_create_wrap ul li.more_app .wrap_img_ic.wrap_app_more {
  display: inline-block;
  width: 60px;
  height: 60px;
  background-color: #9c9c9c;
  border-radius: 10px;
}
.go_works_home.app_temp .content_page.app_create_wrap ul li.more_app .wrap_img_ic.wrap_app_more i .txt {
  font-style: normal;
  font-weight: 500;
  font-size: 32px;
  color: #fff;
  text-align: center;
  line-height: 60px;
}
.go_works_home.app_temp .content_page.app_create_wrap ul li.more_app i.dot_bg {
  background: rgba(245, 245, 245, 0);
  background: -moz-linear-gradient(left, rgba(245, 245, 245, 0) 0%, rgb(245, 245, 245) 51%, rgb(245, 245, 245) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(245, 245, 245, 0)), color-stop(51%, rgb(245, 245, 245)), color-stop(100%, rgb(245, 245, 245)));
  background: -webkit-linear-gradient(left, rgba(245, 245, 245, 0) 0%, rgb(245, 245, 245) 51%, rgb(245, 245, 245) 100%);
  background: -o-linear-gradient(left, rgba(245, 245, 245, 0) 0%, rgb(245, 245, 245) 51%, rgb(245, 245, 245) 100%);
  background: -ms-linear-gradient(left, rgba(245, 245, 245, 0) 0%, rgb(245, 245, 245) 51%, rgb(245, 245, 245) 100%);
  background: linear-gradient(to right, rgba(245, 245, 245, 0) 0%, rgb(245, 245, 245) 51%, rgb(245, 245, 255) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColor=0, endColorStr=#f5f5f5);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColor=0, endColorStr=#f5f5f5)";
}
.go_works_home.app_temp .content_page.app_create_wrap .wrap_works .wrap_card_tit + ul {
  height: 100%;
  display: inline-block;
}
.go_works_home.app_temp .content_page.app_create_wrap .column_create {
  min-height: 117px !important;
}

.go_content.go_works_home.app_temp .content_page .wrap_card_tit:first-child h5 {
  margin-top: 0px;
}
.go_content.app_temp .content_top .wrap_img_ic {
  top: 12px;
  left: 5px;
  position: relative;
  display: inline-block;
  *display: block;
  *zoom: 1;
  width: 22px;
  height: 22px;
}

@media screen and (max-width: 1024px) {
  .go_works_home.app_temp .content_page .wrap_works {
    width: 935px;
  }
}
.content_top .wrap_img_ic .ic_works {
  background-size: 250px 250px !important;
}
.content_top .wrap_img_ic .ic_works.ic_app_set {
  background-position: -200px -25px !important;
  width: 22px;
  height: 22px;
}
.content_top .wrap_img_ic .ic_works.ic_app_list {
  background-position: -200px -122px !important;
  width: 22px;
  height: 22px;
}
.content_top .wrap_img_ic .ic_works.ic_app_status {
  background-position: -200px -73px !important;
  width: 22px;
  height: 22px;
}
.content_top .wrap_img_ic .ic_works.ic_app_share {
  background-position: -200px -47px !important;
  width: 22px;
  height: 22px;
}

@media screen and (max-width: 1024px) {
  .go_works_home.app_temp .content_page.app_create_wrap .wrap_works .wrap_card_tit + ul {
    height: 100%;
    display: inline-block;
  }
}
/*works app 만들기*/
.go_works_home.app_temp .works_app_write {
  min-width: 947px;
}
.go_works_home.app_temp .works_app_write table.form_type {
  text-align: left;
}
.go_works_home.app_temp .works_app_write table.form_type th {
  padding-left: 0px;
}
.go_works_home.app_temp .works_app_write .wrap_name_tag li {
  background: #f9f9f9;
  border: solid 1px #dddddd !important;
}
.go_works_home.app_temp .works_app_write .wrap_name_tag li.creat {
  border: none !important;
  background: none;
}
.go_works_home.app_temp .works_app_write textarea {
  min-height: 126px;
}
.go_works_home.app_temp .works_app_write .wrap_app_list {
  position: relative;
}
.go_works_home.app_temp .works_app_write .app_select {
  margin: 5px;
  position: absolute;
  top: 0px;
  left: 0px;
}
.go_works_home.app_temp .works_app_write .app_select img {
  width: 60px;
  height: 60px;
}
.go_works_home.app_temp .works_app_write .ic_arr_right {
  position: absolute;
  top: 22px;
  left: 70px;
}
.go_works_home.app_temp .works_app_write .app_list {
  width: 100%;
  padding-left: 90px;
  box-sizing: border-box;
  position: relative;
  right: 0px;
  top: 0px;
}
.go_works_home.app_temp .works_app_write .app_list img, .go_works_home.app_temp .works_app_write .app_list i {
  display: inline-block;
  margin: 5px;
  opacity: 0.6;
  -ms-filter: alpha(opacity=60);
  cursor: pointer;
  width: 60px;
  height: 60px;
}
.go_works_home.app_temp .works_app_write .app_list img:hover, .go_works_home.app_temp .works_app_write .app_list i:hover {
  opacity: 1;
  -ms-filter: alpha(opacity=100);
}
.go_works_home.app_temp .works_app_write .option_display {
  margin-top: 8px;
}
.go_works_home.app_temp .works_app_write .option_display ul li {
  line-height: 26px;
}
.go_works_home.app_temp .works_app_write .vertical_wrap .btn_wrap {
  display: inline-block;
  padding: 5px 10px;
  background: #f5f5f5;
  cursor: pointer;
}
.go_works_home.app_temp .works_app_write .node_type_select {
  margin-right: 3px;
}
.go_works_home.app_temp .works_app_write .btn_border {
  vertical-align: top;
  display: inline-block;
  height: 19px;
  margin-top: 3px;
}
.go_works_home.app_temp .works_app_write .btn_border .ic_delete {
  background: url(../images/ic_side.png) repeat-x;
  background-position: -100px -600px;
  width: 19px;
  height: 19px;
}
.go_works_home.app_temp .works_app_write .form_type .wrap_opt {
  padding: 0px;
  line-height: 20px;
  height: 20px;
}
.go_works_home.app_temp .works_app_write .form_type .wrap_opt + .desc {
  margin: 8px 0 0 0;
}
.go_works_home.app_temp .works_app_write .form_type .wrap_opt:first-child {
  margin-top: 5px;
}
.go_works_home.app_temp .works_app_write .form_type .wrap_opt label {
  line-height: 20px;
}
.go_works_home.app_temp .works_app_write .form_type .wrap_opt input {
  margin: 0px;
  vertical-align: top;
  top: 4px !important;
}
.go_works_home.app_temp .works_app_write .desc {
  height: 20px;
  line-height: 20px;
  padding: 0px !important;
  margin: 0px;
  vertical-align: inherit;
}
.go_works_home.app_temp .works_app_write .desc .wrap_option {
  vertical-align: inherit;
  margin-right: 0px;
  padding: 0px;
}
.go_works_home.app_temp .works_app_write .desc .wrap_option input[type=checkbox] {
  margin: 0px;
  vertical-align: inherit;
  top: 2px;
  margin-right: 5px;
}
.go_works_home.app_temp .works_app_write .desc .wrap_option label {
  vertical-align: inherit;
}
.go_works_home.app_temp .works_app_write .minor {
  /*border:solid 1px red*/
}
.go_works_home.app_temp .works_app_write .minor .sub_depart label {
  line-height: 20px;
  vertical-align: top;
  margin-top: 3px;
}

/*works 공유자 설정*/
.set_works_share .form_type th {
  width: 130px;
}

/*works 목록 화면 관리*/
.works_app_write .app_write_tit h5 .ic_info {
  margin-top: 0px !important;
  cursor: pointer;
}
.works_app_write .app_write_tit h5 .help {
  margin-top: -2px;
}

.go_works_home.app_temp .works_app_write {
  padding: 24px;
}
.go_works_home.app_temp .works_app_write .app_write_tit {
  text-align: left;
}
.go_works_home.app_temp .works_app_write .app_write_tit .tool_bar {
  margin-top: 10px;
  min-height: 36px;
}
.go_works_home.app_temp .works_app_write h5 {
  position: relative;
  margin-bottom: 8px;
}
.go_works_home.app_temp .works_app_write h5 .btn_minor_s {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 8px;
}
.go_works_home.app_temp .works_app_write .app_write_tit .desc {
  height: auto;
  font-size: 13px;
}

.wrap_works.app_admin_list {
  background: #fff !important;
  margin-bottom: 10px;
  display: inline-block;
}
.wrap_works.app_admin_list ul {
  height: auto !important;
  background: #fff;
  line-height: 40px;
  height: auto !important;
  background: #fff;
  line-height: 40px;
}
.wrap_works.app_admin_list ul:after {
  display: block;
  overflow: hidden;
  content: "";
  clear: left;
}
.wrap_works.app_admin_list ul li {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  width: 410px !important;
  height: auto !important;
  min-height: 335px !important;
  height: 450px !important;
  padding: 0px 15px 15px 0px !important;
  float: left;
}

.works_app_write .wrap_works.app_admin_list ul li .column_create .wrap_works_info {
  height: 435px !important;
  height: 435px !important;
}

.wrap_works.app_admin_list {
  width: 100% !important;
}
.wrap_works.app_admin_list ul li .wrap_works_info {
  overflow-y: auto;
  border: solid 1px #d9d9d9 !important;
  padding: 25px 15px 15px !important;
  box-sizing: border-box;
  display: inline-block;
  *display: block;
  *zoom: 1;
  height: 100% !important;
  width: 100% !important;
  min-height: 268px;
  cursor: move;
  background: #fff;
}
.wrap_works.app_admin_list ul li .wrap_works_info > h3 {
  font-size: 14px;
  margin-left: -10px;
}
.wrap_works.app_admin_list ul li .inner_works_info {
  width: 100% !important;
}
.wrap_works.app_admin_list ul li .wrap_txt {
  float: none;
}
.wrap_works.app_admin_list ul li p.txt_error {
  margin-top: -5px;
}
.wrap_works.app_admin_list .desc {
  margin-top: -7px !important;
}
.wrap_works.app_admin_list .btn_close {
  position: absolute;
  right: 38px;
  top: 0;
}
.wrap_works.app_admin_list .column_create .wrap_works_info {
  border: dashed 2px #ccc !important;
  height: 435px !important;
  cursor: pointer;
}
.wrap_works.app_admin_list .column_create .inner_works_info {
  float: none;
  margin: 0px !important;
  text-align: center !important;
}
.wrap_works.app_admin_list .column_create .wrap_img_ic {
  width: 100% !important;
  text-align: center;
  height: 23px !important;
  margin-top: 120px !important;
  margin-bottom: 10px;
}
.wrap_works.app_admin_list .column_create a {
  display: inline-block;
  *display: block;
  *zoom: 1;
  width: 100%;
  height: 100%;
}

.go_works_home.app_temp .wrap_works div span {
  display: block;
}
.go_works_home.app_temp .wrap_works div span.emphasize {
  display: inline-block;
}
.go_works_home.app_temp .content_page .wrap_works.app_admin_list ul li .works_info_table select {
  max-width: 220px !important;
}

@media screen and (max-width: 1024px) {
  .go_works_home.app_temp .content_page .wrap_works.app_admin_list {
    width: 100%;
  }
}
.works_info_table tr th {
  width: 100px;
  vertical-align: top;
  text-align: left;
}
.works_info_table tr th .title {
  color: #333333;
}
.works_info_table tr td {
  vertical-align: top;
}
.works_info_table tr td ul {
  height: 0px !important;
  line-height: 0px;
}
.works_info_table tr td li {
  width: 100% !important;
  height: auto !important;
  line-height: 25px !important;
  color: #333;
}
.works_info_table tr td li .wrap_option {
  height: 100%;
  margin: 0px !important;
  padding: 0px;
}
.works_info_table tr td li .wrap_multiselect {
  clear: both;
  margin: 5px 0px;
  height: 30px !important;
}
.works_info_table tr td li .wrap_multiselect > * {
  display: inline !important;
}
.works_info_table tr td li .wrap_dateselect {
  margin: 5px 0px;
  height: 30px !important;
}
.works_info_table tr td li .wrap_dateselect > * {
  display: inline !important;
}
.works_info_table tr td li .wrap_date {
  display: inline-block !important;
  padding: 0px;
}
.works_info_table tr td li .ic.ic_calendar {
  top: 3px;
}

.app_list_sort {
  margin-bottom: 40px;
}
.app_list_sort table.type_normal th {
  padding: 0px;
  margin: 0px;
}
.app_list_sort table.type_normal td {
  padding: 0px;
  margin: 0px;
  white-space: nowrap;
  color: #666;
}
.app_list_sort table.type_normal td .btn_tool {
  border: 0;
}
.app_list_sort table.type_normal tr:hover td {
  background: #fff;
}
.app_list_sort table.type_normal tbody tr td:first-child {
  padding: 0px !important;
  margin: 0px !important;
}
.app_list_sort table.type_normal .tit_word_break dd {
  min-width: 150px;
  white-space: normal;
}

.tit_word_break {
  white-space: normal;
}

.app_list_sort table.type_normal tbody td {
  border-bottom: none;
}
.app_list_sort .blank_box {
  box-sizing: border-box;
}
.app_list_sort .blank_box > div {
  width: 100%;
  height: 211px;
  border: dashed 1px #b2b2b2;
  box-sizing: border-box;
  background: #fbfbfb;
  cursor: move;
}
.app_list_sort .blank_box > div span {
  visibility: hidden;
  min-width: 150px;
  display: inline-block;
  *display: block;
  *zoom: 1;
}
.app_list_sort dl.subject {
  background-color: #e9f5f6;
}
.app_list_sort dl.subject dt {
  background-color: #e9f5f6;
}
.app_list_sort dl dt {
  min-height: 34px;
  line-height: 33px;
  box-sizing: border-box;
  background: #f9f9f9;
  padding: 0 8px;
  border-top: solid 1px #dddddd;
  border-bottom: solid 1px #dddddd;
  position: relative;
  text-align: center;
}
.app_list_sort dl dt a {
  color: #666 !important;
}
.app_list_sort dl dt .ic {
  cursor: pointer;
  width: 9px;
  height: 14px;
  vertical-align: middle;
  margin-left: 4px;
}
.app_list_sort dl dt.sorting_desc .ic {
  background: url(../images/icon_classic.png) no-repeat -20px 0;
  display: inline-block;
}
.app_list_sort dl dt.sorting .ic {
  background: url(../images/icon_classic.png) no-repeat 0px 0;
  display: inline-block;
}
.app_list_sort dl dt.sorting .ic:hover {
  background: url(../images/icon_classic.png) no-repeat 0px -20px;
}
.app_list_sort dl dt .ic {
  display: none;
}
.app_list_sort dl dt .selected {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 2px;
  background: #000;
}
.app_list_sort dl dd {
  min-height: 34px;
  line-height: 34px;
  padding: 0 8px;
  border-bottom: solid 1px #e6e6e6;
}
.app_list_sort .tool_bar .critical {
  margin: 0;
}
.app_list_sort .btn_submenu {
  display: inline;
  position: relative;
  float: left;
}
.app_list_sort div.btn_submenu a.btn_tool_multi {
  border-right: none;
}
.app_list_sort div.btn_submenu a.btn_tool_multi:hover {
  background: none;
}
.app_list_sort .type_normal .btn_submenu .ic.ic_arrow_type3 {
  background: url(../images/ic.png) no-repeat 0 0 !important;
  background-position: -99px -497px !important;
  margin-top: 0px !important;
}
.app_list_sort .app_list_sort .btn_submenu .array_option {
  top: 18px;
  z-index: 1;
}
.app_list_sort .btn_submenu .array_option ul li {
  padding: 0 5px;
  text-align: left;
}
.app_list_sort .btn_submenu .array_option ul li:first-child {
  padding-top: 0px;
}
.app_list_sort table tr td dl dt:after {
  display: block;
  clear: both;
  content: " ";
}

/*.app_list_sort dl dd:hover { background:#e9f5f6; }*/
.btn_submenu .btn_autoSave {
  cursor: default !important;
}
.btn_submenu .btn_autoSave:hover {
  background: #f5f5f5;
}
.btn_submenu .btn_autoSave:hover .txt {
  color: #666 !important;
}

.list_reference {
  margin-bottom: 45px;
}
.list_reference tr td {
  text-align: left !important;
}
.list_reference .check {
  width: 100px;
  text-align: center !important;
}
.list_reference .ref_item {
  width: 150px;
}
.list_reference .ref_user {
  width: 100px;
}
.list_reference .ref_app {
  width: 250px;
}
.list_reference .ref_link, .list_reference .ref_view {
  width: 100px;
}

/*works 상태 관리*/
.go_works_home .content_top h1 {
  text-align: left;
}
.go_works_home.app_temp .works_app_write .option_display {
  padding: 10px;
  width: 100%;
  box-sizing: border-box;
}
.go_works_home.app_temp .works_app_write .option_display .list_works_record th {
  text-align: center;
}
.go_works_home.app_temp .works_app_write .option_display .list_works_record td {
  vertical-align: inherit;
}
.go_works_home.app_temp .works_app_write .option_display .wrap_select .wfix_small {
  padding: 4px;
}
.go_works_home.app_temp .works_app_write .option_display .vertical_wrap_s {
  padding: 0px;
  margin: 0px;
}
.go_works_home.app_temp .works_app_write .option_display .list_works_record select.pause {
  color: red;
  border: solid 1px red;
}
.go_works_home.app_temp .works_app_write .option_display span.ic {
  background: url(../images/admin/ic_admin.png) no-repeat 0 0;
  cursor: pointer;
}
.go_works_home.app_temp .works_app_write .option_display span.ic_row_add {
  background-position: -100px -300px;
  width: 19px;
  height: 19px;
}
.go_works_home.app_temp .works_app_write .option_display span.ic_row_add:hover {
  background-position: -150px -300px;
}
.go_works_home.app_temp .works_app_write .option_display span.ic_delete {
  background-position: -100px -250px;
  width: 19px;
  height: 19px;
}
.go_works_home.app_temp .works_app_write .option_display span.ic_delete:hover {
  background-position: -150px -250px;
}
.go_works_home.app_temp .works_app_write .vertical_wrap .btn_wrap {
  height: 26px !important;
  line-height: 26px !important;
  box-sizing: border-box;
  padding: 0px 0px !important;
}
.go_works_home.app_temp .works_app_write .vertical_wrap .btn_wrap .btn_s {
  height: 100%;
  width: 100%;
  padding: 0px 10px;
  display: inline-block;
  *display: block;
  *zoom: 1;
  box-sizing: border-box;
}

.wrap_share_list {
  text-align: left;
  margin-bottom: 14px;
  padding-bottom: 15px;
}
.wrap_share_list .btn_wrap {
  box-sizing: border-box;
  margin-top: 7px;
  margin-left: 3px;
}
.wrap_share_list .wrap_option {
  padding: 0px;
  line-height: 13px;
  height: 13px;
  margin-top: 2px;
}
.wrap_share_list .wrap_option input[type=checkbox] {
  vertical-align: top;
  margin-top: 0px;
}

:root .go_renew .wrap_share_list .wrap_option input[type=checkbox] {
  margin-top: -1px\0 /IE9;
}

.wrap_share_list div {
  line-height: 22px !important;
  padding: 3px 0px;
}
.wrap_share_list div.move {
  background: #ffffaf;
  border: solid 1px #e3dc86;
}
.wrap_share_list div.blank {
  border: dashed 1px #ddd;
  height: 28px;
}
.wrap_share_list .status_add {
  line-height: 0px !important;
  padding: 0px;
}

/*관리 홈*/
.wrap_applet {
  margin-bottom: 10px;
}
.wrap_applet img {
  margin: 0 auto;
  width: 48px;
  height: 48px;
}

.wrap_applet_tit {
  width: 24px;
  height: 24px;
  float: left;
  vertical-align: top;
  margin-right: 10px;
}
.wrap_applet_tit img {
  width: 100%;
  height: 100%;
}

.go_skin_works .works_app_info a.set_tit {
  display: inline-block;
  margin-bottom: 20px;
  box-sizing: border-box;
  width: 600px;
  margin: 0 auto;
  padding-top: 33px;
}
.go_skin_works .works_app_info a.set_tit div {
  display: inline-block;
  margin-bottom: 20px;
  box-sizing: border-box;
  width: 600px;
  margin: 0 auto;
  padding-top: 33px;
}
.go_skin_works .works_app_info a.set_tit h5 {
  display: inline-block;
  height: 35px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.go_works_home.app_temp .content_page .wrap_works.app_admin_card {
  width: 930px !important;
  position: relative;
  display: inline-block;
}
.go_works_home.app_temp .content_page .wrap_works.app_admin_card ul li {
  width: 170px;
  height: 270px;
  border-bottom: none;
  margin: 0 0 0 18px;
}
.go_works_home.app_temp .content_page .wrap_works.app_admin_card ul li:first-child {
  margin: 0;
}

.wrap_works.app_admin_card ul li .wrap_works_info {
  width: 170px !important;
  height: 250px !important;
}
.wrap_works.app_admin_card ul li .wrap_works_info .wrap_img_ic {
  margin-left: 49px;
  margin-top: 18px !important;
}
.wrap_works.app_admin_card ul li .wrap_works_info .inner_works_info {
  margin-left: 0px !important;
  text-align: center !important;
  width: 143px !important;
}
.wrap_works.app_admin_card ul li .wrap_works_info .inner_works_info .tit {
  font-size: 18px !important;
  margin-bottom: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.wrap_works.app_admin_card ul li .wrap_works_info .inner_works_info p {
  color: #8b8b8b;
}

.go_works_home.app_temp .content_page .wrap_works.app_admin_card ul li .wrap_works_info:hover {
  box-shadow: 0px 1px 10px #bbb;
}

.wrap_works.app_admin_card hr {
  border-top: solid 1px #d7d7d7;
  width: 915px;
  margin-bottom: 15px;
}

@media screen and (max-width: 1024px) {
  .go_works_home.app_temp .content_page .wrap_works.app_admin_card {
    width: 930px !important;
  }
}
.go_works_home .content_page .btn_tool.delete {
  border: solid 1px red;
  padding: 0px 30px;
  height: 30px;
  display: inline-block;
  *display: block;
  *zoom: 1;
  color: red;
  border-radius: 3px;
  position: absolute;
  right: 18px;
  top: -50px;
}
.go_works_home .content_page .btn_tool.delete .txt {
  line-height: 30px;
  height: 30px;
  font-weight: bold;
  font-weight: 500;
}

/*수정 영역*/
.app_temp .works_app_tit {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 20px;
}
.app_temp .works_app_tit > a {
  font-size: 20px;
}

.go_skin_works .app_temp .works_tit h1 {
  overflow: visible;
}

.app_temp .btn_wrap {
  display: inline-block;
  height: 20px;
}
.app_temp .content_page .btn_wrap {
  margin-top: 0px !important;
}
.app_temp .content_page .item_file .btn_wrap {
  margin-top: 0px !important;
  height: 18px !important;
}
.app_temp .ic_info, .app_temp .ic.ic_help2 {
  width: 16px;
  height: 16px;
  vertical-align: top;
  position: relative;
  background: url(../images/ic.png) no-repeat -150px -350px;
}
.app_temp .ic_works_set {
  width: 16px;
  height: 16px;
  vertical-align: top;
}
.app_temp .ic_info .layer_tail {
  top: 25px;
  left: -13px;
  white-space: normal;
}
.app_temp .content_page .btn_wrap.btn_info {
  height: 16px !important;
}
.app_temp .content_page .btn_wrap.btn_info .ic_info {
  margin-top: 0px;
}

/*앱 검색 레이어*/
.layer_app_search {
  width: 650px !important;
}
.layer_app_search .type_normal th.chk {
  width: 40px !important;
}
.layer_app_search .type_normal td.chk {
  width: 40px !important;
  text-align: center !important;
}
.layer_app_search .type_normal .app_admin, .layer_app_search .type_normal .datetime {
  width: 100px !important;
}
.layer_app_search .div_scroll {
  max-height: 380px;
}
.layer_app_search .tool_bar {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 0px !important;
}
.layer_app_search .custom_header input {
  margin-right: 10px;
  margin-top: 1px;
}

.layer_app_confirm .q, .layer_app_confirm .add {
  text-align: left;
}

/* ehr_personal */
table.type_list_box td {
  height: 20px;
  padding: 6px 10px;
  font-size: 12px;
  color: #333;
  border: 1px solid #dcdcdc;
  vertical-align: middle;
  white-space: nowrap;
}
table.type_list_box th {
  height: 20px;
  padding: 6px 10px;
  font-size: 12px;
  color: #333;
  border: 1px solid #dcdcdc;
  vertical-align: middle;
  white-space: nowrap;
  background-color: #f9f9f9;
  font-weight: bold;
  font-weight: 500;
}
table.type_list_box .last {
  margin-bottom: 0;
}
table.type_list_box td.profile_image {
  width: 13%;
  margin: 0;
  text-align: center !important;
}
table.type_list_box td span.wrap_txt input, table.type_list_box td span.wrap_date input {
  border: 1px solid #cacaca;
  box-shadow: inset 1px 1px 1px rgba(150, 150, 150, 0.1);
  border-radius: 2px;
  box-sizing: border-box;
  font-size: 12px;
  white-space: normal;
  padding: 5px;
  word-break: break-all;
}
table.type_list_box td span.wrap_txt input:hover, table.type_list_box td span.wrap_date input:hover, table.type_list_box td span.wrap_txt input:focus, table.type_list_box td span.wrap_date input:focus {
  border: 1px solid #1c99a0;
}
table.type_list_box td span select {
  box-shadow: inset 1px 1px 1px rgba(150, 150, 150, 0.1);
}
table.type_list_box td span.ic_add {
  cursor: pointer;
  margin-left: 5px;
}
table.type_list_box td span.ic_remove {
  cursor: pointer;
}
table.type_list_box th span.title_txt {
  padding: 6px 0;
}
table.type_list_box td span.txt {
  padding: 6px 0;
}
table.type_list_box td .wrap_txt, table.type_list_box td .wrap_select {
  padding: 0;
}
table.type_list_box td .wrap_date {
  padding: 0;
}
table.type_list_box td .wrap_date .ic_calendar {
  top: 3px;
}
table.type_list_box td span.txt.hide:hover {
  background: none;
  cursor: default;
}

.ehr_personal div.tool_bar {
  position: absolute;
  right: 0;
  top: 0;
}
.ehr_personal div.tool_bar ul.optional span.ic {
  margin-top: 10px;
}
.ehr_personal div.tab_menu_wrap {
  position: relative;
  margin-bottom: 0;
}
.ehr_personal div.tab_menu_wrap div.tool_bar span.btn_wrap {
  margin: 6px 24px 0 0;
}
.ehr_personal div.tab_menu_wrap ul li span.txt {
  color: #888;
}
.ehr_personal table.type_list_box td span.wrap_txt {
  display: block;
}

.ehr_basic_info {
  padding: 15px 24px 0;
}
.ehr_basic_info table.type_list_box th {
  text-align: center;
  font-weight: bold;
  font-weight: 500;
}
.ehr_basic_info table.type_list_box td {
  text-align: left;
}
.ehr_basic_info table.type_list_box th.name {
  width: 17%;
}
.ehr_basic_info table.type_list_box th.team {
  width: 12%;
}
.ehr_basic_info table.type_list_box td.number_txt {
  width: 23%;
}
.ehr_basic_info table.type_list_box th.telephone {
  width: 12%;
}
.ehr_basic_info table.type_list_box td.telephone_txt {
  width: 23%;
}

.ehr_con_wrap {
  padding: 0 24px;
}
.ehr_con_wrap h3.tab_title {
  padding-top: 22px;
}
.ehr_con_wrap table.type_list_box {
  margin-top: 12px;
}
.ehr_con_wrap table.type_list_box span.txt:hover {
  background: #e9e9e9;
  cursor: pointer;
  border-radius: 2px;
}
.ehr_con_wrap table.type_list_box th, .ehr_con_wrap table.type_list_box td {
  text-align: center;
}
.ehr_con_wrap table.type_list_box th.num {
  width: 5%;
}
.ehr_con_wrap table.type_list_box th.modify {
  width: 10%;
}
.ehr_con_wrap table.type_list_box th.date {
  width: 15%;
}
.ehr_con_wrap .ehr_jop table.type_list_box th.group, .ehr_con_wrap .ehr_jop table.type_list_box th.category, .ehr_con_wrap .ehr_jop table.type_list_box th.jop {
  width: 10%;
}
.ehr_con_wrap .ehr_jop table.type_list_box th.percent {
  width: 5%;
}
.ehr_con_wrap .ehr_jop table.type_list_box th.work {
  width: 20%;
}
.ehr_con_wrap .ehr_appoint table.type_list_box th.division {
  width: 5%;
}
.ehr_con_wrap .ehr_appoint table.type_list_box th.reason, .ehr_con_wrap .ehr_appoint table.type_list_box th.state, .ehr_con_wrap .ehr_appoint table.type_list_box th.team, .ehr_con_wrap .ehr_appoint table.type_list_box th.level, .ehr_con_wrap .ehr_appoint table.type_list_box th.jop {
  width: 10%;
}
.ehr_con_wrap .ehr_appoint table.type_list_box th.work {
  width: 15%;
}
.ehr_con_wrap .ehr_career table.type_list_box th.workplace {
  width: 10%;
}
.ehr_con_wrap .ehr_career table.type_list_box th.position {
  width: 5%;
}
.ehr_con_wrap .ehr_career table.type_list_box th.jop, .ehr_con_wrap .ehr_career table.type_list_box th.period {
  width: 10%;
}
.ehr_con_wrap .ehr_career table.type_list_box th.cause {
  width: 20%;
}
.ehr_con_wrap .ehr_reward table.type_list_box th.division {
  width: 10%;
}
.ehr_con_wrap .ehr_reward table.type_list_box th.reason, .ehr_con_wrap .ehr_reward table.type_list_box th.cause {
  width: 15%;
}
.ehr_con_wrap .ehr_reward table.type_list_box th.etc {
  width: 30%;
}
.ehr_con_wrap .ehr_assessment table.type_list_box th.year {
  width: 15%;
}
.ehr_con_wrap .ehr_assessment table.type_list_box th.capability, .ehr_con_wrap .ehr_assessment table.type_list_box th.result {
  width: 10%;
}
.ehr_con_wrap .ehr_assessment table.type_list_box th.evaluator, .ehr_con_wrap .ehr_assessment table.type_list_box th.team {
  width: 15%;
}
.ehr_con_wrap .ehr_assessment table.type_list_box th.academy {
  width: 20%;
}
.ehr_con_wrap .ehr_academy table.type_list_box th.class {
  width: 20%;
}
.ehr_con_wrap .ehr_academy table.type_list_box th.division {
  width: 15%;
}
.ehr_con_wrap .ehr_academy table.type_list_box th.academy {
  width: 20%;
}
.ehr_con_wrap .ehr_qualification table.type_list_box th.name {
  width: 20%;
}
.ehr_con_wrap .ehr_qualification table.type_list_box th.number {
  width: 15%;
}
.ehr_con_wrap .ehr_qualification table.type_list_box th.level, .ehr_con_wrap .ehr_qualification table.type_list_box th.academy {
  width: 10%;
}
.ehr_con_wrap .ehr_language table.type_list_box th.division, .ehr_con_wrap .ehr_language table.type_list_box th.name {
  width: 10%;
}
.ehr_con_wrap .ehr_language table.type_list_box th.academy {
  width: 15%;
}
.ehr_con_wrap .ehr_language table.type_list_box th.score, .ehr_con_wrap .ehr_language table.type_list_box th.level {
  width: 10%;
}
.ehr_con_wrap .ehr_language table.type_list_box th.etc {
  width: 15%;
}
.ehr_con_wrap .ehr_military table.type_list_box th.class, .ehr_con_wrap .ehr_military table.type_list_box th.level {
  width: 10%;
}
.ehr_con_wrap .ehr_military table.type_list_box th.number {
  width: 15%;
}
.ehr_con_wrap .ehr_military table.type_list_box th.division, .ehr_con_wrap .ehr_military table.type_list_box th.etc {
  width: 10%;
}
.ehr_con_wrap .ehr_trip table.type_list_box th.period {
  width: 35%;
}
.ehr_con_wrap .ehr_trip table.type_list_box th.country, .ehr_con_wrap .ehr_trip table.type_list_box th.area {
  width: 15%;
}
.ehr_con_wrap .ehr_trip table.type_list_box th.purpose {
  width: 20%;
}
.ehr_con_wrap .ehr_school table.type_list_box th.class {
  width: 10%;
}
.ehr_con_wrap .ehr_school table.type_list_box th.school {
  width: 15%;
}
.ehr_con_wrap .ehr_school table.type_list_box th.department, .ehr_con_wrap .ehr_school table.type_list_box th.minor, .ehr_con_wrap .ehr_school table.type_list_box th.etc {
  width: 10%;
}
.ehr_con_wrap .ehr_family table.type_list_box th.name, .ehr_con_wrap .ehr_family table.type_list_box th.relation, .ehr_con_wrap .ehr_family table.type_list_box th.sex, .ehr_con_wrap .ehr_family table.type_list_box th.division, .ehr_con_wrap .ehr_family table.type_list_box th.jop {
  width: 10%;
}
.ehr_con_wrap .ehr_family table.type_list_box th.etc {
  width: 20%;
}
.ehr_con_wrap .ehr_basic table.type_list_box th {
  width: 10%;
}
.ehr_con_wrap .ehr_basic table.type_list_box td.col2 {
  width: 12%;
}
.ehr_con_wrap .ehr_basic table.type_list_box td.col4 {
  width: 20%;
}
.ehr_con_wrap .ehr_basic table.type_list_box td.col4 div.birthday_wrap {
  min-width: 210px;
}
.ehr_con_wrap .ehr_basic table.type_list_box td.col6, .ehr_con_wrap .ehr_basic table.type_list_box td.col8 {
  width: 14%;
}
.ehr_con_wrap .ehr_detail table.type_list_box th {
  width: 10%;
}
.ehr_con_wrap .ehr_detail table.type_list_box td.col2 {
  width: 12%;
}
.ehr_con_wrap .ehr_detail table.type_list_box td.col4 {
  width: 20%;
}
.ehr_con_wrap .ehr_detail table.type_list_box td.col6, .ehr_con_wrap .ehr_detail table.type_list_box td.col8 {
  width: 14%;
}
.ehr_con_wrap .ehr_basic, .ehr_con_wrap .ehr_detail, .ehr_con_wrap .ehr_jop, .ehr_con_wrap .ehr_appoint, .ehr_con_wrap .ehr_career, .ehr_con_wrap .ehr_reward, .ehr_con_wrap .ehr_assessment, .ehr_con_wrap .ehr_academy, .ehr_con_wrap .ehr_qualification, .ehr_con_wrap .ehr_language, .ehr_con_wrap .ehr_military, .ehr_con_wrap .ehr_school, .ehr_con_wrap .ehr_trip, .ehr_con_wrap .ehr_family {
  overflow-x: auto;
}
.ehr_con_wrap .ehr_basic table td, .ehr_con_wrap .ehr_detail table td {
  text-align: left;
}
.ehr_con_wrap table td.num span.txt:hover {
  background: none;
  cursor: default;
}

.ehr_personal div.tab_menu_wrap ul li {
  padding: 8px 6px;
  margin: 0px 16px;
}
.ehr_personal div.tab_menu_wrap ul li span.txt {
  font-weight: normal;
}
.ehr_personal div.tab_menu_wrap ul.optional {
  margin: -2px 10px 0 0;
}

/* ic ehr icon */
span.ic_add {
  background-position: -550px -300px;
  width: 15px;
  height: 15px;
}
span.ic_remove {
  background-position: -600px -300px;
  width: 15px;
  height: 15px;
}

/* ehr_hr_info */
.ehr_hr_info div.tool_bar div.critical {
  display: inline-block;
  padding-top: 5px;
}
.ehr_hr_info div.tool_bar div span.title {
  vertical-align: middle;
  margin: 0 16px 0 0;
}
.ehr_hr_info div.tool_bar div span.wrap_option {
  padding: 0;
}
.ehr_hr_info table.type_normal th div.article_head_wrap select.article_head {
  vertical-align: middle;
  cursor: pointer;
  width: 80px;
  margin: -2px 0 0 0;
  padding: 1px;
  border: 0;
}

table.hr_depart thead th span.title_sort, table.hr_depart tbody td {
  text-align: center;
}
table.hr_depart th.number, table.hr_depart td.number {
  width: 10%;
}
table.type_normal tbody tr td.number {
  padding: 6px 8px !important;
  text-align: center !important;
}
table.hr_depart th.name {
  width: 16%;
}
table.hr_depart th.position, table.hr_depart th.telephone {
  width: 20%;
}
table.hr_depart th.email {
  width: 24%;
}
table.hr_depart td.email {
  width: 24%;
  text-align: left;
}
table.hr_depart th.state {
  width: 10%;
}

.ehr_hr_info table.hr_company thead th span.title_sort, .ehr_hr_info table.hr_company tbody td {
  text-align: center;
}
.ehr_hr_info table.type_normal tbody tr td.number {
  padding: 6px 8px !important;
  text-align: center !important;
}
.ehr_hr_info table.hr_company th.number, .ehr_hr_info table.hr_company td.number {
  width: 10%;
}
.ehr_hr_info table.hr_company th.team, .ehr_hr_info table.hr_company th.name {
  width: 12%;
}
.ehr_hr_info table.hr_company th.position, .ehr_hr_info table.hr_company th.telephone {
  width: 18%;
}
.ehr_hr_info table.hr_company th.email {
  width: 20%;
}
.ehr_hr_info table.hr_company td.email {
  width: 20%;
  text-align: left;
}
.ehr_hr_info table.hr_company th.state {
  width: 10%;
}

/*ehr_hr_set*/
.ehr_hr_set table.form_hr th {
  width: 200px;
}
.ehr_hr_set table.form_hr tr.line td {
  padding-left: 0;
}
.ehr_hr_set table.tb_ehr_item {
  margin-bottom: 12px;
}
.ehr_hr_set table.tb_ehr_item th {
  width: 20%;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #dcdcdc;
}
.ehr_hr_set table.tb_ehr_item td {
  width: 20%;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #dcdcdc;
  border-right: 0px;
  padding: 10px 10px 10px 15px;
  text-align: left;
}
.ehr_hr_set table.tb_ehr_item td:hover {
  background: none;
  cursor: default;
}
.ehr_hr_set table.tb_ehr_item th span input {
  margin-left: 5px;
}
.ehr_hr_set table.tb_ehr_item td.last {
  border: 1px solid #dcdcdc;
}
.ehr_hr_set table.tb_ehr_item th.item_title {
  background: none;
  background-color: #f9f9f9;
  height: 20px;
}
.ehr_hr_set table.tb_ehr_item th span.btn_wrap {
  position: absolute;
  right: 40px;
}
.ehr_hr_set table.tb_ehr_item th span.title_s {
  vertical-align: middle;
  margin-top: 2px;
}
.ehr_hr_set table.last {
  margin-bottom: 0;
}

.app_temp .content_top.works_tit {
  border-bottom: 1px solid #ddd;
  height: auto;
  padding: 18px 0;
}

.go_skin_advanced .app_temp .content_top.works_tit {
  padding: 24px;
}

/*ehr_hr_stats*/
td.statsTd {
  width: 20%;
}

table.statsCheckTable {
  width: 600px;
}
table.tb_task_state {
  width: 580px;
}
table.tb_task_state td {
  vertical-align: middle !important;
}
table.tb_task_state .color, table.tb_task_state .check, table.tb_task_state .action {
  width: 60px;
  text-align: center;
}
table.tb_task_state td .chip {
  margin: 0;
  cursor: pointer;
}

/* table */
.list_flow tr, .list_flow td {
  text-align: left;
}
.list_flow .status_now {
  width: 180px;
}
.list_flow .status_next {
  width: 170px;
}
.list_flow .status_name {
  width: 180px;
}
.list_flow .admin {
  width: 80px;
  text-align: center !important;
}
.list_flow .admin .wrapBtn {
  display: inline-block;
}
.list_flow select {
  height: 24px;
}

/* calendar_type2 */
.calendar_type2 {
  position: relative;
  border: 1px solid #EAECEF;
  border-radius: 8px;
}
.calendar_type2 .time_table_bg {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
}
.calendar_type2 .time_table_bg thead tr th {
  border: 0;
  border-bottom: 1px solid #EAECEF;
  border-right: 1px solid #EAECEF;
  height: 33px;
  vertical-align: middle;
  font-weight: normal;
}
.calendar_type2 .time_table_bg thead tr th:first-child {
  border-left: 0;
}
.calendar_type2 .time_table_bg thead tr th:last-child {
  border-right: 0;
}
.calendar_type2 .time_table_bg th, .calendar_type2 .time_table_bg td {
  border-right: 1px solid #EAECEF;
  border-bottom: 1px solid #EAECEF;
}
.calendar_type2 .time_table_bg th, .calendar_type2 .time_table_bg td:last-child {
  border-right: 0;
}
.calendar_type2 .time_table_bg thead tr th:first-child {
  width: 100px;
}
.calendar_type2 .time_table_bg tbody tr .info {
  padding-left: 8px;
  vertical-align: middle;
  overflow: hidden;
  text-align: center;
  border-left: 0;
  border-bottom: 0;
}
.calendar_type2 .time_table_bg tbody tr .info span {
  display: block;
  color: #333;
  text-align: left;
  margin: 2px 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-size: 13px;
}
.calendar_type2 .time_table_bg tbody tr .info .position {
  color: #999;
}
.calendar_type2 .time_table_bg tbody tr .info span {
  display: block;
  color: #333;
  text-align: left;
  margin: 2px 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  cursor: pointer;
}
.calendar_type2 .time_table_bg tbody tr:last-child td {
  border-bottom: 0;
}
.calendar_type2 .time_table {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.calendar_type2 ._wrap_schedule_tiem {
  position: relative;
  overflow: hidden;
}
.calendar_type2 ._wrap_schedule_tiem .schedule_time {
  position: absolute;
  color: white;
  cursor: pointer;
  background-color: #0D99FF;
  height: 27px;
  line-height: 26px;
  text-indent: 8px;
  outline: 1px solid #fff;
  border-radius: 6px;
}
.calendar_type2 ._wrap_schedule_tiem .schedule_time a {
  color: white;
}
.calendar_type2 ._wrap_schedule_tiem .schedule_time .schedule_name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  font-size: 13px;
}
.calendar_type2 .real_time_vertical {
  position: absolute;
  width: 1px;
  background: #333;
  z-index: 99;
}
.calendar_type2 .real_time_vertical::before {
  content: "";
  display: block;
  margin: -5px -4px;
  width: 8px;
  height: 8px;
  background: #333;
  border-radius: 4px;
}
.calendar_type2 .schedule_name span.ic_classic.ic_lock {
  vertical-align: top;
  margin: 4px 4px 0 0;
}

.go_asset .tool_bar .s_title {
  margin-top: 0;
  padding: 6px 12px 5px 2px;
  font-size: 18px;
}

/* calendar_asset */
.calendar_asset .time_table_bg tr td {
  height: 22px;
}
.calendar_asset .time_table_bg thead tr th:first-child {
  width: 120px;
  text-align: left;
}
.calendar_asset .time_table_bg thead tr th:first-child span.txt {
  display: inline-block;
  margin: 0 0 0 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 90%;
}
.calendar_asset .data_null {
  border-bottom: 1px solid #C1C1C1;
}

/* IE8 hack */
.works_app_write .list_flow select {
  height: 24px;
  line-height: 24px;
  padding: 0px 0px 0px 0px !important;
}

@media \0 screen {
  .works_app_write .list_flow select {
    padding-bottom: 3px !important;
  }
  .tool_date .wrap_date input.txt[type=text] {
    line-height: 12px;
  }
}
/*FF*/
@-moz-document url-prefix() {
  .works_app_write .list_flow select {
    padding: 0px 4px 0px 0px !important;
  }
}
.list_flow tr:last-child td {
  border-bottom: 0;
}
.list_flow .option_wrap {
  display: block;
  position: relative;
  margin-top: 7px;
}
.list_flow .option_wrap input {
  position: absolute;
  top: 2px;
  left: 0;
}
.list_flow .option_wrap label {
  display: inline-block;
  margin: 0 0 0 24px;
}

.go_content.go_works_home .wrap_works div span.card_info {
  font-size: 13px;
  line-height: 19px;
}

.build_box input.txt, .build_box select {
  padding: 0px 4px;
}
.build_box span.item_file span.btn_wrap span.ic_del {
  margin-top: 2px;
}

.build_write_wrap .column_inner .build_box .wrap_build_data {
  margin-top: 2px;
  margin-bottom: 2px;
}

.build_box .wrap_name_tag ul.name_tag li {
  padding: 4px 4px 4px 0;
  line-height: 21px !important;
}
.build_box ul.name_tag li.creat span.ic_addlist {
  margin-right: 4px;
}
.build_box .wrap_date .ic_calendar {
  top: 4px;
  left: 4px;
}

/* works app - 담당자, 참조자, 승인자... */
.go_skin_works .build_box .wrap_name_tag ul.name_tag li {
  line-height: 24px !important;
}
.go_skin_works .build_box ul.name_tag li span.btn_wrap span.ic_del {
  margin-top: 2px;
}
.go_skin_works .build_situation .build_box_inner span.help {
  margin-top: -8px;
}

/* //font change */
.app_temp select.pause {
  color: red;
  border: solid 1px red;
}

.build_box_data .wrap_txt {
  position: relative;
}

.build_situation .type_normal .wrap_option label {
  vertical-align: middle;
}
.build_situation .type_normal .build_box_data .wrap_txt {
  padding: 0px 0px;
}
.build_situation .type_normal .build_box_data .box_unit_wrap {
  height: 0px;
  line-height: 0px;
}
.build_situation .type_normal .build_box_data ul {
  height: 14px !important;
}

/* IE8 hack */
@media \0 screen {
  .go_works_home.app_temp .content_page .wrap_works ul li .wrap_works_info {
    border: 1px solid #ddd;
  }
  .go_content.go_works_home.card_type .wrap_works .wrap_works_info {
    border: 1px solid #ddd;
  }
  .go_content.go_works_home .content_top {
    background: #f5f5f5;
    filter: none;
  }
}
/* 1024 */
@media all and (max-width: 1024px) {
  header.content_top h1 span.meta span.from, header.content_top h1 span.meta span.team {
    max-width: 100px;
  }
  header.content_top h1 span.single_tit {
    max-width: 440px;
  }
  .mail_write .attach_list .wrap_file .name {
    max-width: 20%;
  }
  .layer_mailWrite_popup .attach_list .wrap_file .name {
    max-width: 40%;
  }
  .list_comp li .name, .file_wrap > li .item_file .name {
    max-width: 60%;
  }
  .build_box_data .list_comp li .name, .build_box_data .file_wrap > li .item_file .name {
    max-width: 70%;
  }
}
/* 1280 */
@media all and (min-width: 1010px) and (max-width: 1200px) {
  /* header.content_top h1>span.txt { max-width: 30%} */
  /* header.content_top h1 span.meta span.from, */
  /* header.content_top h1 span.meta span.team { max-width: 120px } */
  /* header.content_top h1 span.single_tit { max-width: 500px } */
  /* div.go_works_home header.content_top h1 span.txt { max-width: 100% } */
  /* header.content_top.works_tit h1 .txt {max-width:50%} */
  /* .attach_list .wrap_file .name {max-width: 20%} */
  /* .layer_mailWrite_popup .attach_list .wrap_file .name {max-width: 65%} */
}
@media all and (min-width: 1025px) and (max-width: 1400px) {
  header.content_top h1 span.meta span.from, header.content_top h1 span.meta span.team {
    max-width: 140px;
  }
  header.content_top h1 span.single_tit {
    max-width: 700px;
  }
  div.go_works_home header.content_top h1 span.txt {
    max-width: 100%;
  }
  .mail_write .attach_list .wrap_file .name {
    max-width: 55%;
  }
  .layer_mailWrite_popup .attach_list .wrap_file .name {
    max-width: 65%;
  }
  .list_comp li .name, .file_wrap > li .item_file .name, .feed_write_b .file_wrap > li .item_file .name {
    max-width: 70%;
  }
}
@media all and (min-width: 1401px) and (max-width: 1600px) {
  header.content_top h1 > span.txt {
    max-width: 45%;
  }
  .ic_info .layer_tail {
    left: 0;
    right: inherit;
  }
  header.content_top h1 span.meta span.from, header.content_top h1 span.meta span.team {
    max-width: 160px;
  }
  header.content_top h1 span.single_tit {
    max-width: 800px;
  }
  div.go_works_home header.content_top h1 span.txt {
    max-width: 100%;
  }
  .mail_write .attach_list .wrap_file .name {
    max-width: 65%;
  }
}
@media all and (min-width: 1601px) {
  header.content_top h1 > span.txt {
    max-width: 30%;
  }
  .ic_info .layer_tail {
    left: 0;
    right: inherit;
  }
  header.content_top h1 span.meta span.from, header.content_top h1 span.meta span.team {
    max-width: 180px;
  }
  header.content_top h1 span.single_tit {
    max-width: 1010px;
  }
  div.go_works_home header.content_top h1 span.txt {
    max-width: 100%;
  }
  .mail_write .attach_list .wrap_file .name {
    max-width: 75%;
  }
}
.go_attend_list header.content_top h1 span.txt, .go_attend_stats header.content_top h1 span.txt, .ehr_personal header.content_top h1 span.txt, .ehr_hr_info header.content_top h1 span.txt, .ehr_hr_set header.content_top h1 span.txt {
  max-width: 700px;
}

.go_skin_home_w, .go_full_screen {
  background-image: none !important;
}

div.go_skin_advanced .go_body .go_content {
  min-height: auto;
}

.go_workspace_wide .go_side {
  display: none;
}
.go_workspace_wide .go_content {
  margin-left: 0;
}

.go_skin_advanced header.go_header_advanced nav:after {
  clear: left;
}

header.go_header_advanced nav > span.ctrl_workspace {
  display: inline-block;
  float: left;
  cursor: pointer;
  height: 44px;
}
header.go_header_advanced nav > span.ctrl_workspace:active, header.go_header_advanced nav > span.ctrl_workspace:hover {
  background: #24adc2;
}
header.go_header_advanced nav span.ctrl_workspace {
  overflow: hidden;
  padding: 0 10px;
  line-height: 44px;
}
header.go_header_advanced nav span.ctrl_workspace + ul {
  display: inline-block;
}

.ic_gnb_advanced {
  display: inline-block;
  position: relative;
  top: 2px;
  height: 16px;
  background: url(../images/ic_gnb_advanced.png) no-repeat;
}

.go_skin_advanced header.go_header_advanced nav span.ctrl_menu span.page_tit {
  display: inline-block;
  min-width: 120px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  font-weight: 500;
  line-height: 40px;
}

@media \0 screen {
  .go_skin_advanced header.go_header_advanced nav span.ctrl_menu span.page_tit {
    font-weight: bold;
  }
}
header.go_header_advanced nav span.ctrl_workspace {
  display: inline-block;
  border-left: 1px solid #008fa5;
  border-right: 1px solid #008fa5;
}
header.go_header_advanced nav span.ctrl_workspace span:hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
  /* transition: all .2s ease-in-out; transform: scale(1.1); */
}
header.go_header_advanced nav span.ctrl_workspace span.wide {
  width: 21px;
  background-position: -50px 0;
}
header.go_header_advanced nav span.ctrl_workspace span.normal {
  width: 21px;
  background-position: -100px 0;
}

.go_skin_advanced .wrap_home_menu {
  z-index: 999;
  position: absolute;
  top: 40px;
  left: 251px;
  width: 615px;
  opacity: 0.95;
  filter: alpha(opacity=95);
  -ms-filter: alpha(opacity=95);
  -webkit-transform: translateZ(0);
}
.go_skin_advanced .wrap_home_menu.slide_in {
  -webkit-animation: menu-slide-in-up 0.3s;
  animation: menu-slide-in-up 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.go_skin_advanced .wrap_home_menu > div {
  background: #0D0D0D;
}
.go_skin_advanced .wrap_home_menu > div ul {
  clear: both;
  position: relative;
  padding: 20px;
}
.go_skin_advanced .wrap_home_menu > div ul:after {
  display: block;
  clear: both;
  overflow: hidden;
  height: 0;
  content: "";
}
.go_skin_advanced .wrap_home_menu > div ul li {
  float: left;
  width: 82px;
  height: 95px;
  margin-bottom: 10px;
  box-sizing: border-box;
  position: relative;
}
.go_skin_advanced .wrap_home_menu a.m_img_wrap {
  background-color: #2c2c2c;
  border: solid 1px #393939;
  width: 64px;
  height: 60px;
  display: inline-block;
  *display: block;
  *zoom: 1;
  border-radius: 40px;
  opacity: 0.9;
  filter: alpha(opacity=90);
  margin: 9px 9px 5px 9px;
  position: relative;
}
.go_skin_advanced .wrap_home_menu a.m_img_wrap:focus, .go_skin_advanced .wrap_home_menu a.m_img_wrap:hover, .go_skin_advanced .wrap_home_menu a.m_img_wrap:active {
  background: #20bec6;
  border: solid 1px #26cad3;
  opacity: 1;
  filter: alpha(opacity=100);
  transition: All 1s ease;
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
}
.go_skin_advanced .wrap_home_menu > div ul li p.m_tit {
  position: relative;
  top: 65px;
  letter-spacing: -1px;
  max-height: 35px;
  overflow: hidden;
}
.go_skin_advanced .wrap_home_menu > div ul li:hover p.m_tit {
  cursor: pointer;
}
.go_skin_advanced .wrap_home_menu > div ul li.on a.m_img_wrap, .go_skin_advanced .wrap_home_menu > div ul li:hover a.m_img_wrap {
  background: #20bec6;
  border: solid 1px #26cad3;
  opacity: 1;
  filter: alpha(opacity=100);
  transition: All 1s ease;
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
}
.go_skin_advanced .wrap_home_menu .m_tit {
  color: #fff;
  font-size: 13px;
  opacity: 0.8;
  filter: alpha(opacity=80);
  text-align: center;
  font-weight: normal;
  line-height: 120%;
}
.go_skin_advanced .wrap_home_menu > div ul li.on .m_tit {
  color: #20bec6;
  transition: All 1s ease;
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
}
.go_skin_advanced .wrap_home_menu a.m_img_wrap:focus .m_tit, .go_skin_advanced .wrap_home_menu a.m_img_wrap:hover .m_tit, .go_skin_advanced .wrap_home_menu a.m_img_wrap:active .m_tit {
  color: #20bec6;
  transition: All 1s ease;
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
}
.go_skin_advanced .wrap_home_menu .ic_works2 {
  position: absolute;
  left: 1px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
}

/* .go_skin_advanced .wrap_home_menu:before { display: block; position: absolute; top: -5px; left: 160px; height: 9px; width: 9px; background: #0D0D0D; opacity: 0.95; content: ' '; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } */
@media \0 screen {
  .go_skin_advanced .wrap_home_menu > div ul li p.m_tit {
    max-height: 32px;
  }
}
@media \0 screen {
  .go_skin_advanced .wrap_home_menu .m_tit {
    filter: none;
  }
}
.ic_works2 {
  background: url(../images/ic_menu.png);
  background-repeat: no-repeat;
  background-size: 250px 200px;
  display: inline-block;
}

.go_skin_advanced .ic_works2.ic_home_home {
  background-position: -100px -150px;
  width: 25px;
  height: 25px;
}
.go_skin_advanced .ic_works2.ic_home_mail {
  background-position: 0px 0px;
  width: 27px;
  height: 17px;
}
.go_skin_advanced .ic_works2.ic_home_contact {
  background-position: -50px 0px;
  width: 24px;
  height: 23px;
}
.go_skin_advanced .ic_works2.ic_home_board {
  background-position: -100px 0px;
  width: 24px;
  height: 27px;
}
.go_skin_advanced .ic_works2.ic_home_calendar {
  background-position: -150px 0px;
  width: 24px;
  height: 26px;
}
.go_skin_advanced .ic_works2.ic_home_community {
  background-position: -200px 0px;
  width: 32px;
  height: 23px;
}
.go_skin_advanced .ic_works2.ic_home_asset {
  background-position: 0px -50px;
  width: 23px;
  height: 26px;
}
.go_skin_advanced .ic_works2.ic_home_approval {
  background-position: -50px -50px;
  width: 32px;
  height: 26px;
}
.go_skin_advanced .ic_works2.ic_home_report {
  background-position: -100px -50px;
  width: 24px;
  height: 23px;
}
.go_skin_advanced .ic_works2.ic_home_task {
  background-position: -150px -50px;
  width: 22px;
  height: 26px;
}
.go_skin_advanced .ic_works2.ic_home_survey {
  background-position: -200px -50px;
  width: 27px;
  height: 25px;
}
.go_skin_advanced .ic_works2.ic_home_todo {
  background-position: 0px -100px;
  width: 26px;
  height: 29px;
}
.go_skin_advanced .ic_works2.ic_home_works {
  background-position: -50px -100px;
  width: 25px;
  height: 24px;
}
.go_skin_advanced .ic_works2.ic_home_ehr {
  background-position: -100px -100px;
  width: 27px;
  height: 23px;
}
.go_skin_advanced .ic_works2.ic_home_docs {
  background-position: -200px -150px;
  width: 26px;
  height: 24px;
}
.go_skin_advanced .ic_works2.ic_home_docfolder {
  background-position: 0px -149px;
  width: 25px;
  height: 23px;
}
.go_skin_advanced .ic_works2.ic_home_webfolder {
  background-position: -50px -149px;
  width: 25px;
  height: 23px;
}
.go_skin_advanced .ic_works2.ic_home_sms {
  background-position: -150px -150px;
  width: 18px;
  height: 26px;
}
.go_skin_advanced nav ul li .badge {
  position: absolute;
  right: 16px;
  top: 10px;
  min-width: 12px;
  max-width: 50px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  z-index: 1;
}
.go_skin_advanced.mini .go_header nav ul li .badge {
  position: absolute;
  right: initial;
  left: 26px;
  top: 0;
  min-width: 12px;
  max-width: 50px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
}

/* .go_skin_advanced .go_header.mini nav ul li .badge {position: absolute; right: initial; left: 26px; top: 0; min-width: 12px; max-width: 50px; text-align: center; overflow: hidden; white-space: nowrap; } */
.badge {
  display: inline-block;
  padding: 1px 4px;
  background: red;
  border-radius: 14px;
  color: #fff;
  font-weight: bold;
  font-weight: 500;
  min-width: 14px;
  height: 14px;
  line-height: 16px;
  font-size: 10px;
  color: #fff;
  text-align: center;
  border-radius: 16px;
  padding: 2px;
}

.go_skin_advanced .wrap_home_menu div ul.custom_menu {
  margin: 0 30px;
  padding: 20px 0;
  border-top: 1px dotted #3B3B3B;
}
.go_skin_advanced .wrap_home_menu div ul.custom_menu li {
  width: 33%;
  height: inherit;
}
.go_skin_advanced .wrap_home_menu div ul.custom_menu li p.m_tit {
  top: 0px;
}
.go_skin_advanced .wrap_home_menu div ul.custom_menu li .m_tit {
  cursor: pointer;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 95%;
}
.go_skin_advanced .wrap_home_menu div ul.custom_menu li .m_tit:hover {
  color: #20bec6;
  transition: All 1s ease;
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
}
.go_skin_advanced .wrap_home_menu div ul.custom_menu li .ic_gnb_advanced.ic_more {
  margin-left: 10px;
  width: 10px;
  height: 10px;
  background-position: 0 -50px;
}
.go_skin_advanced .go_wrap header.go_header_2row .gnb_top_menu {
  width: 185px;
  min-width: 140px;
}
.go_skin_advanced .go_wrap header.go_header_2row .gnb_top_menu ul li.on {
  background: #eee;
}

.content_page.profile fieldset table.form_type td .wrap_desc_top {
  padding: 0 0 10px 0;
}
.content_page.profile fieldset table.form_type td .option_wrap {
  padding-bottom: 10px;
}
.content_page.profile fieldset table.form_type td .wrap_desc_top .desc {
  color: #484848;
  line-height: 150%;
  position: relative;
  top: -2px;
}
.content_page.profile fieldset table.form_type span.column_wrap {
  display: inline-block;
  width: 324px;
  margin-bottom: 20px;
  vertical-align: top;
}
.content_page.profile fieldset table.form_type span.column_wrap label {
  display: inline-block;
  vertical-align: top;
}
.content_page.profile fieldset table.form_type span.column_wrap span.option_wrap {
  vertical-align: top;
  display: initial;
}
.content_page.profile fieldset table.form_type span.column_wrap span.option_wrap input {
  position: relative;
  top: -2px;
}
.content_page.profile fieldset table.form_type span.column_wrap span.option_wrap label {
  line-height: 150%;
}
.content_page.profile fieldset table.form_type span.img_theme {
  display: inline-block;
  margin-top: 10px;
  width: 300px;
  height: 170px;
}
.content_page.profile fieldset table.form_type span.img_theme.classic {
  background: url(../images/img_theme01_classic.png) no-repeat;
}
.content_page.profile fieldset table.form_type span.img_theme.advanced {
  background: url(../images/img_theme02_advanced.png) no-repeat;
}

@media \0 screen {
  .content_page.profile fieldset table.form_type td .wrap_desc_top .desc {
    top: -4px;
  }
}
.go_skin_advanced ul.side_depth li p.on span.num {
  color: #2EACB3;
}

.works_info_table .alert_wrap.wrap_desc_top.go_error.go_renew {
  padding: 0px !important;
  line-height: 20px;
  margin-top: -5px;
}
.works_info_table .alert_wrap.wrap_desc_top.go_error.go_renew .desc {
  padding: 0px;
  margin: 0px;
}

/* error_data */
.error_data {
  letter-spacing: -1px;
  text-align: center;
  padding: 80px;
}
.error_data .tit {
  font-size: 22px;
  margin: 10px 0;
}
.error_data .desc {
  font-size: 15px;
  letter-spacing: 0;
}
.error_data .ic_app_info {
  margin: 0 auto;
  padding: 0px 0px !important;
  height: 51px !important;
}

/*관리 홈 도움말 css*/
.app_admin_popup {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 9999;
  top: 0px;
  box-sizing: border-box;
}

.app_popup_mask {
  background: #000;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

.app_popup_cont {
  width: 800px;
  height: 601px;
  position: absolute;
  z-index: 2;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
  border-radius: 10px;
  background: #ececec;
  overflow: hidden;
}
.app_popup_cont ul li {
  box-sizing: border-box;
}

.app_popup_close {
  display: inline-block;
  *display: block;
  *zoom: 1;
  width: 17px;
  height: 17px;
  background: url(../images/bx/close.png);
  background-repeat: no-repeat;
  position: absolute;
  z-index: 9999;
  right: 20px;
  top: 20px;
  font-size: 0px;
  overflow: hidden;
  line-height: 9999px;
}

.app_popup_cont ul.bxslider .info {
  position: absolute;
  top: 334px;
  left: 0;
  width: 800px;
  background-color: #00b6c7;
  height: 200px;
}
.app_popup_cont ul.bxslider .info .tit, .app_popup_cont ul.bxslider .info .desc {
  text-align: center;
  color: #fff;
}
.app_popup_cont ul.bxslider .info .tit {
  font-size: 26px;
  letter-spacing: -1px;
  margin-top: 35px;
  line-height: 1;
}
.app_popup_cont ul.bxslider .info .desc {
  font-size: 17px;
  opacity: 0.8;
  filter: Alpha(Opacity=80);
}
.app_popup_cont ul.bxslider .info .bar {
  display: inline-block;
  height: 1px;
  background-color: #fff;
  margin: 16px 0 10px 375px;
  width: 45px;
}
.app_popup_cont ul.bxslider li.last div.info {
  top: 7px;
  height: 480px;
  background: #00b6c7;
}
.app_popup_cont ul.bxslider li.last div.info .tit {
  margin-top: 160px;
}
.app_popup_cont ul.bxslider li.last div.info .wrap_btn {
  text-align: center;
}
.app_popup_cont ul.bxslider li.last div.info .wrap_btn .btn_help {
  display: inline-block;
  font-size: 16px;
  color: #fff;
  border: 1px solid #fff;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  margin: 20px 0 0 0;
  opacity: 0.8;
  filter: Alpha(Opacity=80);
}
.app_popup_cont ul.bxslider li.last div.info .wrap_btn .btn_help:hover {
  opacity: 1;
  filter: Alpha(Opacity=100);
}

/*도움말 이벤트 팝업*/
.notice_help {
  position: absolute;
  box-shadow: 0px 0px 33px rgba(0, 0, 0, 0.6);
  border: 4px solid #7b7b7b;
  width: 953px;
  height: 589px;
}
.notice_help .content {
  position: relative;
  top: -11px;
}
.notice_help .content div {
  position: absolute;
  width: 116px;
  height: 116px;
  background: url(../images/help_popup_banner.png) no-repeat;
  z-index: 1001;
  left: -4px;
  top: -4px;
}
.notice_help .content div.help_close {
  position: absolute;
  width: 24px;
  height: 24px;
  background: url(../images/help_btn_close.png) no-repeat;
  z-index: 1005;
  right: -75px;
  top: 20px;
  cursor: pointer;
}
.notice_help .content div.help_view1 {
  position: absolute;
  width: 59px;
  height: 59px;
  background: url(../images/help_btn_view.png) no-repeat;
  z-index: 1005;
  left: 380px;
  top: 285px;
  cursor: pointer;
}
.notice_help .content div.help_view2 {
  position: absolute;
  width: 59px;
  height: 59px;
  background: url(../images/help_btn_view.png) no-repeat;
  z-index: 1005;
  left: 825px;
  top: 285px;
  cursor: pointer;
}
.notice_help .content div.help_popup {
  position: absolute;
  width: 953px;
  height: 589px;
  background: url(../images/help_popup.png) no-repeat;
  z-index: 500;
}
.notice_help .content div.help_banner {
  position: absolute;
  width: 116px;
  height: 116px;
  background: url(../images/help_popup_banner.png) no-repeat;
  z-index: 1001;
  left: -4px;
  top: -4px;
}

.layer_transition.works_type .container .content .menuitem ul.submenu-list li {
  padding: 8px 20px;
}
.layer_transition.works_type .container .content .menuitem ul.submenu-list li a .txt {
  width: 158px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
}

/*데이터 가져오기*/
.csv_btn {
  border: solid 1px #dddddd;
  padding: 3px;
  border-radius: 2px;
  vertical-align: top;
  margin-top: 4px;
  display: inline-block;
}

.load_info_wrap {
  clear: both;
}
.load_info_wrap span {
  color: #8d8d8d;
}
.load_info_wrap a {
  float: left;
}
.load_info_wrap .load_item_data {
  float: left;
  margin-left: 10px;
  margin-top: 1px;
}
.load_info_wrap:after {
  display: block;
  clear: both;
  overflow: hidden;
  height: 0;
  content: "";
}

.csv_info span {
  color: #39a9b7;
}

.csv_btn_wrap {
  width: 930px;
  margin: 0 auto;
}
.csv_btn_wrap a {
  float: right;
  top: -37px;
  position: relative;
}

.csv_help .csv_help_display {
  background: #f2f2f2;
  position: relative;
  border-bottom: 1px solid #bbb;
}
.csv_help .csv_help_display span.tit_csv {
  display: inline-block;
  position: absolute;
  top: 40px;
  left: 53px;
  font-size: 16px;
  font-weight: bold;
  font-weight: 500;
}
.csv_help .csv_help_display span.tit_data {
  display: inline-block;
  position: absolute;
  top: 40px;
  left: 543px;
  font-size: 16px;
  font-weight: bold;
  font-weight: 500;
}
.csv_help .csv_help_display img {
  text-align: left;
}
.csv_help .csv_list {
  margin: 30px 20px;
}
.csv_help .csv_list li {
  line-height: 1.5;
  margin: 4px 0;
}
.csv_help .csv_rule {
  margin: 20px;
}
.csv_help .csv_rule .title {
  font-size: 20px;
  font-weight: bold;
  font-weight: 500;
}
.csv_help table.form_type th {
  width: 160px;
  font-weight: bold;
  font-weight: 500;
  color: #000;
}
.csv_help table.form_type th .title {
  font-weight: bold;
  font-weight: 500;
  color: #000;
}
.csv_help .csv_rule h3 {
  margin-bottom: 5px;
  border-top: 1px solid #ddd;
  padding-top: 30px;
}
.csv_help .csv_rule p.desc {
  margin-bottom: 10px;
}

/* jstree 관련  */
div.jstree-default li > a[nodeState=DISABLE] {
  color: #aaa !important;
}

/*20_works_등록 파일 업로드 버튼 타입 2*/
.build_write_type > .wrap_btn {
  border: solid 1px #ddd;
  display: inline-block !important;
  height: 30px;
  line-height: 30px;
  border-radius: 2px;
  padding: 4px 4px 0px 4px;
  background: #eee;
}
.build_write_type > .txt {
  border: solid 1px #ddd;
  display: inline-block !important;
  height: 30px;
  line-height: 30px;
  border-radius: 2px;
  padding: 4px 4px 0px 4px;
  background: #eee;
  padding: 0px 8px;
  color: #656565;
  font-weight: bolder;
  letter-spacing: -1px;
}
.build_write_type > .wrap_btn:hover, .build_write_type > .txt:hover {
  background: #e1e1e1;
  border: solid 1px #d1d1d1;
  cursor: pointer;
}
.build_write_type .wrap_file_upload {
  display: block;
  position: relative;
  top: 0px;
}
.build_write_type .wrap_btn.wrap_file_upload {
  padding: 0px;
}
.build_write_type .wrap_btn.wrap_file_upload .btn_file_form {
  border: none;
  background: none;
}

.ic_stair_open {
  display: inline-block;
  background: url(../images/ic.png) no-repeat 6px -547px;
  width: 14px;
  height: 14px;
  cursor: pointer;
}

.ic_stair_close {
  display: inline-block;
  background: url(../images/ic.png) no-repeat 3px -496px;
  width: 14px;
  height: 14px;
  cursor: pointer;
}

li.folder .item .tit > .ic {
  background-position: 0 -600px;
  width: 16px;
  height: 14px;
}
li.board .item .tit > .ic {
  background-position: 0 -650px;
  width: 13px;
  height: 14px;
}

.tb_stair .data_null {
  border-bottom: 1px solid #ededed;
}
.tb_stair .name, .tb_stair .set, .tb_stair .del {
  display: inline-block;
}
.tb_stair .ic_drag {
  display: none;
}
.tb_stair .name {
  width: 170px;
}
.tb_stair .set {
  width: 35px;
  text-align: right;
}
.tb_stair .delimiter .item {
  background: url(../images/bg_dotline.png) repeat-x 0 50%;
  padding: 0;
  min-height: 0;
  position: initial;
  height: 36px;
  line-height: 36px;
}
.tb_stair .delimiter .item .title_depart {
  background-color: #eee;
  font-size: 12px;
  border-radius: 4px;
  padding: 3px 4px 4px;
}
.tb_stair .delimiter .item .title_depart span {
  font-size: 12px;
}
.tb_stair .subject {
  border-bottom: 1px solid #ddd;
}

.go_skin_advanced .tb_stair .subject {
  border-bottom: 0;
}

.tb_stair .subject .set {
  text-align: center;
}
.tb_stair .subject .item {
  border-bottom: 0;
}
.tb_stair .subject .item .chk {
  top: 12px;
}
.tb_stair li .item {
  min-height: 26px;
  position: relative;
  padding: 4px 0;
}
.tb_stair li .item .chk {
  position: absolute;
  top: 12px;
  left: 32px;
}
.tb_stair li .item .tit {
  position: relative;
  padding: 0 280px 0 16px;
}
.tb_stair li .item .tit .ic_stair_close, .tb_stair li .item .tit .ic_stair_open {
  position: absolute;
  top: 6px;
  left: 0;
}
.tb_stair li.folder .item .tit .ic {
  position: absolute;
  top: 5px;
  left: 17px;
}
.tb_stair li .item .tit .ic_board {
  position: absolute;
  top: 5px;
  left: 17px;
}
.tb_stair li .item .tit .txt_form {
  min-height: 19px;
  line-height: 19px;
  vertical-align: middle;
  margin-left: 20px;
}
.tb_stair li .item .tit .txt_form .ui_edit {
  vertical-align: top;
  margin-top: -1px;
}
.tb_stair li .item .tit .board_name {
  display: inline-block;
  min-height: 19px;
  line-height: 19px;
  vertical-align: middle;
  margin-left: 20px;
}
.tb_stair li .item .tit .txt_edit {
  margin-left: 20px;
  width: 100%;
}
.tb_stair li .item .tit .txt_edit input {
  width: 280px;
}

.tb_stair_edit .delimiter {
  cursor: move;
  background-color: #FFFFAF;
}
.tb_stair_edit li.list .item {
  cursor: move;
  background-color: #FFFFAF;
}
.tb_stair_edit li.list .item:hover {
  background-color: #FFFF66;
}
.tb_stair_edit .delimiter .item:hover {
  background-color: #FFFF66;
}
.tb_stair_edit .set, .tb_stair_edit .chk, .tb_stair_edit .btn_fn7 {
  display: none;
}
.tb_stair_edit .delimiter {
  position: relative;
}
.tb_stair_edit .delimiter .item {
  border-bottom: 0 !important;
}
.tb_stair_edit .delimiter .item .title_depart {
  background: #FFFFAF;
}
.tb_stair_edit li.list .item .opt {
  top: 10px;
}
.tb_stair_edit li.list .item .ic_drag {
  position: absolute;
  top: 0px;
  left: 0px;
  cursor: n-resize;
  padding: 0 10px;
  background-position: 8px -838px !important;
  background-color: #FFFFAF !important;
  height: 34px;
}
.tb_stair_edit li.delimiter .ic_drag {
  position: absolute;
  top: 0px;
  left: 0px;
  cursor: n-resize;
  padding: 0 10px;
  background-position: 8px -838px !important;
  background-color: #FFFFAF !important;
  height: 34px;
}
.tb_stair_edit .ic_drag {
  display: block;
}
.tb_stair_edit .txt_form:hover {
  background: #FFFF66;
  cursor: default;
}
.tb_stair_edit .txt_form:hover .ic_edit, .tb_stair_edit .txt_form:hover .ic_basket_bx {
  display: none;
}
.tb_stair_edit .list .item .ui_edit {
  display: none;
}

.tb_stair li .item .opt {
  position: absolute;
  top: 8px;
  right: 32px;
}
.tb_stair li .tit {
  margin-left: 48px;
}
.tb_stair li ul li .tit {
  margin-left: 45px;
}
.tb_stair li ul li ul li .tit {
  margin-left: 60px;
}
.tb_stair li ul li ul li ul li .tit {
  margin-left: 85px;
}
.tb_stair li ul li ul li ul li ul li .tit {
  margin-left: 105px;
}
.tb_stair li ul li ul li ul li ul li ul li .tit {
  margin-left: 125px;
}
.tb_stair .delimiter .item {
  padding-left: 24px;
}
.tb_stair li ul .delimiter .item {
  padding-left: 44px;
}
.tb_stair li ul li ul .delimiter .item {
  padding-left: 64px;
}
.tb_stair li ul li ul li ul .delimiter .item {
  padding-left: 84px;
}
.tb_stair li ul li ul li ul li ul .delimiter .item {
  padding-left: 104px;
}
.tb_stair li ul li ul li ul li ul li ul .delimiter .item {
  padding-left: 124px;
}

.wrap_appInterlock {
  padding: 0 20px;
}
.wrap_appInterlock .appInterlock {
  padding: 20px 0;
  padding: 20px 0;
}
.wrap_appInterlock .appInterlock .ic_appInterlock {
  margin: -6px 0 0 4px;
}
.wrap_appInterlock .appInterlock .appInterlock_body {
  margin: 16px 0 0 0;
}
.wrap_appInterlock .appInterlock .appInterlock_header .txt {
  font-size: 18px;
  font-weight: bold;
  font-weight: 500;
}
.wrap_appInterlock .appInterlock .appInterlock_body {
  overflow-x: auto;
}
.wrap_appInterlock hr {
  margin: 0 -20px;
}
.wrap_appInterlock .appInterlock .appInterlock_header .desc {
  margin-left: 0;
  padding-left: 0;
}

.go_wrap.build_popup_layer .go_body .go_content {
  margin-left: 0px;
  padding-bottom: 0px;
}

.build_popup_layer .linkage {
  color: #222 !important;
  cursor: default !important;
}
.build_popup_layer .linkage:hover {
  text-decoration: none !important;
}

/* profile form_admin tool_tip */
.profile .form_admin span.tool_tip {
  width: 250px;
  top: 26px;
  left: -242px !important;
  text-align: left;
}
.profile .form_admin span.help {
  margin-top: -3px;
}
.profile .form_admin .type_normal th {
  white-space: normal;
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .tb_doc_info .option_wrap label {
    line-height: 1.5;
  }
  /* IE11 */
}
:root .tb_doc_info .option_wrap label {
  line-height: 1.5\0 /IE9;
}

/* tb_doc_info 2.1.2 edit */
table.tb_doc_info th, table.tb_doc_info td {
  line-height: 1.5;
}
table.tb_doc_info .opt_emergency input {
  top: 1px;
}
table.tb_doc_info tbody tr td select {
  margin-top: 2px;
}

.asset .dataTables_wrapper {
  margin-top: 16px;
}
.asset .dataTables_wrapper .too_bar .critical {
  margin-left: 24px;
}
.asset .dataTables_wrapper .too_bar .dataTables_length {
  margin-top: 8px;
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .tb_doc_info .option_wrap label {
    line-height: 1.5;
  }
  /* IE11 */
  *::-ms-backdrop, .tb_doc_info .ic_addlist {
    margin: -1px 3px 0 10px;
  }
}
/* asset_search */
.go_asset .asset_search tr td {
  padding: 8px 24px !important;
}
.go_asset .asset_search tr td .wrap_option {
  margin-left: 10px;
}
.go_asset .dashboard_asset h1.s_title {
  margin-top: 0;
  padding: 24px 0 16px;
  display: block !important;
}

:root .tb_doc_info .option_wrap label {
  line-height: 1.5\0 /IE9;
}
:root .tb_doc_info .ic_addlist {
  margin: -1px 3px 0 10px;
}

.aside_wrapper_body table.tb_approval_line .func {
  display: none;
}
.aside_wrapper_body div.list_approval_line div.btn_langth {
  display: none;
}
.aside_wrapper_body div.tit_type3 {
  text-align: left;
}
.aside_wrapper_body div.approval_history {
  padding-left: 10px;
}
.aside_wrapper_body div.tb_approval_line_wrap, .aside_wrapper_body div.list_approval_line div.tb_approval_line_wrap {
  margin-left: 0;
}
.aside_wrapper_body table.type_normal thead tr th:first-child {
  display: none;
}
.aside_wrapper_body table.type_normal thead th {
  border-top: 0;
  cursor: default;
  padding-left: 24px;
}
.aside_wrapper_body table.type_normal tbody tr td:first-child {
  padding-right: 8px !important;
}
.aside_wrapper_body .list_approval_line_wrap .approval_line .approval_history {
  line-height: 1;
}

:root .tb_doc_info .ic_addlist {
  margin: -1px 3px 0 10px;
}

.go_asset .calendar_tag {
  display: inline-block !important;
}
.go_asset .calendar_tag li.desc {
  display: inline-block !important;
}

/* swipe tab */
div.wrap_swipe {
  position: relative;
  height: 35px;
  overflow: hidden;
  background: #fff;
  border-left: 0;
}
div.wrap_swipe div.swipe {
  position: relative;
  border-bottom: 1px solid #c9c9c9;
  height: 34px;
  visibility: visible;
  overflow: visible;
}
div.wrap_swipe div.swipe:after {
  clear: both;
}
div.wrap_swipe ul.tab_nav {
  position: absolute;
  top: 0px;
  left: 0px;
}
div.wrap_swipe ul.tab_nav_approval {
  width: 480px;
}
div.wrap_swipe div.tab_control {
  display: none;
}
div.wrap_swipe div.tab_nav {
  padding: 0;
}
div.wrap_swipe ul.tab_nav li {
  padding: 0 8px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  margin: 0;
  border: 0;
  border-radius: 0;
  color: #4A4B4C;
}
div.wrap_swipe ul.tab_nav li.on {
  color: #1C1C1C;
  background: #fff;
  border-bottom: 2px solid #38393A;
}
div.wrap_swipe .tab_disabled .ic_prev {
  cursor: default;
  opacity: 0.4;
}

.wrap_swipe .tab_disabled .ic_next {
  cursor: default;
  opacity: 0.4;
}

div.wrap_swipe .tab_control .ic_prev, .wrap_swipe .tab_control .ic_next {
  display: inline-block;
  width: 23px;
  height: 34px;
  background: url(../images/icon_classic.png) no-repeat -40px 0;
}

div.wrap_swipe .tab_btn_prev .ic_prev {
  background-position: -34px 14px;
}
div.wrap_swipe .tab_btn_next {
  right: 0;
}
div.wrap_swipe .tab_btn_next .ic_next {
  background-position: -51px 14px;
}
div.wrap_swipe .tab_control span span:hover {
  background-color: whitesmoke;
}
div.wrap_tab_item table.tb_doc_info {
  margin-top: 10px;
}
div.wrap_tab_item table.tb_doc_info th {
  padding-left: 10px;
}

/* wrap_tab_item */
.wrap_tab_item .tb_doc_info tbody tr td {
  border-bottom: 0;
}
.wrap_tab_item .tb_doc_info td span.txt, .wrap_tab_item .tb_doc_info th span.title {
  padding: 0;
}
.wrap_tab_item table.tb_doc_info tr td ul.name_tag {
  margin-top: -4px !important;
}

:root .tb_doc_info .option_wrap label {
  line-height: 1.5\0 /IE9;
}

/* side */
.oganization .div_scroll {
  width: 260px;
  max-height: 300px;
}
.oganization ul.side_depth li p:hover {
  background: none;
  border: 0;
  filter: initial;
}
.oganization ul.side_depth li p.on {
  background: none;
  border: 0;
  filter: initial;
}
.oganization ul.side_depth li p.on:hover {
  border: 0 !important;
  background: none !important;
  filter: initial;
}

.go_side .lnb.oganization .div_scroll {
  width: 249px;
}

/*gnb help 변경*/
.my_info .btn_help_wrap {
  position: relative;
}
.my_info .btn_help_wrap .btn_help_layer {
  position: absolute;
  z-index: 99;
  padding: 10px 20px;
  right: 0px;
  top: 40px;
  background: #2f2f2f;
  color: #fff;
}
.my_info .btn_help_wrap .btn_help_layer i {
  display: inline-block;
  display: block;
  *zoom: 1;
  width: 0px;
  height: 0px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 10px solid #2f2f2f;
  position: absolute;
  top: -10px;
  right: 10px;
}
.my_info .btn_help_wrap .btn_help_layer div {
  width: 200px;
  background: #2f2f2f;
}
.my_info .btn_help_wrap .btn_help_layer p {
  height: 22px;
}
.my_info .btn_help_wrap .btn_help_layer p.date {
  font-family: tahoma;
  font-size: 12px;
}
.my_info .btn_help_wrap .btn_help_layer div ul {
  border-top: solid 1px #6f6f6f;
  padding-top: 5px;
}
.my_info .btn_help_wrap .btn_help_layer div ul li {
  float: none;
  width: 100%;
  height: 20px;
  line-height: 20px;
  text-align: left;
  color: #fff;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.my_info .btn_help_wrap .btn_help_layer div ul li:hover {
  background: none !important;
}
.my_info .btn_help_wrap .btn_help_layer a {
  height: auto;
  display: inline-block;
  width: 100%;
  color: #1da3aa;
  background: transparent !important;
}
.my_info .btn_help_wrap:hover .btn_help_layer {
  display: block;
}
.my_info .btn_help_wrap .update_btn {
  background: transparent !important;
  margin-top: 10px;
}

.read_no .subject .txt {
  font-weight: bold;
  font-weight: 500;
}

/* print reset */
.layer_pay_print .header_print {
  position: fixed !important;
  left: 0px;
  top: 0px;
  width: 100%;
  box-sizing: border-box;
  height: 32px !important;
  z-index: 1;
  padding: 6px 10px;
  background: #fff;
}
.layer_pay_print .header_print h1 {
  vertical-align: top;
}
.layer_pay_print .header_print span.btn_wrap {
  right: 15px !important;
}
.layer_pay_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_pay_print .header_print span.btn_wrap .wrap_option input {
  top: -1px;
}
.layer_pay_print .report_detail {
  z-index: 0;
}
.layer_pay_print .content_page {
  margin-top: 32px;
}
.layer_pay_print .report_type {
  border: none;
}
.layer_pay_print .report_type .btn_wrap {
  margin-right: 10px;
}
.layer_pay_print .report_type ul li div.msg_wrap {
  width: 100%;
  margin-left: 0px !important;
}
.layer_pay_print .report_type ul li.delete div.msg_wrap .desc {
  margin-left: 0px !important;
}
.layer_pay_print .content .report_type {
  border-top: none;
}
.layer_pay_print .article_reply .reply {
  list-style: none;
}
.layer_pay_print .btn_fn4, .layer_pay_print ul.reply li div.bar_current {
  display: none;
}

.div.layer_pay_print .reply_create div.bar_current {
  display: none;
}

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

.div.layer_pay_print .reply_create div.bar_current {
  display: none;
}

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

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

.layer_pay_print .article_reply div.reply_wrap ul.reply > li:hover, .layer_pay_print ul.reply li.current:hover {
  background: #ffffff;
}
.layer_pay_print .aside_wrapper {
  border: 1px solid #888;
  border-bottom: 0;
}
.layer_pay_print .report_type .article_reply {
  border-bottom: 0;
}
.layer_pay_print div.add_file {
  margin: 15px;
  border: 1px solid #888;
}
.layer_pay_print .report_type .article_reply {
  border: 1px solid #888;
  margin: 15px;
}
.layer_pay_print .report_type .article_reply .reply li {
  padding: 8px !important;
}
.layer_pay_print .aside_wrapper {
  border-top: 1px solid #888 !important;
}
.layer_pay_print div.reply_wrap ul.reply > li {
  border-bottom: 0 !important;
}
.layer_pay_print .article_reply div.reply_wrap ul.reply {
  border-radius: 0;
}
.layer_pay_print .article_reply div.reply_wrap ul.reply li.view_option {
  border-color: #000000;
}
.layer_pay_print .txt_b, .layer_pay_print span.part {
  color: #000000;
}
.layer_pay_print div.reply_wrap ul.reply li span.date, .layer_pay_print div.reply_wrap .reply_create span.date {
  color: #000000;
}
.layer_pay_print ul.reply li div.msg_wrap div.info .doc .status, .layer_pay_print ul.reply li div.msg_wrap div.info span.department {
  color: #000000;
}
.layer_pay_print .layer_pay_print .reply_create div.msg_wrap div.info span.department {
  color: #000000;
}
.layer_pay_print span.size, .layer_pay_print span.num {
  color: #000000;
}
.layer_pay_print div.add_file ul.file_wrap {
  background: #ffffff;
}
.layer_pay_print div.add_file ul.file_wrap li {
  border-top: 1px solid #888;
}
.layer_pay_print .article_reply div.reply_wrap ul.reply li.view_option {
  background: #f7f7f7;
  border-bottom: 1px solid #888 !important;
}
.layer_pay_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_pay_print div.approval_import {
  overflow: inherit;
}

/*editor overriding*/
span.editor_span {
  display: block;
  width: auto !important;
  margin: 10px;
  font-size: 12px;
  line-height: 1.5;
}
span.editor_span table, span.editor_span p, span.editor_span span {
  font-size: 12px;
  line-height: 1.5;
}

.editor_span td {
  padding: 0 !important;
}
.editor_span ul, .editor_span ol {
  list-style-position: inside !important;
  margin: 12px 0;
}
.editor_span ul ul, .editor_span ol ol {
  margin: 0;
}
.editor_span ul li ul {
  list-style-position: circle;
}

/*유효하지 않은 코드*/
span.editor_span table {
  word-break: normal;
}

/* security_set */
.security_device_wrap table.form_type > tbody > tr > th {
  height: 14px;
}
.security_device_wrap table.form_type th span.title {
  padding-bottom: 0;
}

.otp_device_wrap table.form_type > tbody > tr > th, .security_otp_wrap table.form_type > tbody > tr > th {
  padding-top: 35px;
  height: 14px;
}

.otp_certify_wrap {
  margin: 10px;
  padding: 20px;
  border: 1px solid #dcdcdc;
}
.otp_certify_wrap .otp_certify {
  position: relative;
  width: 700px;
  margin: auto;
}
.otp_certify_wrap .otp_certify_con {
  position: absolute;
  height: 160px;
  top: 25px;
  left: 290px;
}
.otp_certify_wrap .otp_certify_con .otp_certify_title {
  display: block;
  margin-bottom: 10px;
  color: #37adb3;
  font-size: 16px;
  font-weight: bold;
  font-weight: 500;
}
.otp_certify_wrap .otp_certify_con span.txt {
  line-height: 20px;
}
.otp_certify_wrap .otp_certify_con a.btn_major_s {
  margin-top: 30px;
}
.otp_certify_wrap .otp_certify span.otp_certify_img {
  display: inline-block;
  background: url(../images/otp_certify_img.png) no-repeat;
  width: 290px;
  height: 200px;
}

/* multi company share */
.multi_user {
  color: #4693a3 !important;
}

.multi_user_schedule {
  background: #AB90E8 !important;
}

div.jstree_depth > ul > li {
  background: none;
}

li.jstree-last {
  background: transparent !important;
}

.card_type5 {
  background: #fff;
  box-sizing: border-box;
  border: 1px solid #ddd;
}

.wrap_dataCopy {
  position: relative;
  text-align: left;
}
.wrap_dataCopy .dataCopy {
  clear: left;
  padding: 20px;
  border-right: 1px solid #ddd;
}
.wrap_dataCopy .dataCopy .app_tit {
  position: relative;
  overflow: hidden;
}
.wrap_dataCopy .dataCopy .app_tit .app_icon {
  position: absolute;
  top: 0;
  left: 0;
}
.wrap_dataCopy .dataCopy .app_tit .app_name {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  font-size: 18px;
  letter-spacing: -1px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 100px 0 30px;
}
.wrap_dataCopy .dataCopy .dataCopy_to .app_tit .app_name {
  max-width: 100%;
}
.wrap_dataCopy .build_prev_wrap .build_prev_header .optional {
  display: none;
}
.wrap_dataCopy .dataCopy .dataCopy_from .app_tit .ic_mapping_l {
  position: absolute;
  top: 5px;
  right: 0;
}
.wrap_dataCopy .dataCopy .app_tit {
  text-align: left;
  margin: 0 0 10px 0;
}
.wrap_dataCopy .card_type5 {
  overflow: auto;
  text-align: left;
  padding: 5px 0;
}
.wrap_dataCopy .dataCopy .dataCopy_from, .wrap_dataCopy.dataCopy .dataCopy_to {
  float: left;
  width: 50%;
}
.wrap_dataCopy .dataCopy_from .app_tit, .wrap_dataCopy .dataCopy_from .card_type5 {
  margin-right: 20px;
}
.wrap_dataCopy .build_content_inner {
  box-shadow: none;
  margin: 0;
}
.wrap_dataCopy .build_content_inner .column_box .column_inner .column_side {
  float: none;
  width: 100%;
}
.wrap_dataCopy .column_side .build_box_inner {
  border-left: 0;
}
.wrap_dataCopy .build_content_inner .opt_privacy {
  display: none !important;
}
.wrap_dataCopy .build_prev_wrap .optional .btn_fn4 {
  display: none !important;
}
.wrap_dataCopy .build_prev_wrap .critical {
  margin: 0;
  position: static;
}
.wrap_dataCopy .dataCopy_opt {
  display: none;
  position: absolute;
  top: 0;
  right: -300px;
  width: 300px;
}
.wrap_dataCopy.mode_full {
  margin-right: 300px;
}
.wrap_dataCopy.mode_full .dataCopy_opt {
  display: block;
}
.wrap_dataCopy.mode_full .dataCopy_opt .dataMap .dataMap_header {
  margin: 15px 0 10px;
}
.wrap_dataCopy.mode_full .dataCopy_opt .dataMap .dataMap_header .txt {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100px;
  color: #999;
  margin-left: 37px;
}
.wrap_dataCopy.mode_full .dataCopy_opt .dataMap .dataMap_header .txt:first-child {
  margin: 0;
}
.wrap_dataCopy .dataCopy .app_tit .app_icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}
.wrap_dataCopy .dataCopy .app_tit .app_icon img {
  width: 100%;
  height: 100%;
}
.wrap_dataCopy .dataCopy .page_action_wrap {
  margin: 20px 0;
  padding: 0;
}

.dataCopy_to .build_prev_content {
  padding: 0;
}

.report_home_card .card_wrapper > header {
  display: none;
}

.dataCopy_opt .dataMap {
  padding: 0 24px 20px 24px;
  overflow-y: auto;
}
.dataCopy_opt .wrap_dataMap_header {
  position: relative;
  height: 55px;
  border-bottom: 1px solid #ddd;
  margin: 0 24px 0 24px;
}
.dataCopy_opt .wrap_dataMap_header h3 {
  position: absolute;
  top: 20px;
  left: 0;
  font-size: 18px;
  font-weight: normal;
}
.dataCopy_opt .wrap_dataMap_header .ic_close {
  position: absolute;
  top: 20px;
  right: 0;
  cursor: pointer;
}
.dataCopy_opt .wrap_dataMap_header .dataMap_header {
  position: absolute;
  top: 20px;
  left: 20px;
}
.dataCopy_opt .wrap_dataMap_header .dataMap_header .app_tit .app_name {
  display: inline-block;
  height: 16px;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 90px;
}
.dataCopy_opt .wrap_dataMap_header .dataMap_header .app_tit .app_icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: top;
}

.app_tit_s .app_icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: top;
}
.app_tit_s .app_icon img {
  width: 100%;
  height: 100%;
}

.dataCopy_opt .wrap_dataMap_header .dataMap_header .ic_mapping_s {
  vertical-align: top;
  margin: 2px 3px 0;
}

.wrap_dataCopy .wrap_dataMap_header .app_tit {
  display: inline-block;
}
.wrap_dataCopy .wrap_dataMap_header .app_tit .app_icon img {
  width: 100%;
  height: 100%;
}
.wrap_dataCopy .dataMap .list_dataMap li {
  padding: 3px 0;
}
.wrap_dataCopy .dataMap .list_dataMap li:first-child {
  padding-top: 0;
}
.wrap_dataCopy .dataMap .list_dataMap li .dataMap_from {
  width: 111px;
}
.wrap_dataCopy .dataMap .list_dataMap li .dataMap_to {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 95px;
}
.wrap_dataCopy .dataMap .list_dataMap li .ic_arrow5 {
  margin: 0 4px 0;
}
.wrap_dataCopy .dataMap .list_dataMap li .dataMap_to {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.5;
}

.layer_prevent_receiveError .add_file .file_wrap {
  overflow-y: auto;
  max-height: 150px;
}

.works_app_write .list_flow {
  margin-bottom: 20px;
}

.notransition {
  transition: none !important;
}

.dashboard_report .h_border {
  display: none;
}