@charset "UTF-8";
/* common */
.dsp_none {
  display: none !important;
}

.dsp_block {
  display: block !important;
}

.emphasize {
  display: inline-block;
  position: relative;
  z-index: 0;
  color: #333;
}
.emphasize:after {
  display: block;
  content: '';
  width: 100%;
  position: absolute;
  bottom: 2px;
  left: -2px;
  border-bottom: 6px solid #fee500;
  z-index: -1;
  border-radius: 2px;
}

/* alarm */
.layer_toast .alert_wrap {
  position: fixed;
  top: 8px;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 999;
}
.layer_toast .alert_wrap .content {
  display: inline-block;
  width: auto;
  background-color: #333;
  padding: 12px 16px;
  border-radius: 4px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
}
.layer_toast .alert_wrap strong {
  margin-right: 10px;
}
.layer_toast .alert_wrap span.txt {
  display: inline-block;
  color: #fff;
}

div.alert_wrap span.txt_caution {
  display: inline-block;
  color: #fff;
}

.layer_toast .alert_wrap ins {
  display: none;
  margin-top: 12px;
  margin-right: 4px;
}

.ic_snb {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../images/ic_snb.png);
}
.ic_snb.ic_beaker {
  background-position: -250px 0;
}

.go_skin_advanced .ic_snb.ic_beaker {
  background-position: -250px -50px;
}

.alert_wrap span.btn_del_light {
  position: absolute;
  right: 10px;
  top: 10px;
}

/* form */
.form {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.form .form_tr {
  display: table-row;
}
.form .form_tr .form_th {
  display: table-cell;
  vertical-align: top;
  width: 80px;
}
.form .form_tr .form_th .title {
  display: inline-block;
  margin: 2px 0 0 0;
}
.form .form_tr .form_td {
  display: table-cell;
}

.lnb input[type='checkbox'],
.tool_bar input[type='checkbox'],
.vertical_wrap_s input[type='checkbox'],
.type_normal input[type='checkbox'] {
  border: solid 1px #ccc;
  height: 16px;
  width: 16px;
  border-radius: 4px;
  -webkit-appearance: none;
  overflow: hidden;
  margin: 0 4px 0 0;
}
.lnb input[type='checkbox']:disabled,
.tool_bar input[type='checkbox']:disabled,
.vertical_wrap_s input[type='checkbox']:disabled,
.type_normal input[type='checkbox']:disabled {
  background-color: #eee;
}

.tool_bar .critical > input[type='checkbox'] {
  float: left;
  margin: 7px 8px 0 16px;
  vertical-align: middle;
}

.lnb input[type='checkbox']:checked,
.vertical_wrap_s input[type='checkbox']:checked,
.tool_bar input[type='checkbox']:checked,
.type_normal input[type='checkbox']:checked {
  background: #333;
  height: 16px;
  width: 16px;
  border-radius: 4px;
  font-size: 14px;
  border: 1px solid #333;
  -webkit-appearance: none;
}

.lnb input[type='checkbox']:checked:disabled,
.vertical_wrap_s input[type='checkbox']:checked:disabled,
.tool_bar input[type='checkbox']:checked:disabled,
.type_normal input[type='checkbox']:checked:disabled {
  border-color: #aaa;
  background-color: #aaa;
}
.lnb input[type='checkbox']:checked:disabled:after,
.vertical_wrap_s input[type='checkbox']:checked:disabled:after,
.tool_bar input[type='checkbox']:checked:disabled:after,
.type_normal input[type='checkbox']:checked:disabled:after {
  background-color: #aaa;
}

.lnb input[type='checkbox']:checked:after,
.vertical_wrap_s input[type='checkbox']:checked:after,
.tool_bar input[type='checkbox']:checked:after {
  content: '';
  display: block;
  height: 14px;
  width: 14px;
  background: #333 url(../images/icon_classic.png) no-repeat 0 -200px;
}

.type_normal input[type='checkbox']:checked:after {
  content: '';
  display: block;
  height: 12px;
  width: 12px;
  line-height: 12px;
  background: #333 url(../images/icon_classic.png) no-repeat 0 -200px;
}
.type_normal input[type='radio'] {
  border: solid 2px #ccc;
  height: 16px;
  width: 16px;
  border-radius: 16px;
  -webkit-appearance: none;
  margin: 0 8px 0 0;
}
.type_normal input[type='radio']:checked {
  border: solid 2px #000;
  height: 16px;
  width: 16px;
  border-radius: 16px;
  -webkit-appearance: none;
  font-size: 17px;
}
.type_normal input[type='radio']:checked:after {
  content: '';
  display: block;
  position: relative;
  top: 2px;
  left: 2px;
  height: 8px;
  width: 8px;
  border-radius: 14px;
  background: #000 !important;
}
.type_normal input.disabled[type='checkbox'] {
  border: solid 1px #ccc;
  height: 16px;
  width: 16px;
  border-radius: 4px;
  overflow: hidden;
  margin: 0 4px 0 0;
  background: #eee;
  -webkit-appearance: none;
}
.type_normal input.disabled[type='checkbox']:checked {
  border: solid 1px #bbb;
  height: 16px;
  width: 16px;
  border-radius: 4px;
  background: #bbb;
  opacity: 0.6;
  -webkit-appearance: none;
}
.type_normal input.disabled[type='checkbox']:checked:after {
  content: '';
  display: block;
  position: relative;
  height: 14px;
  width: 14px;
  background: #bbb url(../images/icon_classic.png) no-repeat 0 -200px;
}
.type_normal input.disabled[type='radio'] {
  border: solid 2px #ccc;
  height: 16px;
  width: 16px;
  border-radius: 16px;
  -webkit-appearance: none;
  margin: 0 8px 0 0;
}
.type_normal input.disabled[type='radio']:checked {
  border: solid 2px #bbb;
  height: 16px;
  width: 16px;
  border-radius: 16px;
  -webkit-appearance: none;
  font-size: 17px;
}
.type_normal input.disabledt[type='radio']:checked:after {
  content: '';
  display: block;
  position: relative;
  top: 2px;
  left: 2px;
  height: 8px;
  width: 8px;
  border-radius: 14px;
  background: #bbb;
}

/* .content_mail input[type='checkbox']:checked {font-size: 12px} */
/* .content_mail input[type='checkbox']:checked:after {top: -4px; left: 0} */
.builder_side_box input[type='checkbox'] {
  border: solid 2px #222;
  background: #222;
  height: 16px;
  width: 16px;
  border-radius: 2px;
  -webkit-appearance: none;
  overflow: hidden;
  margin: 0 8px 0 0;
}
.builder_side_box input[type='checkbox']:checked {
  border: solid 2px #000;
  background: #000;
  height: 16px;
  width: 16px;
  border-radius: 2px;
  -webkit-appearance: none;
  font-size: 14px;
}
.builder_side_box input[type='checkbox']:checked:after {
  content: '∨';
  display: block;
  position: relative;
  top: -4px;
  left: 0;
  height: 15px;
  width: 15px;
  font-weight: bold;
  color: #fff;
}
.builder_side_box input[type='radio'] {
  border: solid 2px #ccc;
  height: 16px;
  width: 16px;
  border-radius: 16px;
  -webkit-appearance: none;
  margin: 0 8px 0 0;
}
.builder_side_box input[type='radio']:checked {
  border: solid 2px #000;
  height: 16px;
  width: 16px;
  border-radius: 16px;
  -webkit-appearance: none;
  font-size: 17px;
}
.builder_side_box input[type='radio']:checked:after {
  content: '';
  display: block;
  position: relative;
  top: 2px;
  left: 2px;
  height: 8px;
  width: 8px;
  border-radius: 14px;
  background: #000 !important;
}

/* photo */
.photo {
  display: inline-block;
}
.photo.small img {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 32px;
}

/* icon */
.icx2 {
  display: inline-block;
  background: url(../images/icx2.png) no-repeat 0 0;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  background-size: 500px 250px;
}
.icx2.ip {
  background-position: 0 0;
}
.icx2.gps {
  background-position: -50px 0;
}
.icx2.beacon {
  background-position: -100px 0;
}
.icx2.auto {
  background-position: -50px -150px;
}
.icx2.ic_item_template {
  width: 24px;
  height: 24px;
  background-position: 0 -50px !important;
}
.icx2.ic_item_import {
  width: 24px;
  height: 24px;
  background-position: -50px -50px !important;
}
.icx2.ic_item_plan {
  width: 24px;
  height: 24px;
  background-position: -100px -50px !important;
}
.icx2.ic_item_folder {
  width: 24px;
  height: 24px;
  background-position: 0px -100px !important;
}
.icx2.ic_arrow_mini {
  width: 6px;
  height: 12px;
  background-position: -50px -100px !important;
}
.icx2.ic_edit_set {
  width: 16px;
  height: 16px;
  background-position: -150px 0px !important;
}
.icx2.ic_edit_filter {
  width: 14px;
  height: 15px;
  background-position: -200px 0px !important;
}
.icx2.ic_edit_copy {
  width: 14px;
  height: 14px;
  background-position: -250px 0px !important;
}
.icx2.ic_edit_del {
  width: 14px;
  height: 14px;
  background-position: -300px 0px !important;
}
.icx2.ic_more {
  width: 3px;
  height: 17px;
  background-position: -450px 0px !important;
}
.icx2.ic_star_on {
  width: 21px;
  height: 20px;
  background-position: -150px -50px !important;
}
.icx2.ic_star_off {
  width: 21px;
  height: 20px;
  background-position: -200px -50px !important;
}
.icx2.ic_person {
  width: 14px;
  height: 14px;
  background-position: -350px 0px !important;
}
.icx2.ic_btn_chart {
  width: 19px;
  height: 17px;
  background-position: -250px -50px !important;
}
.icx2.ic_btn_card {
  width: 19px;
  height: 17px;
  background-position: -300px -50px !important;
}
.icx2.ic_btn_text {
  width: 19px;
  height: 17px;
  background-position: -350px -50px !important;
}
.icx2.ic_btn_data {
  width: 19px;
  height: 17px;
  background-position: -400px -50px !important;
}
.icx2.ic_btn_img {
  width: 19px;
  height: 17px;
  background-position: -450px -50px !important;
}
.icx2.ic_down_s {
  width: 10px;
  height: 6px;
  background-position: -100px -100px !important;
}
.icx2.ic_setting_s {
  width: 16px;
  height: 16px;
  background-position: -400px 0 !important;
}
.icx2.ic_box_nulldata {
  width: 48px;
  height: 48px;
  background-position: -150px -100px !important;
}
.icx2.ic_warning {
  width: 48px;
  height: 48px;
  background-position: -200px -100px !important;
}
.icx2.ic_report_null {
  width: 102px;
  height: 54px;
  background-position: -250px -100px !important;
}
.icx2.ic_plus_w {
  width: 15px;
  height: 15px;
  background-position: -400px -100px !important;
}
.icx2.ic_close {
  width: 16px;
  height: 16px;
  background-position: -450px -100px !important;
}
.icx2.ic_caution {
  width: 14px;
  height: 14px;
  background-position: 0 -150px !important;
}
.icx2.ic_circle_close {
  width: 30px;
  height: 30px;
  background-position: 0 -200px !important;
}

.ic24 {
  display: inline-block;
  background: url(../images/ic24.png) no-repeat 0 0;
  width: 24px !important;
  height: 24px !important;
  vertical-align: middle;
}
.ic24.more_v {
  background-position: 0 0;
}
.ic24.lock {
  background-position: -50px 0;
}
.ic24.people {
  background-position: 0 -50px;
}
.ic24.store {
  background-position: -50px -50px;
}
.ic24.search {
  background-position: 0 -100px;
}
.ic24.sign {
  background-position: -100px -100px;
}
.ic24.sign_error {
  background-position: -150px -100px;
}
.ic24.ic_tooltip {
  background-position: -50px -100px;
}
.ic24.ic_more {
  background-position: -100px -50px;
}
.ic24.arrow_t {
  background-position: 0 -150px;
}
.ic24.arrow_d {
  background-position: -50px -150px;
}
.ic24.close {
  background-position: -100px -150px;
}
.ic24.ic_emoticon {
  background-position: 0 -200px;
}
.ic24.ic_file_upload {
  background-position: -50px -200px;
}

.ic16 {
  display: inline-block;
  background: url(../images/ic16.png) no-repeat 0 0;
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
.ic16.allDel {
  background-position: 0 0;
}

.wrap_ic_gnb_adv {
  display: inline-block;
  vertical-align: top;
  padding: 10px;
  transition: 0.2s;
  line-height: 0;
}

.ic_gnb_adv {
  display: inline-block;
  background: url(../images/ic_gnb_adv.png) no-repeat 0 0;
  width: 20px;
  height: 20px;
}
.ic_gnb_adv.menu {
  background-position: -50px 0;
}
.ic_gnb_adv.ic_home_home {
  background-position: 0 -50px;
}
.ic_gnb_adv.ic_home_mail {
  background-position: 0 -100px;
}
.ic_gnb_adv.ic_home_contact {
  background-position: 0 -150px;
}
.ic_gnb_adv.ic_home_webfolder {
  background-position: 0 -200px;
}
.ic_gnb_adv.ic_home_board {
  background-position: 0 -350px;
}
.ic_gnb_adv.ic_home_calendar {
  background-position: 0 -250px;
}
.ic_gnb_adv.ic_home_community {
  background-position: 0 -400px;
}
.ic_gnb_adv.ic_home_asset {
  background-position: 0 -450px;
}
.ic_gnb_adv.ic_home_docs {
  background-position: 0 -300px;
}
.ic_gnb_adv.ic_home_sms {
  background-position: 0 -900px;
}
.ic_gnb_adv.ic_home_survey {
  background-position: 0 -500px;
}
.ic_gnb_adv.ic_home_report {
  background-position: 0 -550px;
}
.ic_gnb_adv.ic_home_works {
  background-position: 0 -600px;
}
.ic_gnb_adv.ic_home_todo {
  background-position: 0 -650px;
}
.ic_gnb_adv.ic_home_task {
  background-position: 0 -700px;
}
.ic_gnb_adv.ic_home_approval {
  background-position: 0 -750px;
}
.ic_gnb_adv.ic_home_docfolder {
  background-position: 0 -800px;
}
.ic_gnb_adv.ic_home_ehr {
  background-position: 0 -850px;
}
.ic_gnb_adv.oganization {
  background-position: -50px -100px;
}
.ic_gnb_adv.ic_home_store {
  background-position: -50px -150px;
}

.ic_toolbar {
  display: inline-block;
  background: url(../images/ic_toolbar.png) no-repeat 0 0;
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
.ic_toolbar.mail {
  background-position: -50px 0;
}
.ic_toolbar.group {
  background-position: -100px 0;
}
.ic_toolbar.group_setting {
  background-position: -350px -50px;
}
.ic_toolbar.cancel {
  background-position: 0 -150px;
}
.ic_toolbar.opposition {
  background-position: 0 -150px;
}
.ic_toolbar.end {
  background-position: 0 -150px;
}
.ic_toolbar.close {
  background-position: 0 -150px;
}
.ic_toolbar.group_cancel {
  background-position: -50px -150px;
}
.ic_toolbar.member_cancel {
  background-position: -50px -150px;
}
.ic_toolbar.del {
  background-position: -150px 0;
}
.ic_toolbar.copy {
  background-position: -200px 0;
}
.ic_toolbar.fast {
  background-position: -250px 0;
}
.ic_toolbar.plus {
  background-position: -250px 0;
}
.ic_toolbar.more {
  background-position: -300px 0;
}
.ic_toolbar.search {
  background-position: 0 -50px;
}
.ic_toolbar.tag {
  background-position: -50px -50px;
}
.ic_toolbar.spam {
  background-position: -100px -50px;
}
.ic_toolbar.stop {
  background-position: -100px -50px;
}
.ic_toolbar.reply {
  background-position: -150px -50px;
}
.ic_toolbar.forwading {
  background-position: -200px -50px;
}
.ic_toolbar.return {
  background-position: -200px -50px;
}
.ic_toolbar.read {
  background-position: -250px -50px;
}
.ic_toolbar.move {
  background-position: -300px -50px;
}
.ic_toolbar.sort {
  background-position: -50px -100px;
}
.ic_toolbar.sort_up {
  background-position: -250px -100px;
}
.ic_toolbar.sort_down {
  background-position: -300px -100px;
}
.ic_toolbar.up {
  background-position: -250px -100px;
}
.ic_toolbar.update {
  background-position: -250px -100px;
}
.ic_toolbar.down {
  background-position: -300px -100px;
}
.ic_toolbar.download {
  background-position: -150px -150px;
}
.ic_toolbar.upload {
  background-position: -100px -150px;
}
.ic_toolbar.send {
  background-position: 0px -200px;
}
.ic_toolbar.save {
  background-position: -50px -200px;
}
.ic_toolbar.preview {
  background-position: -100px -200px;
}
.ic_toolbar.refresh {
  background-position: -150px -200px;
}
.ic_toolbar.list {
  background-position: -300px -150px;
}
.ic_toolbar.board {
  background-position: -200px -200px;
}
.ic_toolbar.doc {
  background-position: -200px -200px;
}
.ic_toolbar.doc_official {
  background-position: -200px -200px;
}
.ic_toolbar.source {
  background-position: -200px -200px;
}
.ic_toolbar.write {
  background-size: 20px 20px;
  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.1306 4.19402C15.5647 4.01419 16.0301 3.92163 16.5 3.92163C16.9699 3.92163 17.4353 4.01419 17.8694 4.19402C18.3036 4.37386 18.698 4.63744 19.0303 4.96973C19.3626 5.30202 19.6262 5.6965 19.806 6.13065C19.9859 6.56481 20.0784 7.03013 20.0784 7.50006C20.0784 7.96998 19.9859 8.43531 19.806 8.86946C19.6262 9.30362 19.3626 9.6981 19.0303 10.0304L8.53033 20.5304C8.38968 20.671 8.19891 20.7501 8 20.7501H4C3.58579 20.7501 3.25 20.4143 3.25 20.0001V16.0001C3.25 15.8011 3.32902 15.6104 3.46967 15.4697L12.9641 5.97531C12.9659 5.97342 12.9678 5.97154 12.9697 5.96967C12.9715 5.9678 12.9734 5.96594 12.9753 5.96409L13.9697 4.96973C14.302 4.63744 14.6964 4.37386 15.1306 4.19402ZM13.5 7.56069L4.75 16.3107V19.2501H7.68934L16.4394 10.5L13.5 7.56069ZM17.5 9.43937L14.5607 6.50003L15.0303 6.03039C15.2233 5.83739 15.4525 5.68429 15.7046 5.57984C15.9568 5.47539 16.2271 5.42163 16.5 5.42163C16.7729 5.42163 17.0432 5.47539 17.2954 5.57984C17.5475 5.68429 17.7767 5.83739 17.9697 6.03039C18.1627 6.22339 18.3158 6.45251 18.4202 6.70468C18.5247 6.95684 18.5784 7.22711 18.5784 7.50006C18.5784 7.773 18.5247 8.04327 18.4202 8.29544C18.3158 8.5476 18.1627 8.77673 17.9697 8.96973L17.5 9.43937Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A");
}
.ic_toolbar.modify {
  background-position: -300px -200px;
}
.ic_toolbar.change {
  background-position: 0px -250px;
}
.ic_toolbar.member {
  background-position: -50px -250px;
}
.ic_toolbar.popup {
  background-position: -100px -250px;
}
.ic_toolbar.info {
  background-position: -150px -250px;
}
.ic_toolbar.check {
  background-position: -150px -300px;
}
.ic_toolbar.check_all {
  background-position: -200px -250px;
}
.ic_toolbar.check_late {
  background-position: -150px -350px;
}
.ic_toolbar.approval {
  background-position: -300px -200px;
}
.ic_toolbar.drive {
  background-position: -250px -250px;
}
.ic_toolbar.folder {
  background-position: -300px -250px;
}
.ic_toolbar.folderadd {
  background-position: -50px -300px;
}
.ic_toolbar.filter {
  background-position: 0px -300px;
}
.ic_toolbar.open {
  background-position: -100px -300px;
}
.ic_toolbar.checking {
  background-position: -150px -300px;
}
.ic_toolbar.done {
  background-position: -150px -300px;
}
.ic_toolbar.agree {
  background-position: -150px -300px;
}
.ic_toolbar.dotline {
  background-position: -200px -300px;
}
.ic_toolbar.delay {
  background-position: -250px -300px;
}
.ic_toolbar.end {
  background-position: -250px -300px;
}
.ic_toolbar.noti {
  background-position: -300px -300px;
}
.ic_toolbar.return_again {
  background-position: 0px -350px;
}
.ic_toolbar.out {
  background-position: 0px -350px;
}
.ic_toolbar.member_check {
  background-position: -50px -350px;
}
.ic_toolbar.receive {
  background-position: -100px -350px;
}
.ic_toolbar.play {
  background-position: -250px -350px;
}
.ic_toolbar.setting {
  background-position: -300px -350px;
}
.ic_toolbar.adjust {
  background-position: -350px 0;
}
.ic_toolbar.copy_url {
  background-position: -350px -200px;
}
.ic_toolbar.calendar {
  background-position: -350px -250px;
}
.ic_toolbar.help_doc {
  background-position: -350px -300px;
}

.ic_side {
  display: inline-block;
  background: url(../images/ic_side.png) repeat-x;
  vertical-align: middle;
}
.ic_side.ic_body_folder {
  background-position: 0 -750px;
  width: 20px;
  height: 20px;
}

.ic_side_setting {
  background-position: -100px -250px;
  width: 14px;
  height: 15px;
}

.ic_side.plus {
  background-position: -450px -150px;
  width: 14px;
  height: 14px;
}
.ic_side.ic_hide_up {
  background-position: -100px -200px;
  width: 12px;
  height: 12px;
}

.ic_app_bbs {
  width: 41px;
  height: 37px;
  background-position: 0 0;
}

.ic_app_calendar {
  width: 41px;
  height: 37px;
  background-position: 0 -50px;
}

.ic_app_address {
  width: 41px;
  height: 37px;
  background-position: 0 -100px;
}

.ic_app_community {
  width: 45px !important;
  height: 37px;
  background-position: 0 -150px;
}

.ic_app_mail {
  width: 41px;
  height: 37px;
  background-position: 0 -200px;
}

.ic_app_file {
  width: 41px;
  height: 37px;
  background-position: 0 -250px;
}

.ic_app_join {
  width: 41px;
  height: 37px;
  background-position: 0 -300px;
}

.ic_app_report {
  width: 41px;
  height: 37px;
  background-position: 0 -350px;
}

.ic_app_task {
  width: 41px;
  height: 37px;
  background-position: 0 -400px;
}

.ic_app_appr {
  width: 41px;
  height: 37px;
  background-position: 0 -450px;
}

.ic_app_survey {
  width: 41px;
  height: 37px;
  background-position: 0 -500px;
}

.ic_app_works {
  width: 41px;
  height: 37px;
  background-position: 0 -550px;
}

.ic_side.ic_list_del {
  background-position: -100px -400px;
  width: 14px;
  height: 14px;
}

.ic_app_sms {
  width: 41px;
  height: 37px;
  background-position: 0 -600px;
}

.ic_app_docs {
  width: 41px;
  height: 37px;
  background-position: 0 -400px;
}

.ic_app_setting {
  width: 16px;
  height: 16px;
  background-position: 0px 0px;
}

.ic_user {
  width: 16px;
  height: 16px;
  background-position: -50px -100px;
}

.ic_folder {
  width: 16px;
  height: 16px;
  background-position: -100px -50px;
}
.ic_folder:hover {
  background-position: -150px -50px;
}

.ic_folder_sys {
  width: 16px;
  height: 16px;
  background-position: -100px 0px;
}
.ic_folder_sys:hover {
  background-position: -150px 0px;
}

.ic_folder_tag {
  width: 16px;
  height: 16px;
  background-position: -100px -100px;
}
.ic_folder_tag:hover {
  background-position: -150px -100px;
}

.ic_show_down {
  width: 19px;
  height: 19px;
  background-position: -100px -148px;
}
.ic_show_down:hover {
  background-position: -200px -148px;
}

.ic_list_del:hover {
  background-position: -150px -400px;
}

.ic_list_edit {
  width: 16px;
  height: 16px;
  background-position: -100px -450px;
}
.ic_list_edit:hover {
  background-position: -150px -450px;
}

.ic_more_option {
  width: 16px;
  height: 16px;
  background-position: -100px -500px;
}
.ic_more_option:hover {
  background-position: -150px -500px;
}

.ic_done {
  width: 19px;
  height: 19px;
  background-position: -100px -550px;
  cursor: pointer;
}
.ic_done:hover {
  background-position: -150px -550px;
}

.ic_edit {
  width: 16px;
  height: 16px;
  background-position: -100px -450px;
  cursor: pointer;
}
.ic_edit:hover {
  background-position: -150px -450px;
}

.ic_basket_bx {
  width: 16px;
  height: 16px;
  background-position: -100px -600px;
  cursor: pointer;
}
.ic_basket_bx:hover {
  background-position: -150px -600px;
}

.ic_preview {
  width: 19px;
  height: 19px;
  background-position: -200px -550px;
  cursor: pointer;
}
.ic_preview:hover {
  background-position: -200px -600px;
}

.ic_cancel {
  width: 19px;
  height: 19px;
  background-position: -100px -650px;
  cursor: pointer;
}
.ic_cancel:hover {
  background-position: -150px -650px;
}

.ic_list_reorder {
  width: 19px;
  height: 19px;
  background-position: -100px -450px;
}
.ic_list_reorder:hover {
  background-position: -100px -450px;
}

.ic_list_trash {
  width: 16px;
  height: 18px;
  background-position: -100px -750px;
}
.ic_list_trash:hover {
  background-position: -150px -750px;
}

.ic_private {
  width: 13px;
  height: 19px;
  background-position: -103px -1851px;
}

.ic_copy {
  width: 19px;
  height: 19px;
  background-position: -100px -2000px;
  cursor: pointer;
}
.ic_copy:hover {
  background-position: -150px -2000px;
}

.ic_setting {
  display: inline-block;
  width: 19px;
  height: 19px;
  background: url(../images/ic_side.png) no-repeat -100px -250px;
  cursor: pointer;
}

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

.wrap_member .ic_member {
  width: 22px;
  height: 17px;
  background-position: -140px -100px !important;
}

.wrap_reply .ic_reply2 {
  width: 18px;
  height: 16px;
  background-position: -180px -100px !important;
}

/* button */
.btn_more {
  position: relative;
}
.btn_more .array_option {
  position: absolute;
  top: 40px;
  right: 0;
}

.btn_ic16 {
  display: inline-block;
  padding: 8px;
  border-radius: 4px;
  vertical-align: middle;
}
.btn_ic16:hover {
  background-color: #eee;
  cursor: pointer;
  vertical-align: middle;
}
.btn_ic16 .ic_side {
  margin: -1px 0 0 4px;
}

.btn_ic24 {
  display: inline-block;
  padding: 8px;
  border-radius: 4px;
}
.btn_ic24:hover {
  background-color: #eee;
  cursor: pointer;
}

.btn_txt_s {
  display: inline-block;
  font-size: 12px;
  color: #999;
}
.btn_txt_s:hover {
  text-decoration: underline;
}

.btn_caution_s {
  display: inline-block;
  cursor: pointer;
  padding: 0px 16px;
  height: 32px;
  line-height: 32px;
  border-radius: 4px;
  border: 1px solid #ddd;
  font-size: 13px;
  vertical-align: top;
}
.btn_caution_s:hover {
  border-color: #888;
}

a.btn_layer_x {
  position: absolute;
  top: 8px;
  right: 8px;
  border-radius: 4px;
  padding: 8px;
}
a.btn_layer_x span.ic {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../images/ic_gnb.png) no-repeat -100px -100px;
  vertical-align: middle;
}
a.btn_layer_x span.txt {
  display: none;
}
a.btn_layer_x:hover {
  background-color: #f0f0f0;
}

.btn_fn1,
.btn_fn2 {
  cursor: pointer;
  display: inline-block;
  padding: 2px;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  line-height: 12px;
}
.btn_fn1:hover,
.btn_fn2:hover {
  border-radius: 2px;
  background: #bebebe;
  color: #fff;
}

.btn_fn3 {
  cursor: pointer;
  display: inline-block;
  padding: 3px 5px 1px;
  color: #fff;
  font-weight: normal;
  font-size: 11px;
  line-height: 12px;
  border-radius: 2px;
  background: #666;
  color: #fff;
}
.btn_fn3:hover {
  background-color: #444;
  color: #fff;
}

.btn_fn3_s {
  cursor: pointer;
  display: inline-block;
  padding: 2px 5px;
  color: #fff;
  font-weight: normal;
  font-size: 11px;
  line-height: 12px;
  border-radius: 2px;
  background: #999;
  color: #fff;
}

.btn_fn3 {
  vertical-align: middle;
}
.btn_fn3 span.txt {
  vertical-align: middle;
}

span.btn_fn3 {
  vertical-align: middle;
}

.btn_fn6 {
  vertical-align: middle;
}
.btn_fn6 span.txt {
  vertical-align: middle;
}

.btn_fn4 {
  cursor: pointer;
  display: inline-block;
  padding: 0 4px;
  font-size: 12px;
  height: 17px;
  line-height: 17px;
  background: #bbb;
}
.btn_fn4 span.txt {
  height: 12px;
}

:root .btn_fn4 span.txt {
  line-height: 1.3 \9 !important;
}

.btn_fn4_b {
  cursor: pointer;
  display: inline-block;
  padding: 4px;
  color: #fff;
  font-size: 12px;
  line-height: 12px;
  background: #bebebe;
  border-radius: 2px;
}
.btn_fn4_b:hover {
  background: #acacac;
}

.btn_fn6 {
  cursor: pointer;
  display: inline-block;
  height: 19px;
  line-height: 17px;
  padding: 0px 4px;
  color: #fff;
  font-size: 12px;
  background: #a9a9a9;
  border-radius: 2px;
}
.btn_fn6:hover {
  background: #999;
}
.btn_fn6 span.txt {
  font-size: 11px !important;
}

.btn_fn7 {
  display: inline-block;
  height: 19px;
  line-height: 18px;
  padding: 0 4px;
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #fff;
  cursor: pointer;
  font-size: 12px;
  white-space: nowrap;
  vertical-align: middle;
}
.btn_fn7:hover {
  background: #f3f3f3;
  border-color: #d9d9d9;
}
.btn_fn7 .txt {
  font-size: 12px;
}

.btn_fn9 {
  background: #f4f4f4;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  color: #656565;
  cursor: pointer;
  display: inline-block;
  line-height: 18px;
  padding: 3px 8px;
}

.btn_fn10 {
  vertical-align: middle;
  letter-spacing: -1px;
  background: #e9e9e9;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  color: #656565;
  cursor: pointer;
  display: inline-block;
  line-height: 18px;
  padding: 4px 8px 2px 8px;
  font-size: 13px;
}

.btn_fn11 {
  display: inline-block;
  padding: 0 4px;
  color: #fff;
  font-weight: normal;
  font-size: 12px;
  height: 22px;
  line-height: 21px;
  background: #999;
  border: 1px solid #999;
  border-radius: 4px;
  cursor: pointer;
}
.btn_fn11:hover {
  background: #777;
  border-color: #777;
}

.btn_fn12 {
  display: inline-block;
  border: 1px solid #c9c9c9;
  border-radius: 3px;
  height: 21px;
  line-height: 15px;
  padding: 0 5px;
  cursor: pointer;
}
.btn_fn12 span.ic_gnb {
  vertical-align: middle;
  margin: 0 3px 0 0;
}
.btn_fn12 span.txt {
  vertical-align: middle;
  font: 12px;
}
.btn_fn12:hover {
  background: #e9e9e9;
  border-color: #cecece;
  opacity: 1;
  box-shadow: 0 0 2px rgba(100, 100, 100, 0.1);
}

.btn_fn13 {
  display: inline-block;
  height: 22px;
  line-height: 22px;
  padding: 0 5px;
  cursor: pointer;
}
.btn_fn13 span.ic_gnb {
  vertical-align: top;
  margin: 4px 3px 0 0 !important;
}
.btn_fn13 span.txt {
  vertical-align: top;
  font-size: 12px;
  letter-spacing: -1px;
  color: #888;
}
.btn_fn13:hover {
  background: #e9e9e9;
  border-color: #cecece;
  opacity: 1;
  box-shadow: 0 0 2px rgba(100, 100, 100, 0.1);
}

.btn_fn14 {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border: 1px solid #ddd;
}

.btn_fn15 {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.btn_fn16 {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border: 1px solid #ddd;
}

.btn_fn7 .ic_share {
  vertical-align: top;
  margin: 2px 2px 0 0;
}

.btn_function {
  position: relative;
  display: block;
  height: 44px;
  font-size: 14px;
  letter-spacing: -1px;
  line-height: 47px;
  padding: 0px;
  text-align: center;
  background: #00a1b9;
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  transition: all 0.2s;
}
.btn_function:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.btn_function .txt {
  position: relative;
  color: #fff;
  font-size: 15px;
}

.btn_minor_s2 {
  cursor: pointer;
  display: inline-block;
  padding: 0 8px;
  height: 30px;
  background: #ddd;
  border: 1px solid #ddd;
  font-size: 13px;
}
.btn_minor_s2 .ic_toolbar {
  vertical-align: top;
  margin: 4px 0 0 0;
}

.btn_ic_plus,
.btn_ic_list_reorder,
.btn_ic_side_setting {
  display: inline-block;
}

.btn_tool {
  float: left;
  display: inline-block;
  height: 30px;
  line-height: 29px;
  padding: 0 8px;
  white-space: nowrap;
  border-radius: 2px;
  font-size: 13px;
}
.btn_tool:hover {
  background: #eee;
}

.btn_submenu {
  position: relative;
  display: inline-flex;
}
.btn_submenu .array_option {
  position: absolute;
  left: 0;
  top: 27px;
}
.btn_submenu .btn_tool span.ic_arrow_down_s {
  display: none;
  margin: 11px 0 0 8px;
}
.btn_submenu .array_type li .sort {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 0 0 8px;
}

.btn_ic_plus:hover,
.btn_ic_list_reorder:hover,
.btn_ic_side_setting:hover {
  background: #eee;
  border-radius: 4px;
}

.btn_ic_plus.small,
.btn_ic_side_setting,
.btn_ic_list_reorder,
.btn_ic_side_setting {
  width: 32px;
  height: 32px;
  cursor: pointer;
}

.btn_ic_plus.small .ic_side.plus.small,
.btn_ic_side_setting .ic_side_setting {
  vertical-align: top;
  margin: 9px 0 0 9px;
}

.btn_side_st {
  display: inline-block;
  cursor: pointer;
  border: 1px solid #ddd;
  padding: 8px;
  font-size: 13px;
}

.btn_major_s {
  display: inline-block;
  cursor: pointer;
  padding: 0 8px;
  color: #fff;
  height: 26px;
  line-height: 26px;
  background: #00a1b9;
  border: 1px solid #00a1b9;
  border-radius: 2px;
  font-size: 13px;
  vertical-align: middle;
}
.btn_major_s span.txt {
  padding: 0 !important;
}

.btn_minor_s {
  display: inline-block;
  cursor: pointer;
  padding: 0 8px;
  height: 24px;
  line-height: 23px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  font-size: 13px;
}
.btn_minor_s:hover {
  border: 1px solid #888;
}
.btn_minor_s span.txt,
.btn_minor_s span.txt_caution {
  padding: 0;
  font-size: 13px;
}
.btn_minor_s.nude {
  border: 0;
}
.btn_minor_s.nude:hover {
  background: none;
}

span.btn_minor_s_selected {
  background-color: #eee;
  border-color: #c0c0c0;
}

.btn_minor_s + .selected span.txt {
  font-weight: bold;
}

span.creat .ic_addlist {
  margin: -2px 4px 0 0;
}

/* common */
.user_link {
  color: #3b73af;
}
.user_link:hover {
  text-decoration: underline;
}

.wrap_alert {
  display: block;
  vertical-align: middle;
}

.alert_box {
  display: inline-block;
  background: #eee;
  padding: 4px 8px;
}
.alert_box .txt {
  font-size: 13px;
}
.alert_box .wrap_btn {
  margin: -4px 0 0 8px;
  padding: 0 !important;
}
.alert_box .ic16:hover {
  background-color: #ddd;
}

.wrap_alert.wrap_details {
  padding: 8px 0 4px;
}
.wrap_alert.wrap_details .alert_box {
  width: 515px;
}

.wrap_details .alert_box {
  border-radius: 4px;
  padding: 9px 16px;
  background: #f3f5f7;
}
.wrap_details .alert_box span.txt {
  font-weight: 700;
  letter-spacing: -0.5px;
  width: calc(100% - 52px);
}
.wrap_details .alert_box span.btn + span.btn {
  margin-left: 12px;
}
.wrap_details .alert_box .alert_details {
  margin-top: 8px;
  border-top: 1px solid #aaa;
  padding: 8px 0;
  color: #888;
  max-height: 120px;
  overflow: auto;
}
.wrap_details .alert_box .alert_details p {
  margin-bottom: 4px;
}
.wrap_details .alert_box .alert_details ul li {
  line-height: 24px;
}

.works_drag {
  padding: 16px;
  color: #fff;
  background: #333;
}
.works_drag .subject {
  display: inline-block;
  margin-left: 5px;
  white-space: nowrap;
  vertical-align: middle;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 130px;
}
.works_drag .ic_works {
  display: none;
}

.dragging {
  display: inline-block;
  padding: 16px;
  cursor: move;
  background: #333;
  color: #fff;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);
  border-radius: 4px;
}

/* table */
.type_normal {
  width: 100%;
  table-layout: auto;
}
.type_normal td {
  padding: 8px 16px;
  line-height: 1.6;
  border-bottom: 0;
  vertical-align: top;
}
.type_normal td .ck {
  vertical-align: middle;
}
.type_normal td.many {
  cursor: default;
}
.type_normal thead th {
  height: 48px;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  text-align: left;
  padding: 0 16px;
  white-space: nowrap;
  font-weight: normal;
  font-size: 14px;
  text-align: left;
  vertical-align: middle;
}
.type_normal th > input[type='checkbox'],
.type_normal td > input[type='checkbox'] {
  margin-top: -4px;
}
.type_normal select {
  padding: 0px;
  vertical-align: top;
}
.type_normal .ic_exclamation {
  margin: 0 2px 0 0;
}
.type_normal .first,
.type_normal .right {
  padding-left: 10px;
}
.type_normal tbody th {
  border-right: 1px solid #ededed;
  font-weight: normal;
}
.type_normal tr.detail_info td {
  text-align: left;
  border-color: #ccdadb;
  box-shadow: inset -1px 1px 3px rgba(33, 33, 33, 0.1);
  background-color: #fcfcfc;
}
.type_normal tr.detail_info td ul {
  margin: 0 10px;
}
.type_normal tr.detail_info td ul li {
  position: relative;
  padding: 9px;
  border-bottom: 1px dashed #ddd;
}
.type_normal tr.detail_info td ul li.last {
  border-bottom: none;
  padding-bottom: 6px;
}
.type_normal tr.detail_info td ul li span.manager {
  display: block;
  margin-left: 44px;
  margin-top: 3px;
  font-weight: bold;
}
.type_normal tr.detail_info td ul li span.name {
  font-weight: bold;
  color: #444;
}
.type_normal tr.detail_info td ul li span.photo {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 32px;
  height: 32px;
}
.type_normal tr.detail_info td ul li span.photo img {
  width: 100%;
  height: 100%;
  border-radius: 3px;
}
.type_normal tr.detail_info td ul li span.name {
  margin-left: 44px;
  line-height: 1.3;
}
.type_normal.comm_join_list tr.detail_info td ul li span.name {
  display: block;
}
.type_normal tr.detail_info td ul li p.talk {
  display: inline-block;
  margin-left: 44px;
  margin-top: 3px;
  max-width: 500px;
  color: #888;
  font-size: 12px;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.type_normal tr.detail_info td ul li p.talk:hover {
  cursor: pointer;
}
.type_normal tr.detail_info td ul li p.info {
  margin-left: 44px;
  color: #666;
  margin-right: 20px;
  line-height: 1.3;
}
.type_normal tr.detail_info td ul li span.date {
  position: absolute;
  right: 20px;
  top: 28px;
}
.type_normal tr.detail_info td ul li.no_line {
  border: 0;
}
.type_normal tr.detail_info td ul li.no_line span.date {
  top: 10px;
}
.type_normal tr.detail_info p.data_null {
  color: #888;
  padding: 10px;
  text-align: left;
}
.type_normal tr.detail_info p.data_null span {
  vertical-align: middle;
}
.type_normal tr.detail_info p.data_null span.txt {
  text-align: left;
  font-size: 12px;
}
.type_normal tr.detail_info p.data_null span.txt:hover {
  color: #888;
}
.type_normal tr.detail_info p.data_null span.ic_no_result {
  margin-right: 5px;
  margin-left: 20px;
}
.type_normal tbody td span.ic_now {
  vertical-align: middle;
}
.type_normal tbody td span.btn_wrap > span {
  margin-right: 2px;
}
.type_normal tbody td ins.ic_folder:hover {
  background-position: -100px -50px;
}
.type_normal thead tr th.first {
  padding-left: 24px !important;
}
.type_normal tbody tr.ui-sortable-helper td:first-child {
  padding-right: 24px;
}
.type_normal.tb_admin_myCalendar tbody tr.ui-sortable-helper td:first-child {
  padding-right: 0;
}
.type_normal thead tr th:first-child,
.type_normal tbody tr td:first-child {
  padding-right: 0;
  padding-left: 16px;
}
.type_normal thead th:first-child.sorting_desc span.selected,
.type_normal thead th:first-child.sorting_asc span.selected {
  left: -10px;
  padding-left: 10px;
}
.type_normal thead th.sorting ins {
  background-position: 0 0;
  cursor: pointer;
  width: 14px;
  height: 14px;
  margin: 0 0 0 8px;
}
.type_normal thead th.sorting:hover span.title_sort ins.ic {
  background-position: 0 -20px;
}
.type_normal thead th.sorting_disabled {
  text-indent: 0;
}

table.type_normal thead th.sorting_disabled span.title_sort {
  text-indent: 0;
}

.type_normal thead th.sorting_disabled ins,
table.type_normal thead th.sorting_disable ins {
  display: none;
}

.type_normal thead th.sorting_desc ins {
  background: url(../images/icon_classic.png) no-repeat -20px 0;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  margin-left: 4px;
}
.type_normal thead th.sorting_asc ins {
  background: url(../images/icon_classic.png) no-repeat -20px -20px;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  margin-left: 4px;
}
.type_normal tbody td span.btn_wrap span.ic_classic {
  vertical-align: top;
}
.type_normal tbody tr:hover {
  background: #f5f6f8;
}

table.type_normal tbody tr.active {
  background: #f5f6f8;
}

.type_normal tbody td span.btn_wrap span.ic_blank {
  width: 12px;
  height: 12px;
  background: url(../images/icx2.png) no-repeat -600px -400px !important;
  vertical-align: middle;
  background-size: 1000px !important;
}
.type_normal tbody tr.tb_option {
  backgrounad: #00a1b9;
}
.type_normal tbody tr:hover td {
  background: #f5f6f8;
}

table.type_normal tbody tr.active td {
  background: #f5f6f8;
}

.type_normal tbody tr:hover td span.title_depart {
  background: #e9f5f6;
}
.type_normal tbody tr.ui-sortable-helper {
  background: #ffffaf url(../images/bg_move.png) no-repeat 4px 10px;
  border: 1px solid #e3dc86;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}

table.type_normal tbody tr.ui-sortable-helper:hover {
  background: #ffffaf url(../images/bg_move.png) no-repeat 4px 10px;
  border: 1px solid #e3dc86;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}

.type_normal tbody tr.ui-sortable-helper.active {
  background: none;
  border: 0;
}
.type_normal tbody tr.ui-sortable-helper > td {
  display: none;
}
.type_normal.tb_admin_myCalendar tbody tr.ui-sortable-helper > td {
  display: table-cell !important;
  padding-top: 8px !important;
}
.type_normal.tb_admin_myCalendar tbody tr.ui-sortable-helper > td.tit {
  width: 100%;
}
.type_normal tbody tr.ui-sortable-helper > td {
  border: 0;
  background: none;
}

table.type_normal tbody tr.ui-sortable-helper:hover > td:first-child {
  border: 0;
  background: none;
}

.type_normal tbody tr.ui-sortable-helper > td:first-child {
  display: block;
  padding-top: 5px;
}
.type_normal tbody tr.ui-sortable-placeholder {
  height: 25px;
  overflow: hidden;
}
.type_normal tbody tr.ui-sortable-placeholder > td {
  background: #ffffaf;
  height: 21px;
  border: 2px dotted #e3dc86;
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  padding: 0;
  line-height: 0;
}
.type_normal.tb_admin_myCalendar tbody tr.ui-sortable-placeholder td.tit {
  width: 100%;
}
.type_normal td .ic_reply {
  margin: 0 0 0 8px;
}
.type_normal td span.txt_form a {
  display: inline-block;
  vertical-align: top;
  margin-top: 2px;
}
.type_normal td span.ic_file_s {
  margin-left: 4px;
}
.type_normal td span:first-child > span.ic_file_s {
  margin-left: 0px;
}
.type_normal td span.btn_wrap {
  line-height: 1;
  vertical-align: middle;
  margin: -1px 0 0 8px;
}
.type_normal td span.btn_wrap span.num {
  margin-left: 0;
}
.type_normal td.first_indent {
  padding-left: 15px;
}
.type_normal td.first_indent span {
  padding-left: 0;
}
.type_normal tr.noti td {
  background: #f4f4f4;
  border-color: #f4f4f4;
}
.type_normal tr.noti td a span.btn_wrap > span.ic_notice {
  margin-left: -4px;
}
.type_normal td.depart_bg:hover {
  background: #e9f5f6 url(../images/bg_dotline.png) repeat-x 0 50%;
  background-color: #e9f5f6;
}

table.type_normal td.depart_bg:hover span.icon_modify,
table.type_normal td.depart_bg:hover span.icon_del {
  background-color: #e9f5f6;
}

.type_normal td.depart_bg {
  background: url(../images/bg_dotline.png) repeat-x 0 50%;
}
.type_normal td.depart_bg span.title_depart {
  background-color: #fff;
  color: #b1b1b1;
  font-weight: bold;
  font-weight: 500;
}
.type_normal tr td span.comm {
  display: inline-block;
  font-weight: bold;
  font-weight: 500;
}
.type_normal tr td span.comm:hover {
  cursor: pointer;
}
.type_normal td.action {
  vertical-align: middle;
}
.type_normal td.list_subject span.txt {
  vertical-align: top;
  margin-top: 2px;
}

/* table : type border */
.type_border {
  width: 100%;
  table-layout: auto;
  position: relative;
  margin: 0 !important;
  padding: 0 !important;
  border-spacing: 0 !important;
  border-collapse: separate !important;
  box-sizing: border-box !important;
  line-height: 1.5em;
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #e5e5e5;
}
.type_border thead th {
  border-top: none;
  border-bottom: 1px solid #d8d8d8;
  border-left: none;
  overflow: hidden;
  text-align: left;
  padding-left: 8px;
  font-size: 13px;
}
.type_border thead th:first-child {
  padding-left: 32px;
}
.type_border th:last-child.action {
  padding-right: 32px;
  text-align: right;
}
.type_border thead th span {
  min-height: 45px;
  line-height: 45px;
  display: inline-block;
  vertical-align: middle;
  font-weight: normal;
}
.type_border td {
  padding: 8px;
  text-align: left;
  line-height: 1.6;
  vertical-align: top;
}
.type_border td:first-child {
  padding-left: 32px;
}
.type_border td:last-child.action {
  padding-right: 32px;
  text-align: right;
}
.type_border td .details {
  display: none;
  background: #f3f5f7;
  padding: 6px 10px 6px;
  border-radius: 4px;
  margin-top: 6px;
}
.type_border td.date.open .details {
  display: block;
}
.type_border td .details .duration {
  font-weight: bold;
  border-bottom: 1px solid #333;
  padding: 4px 0 6px;
}
.type_border td .details .date_list {
  padding: 6px 0;
}
.type_border td .details .date_list li {
  padding: 2px 0;
}

/* type-border table thead */
/* type-border table tbody */
/* inside Table, detail dropdown list */
div.dataTables_length select {
  border: 1px solid #ddd;
  margin-top: 0;
  font-weight: normal;
}
div.dataTables_paginate {
  display: block;
  width: 100%;
  text-align: center;
  padding: 8px 0 0;
  display: block;
  width: 100%;
  text-align: center;
  padding: 24px 0 0;
}
div.dataTables_paginate a {
  display: inline-block;
  padding: 0;
  height: 24px;
  min-width: 24px;
  font-size: 13px;
  line-height: 25px;
  vertical-align: top;
  border: 1px solid #fff;
  border-radius: 4px;
}
div.dataTables_paginate a:hover {
  border-color: #999;
}
div.dataTables_paginate a.paginate_active {
  border-color: #ddd;
}
div.dataTables_paginate a.first,
div.dataTables_paginate a.last,
div.dataTables_paginate a.previous,
div.dataTables_paginate a.next {
  display: inline-block;
  width: 20px;
  height: 21px;
  background: whiteSmoke url(../images/icon_classic.png) no-repeat -40px 0;
  padding: 0;
}
div.dataTables_paginate a.first {
  background-position: -32px -14px;
}
div.dataTables_paginate a.last {
  background-position: -52px -14px;
}
div.dataTables_paginate a.previous {
  background-position: -34px 6px;
}
div.dataTables_paginate a.next {
  background-position: -51px 6px;
}
div.dataTables_paginate a:hover {
  border-color: #ccc;
}
div.dataTables_paginate a.paginate_active {
  color: #333;
  border-color: #333;
}
div.dataTables_paginate a.first,
div.dataTables_paginate a.last,
div.dataTables_paginate a.previous,
div.dataTables_paginate a.next {
  display: inline-block;
  width: 20px;
  height: 21px;
  background: #fff url(../images/icon_classic.png) no-repeat -40px 0;
  padding: 0;
}
div.dataTables_paginate a.first {
  background-position: -32px -14px;
}
div.dataTables_paginate a.last {
  background-position: -52px -14px;
}
div.dataTables_paginate a.previous {
  background-position: -34px 6px;
}
div.dataTables_paginate a.next {
  background-position: -50px 6px;
}
div.dataTables_paginate a.paginate_button_disabled {
  cursor: default;
  opacity: 0.4;
}
div.dataTables_paginate a.paginate_button_disabled:hover {
  border-color: #ddd;
}

/* reply */
.article_reply .reply_wrap .reply_create {
  position: relative;
  margin: 0;
  padding: 8px 0 8px 24px;
  border-top: 1px solid #ddd;
  border: 0;
}
.article_reply .reply_wrap .reply_create div.msg_wrap {
  position: relative;
  margin-left: 40px;
  min-height: 28px !important;
  border: 1px solid #ddd;
  border-radius: 16px;
  padding: 10px 16px;
}
.article_reply .reply_wrap .reply_create div.msg_wrap textarea.edit:focus {
  border: 0 !important;
  box-shadow: none;
}
.article_reply .reply_wrap .reply_create .func .optional .btn_minor_s:hover .txt {
  color: #111;
}
.article_reply .reply_wrap .form_wrap textarea {
  height: 28px !important;
  min-height: 28px !important;
  border: 0;
  padding: 0;
}
.article_reply .reply_wrap .reply_create span.btn_fn7 {
  padding: 0;
  width: 36px;
  height: 26px;
}
.article_reply .reply_wrap .reply_create span.btn_major_s {
  height: 20px;
}
.article_reply .reply_wrap .reply_create .func .optional {
  position: absolute;
  right: 0px;
  bottom: 2px;
}
.article_reply .reply_wrap .reply_create .btn_minor_s {
  background: #fff;
  padding: 2px 16px;
  height: 30px;
  border-radius: 8px;
  border: 1px solid #cfd1d4;
}
.article_reply .reply_wrap .reply_create .btn_minor_s .txt {
  color: #888;
}
.article_reply .reply_wrap .reply_create span.btn_minor_s.on .txt {
  color: #1c1c1c;
}
.article_reply .reply_wrap .reply_create div.edit_reply span.btn_minor_s {
  position: static;
}
.article_reply .reply_wrap .reply_create div.msg_wrap .btn_ic24 {
  padding: 4px;
}
.article_reply .reply_wrap .reply_create div.msg_wrap .btn_ic24:hover .ic24 {
  opacity: 1;
}
.article_reply .reply_wrap .reply_create div.msg_wrap .btn_ic24 .ic24 {
  opacity: 0.6;
}
.article_reply .reply_wrap .reply_create .file_wrap > li .item_file {
  padding: 4px 0;
}
.article_reply .reply_wrap .reply_create .thumb_append {
  margin: 8px 0;
}
.article_reply .reply_wrap .reply_create .func {
  position: relative;
  margin: 0 0 0 -8px;
}

.feed_type .reply_wrap .single_title {
  padding: 16px 0;
  border-color: #eee;
}
.feed_type .reply_wrap .reply_create div.msg_wrap {
  position: relative;
  margin-left: 40px;
  min-height: 28px !important;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 10px 16px;
}
.feed_type .reply_wrap .reply_create .func {
  position: relative;
  margin: 0 0 0 -8px;
}
.feed_type .reply_wrap .reply_create .func .optional {
  position: absolute;
  right: 0px;
  bottom: 2px;
  top: inherit;
}
.feed_type .reply_wrap .reply_create .func .btn_ic24 .ic24 {
  opacity: 0.6;
}
.feed_type .reply_wrap .reply_create .func .btn_ic24:hover .ic24 {
  opacity: 1;
}
.feed_type .reply_wrap .reply_create .btn_minor_s {
  background: #fff;
  padding: 2px 16px;
  border: 0;
}
.feed_type .reply_wrap .reply_create span.btn_minor_s.on {
  background-color: #00a1b9;
}
.feed_type .reply_wrap .reply_create span.btn_minor_s.on .txt {
  color: #fff;
}
.feed_type .reply_wrap .form_wrap textarea {
  height: 28px !important;
  min-height: 28px !important;
  border: 0;
  padding: 0;
}

/* tab */
.aside_wrapper.article_reply .tab_nav {
  padding: 0 24px;
  border-bottom: 1px solid #dfdfdf;
}
.aside_wrapper.article_reply .tab_btn_prev + .swipe .tab_nav {
  padding: 0;
}

.tab_nav {
  display: block;
  height: 41px;
}
.tab_nav:after {
  display: block;
  contents: '';
  clear: left;
}
.tab_nav li {
  float: left;
  margin: 0 0 0 8px;
  padding: 5px 12px;
  cursor: pointer;
  height: 32px;
  font-size: 13px;
  color: #4a4b4c;
  border-radius: 20px;
  border: 1px solid #cfd1d4;
}
.tab_nav li:first-child {
  margin: 0;
}
.tab_nav li:hover {
  color: #000;
}
.tab_nav li.on {
  background: #38393a;
  border: 1px solid #38393a;
  color: #fff;
}
.tab_nav li .ic_classic {
  display: none;
}
.tab_nav.small li {
  margin: 0 0 -1px 0px;
  padding: 0 8px;
  height: 40px;
  line-height: 40px;
}
.tab_nav.small li:first-child {
  margin: 0;
}

/* search */
.combine_search {
  position: relative;
  display: inline-block;
}
.combine_search .mail_search_wrap {
  position: absolute;
  top: 0px;
  left: 0;
}
.combine_search.fold .c_search_wrap .c_search {
  width: 56px;
}
.combine_search .c_search_wrap {
  position: relative;
  background-color: #f5f6f8;
  height: 32px;
  padding-right: 12px;
  border-radius: 6px;
}
.combine_search .c_search_wrap .btn_wrap {
  vertical-align: middle;
  margin-top: -1px;
  margin-left: 8px;
}
.combine_search .c_search_wrap .btn_wrap:first-child {
  margin-left: 0;
}
.combine_search .c_search_wrap input.c_search {
  width: 200px;
  height: 32px;
  border: 0;
  background-color: #f5f6f8;
  transition: width 0.3s ease-in-out;
}
.combine_search .c_search_wrap input.btn_c_search {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  border: 0;
  background: url(../images/ic_gnb.png) no-repeat -480px -661px;
  width: 28px;
  height: 32px;
}
.combine_search .c_search_wrap input.btn_c_search[value] {
  color: #fff;
  text-indent: -10000px;
}
.combine_search .c_search_wrap select.search_op {
  border: 0;
  border-right: 1px solid #ddd;
  line-height: 32px;
  height: 32px;
}
.combine_search .c_search_wrap a.c_btn_detail {
  display: inline-block;
  vertical-align: top;
  margin-top: 8px;
  line-height: 1;
}
.combine_search .c_search_wrap a.c_btn_detail:hover span.txt {
  color: #7d7d7d;
}
.combine_search .c_search_wrap a.c_btn_detail .txt {
  color: #a0a0a0;
  font-size: 11px;
  letter-spacing: -1px;
  vertical-align: top;
  padding-top: 2px;
}
.combine_search .c_search_wrap a.c_btn_detail .ic_cs_detail_arrow {
  vertical-align: top;
  margin: 6px 6px 0 5px;
}

/* 통합검색 검색창 */
div.combine_search_page h1.cs_s_title {
  margin-top: 10px;
  padding: 10px 12px 5px 20px;
  font-weight: bold;
  font-size: 16px;
}
div.combine_search_page .s_result {
  margin: 15px 12px 0 20px;
  position: relative;
}
div.combine_search_page .s_result .name {
  color: #333;
}
div.combine_search_page .s_result .subject {
  vertical-align: top;
  max-width: 85%;
  display: inline-block;
  color: #2eacb3;
  text-decoration: underline;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/* list */
.layer_read_authority .wrap_list {
  overflow-y: auto;
  min-height: 160px;
  max-height: 160px;
}
.layer_read_authority .wrap_list .list > li {
  padding: 8px 0;
}

/* layer */
.layer_welcome {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
}
.layer_welcome .wrap_step {
  position: relative;
  height: 100%;
}
.layer_welcome .step {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.layer_welcome .step_intro {
  display: block;
  background: #000;
  opacity: 0.8;
}
.layer_welcome .step_intro .ment {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -350px;
  width: 700px;
  height: 200px;
  text-align: center;
}
.layer_welcome .step_intro .ment .tit {
  font-size: 50px;
  color: #fff;
  font-weight: normal;
  letter-spacing: -2px;
  margin-bottom: 20px;
}
.layer_welcome .step_intro .ment .btn_major {
  font-size: 16px;
  color: #fff;
  font-weight: normal;
  border-radius: 50px;
  padding: 16px 24px;
}
.layer_welcome .step1 {
  background: url(../images/welcome_step1.png) repeat top left;
}
.layer_welcome .step2 {
  background: url(../images/welcome_step2.png) repeat bottom left;
}
.layer_welcome .step3 {
  background: url(../images/welcome_step3.png) no-repeat top right;
}
.layer_welcome .step1 .ment {
  position: absolute;
  top: 130px;
  left: 120px;
}
.layer_welcome .step1 .ment .tit {
  color: #fff;
  text-align: left;
  font-weight: normal;
  font-size: 24px;
  margin: 0 0 8px 0;
}
.layer_welcome .step1 .ment .info {
  color: #fff;
  text-align: left;
  margin-bottom: 16px;
  opacity: 0.7;
  line-height: 1.6;
}
.layer_welcome .step1 .ment .btn_major {
  border-radius: 40px;
  padding: 14px 24px;
  font-size: 15px;
  font-weight: normal;
}
.layer_welcome .step2 .ment {
  position: absolute;
  bottom: 40px;
  left: 190px;
}
.layer_welcome .step2 .ment .tit {
  color: #fff;
  text-align: left;
  font-weight: normal;
  font-size: 24px;
  margin: 0 0 8px 0;
}
.layer_welcome .step2 .ment .info {
  color: #fff;
  text-align: left;
  margin-bottom: 16px;
  opacity: 0.7;
  line-height: 1.6;
}
.layer_welcome .step2 .ment .btn_major {
  border-radius: 40px;
  padding: 14px 24px;
  font-size: 15px;
  font-weight: normal;
}
.layer_welcome .step3 .ment {
  position: absolute;
  top: 40px;
  right: 190px;
}
.layer_welcome .step3 .ment .tit {
  color: #fff;
  text-align: left;
  font-weight: normal;
  font-size: 24px;
  margin: 0 0 8px 0;
}
.layer_welcome .step3 .ment .info {
  color: #fff;
  text-align: left;
  margin-bottom: 16px;
  opacity: 0.7;
  line-height: 1.6;
}
.layer_welcome .step3 .ment .btn_major {
  border-radius: 40px;
  padding: 14px 24px;
  font-size: 15px;
  font-weight: normal;
}
.layer_welcome .welcome_nav {
  position: absolute;
  bottom: 50px;
  left: 50%;
  margin-left: -130px;
}
.layer_welcome .welcome_nav a {
  display: inline-block;
  color: #fff;
  font-size: 18px;
  vertical-align: middle;
}
.layer_welcome .welcome_nav .welcome_next .ic {
  width: 20px;
  height: 20px;
  background-position: -50px -400px;
  margin: 3px 0 0 8px;
  vertcia-align: middle;
}
.layer_welcome .welcome_nav .welcome_list {
  display: inline-block;
  margin: 0 32px;
}
.layer_welcome .welcome_nav .welcome_list li {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 8px;
  background: #fff;
  margin: 0 8px;
  vertical-align: middle;
  opacity: 0.2;
}
.layer_welcome .welcome_nav .welcome_list li.on {
  opacity: 1;
}

/* layer_card_profile_type_1*/
div.layer_card {
  position: absolute;
  width: 220px;
  padding: 12px;
  border: 2px solid #c1c9d2;
  border-radius: 10px;
  background: #fff;
}
div.layer_card .content {
  width: 100%;
}
div.layer_card header {
  position: relative;
}
div.layer_card .member_wrap {
  margin: 10px 0 0 10px;
}
div.layer_card .member_wrap .info span.name {
  display: block;
  font-size: 16px;
  font-weight: bold;
}
div.layer_card .member_wrap .info_meta {
  margin-top: 5px;
  text-align: left;
  border-left: 3px solid #909299;
}
div.layer_card .member_wrap .info_meta span {
  display: block;
  font-family: tahoma;
  font-size: 12px;
  padding-left: 5px;
  line-height: 1.5;
  font-size: 11px;
  color: #464646;
}
div.layer_card ul.menber_menu {
  margin: 12px 8px 5px;
}
div.layer_card ul.menber_menu li {
  display: block;
  height: 35px;
  line-height: 35px;
  margin-top: 2px;
  padding: 0 0 0 7px;
  border-radius: 5px;
  border: 1px solid #bbb;
}
div.layer_card ul.menber_menu li a {
  padding: 0 8px;
}
div.layer_card ul.menber_menu li.mail a span.ic {
  background-position: 0 0;
}
div.layer_card ul.menber_menu li a span.ic {
  display: inline-block;
  width: 28px;
  height: 25px;
  background: url(../images/ic_card.png) no-repeat 0 0;
  display: none;
}
div.layer_confim {
  zoom: 1;
  position: absolute;
  width: 400px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  border: 1px solid #eee;
}
div.layer_confim header {
  position: relative;
}
div.layer_confim div.content {
  padding: 24px;
  min-height: 30px;
}
div.layer_confim p.q {
  margin: 0 0 8px 0;
  font-size: 18px;
  font-weight: bold;
  font-weight: 500;
}
div.layer_confim p.noti {
  margin: 0 0 5px 0;
  font-size: 12px;
  font-weight: normal;
}
div.layer_confim footer.btn_layer_wrap {
  padding: 16px 24px 24px;
  text-align: right;
}
div.layer_confim footer.btn_layer_wrap a:first-child {
  margin-left: 0;
}

/*layer_confirm  :component style*/
.layer_confim .btn_layer_wrap a {
  margin: 0 0 0 4px;
}

div.layer_confim textarea {
  height: 200px;
}
div.layer_confim div.content span.ic_error_page {
  margin-left: 180px;
}

.simple_info {
  overflow: hidden;
  position: relative;
  margin-right: 25px;
}
.simple_info > li {
  display: block;
  margin-right: 15px;
  min-height: 22px;
  line-height: 1.5;
  padding-top: 1px;
  background: url(../images/bullet_gray_square.png) no-repeat -1px 10px;
  padding: 2px 0 4px 10px;
}
.simple_info li .btn_fn7 {
  margin: 0 0 0 8px;
}
.simple_info li span.date {
  position: absolute;
  right: 0;
  top: 2px;
}
.simple_info li:last-child {
  line-height: 1.5;
}
.simple_info li a:hover {
  text-decoration: underline;
}
.simple_info span.txt {
  vertical-align: baseline;
  letter-spacing: 0;
}
.simple_info span.data {
  display: inline-block;
  padding-left: 5px;
  font:
    bold 12px arial,
    verdana,
    dotum;
  color: #333;
}
.simple_info strong {
  font-weight: normal;
}

.detail_info {
  border-top: 1px solid #eee;
  padding: 8px 0 0 0;
  margin: 8px 0 0 0;
}
.detail_info li strong {
  font-weight: normal;
}

.ic_info .layer_tail {
  top: 0;
  left: 0;
  right: 0;
}

/* go_skin_advanced */
.go_skin_advanced .type_normal td {
  border-bottom: 0;
}

/*tool_bar_button_remarkable*/
.btn_tool:first-child .ic_toolbar.approval + .txt {
  font-weight: bold;
  font-weight: 500;
}
.btn_major_s.write .ic_toolbar.write {
  margin-top: -2px;
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(35deg) brightness(111%)
    contrast(100%);
}
#serise_report_list_wrapper .btn_major_s.write .ic_toolbar.write {
  filter: none;
}

.btn_major_s .ic_toolbar.write + .txt {
  font-weight: bold;
  font-weight: 500;
}

/* .btn_tool .ic_toolbar.approval+.txt::after {content: ''; margin: 0 0 0 16px; border-right: 1px solid #ddd;} */
/* .btn_tool:first-child .txt {font-weight:bold; font-weight: 500; color: #000;} */
.go_skin_advanced #site-viewer {
  margin-top: 70px;
}

.card_item .form .form_tr .form_th {
  width: 60px;
  padding: 2px 0;
  font-size: 13px;
  color: #888;
}
.card_item .form .form_tr .form_td {
  padding: 2px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-size: 13px;
  color: #888;
}
.card_item .card_opt {
  padding: 4px 0 0 0;
}
.card_item .card_opt .ic_file_s {
  background: url(../images/icon_classic.png) no-repeat 0 0;
  width: 14px;
  height: 14px;
  background-position: -80px -120px;
}

.wrap_ic + .space {
  width: 4px;
}

.card_flex {
  display: table !important;
  table-layout: fixed;
}
.card_flex .card_item {
  display: table-cell;
  width: auto;
  float: none;
}
.card_flex .card_item .card_wrapper {
  margin: 0 16px 0 0;
}
.card_flex .card_item:last-child .card_wrapper {
  margin: 0 0 0 0;
}
.card_flex .approval_home_card {
  width: 25%;
  margin: 0 0 0 0;
}
.card_flex .approval_home_card .card_wrapper .t_card {
  white-space: normal;
  height: 28px;
  max-width: 80% !important;
}
.card_flex .approval_home_card .card_wrapper .t_card + .pop_card {
  vertical-align: top;
  margin: 8px 0 0 -2px;
}
.card_flex .card_item .card_wrapper {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
}
.card_flex .dataTables_paginate {
  padding-top: 16px;
}

/* component */
/* mail_attachment */
.dd_attach table.mail_write .option_wrap {
  margin: 0 10px 0 8px;
}
.dd_attach table.mail_write span.priority {
  margin-left: 33px;
}
.dd_attach table.form_type p.desc {
  color: #afafaf !important;
  font-weight: normal;
  letter-spacing: -1px;
}
.dd_attach table.form_type p.desc span,
.dd_attach table.form_type p.desc strong {
  color: #afafaf !important;
  font-weight: normal;
  letter-spacing: -1px;
}

.ic_attach {
  display: inline-block;
  background: url(../images/ic_attach.png) no-repeat 0 0;
}
.ic_attach.ic_gear {
  width: 14px;
  height: 14px;
  background-position: 0 0;
}
.ic_attach.ic_del {
  width: 11px;
  height: 11px;
  background-position: -100px 0;
}

.dd_attach {
  position: relative;
  overflow-y: auto;
  padding: 8px 0;
  border: 2px dashed #ddd;
  border-radius: 6px;
  box-sizing: border-box;
  max-height: 300px;
  font-size: 13px;
}
.dd_attach span.ic_upload {
  width: 18px;
  height: 18px;
  background-position: -50px 0;
  margin: 0 5px 0 0;
  vertical-align: middle;
}
.dd_attach span.ic_download {
  width: 12px;
  height: 17px;
  background-position: -150px 0;
}
.dd_attach span.ic_setting:hover {
  background-position: 0 0;
}
.dd_attach span.ic_upload:hover {
  background-position: -50px 0;
}
.dd_attach span.ic_download:hover {
  background-position: -150px 0;
}
.dd_attach .btn_area {
  margin: 0 0 0 20px;
}
.dd_attach table.mail_write .tool_bar {
  border-bottom: 0;
}
.dd_attach .tool_bar .btn_minor_s {
  border-radius: 0;
  background: #fff;
  border: 1px solid #cbcbcb;
}
.dd_attach .tool_bar .btn_minor_s:hover {
  border-radius: 0;
  background: #f5f5f5;
  border: 1px solid #cbcbcb;
}
.dd_attach .tool_bar .btn_minor_s .txt {
  font-weight: normal;
  color: #6c6c6c;
}
.dd_attach .drag_txt {
  display: none;
  position: absolute;
  margin: -14px 0 0 -100px;
  font-size: 17px;
  top: 50%;
  left: 50%;
  font-weight: 600;
  color: #00a1b9;
}
.dd_attach .area_txt {
  padding: 8px 0;
  text-align: center;
}
.dd_attach .area_txt .msg {
  display: inline-block;
  color: #999;
  letter-spacing: -1px;
  font-size: 13px;
}
.dd_attach .area_txt .msg .btn_file {
  position: relative;
  display: inline-block;
  width: 48px;
  cursor: pointer;
  text-align: left;
  overflow: hidden;
  vertical-align: middle;
  margin: -4px 0 0 2px;
}
.dd_attach .area_txt .msg .size {
  margin: 0;
}
.dd_attach .area_txt .msg .btn_file:hover .txt {
  text-decoration: underline;
}
.dd_attach .attach_list .wrap_file {
  display: table;
  table-layout: fixed;
  box-sizing: border-box;
  width: 100%;
  height: 25px;
}
.dd_attach .attach_list .wrap_file:hover {
  background: #f5f5f5;
}
.dd_attach .attach_list .wrap_file .file {
  display: block;
  padding: 0 10px;
  width: 100%;
  box-sizing: border-box;
}
.dd_attach .attach_list .wrap_file .file .attach_opt {
  display: inline-block;
  vertical-align: middle;
  margin: 2px 0 0 8px;
}
.dd_attach .attach_list .wrap_file .info {
  display: table-cell;
  width: 340px;
}
.dd_attach .attach_list .wrap_file .info .status {
  display: inline-block;
  width: 40px;
  text-align: center;
  color: #999;
  font-size: 12px;
  margin: 0 0 0 0;
  height: 18px;
}
.dd_attach .attach_list .wrap_file .info .status span {
  margin-top: 1px;
  vertical-align: top;
}
.dd_attach .attach_list .wrap_file .info .status .rate {
  color: #25cad6;
}
.dd_attach .attach_list .wrap_file .info .etc {
  display: inline-block;
  width: 140px;
  text-align: center;
  color: #999;
  font-size: 12px;
  height: 20px;
}
.dd_attach .attach_list .wrap_file .info .etc .txt {
  padding: 0;
}
.dd_attach .attach_list .wrap_file .info .kind {
  display: inline-block;
  width: 75px;
  text-align: center;
  color: #999;
  font-size: 12px;
  margin: -2px 0 0 0;
}
.dd_attach .attach_list .wrap_file .info .kind .txt {
  display: inline-block;
  padding: 0;
  letter-spacing: -1px;
  height: 16px;
}
.dd_attach .attach_list .wrap_file .info .kind .state {
  font-size: 12px;
  letter-spacing: 0;
  vertical-align: middle;
  padding: 3px 3px !important;
}
.dd_attach .attach_list .wrap_file .info .size {
  display: inline-block;
  width: 55px;
  text-align: right;
  line-height: 15px;
  height: 16px;
  margin: -2px 0 0 0;
}
.dd_attach .attach_list .wrap_file .info > span {
  vertical-align: middle;
}
.dd_attach .wrap_file .gage {
  height: 5px;
  border: 0;
  top: 0;
  left: 0;
}
.dd_attach .wrap_file .gage_wrap {
  margin: 2px 0;
  width: 100px;
  height: 5px;
  background: #e8e8e8;
  border: 0;
}
.dd_attach .wrap_file .btn_fn4 {
  padding: 0px 4px;
  margin-right: 4px;
  background: #fff;
  border: 1px solid #d9d9d9;
}

.mail_write .dd_attach .attach_list .wrap_file .file {
  display: table-cell;
}

.mail_write .area_txt .msg .btn_file {
  width: auto !important;
  /*4.0*/
}

.drag_file {
  border-color: #fff;
  outline: 1px dashed #00a1b9;
}
.drag_file .area_txt,
.drag_file .dd_attach_list,
.drag_file .attach_list,
.drag_file .progress,
.drag_file .img_wrap,
.drag_file .file_wrap {
  opacity: 0.2;
}

.feed_write_b .drag_txt {
  display: none;
  position: absolute;
  margin: -14px 0 0 -100px;
  font-size: 17px;
  top: 50%;
  left: 50%;
  color: #00a1b9;
}

::-webkit-file-upload-button {
  cursor: pointer;
}

.drag_file .action_wrap,
.drag_file textarea,
.drag_file .dd_attach {
  opacity: 0.2;
}
.drag_file .drag_txt {
  display: block !important;
}

.dd_attach .area_txt .msg .btn_file .txt {
  display: inline-block;
  color: #666;
  cursor: pointer;
  text-decoration: underline;
}
.dd_attach .area_txt .msg a:hover {
  text-decoration: underline;
}
.dd_attach .area_txt .msg .btn_file input[type='file'] {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}
.dd_attach .attach_list li > img {
  display: inline-block;
  position: absolute;
  top: 15px;
  left: 10px;
}
.dd_attach .wrap_file .btn_fn4 {
  padding: 2px 4px;
  margin-right: 4px;
  background: #fff;
  border: 1px solid #d9d9d9;
}
.dd_attach .wrap_file .btn_fn4 span.txt {
  margin-left: 0;
  letter-spacing: -1px;
  height: 11px;
  line-height: 1;
  font-size: 11px;
  color: #999 !important;
}
.dd_attach .attach_list .wrap_file .name {
  cursor: default;
}
.dd_attach .attach_list .wrap_file .size {
  color: #999;
  margin-left: 3px;
  vertical-align: middle;
  font-size: 14px;
  margin-top: 3px;
  display: inline-block;
}
.dd_attach .file_wrap,
.dd_attach .img_wrap {
  margin: 0 16px;
}
.dd_attach .progress {
  padding: 5px 16px;
}
.dd_attach .progress > img {
  display: inline-block;
  width: 100px !important;
  height: 8px !important;
  vertical-align: middle;
  padding: 0;
  margin: -3px 4px 0 4px;
}
.dd_attach .progress > img + span {
  font-size: 12px;
}
.dd_attach.attached .area_txt {
  padding-bottom: 16px;
}
.dd_attach.attached .ic_upload {
  display: none;
}
.dd_attach.attached .area_txt .msg {
  opacity: 0.7;
}

.btn_ic_list_reorder .ic_list_reorder {
  margin-top: -8px;
  margin-left: 8px;
}

.go_dashboard_ctrl .btn_ic_list_reorder {
  vertical-align: middle;
  margin-top: -4px;
}

.banner_lnb {
  display: block;
  position: relative;
  text-align: center;
  margin: 16px 0 0 0;
}
.banner_lnb img {
  display: inline-block;
  width: 202px;
}
.banner_lnb.banner_lnb_personal .map1 {
  display: inline-block;
  width: 160px;
  height: 60px;
  position: absolute;
  top: 110px;
  left: 44px;
}
.banner_lnb.banner_lnb_personal .map2 {
  display: inline-block;
  width: 160px;
  height: 60px;
  position: absolute;
  top: 182px;
  left: 44px;
}

.layer_emoticon {
  position: absolute;
  left: 0;
  bottom: 24px;
  width: 418px !important;
  height: 331px;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.layer_emoticon .container {
  position: relative;
  padding-bottom: 0;
  padding: 10px;
}
.layer_emoticon .container .tail {
  bottom: none;
}
.layer_emoticon .container > .wrap_list_emoticon {
  position: absolute;
  top: 45px;
  left: 8px;
  width: 410px;
  height: 270px;
  overflow-y: auto;
  padding: 8px 0 8px 0;
}
.layer_emoticon .container .nav_emoticon {
  position: absolute;
  top: 0;
  overflow: hidden;
  height: 44px;
  padding: 0 30px;
  margin: 0 -10px;
  border-bottom: 1px solid #e7e6e6;
}
.layer_emoticon .container .nav_emoticon .line {
  margin: 16px 0;
}
.layer_emoticon .container .nav_emoticon .btn_arrow {
  position: absolute;
  top: 0px;
  height: 44px;
  padding: 0 10px;
}
.layer_emoticon .container .nav_emoticon .btn_arrow:hover {
  background: #ebebeb;
  opacity: 1 !important;
}
.layer_emoticon .container .nav_emoticon .btn_arrow:first-child {
  left: 0;
}
.layer_emoticon .container .nav_emoticon .btn_arrow:last-child {
  right: 0;
}
.layer_emoticon .container .nav_emoticon .wrap_list_emoticon {
  overflow: hidden;
  height: 44px;
  width: 358px;
  margin: 0;
}
.layer_emoticon .container .nav_emoticon .wrap_list_emoticon .list_emoticon {
  position: relative;
  top: 0;
  left: 0;
  height: 44px;
}
.layer_emoticon .container .nav_emoticon .wrap_list_emoticon .list_emoticon li {
  padding: 0;
  border: 0;
  margin-left: 1px;
}
.layer_emoticon .container .nav_emoticon .wrap_list_emoticon .list_emoticon li button:hover {
  background-color: #eee;
}
.layer_emoticon .container .nav_emoticon .wrap_list_emoticon .list_emoticon li .btn_emoticon {
  padding: 8px;
  border: 0;
  border-radius: 0;
}
.layer_emoticon .container .nav_emoticon .wrap_list_emoticon .list_emoticon li .btn_emoticon.on .emoticon {
  -webkit-filter: grayscale(0%);
  opacity: 1;
}
.layer_emoticon .container .nav_emoticon .wrap_list_emoticon .list_emoticon li .btn_emoticon:hover {
  border: 0;
}
.layer_emoticon .container .nav_emoticon .wrap_list_emoticon .list_emoticon li .btn_emoticon .emoticon {
  width: 34px;
  height: 28px;
  -webkit-filter: grayscale(100%);
  opacity: 0.5;
}

.list_emoticon li {
  display: inline-block;
  float: left;
}
.list_emoticon li > button {
  display: block;
  padding: 8px;
  border: 1px solid #fff;
  border-radius: 8px;
}
.list_emoticon li > button:hover {
  background-color: #eee;
}
.list_emoticon li > button img {
  width: auto;
  height: 96px;
}

.emoticon {
  display: inline-block;
}

.thumb_append {
  display: inline-block;
  position: relative;
}
.thumb_append .emoticon {
  display: inline-block;
  width: auto;
  height: 96px;
}
.thumb_append .ic_del_circle {
  position: absolute;
  top: 0;
  right: -7px;
}

.txt_a {
  color: #0065ff;
}
.txt_a:hover {
  text-decoration: underline;
}

.content_page .layer_band {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.layer_band {
  display: block;
  background: #ffedec;
  height: 48px;
  border-radius: 8px;
}
.layer_band:after {
  display: block;
  content: '';
  float: clear;
}
.layer_band .ment {
  float: left;
  display: block;
  margin: 16px 0 0 24px;
}
.layer_band .optional {
  position: absolute;
  top: 6px;
  right: 24px;
}
.layer_band .btn_major {
  background: #fc594d;
  border: 0;
  font-size: 12px;
  padding: 8px 10px;
  border-radius: 4px;
}
.layer_band .btn_major:hover {
  background: #fc594d;
}
.layer_band .btn_minor {
  background: #ffedec;
  border: 0;
}
.layer_band .btn_minor:hover {
  background: #ffedec;
}

div.layer_confim p.q {
  font-size: 24px;
  border-radius: 8px;
}
div.layer_confim p.q strong.posi {
  font-size: 24px;
}

.layer_storage_add .storage_create {
  margin: 24px 0 0 0;
}
.layer_storage_add .storage_create textarea {
  height: 100px;
  padding: 16px;
}
.layer_storage_add .storage_create .box {
  padding: 16px;
}

div.layer_confim {
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.16);
}

.layer_storage_add section.personal_data {
  margin: 32px 0 0 0;
}
.layer_storage_add .box {
  border: 0;
  background-color: #eee;
}

.ic_app_calendar {
  width: 41px;
  height: 37px;
  background-position: 0 -50px;
}

.ic_app_address {
  width: 41px;
  height: 37px;
  background-position: 0 -100px;
}

.ic_app_community {
  width: 45px !important;
  height: 37px;
  background-position: 0 -150px;
}

.ic_app_mail {
  width: 41px;
  height: 37px;
  background-position: 0 -200px;
}

.ic_app_file {
  width: 41px;
  height: 37px;
  background-position: 0 -250px;
}

.ic_app_join {
  width: 41px;
  height: 37px;
  background-position: 0 -300px;
}

.ic_app_report {
  width: 41px;
  height: 37px;
  background-position: 0 -350px;
}

.ic_app_task {
  width: 41px;
  height: 37px;
  background-position: 0 -400px;
}

.ic_app_appr {
  width: 41px;
  height: 37px;
  background-position: 0 -450px;
}

.ic_app_survey {
  width: 41px;
  height: 37px;
  background-position: 0 -500px;
}

.ic_app_works {
  width: 41px;
  height: 37px;
  background-position: 0 -550px;
}

.ic_side.ic_list_del {
  background-position: -100px -400px;
  width: 14px;
  height: 14px;
}

.ic_app_sms {
  width: 41px;
  height: 37px;
  background-position: 0 -600px;
}

.ic_app_docs {
  width: 41px;
  height: 37px;
  background-position: 0 -400px;
}

.ic_app_setting {
  width: 16px;
  height: 16px;
  background-position: 0px 0px;
}

.ic_user {
  width: 16px;
  height: 16px;
  background-position: -50px -100px;
}

.ic_folder {
  width: 16px;
  height: 16px;
  background-position: -100px -50px;
}
.ic_folder:hover {
  background-position: -150px -50px;
}

.ic_folder_sys {
  width: 16px;
  height: 16px;
  background-position: -100px 0px;
}
.ic_folder_sys:hover {
  background-position: -150px 0px;
}

.ic_folder_tag {
  width: 16px;
  height: 16px;
  background-position: -100px -100px;
}
.ic_folder_tag:hover {
  background-position: -150px -100px;
}

.ic_show_down {
  width: 19px;
  height: 19px;
  background-position: -100px -148px;
}
.ic_show_down:hover {
  background-position: -200px -148px;
}

.ic_list_del:hover {
  background-position: -150px -400px;
}

.ic_list_edit {
  width: 16px;
  height: 16px;
  background-position: -100px -450px;
}
.ic_list_edit:hover {
  background-position: -150px -450px;
}

.ic_more_option {
  width: 16px;
  height: 16px;
  background-position: -100px -500px;
}
.ic_more_option:hover {
  background-position: -150px -500px;
}

.ic_done {
  width: 19px;
  height: 19px;
  background-position: -100px -550px;
  cursor: pointer;
}
.ic_done:hover {
  background-position: -150px -550px;
}

.ic_edit {
  width: 16px;
  height: 16px;
  background-position: -100px -450px;
  cursor: pointer;
}
.ic_edit:hover {
  background-position: -150px -450px;
}

.ic_basket_bx {
  width: 16px;
  height: 16px;
  background-position: -100px -600px;
  cursor: pointer;
}
.ic_basket_bx:hover {
  background-position: -150px -600px;
}

.ic_preview {
  width: 19px;
  height: 19px;
  background-position: -200px -550px;
  cursor: pointer;
}
.ic_preview:hover {
  background-position: -200px -600px;
}

.ic_cancel {
  width: 19px;
  height: 19px;
  background-position: -100px -650px;
  cursor: pointer;
}
.ic_cancel:hover {
  background-position: -150px -650px;
}

.ic_list_reorder {
  width: 19px;
  height: 19px;
  background-position: -100px -450px;
}
.ic_list_reorder:hover {
  background-position: -100px -450px;
}

.ic_list_trash {
  width: 16px;
  height: 18px;
  background-position: -100px -750px;
}
.ic_list_trash:hover {
  background-position: -150px -750px;
}

.ic_private {
  width: 13px;
  height: 19px;
  background-position: -103px -1851px;
}

.ic_copy {
  width: 19px;
  height: 19px;
  background-position: -100px -2000px;
  cursor: pointer;
}
.ic_copy:hover {
  background-position: -150px -2000px;
}

.ic_setting {
  display: inline-block;
  width: 19px;
  height: 19px;
  background: url(../images/ic_side.png) no-repeat -100px -250px;
  cursor: pointer;
}

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

.wrap_member .ic_member {
  width: 22px;
  height: 17px;
  background-position: -140px -100px !important;
}

.wrap_reply .ic_reply2 {
  width: 18px;
  height: 16px;
  background-position: -180px -100px !important;
}

/* button */
.btn_more {
  position: relative;
}
.btn_more .array_option {
  position: absolute;
  top: 40px;
  right: 0;
}

.btn_ic16 {
  display: inline-block;
  padding: 8px;
  border-radius: 4px;
  vertical-align: middle;
}
.btn_ic16:hover {
  background-color: #eee;
  cursor: pointer;
  vertical-align: middle;
}
.btn_ic16 .ic_side {
  margin: -1px 0 0 4px;
}

.btn_ic24 {
  display: inline-block;
  padding: 8px;
  border-radius: 4px;
}
.btn_ic24:hover {
  background-color: #eee;
  cursor: pointer;
}

.btn_txt_s {
  display: inline-block;
  font-size: 12px;
  color: #999;
}
.btn_txt_s:hover {
  text-decoration: underline;
}

.btn_caution_s {
  display: inline-block;
  cursor: pointer;
  padding: 0px 16px;
  height: 32px;
  line-height: 32px;
  border-radius: 4px;
  border: 1px solid #ddd;
  font-size: 13px;
  vertical-align: top;
}
.btn_caution_s:hover {
  border-color: #888;
}

a.btn_layer_x {
  position: absolute;
  top: 8px;
  right: 8px;
  border-radius: 4px;
  padding: 8px;
}
a.btn_layer_x span.ic {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../images/ic_gnb.png) no-repeat -100px -100px;
  vertical-align: middle;
}
a.btn_layer_x span.txt {
  display: none;
}
a.btn_layer_x:hover {
  background-color: #f0f0f0;
}

span.btn_wrap,
a.btn_wrap {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}

span.btn_wrap.creat,
span.btn_wrap.btn_creat {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.list_action span.btn_wrap,
.list_action a.btn_wrap {
  display: block;
}

.btn_fn1,
.btn_fn2 {
  cursor: pointer;
  display: inline-block;
  padding: 2px;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  line-height: 12px;
}
.btn_fn1:hover,
.btn_fn2:hover {
  border-radius: 2px;
  background: #bebebe;
  color: #fff;
}

.btn_fn3 {
  cursor: pointer;
  display: inline-block;
  padding: 3px 5px 1px;
  color: #fff;
  font-weight: normal;
  font-size: 11px;
  line-height: 12px;
  border-radius: 2px;
  background: #666;
  color: #fff;
}
.btn_fn3:hover {
  background-color: #444;
  color: #fff;
}

.btn_fn3_s {
  cursor: pointer;
  display: inline-block;
  padding: 2px 5px;
  color: #fff;
  font-weight: normal;
  font-size: 11px;
  line-height: 12px;
  border-radius: 2px;
  background: #999;
  color: #fff;
}

.btn_fn3 {
  vertical-align: middle;
}
.btn_fn3 span.txt {
  vertical-align: middle;
}

span.btn_fn3 {
  vertical-align: middle;
}

.btn_fn6 {
  vertical-align: middle;
}
.btn_fn6 span.txt {
  vertical-align: middle;
}

.btn_fn4 {
  cursor: pointer;
  display: inline-block;
  padding: 0 4px;
  font-size: 12px;
  height: 20px;
  line-height: 17px;
  background: #bbb;
}
.btn_fn4 span.txt {
  height: 12px;
  font-size: 12px;
}

:root .btn_fn4 span.txt {
  line-height: 1.3 \9 !important;
}

.btn_fn4_b {
  cursor: pointer;
  display: inline-block;
  padding: 4px;
  color: #fff;
  font-size: 12px;
  line-height: 12px;
  background: #bebebe;
  border-radius: 2px;
}
.btn_fn4_b:hover {
  background: #acacac;
}

.btn_fn6 {
  cursor: pointer;
  display: inline-block;
  height: 19px;
  line-height: 17px;
  padding: 0px 4px;
  color: #fff;
  font-size: 12px;
  background: #a9a9a9;
  border-radius: 2px;
}
.btn_fn6:hover {
  background: #999;
}
.btn_fn6 span.txt {
  font-size: 11px !important;
}

.btn_fn7 {
  display: inline-block;
  height: 22px;
  line-height: 20px;
  padding: 0 4px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
  font-size: 13px;
  white-space: nowrap;
  vertical-align: middle;
}
.btn_fn7:hover {
  background: #f3f3f3;
  border-color: #d9d9d9;
}

.btn_fn9 {
  background: #f4f4f4;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  color: #656565;
  cursor: pointer;
  display: inline-block;
  line-height: 18px;
  padding: 3px 8px;
}

.btn_fn10 {
  vertical-align: middle;
  letter-spacing: -1px;
  background: #e9e9e9;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  color: #656565;
  cursor: pointer;
  display: inline-block;
  line-height: 18px;
  padding: 4px 8px 2px 8px;
  font-size: 13px;
}

.btn_fn11 {
  display: inline-block;
  padding: 0 4px;
  color: #fff;
  font-weight: normal;
  font-size: 12px;
  height: 22px;
  line-height: 21px;
  background: #999;
  border: 1px solid #999;
  border-radius: 4px;
  cursor: pointer;
}
.btn_fn11:hover {
  background: #777;
  border-color: #777;
}

.btn_fn12 {
  display: inline-block;
  border: 1px solid #c9c9c9;
  border-radius: 3px;
  height: 21px;
  line-height: 15px;
  padding: 0 5px;
  cursor: pointer;
}
.btn_fn12 span.ic_gnb {
  vertical-align: middle;
  margin: 0 3px 0 0;
}
.btn_fn12 span.txt {
  vertical-align: middle;
  font: 12px;
}
.btn_fn12:hover {
  background: #e9e9e9;
  border-color: #cecece;
  opacity: 1;
  box-shadow: 0 0 2px rgba(100, 100, 100, 0.1);
}

.btn_fn13 {
  display: inline-block;
  height: 22px;
  line-height: 22px;
  padding: 0 5px;
  cursor: pointer;
}
.btn_fn13 span.ic_gnb {
  vertical-align: top;
  margin: 4px 3px 0 0 !important;
}
.btn_fn13 span.txt {
  vertical-align: top;
  font-size: 12px;
  letter-spacing: -1px;
  color: #888;
}
.btn_fn13:hover {
  background: #e9e9e9;
  border-color: #cecece;
  opacity: 1;
  box-shadow: 0 0 2px rgba(100, 100, 100, 0.1);
}

.btn_fn14 {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border: 1px solid #ddd;
}

.btn_fn15 {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.btn_fn16 {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border: 1px solid #ddd;
}

.btn_fn7 .ic_share {
  vertical-align: top;
  margin: 2px 2px 0 0;
}

.btn_function {
  position: relative;
  display: block;
  height: 44px;
  font-size: 14px;
  letter-spacing: -1px;
  line-height: 47px;
  padding: 0px;
  text-align: center;
  background: #00a1b9;
  border-radius: 16px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  transition: all 0.2s;
}
.btn_function:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.btn_function .txt {
  position: relative;
  color: #fff;
  font-size: 15px;
}

.btn_minor_s2 {
  cursor: pointer;
  display: inline-block;
  padding: 0 8px;
  height: 30px;
  background: #ddd;
  border: 1px solid #ddd;
  font-size: 13px;
}
.btn_minor_s2 .ic_toolbar {
  vertical-align: top;
  margin: 4px 0 0 0;
}

.btn_ic_plus,
.btn_ic_list_reorder,
.btn_ic_side_setting {
  display: inline-block;
}

.btn_tool {
  float: left;
  display: inline-block;
  height: 32px;
  line-height: 29px;
  padding: 0 8px;
  white-space: nowrap;
  border-radius: 4px;
  font-size: 13px;
}
.btn_tool:hover {
  background: #eee;
}

.btn_func_more {
  display: inline-flex;
  height: 32px;
  line-height: 25px;
  padding: 0 4px;
  cursor: pointer;
  border-radius: 4px;
}
.btn_func_more:hover {
  background: #e9e9e9;
  border-color: #cecece;
}

.btn_submenu {
  position: relative;
  display: inline-flex;
}
.btn_submenu .array_option {
  position: absolute;
  left: 0;
  top: 27px;
}
.btn_submenu .btn_func_more {
  align-items: center;
  margin: 0 0 0 -1px;
  box-sizing: border-box;
}
.btn_submenu .btn_tool span.ic_arrow_down_s {
  display: none;
  margin: 11px 0 0 8px;
}
.btn_submenu .array_type li .sort {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 0 0 8px;
}

.btn_ic_plus:hover,
.btn_ic_list_reorder:hover,
.btn_ic_side_setting:hover {
  background: #eee;
  border-radius: 4px;
}

.btn_ic_plus.small,
.btn_ic_side_setting,
.btn_ic_list_reorder,
.btn_ic_side_setting {
  width: 32px;
  height: 32px;
  cursor: pointer;
}

.btn_ic_plus.small .ic_side.plus.small,
.btn_ic_side_setting .ic_side_setting {
  vertical-align: top;
  margin: 9px 0 0 9px;
}

.btn_side_st {
  display: inline-block;
  cursor: pointer;
  border: 1px solid #ddd;
  padding: 8px;
  font-size: 13px;
}

.btn_major_s {
  display: inline-block;
  cursor: pointer;
  padding: 0 8px;
  color: #fff;
  height: 26px;
  line-height: 26px;
  background: #00a1b9;
  border: 1px solid #00a1b9;
  border-radius: 2px;
  font-size: 13px;
  vertical-align: middle;
}
.btn_major_s span.txt {
  padding: 0 !important;
}

.btn_minor_s {
  display: inline-block;
  cursor: pointer;
  padding: 0 8px;
  height: 24px;
  line-height: 23px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  font-size: 13px;
}
.btn_minor_s:hover {
  border: 1px solid #888;
}
.btn_minor_s span.txt,
.btn_minor_s span.txt_caution {
  padding: 0;
  font-size: 13px;
}
.btn_minor_s.nude {
  border: 0;
}
.btn_minor_s.nude:hover {
  background: none;
}

span.btn_minor_s_selected {
  background-color: #eee;
  border-color: #c0c0c0;
}

.btn_minor_s + .selected span.txt {
  font-weight: bold;
}

span.creat .ic_addlist {
  margin: -2px 4px 0 0;
}

/* 다우오피스 4.0 스타일 */
.data_null .txt {
  color: #9b9c9e;
}
.data_null .btn_major_s {
  height: 32px;
  line-height: 30px;
  background: #ebf8fd;
  border-radius: 4px;
  border: 0;
}
.data_null .btn_major_s .txt {
  color: #08a7bf;
}
.data_null .btn_major_s:hover {
  background: #d0ecf0;
}
.data_null .ic_data_type {
  display: block;
  margin: 0 auto 16px;
  background: url(../images/dada_no_result.png) no-repeat 0 0;
  width: 120px;
  height: 120px;
  background-size: 120px;
}

table.mail_list td.check input {
  margin-top: 0 !important;
}
table.mail_list div.func_wrap span.ic.ic_important_off {
  background: url(../images/icx2.png) no-repeat -100px -400px;
  background-size: 1000px 500px;
}
table.mail_list div.func_wrap span.ic.ic_important_on {
  background: url(../images/icx2.png) no-repeat -200px -400px;
  background-size: 1000px 500px;
}
table.mail_list div.func_wrap span.ic.ic_read_no {
  background: url(../images/icx2.png) no-repeat -300px -400px;
  background-size: 1000px 500px;
}
table.mail_list div.func_wrap span.ic.ic_read_yes {
  background: url(../images/icx2.png) no-repeat -400px -400px;
  background-size: 1000px 500px;
}
table.mail_list div.func_wrap span.ic.ic_file_s {
  background: url(../images/icx2.png) no-repeat -500px -400px;
  background-size: 1000px 500px;
}

table.mail_list.type_normal td.check {
  padding-left: 8px;
}
table.mail_list.type_normal td.dateSize .date {
  width: 100%;
}

div.mail_view ul.name_tag > li {
  background: #fff;
  border: 1px solid #cfd1d4;
  color: #333;
}
div.mail_view ul.name_tag > li span.name {
  color: #333;
}

ul.side_depth li .title a + #defaultFolder0_num {
  display: flex;
}

section.aside_wrapper .doc-meta-container.reply_wrap .aside_wrapper_body form ul.reply li.current {
  background: #f5f6f8 !important;
}
section.aside_wrapper .doc-meta-container.reply_wrap .aside_wrapper_body form ul.reply li.current .bar_current {
  display: none;
}

.dashboard_report .dashboard_box {
  padding: 0;
  border: 0;
}

.go_todo {
  background: #fff;
}
.go_todo ins.ic_star {
  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='M11.993 1.25201C12.2785 1.25201 12.5392 1.41409 12.6655 1.67009L15.577 7.56935L22.0866 8.51277C22.3692 8.55374 22.6041 8.75171 22.6923 9.02337C22.7805 9.29503 22.7068 9.59322 22.5021 9.79244L17.7849 14.3842L18.8972 20.8682C18.9455 21.1497 18.8297 21.4342 18.5985 21.602C18.3674 21.7698 18.061 21.7917 17.8083 21.6585L11.9996 18.5976L6.177 21.6589C5.92431 21.7917 5.61811 21.7696 5.38714 21.6018C5.15618 21.434 5.04051 21.1496 5.08878 20.8682L6.20105 14.3842L1.48385 9.79244C1.27917 9.59322 1.20543 9.29503 1.29365 9.02337C1.38187 8.75171 1.61673 8.55374 1.89941 8.51277L8.40901 7.56935L11.3204 1.67009C11.4468 1.41409 11.7075 1.25201 11.993 1.25201Z' fill='%23FFDF0C'/%3E%3C/svg%3E%0A");
  background-size: 16px 16px;
  background-position: center;
}
.go_todo ins.ic_star_off {
  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='M11.993 1.25195C12.2785 1.25195 12.5392 1.41403 12.6655 1.67003L15.577 7.56929L22.0866 8.51271C22.3692 8.55368 22.6041 8.75165 22.6923 9.02331C22.7805 9.29497 22.7068 9.59315 22.5021 9.79238L17.7849 14.3841L18.8972 20.8681C18.9455 21.1497 18.8297 21.4341 18.5985 21.6019C18.3674 21.7697 18.061 21.7916 17.8083 21.6585L11.9996 18.5975L6.177 21.6588C5.92431 21.7916 5.6181 21.7695 5.38714 21.6017C5.15618 21.4339 5.04051 21.1495 5.08878 20.8681L6.20105 14.3841L1.48385 9.79238C1.27917 9.59315 1.20543 9.29497 1.29365 9.02331C1.38187 8.75165 1.61673 8.55368 1.89941 8.51271L8.40901 7.56929L11.3204 1.67003C11.4468 1.41403 11.7075 1.25195 11.993 1.25195ZM11.993 3.69663L9.57953 8.58687C9.47024 8.80832 9.25895 8.96178 9.01455 8.9972L3.62054 9.77894L7.53011 13.5845C7.70714 13.7568 7.78795 14.0053 7.74618 14.2488L6.82413 19.6239L11.651 17.0861C11.8697 16.9711 12.131 16.9712 12.3496 17.0864L17.1615 19.6221L16.2398 14.2488C16.198 14.0053 16.2788 13.7568 16.4558 13.5845L20.3654 9.77894L14.9714 8.9972C14.727 8.96178 14.5157 8.80832 14.4064 8.58687L11.993 3.69663Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A");
  background-size: 16px 16px;
  background-position: center;
}
.go_todo .ic_hide_up {
  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='M11.4697 8.46967C11.7626 8.17678 12.2374 8.17678 12.5303 8.46967L18.5303 14.4697C18.8232 14.7626 18.8232 15.2374 18.5303 15.5303C18.2374 15.8232 17.7626 15.8232 17.4697 15.5303L12 10.0607L6.53033 15.5303C6.23744 15.8232 5.76256 15.8232 5.46967 15.5303C5.17678 15.2374 5.17678 14.7626 5.46967 14.4697L11.4697 8.46967Z' fill='%239B9C9E'/%3E%3C/svg%3E%0A");
  background-size: 16px 16px;
  background-position: center;
}
.go_todo .ic_hide_down {
  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='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='%239B9C9E'/%3E%3C/svg%3E%0A");
  background-size: 16px 16px;
  background-position: center;
}
.go_todo .layer_transition.layer_todo_board header {
  margin: 0;
  padding: 24px;
  text-align: left;
  border-bottom: none;
}
.go_todo .layer_transition.layer_todo_board header h1 {
  font-size: 20px;
  color: var(--dop-color-text-basic-level1);
}
.go_todo .layer_transition.layer_todo_board header .btn_layer_x {
  top: 22px;
  right: 12px;
  width: 32px;
  height: 32px;
  margin-right: 0;
  display: flex;
  align-items: center;
}
.go_todo .layer_transition.layer_todo_board header .btn_layer_x .ic {
  width: 20px;
  height: 20px;
  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 5.46967C5.76256 5.17678 6.23744 5.17678 6.53033 5.46967L12 10.9393L17.4697 5.46967C17.7626 5.17678 18.2374 5.17678 18.5303 5.46967C18.8232 5.76256 18.8232 6.23744 18.5303 6.53033L13.0607 12L18.5303 17.4697C18.8232 17.7626 18.8232 18.2374 18.5303 18.5303C18.2374 18.8232 17.7626 18.8232 17.4697 18.5303L12 13.0607L6.53033 18.5303C6.23744 18.8232 5.76256 18.8232 5.46967 18.5303C5.17678 18.2374 5.17678 17.7626 5.46967 17.4697L10.9393 12L5.46967 6.53033C5.17678 6.23744 5.17678 5.76256 5.46967 5.46967Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A");
  background-size: 20px 20px;
  background-position: center;
}
.go_todo .layer_transition.layer_todo_board header .btn_layer_x:hover {
  background-color: var(--dop-color-bg-basic-base-hover);
  border-radius: 8px;
}
.go_todo .layer_transition.layer_todo_board .div.row_wrap div.row_tit span.btn_wrap {
  top: 14px;
  right: 16px;
}
.go_todo header.conent_header .btn_setting .ic_board.ic_setting {
  background: url(../images/ic_board.png) no-repeat 0px -50px;
  background-size: 300px 1000px;
}
.go_todo .board_column_wrap {
  padding: 0;
  border-radius: 16px;
  background: var(--dop-color-bg-basic-level2) !important;
}
.go_todo .board_column_wrap header.board_column {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 16px 8px;
}
.go_todo .board_column_wrap header.board_column .column_title {
  display: flex;
  flex-direction: row;
  gap: 4px;
}
.go_todo .board_column_wrap header.board_column .column_title .title {
  font-size: 16px;
  font-weight: 500;
}
.go_todo .board_column_wrap header.board_column .column_title .title.txt_ellipsis {
  max-width: 156px;
}
.go_todo .board_column_wrap header.board_column .column_title .num {
  font-family: 'PretendardVariable';
  top: 0;
  font-size: 16px;
  color: #0d99ff;
}
.go_todo .board_column_wrap header.board_column .btn_board_more {
  position: relative;
  top: 0;
  right: 0;
  display: flex;
  width: 28px;
  height: 28px;
  justify-content: center;
  align-items: center;
  padding: 0;
  background: #fff;
  border: 1px solid #eaecef;
  border-radius: 8px;
}
.go_todo .board_column_wrap .board_card {
  padding: 16px;
  border-radius: 8px;
  border: 1px solid var(--dop-color-border-basic-level1);
  background: #fff;
  transition: 0.3s;
  box-sizing: border-box;
}
.go_todo .board_column_wrap .board_card > .title {
  padding-top: 8px;
}
.go_todo .board_column_wrap .board_card > .title:first-child {
  padding-top: 0;
}
.go_todo .board_column_wrap .board_card .member_data .member img {
  width: 24px !important;
  height: auto;
}
.go_todo .board_column_wrap .board_card .meta_data {
  margin-top: 8px;
}
.go_todo .board_column_wrap .board_card .meta_data .ic_wrap {
  margin-right: 4px;
}
.go_todo .board_column_wrap .board_card:hover {
  border-color: var(--dop-color-border-basic-level1-hover);
}
.go_todo .board_column_wrap .create_form {
  margin: 0;
  padding: 12px;
}
.go_todo .board_column_wrap.column_create_wrap {
  padding: 0;
}

.board_card.ui-todocard.ui-sortable-helper,
.board_card.ui-todocard.ui-sortable-placeholder {
  box-sizing: border-box;
}
.board_card.ui-todocard.ui-sortable-helper > .title,
.board_card.ui-todocard.ui-sortable-placeholder > .title {
  padding-top: 8px;
}
.board_card.ui-todocard.ui-sortable-helper .member_data .member img,
.board_card.ui-todocard.ui-sortable-placeholder .member_data .member img {
  width: 24px !important;
  height: auto;
}
.board_card.ui-todocard.ui-sortable-helper .meta_data,
.board_card.ui-todocard.ui-sortable-placeholder .meta_data {
  margin-top: 8px;
}
.board_card.ui-todocard.ui-sortable-helper .meta_data .ic_wrap,
.board_card.ui-todocard.ui-sortable-placeholder .meta_data .ic_wrap {
  margin-right: 4px;
}

/* 댓글 UI 수정 */
.content_page.report_detail .reply_wrap ul.reply li,
.content_wrapper.survey_detail + .aside_wrapper.article_reply .reply_wrap ul.reply li {
  padding: 8px 0;
}
.content_page.report_detail .reply_wrap ul.reply li.depth_in,
.content_wrapper.survey_detail + .aside_wrapper.article_reply .reply_wrap ul.reply li.depth_in {
  padding-left: 36px;
}
.content_page.report_detail .reply_wrap ul.reply li.depth_in.reply_create span.photo,
.content_wrapper.survey_detail + .aside_wrapper.article_reply .reply_wrap ul.reply li.depth_in.reply_create span.photo {
  left: 36px;
}
.content_page.report_detail .reply_wrap ul.reply li.depth_in span.photo,
.content_wrapper.survey_detail + .aside_wrapper.article_reply .reply_wrap ul.reply li.depth_in span.photo {
  left: 36px;
}
.content_page.report_detail .reply_wrap ul.reply li span.photo,
.content_wrapper.survey_detail + .aside_wrapper.article_reply .reply_wrap ul.reply li span.photo {
  left: 0;
}
.content_page.report_detail .reply_wrap .reply_create,
.content_wrapper.survey_detail + .aside_wrapper.article_reply .reply_wrap .reply_create {
  padding-left: 0;
}
.content_page.report_detail .reply_wrap .reply_create span.btn_minor_s,
.content_wrapper.survey_detail + .aside_wrapper.article_reply .reply_wrap .reply_create span.btn_minor_s {
  vertical-align: top;
}
.content_page.report_detail .reply_wrap .reply_create span.photo,
.content_wrapper.survey_detail + .aside_wrapper.article_reply .reply_wrap .reply_create span.photo {
  left: 0;
}

.content_page.report_detail .aside_wrapper.article_reply .reply_wrap {
  padding: 24px 16px;
}
.content_page.report_detail .aside_wrapper.article_reply .reply_wrap header {
  padding-top: 0;
}
.content_page.report_detail .aside_wrapper.article_reply .reply_wrap .tab_nav {
  height: 32px;
  padding: 0;
}
.content_page.report_detail .aside_wrapper.article_reply .reply_wrap .tab_nav li {
  background: initial;
  border: 0;
  border-radius: 0;
}
.content_page.report_detail .aside_wrapper.article_reply .reply_wrap .tab_nav li.on {
  color: #4a4b4c;
  border-bottom: 2px solid #111;
}
.content_page.report_detail .aside_wrapper.article_reply .reply_wrap ul.simple_list_alarm li {
  pading-left: 0;
}

.content_wrapper.survey_detail + .aside_wrapper.article_reply .reply_wrap:first-of-type {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}
.content_wrapper.survey_detail + .aside_wrapper.article_reply .reply_wrap + .reply_wrap {
  margin: 0 0 12px 12px;
  padding: 8px 16px 24px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: 0;
}
.content_wrapper.survey_detail + .aside_wrapper.article_reply .reply_wrap ul.reply li.view_option {
  padding: 24px 16px 8px;
  border-bottom: 0;
}

.content_page.report_detail .aside_wrapper.article_reply .doc-meta-container.reply_wrap {
  padding: 0;
}
.content_page.report_detail .aside_wrapper.article_reply .doc-meta-container.reply_wrap header {
  padding: 6px 0 0;
}
.content_page.report_detail .aside_wrapper.article_reply .doc-meta-container.reply_wrap header .tab_nav {
  border-bottom: 0;
}
.content_page.report_detail
  .aside_wrapper.article_reply
  .doc-meta-container.reply_wrap
  .aside_wrapper_body
  ul.reply
  li {
  padding: 8px 24px;
}
.content_page.report_detail
  .aside_wrapper.article_reply
  .doc-meta-container.reply_wrap
  .aside_wrapper_body
  ul.reply
  li
  span.photo {
  left: 24px;
}
.content_page.report_detail
  .aside_wrapper.article_reply
  .doc-meta-container.reply_wrap
  .aside_wrapper_body
  table.form_type.tb_doc_info
  > tbody
  tr
  th,
.content_page.report_detail
  .aside_wrapper.article_reply
  .doc-meta-container.reply_wrap
  .aside_wrapper_body
  table.form_type.tb_doc_info
  > tbody
  tr
  td {
  padding: 8px;
  vertical-align: top;
}
.content_page.report_detail
  .aside_wrapper.article_reply
  .doc-meta-container.reply_wrap
  .aside_wrapper_body
  table.form_type.tb_doc_info
  > tbody
  tr
  th {
  padding-left: 24px;
}
.content_page.report_detail
  .aside_wrapper.article_reply
  .doc-meta-container.reply_wrap
  .aside_wrapper_body
  table.form_type.tb_doc_info
  > tbody
  tr
  td {
  padding: 4px 24px 4px 0;
}

/* 예약 - 자산 주간뷰 */
.go_asset .content_page .calendar_week {
  border: 1px solid #eaecef;
  border-radius: 16px;
}

/* DOP-9735 [전자결재] 팝업보기에서 외곽 여백이 없는 현상 */
body > #gw > .go_renew > #content .content_top {
  padding: 24px;
}
body > #gw > .go_renew > #content .content_page .tool_bar .critical {
  margin-left: 24px;
}
body > #gw > .go_renew > #content .content_page .tool_bar .optional {
  margin-right: 24px;
}
body > #gw > .go_renew > #content .content_page .wrap_container .content_wrapper .report_type.approval_type {
  margin: 24px;
}
body > #gw > .go_renew > #content .content_page .wrap_container .aside_wrapper.article_reply .doc-meta-container {
  margin-right: 16px;
}

@media screen and (min-width: 1670px) {
  .report_detail .wrap_container {
    margin-bottom: 20px;
  }
}
/* DOP-9943 [메일] 환경설정 > 서명 목록 > 테이블에서 셀 좌측 여백이 없는 현상 */
#mailSettingWrap .form_admin table.in_table tr th,
#mailSettingWrap .form_admin table.in_table tr td {
  padding: 8px;
  text-align: left;
}