@charset "UTF-8";
@import url('go_app_style.css?v4.1.9.6');
@import url('go_renew.css?v4.1.9.6');
.heading_small_m,
h3 {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -0.02rem;
}
.heading_small_b {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: -0.02rem;
}
.heading_medium_m,
h2 {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.6875rem;
  letter-spacing: -0.0225rem;
}
.heading_medium_b {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.6875rem;
  letter-spacing: -0.0225rem;
}
.heading_large_m {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.875rem;
  letter-spacing: -0.025rem;
}
.heading_large_b {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.875rem;
  letter-spacing: -0.025rem;
}
.heading_xlarge_m {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.25rem;
  letter-spacing: -0.03rem;
}
.heading_xlarge_b,
h1,
.go_side section.gnb_title h1,
.go_side section.gnb_title h1 a {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2.25rem;
  letter-spacing: -0.03rem;
}
.heading_2xlarge_r {
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 2.625rem;
  letter-spacing: -0.035rem;
}
.heading_2xlarge_m {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 2.625rem;
  letter-spacing: -0.035rem;
}
.heading_2xlarge_b {
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 2.625rem;
  letter-spacing: -0.035rem;
}
.heading_3xlarge_m {
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 3rem;
  letter-spacing: -0.05rem;
}
.heading_3xlarge_b {
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 3rem;
  letter-spacing: -0.05rem;
}

.body_2xsmall_r {
  font-size: 0.6875rem;
  font-weight: 400;
  line-height: 1.03125rem;
  letter-spacing: -0.01375rem;
}
.body_2xsmall_m {
  font-size: 0.6875rem;
  font-weight: 500;
  line-height: 1.03125rem;
  letter-spacing: -0.01375rem;
}
.body_xsmall_m {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.125rem;
  letter-spacing: -0.015rem;
}
.body_xsmall_r {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.125rem;
  letter-spacing: -0.015rem;
}
.body_small_m {
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.21875rem;
  letter-spacing: -0.01625rem;
}
.body_small_r {
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.21875rem;
  letter-spacing: -0.01625rem;
}
.body_medium_b {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3125rem;
  letter-spacing: -0.0175rem;
}
.body_medium_m {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.3125rem;
  letter-spacing: -0.0175rem;
}
.body_medium_r {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3125rem;
  letter-spacing: -0.0175rem;
}
.body_large_m {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -0.02rem;
}
.body_large_r {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.02rem;
}

* [unresolved] {
  display: none;
}

article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
form,
fieldset,
p,
button,
input,
figure {
  margin: 0;
  padding: 0;
}

body,
input,
textarea,
select {
  font-size: 14px;
  color: #333;
}

body,
input {
  *word-break: break-all;
  -ms-word-wrap: break-all;
  white-space: normal;
  word-break: break-all;
  letter-spacing: -0.5px;
}

input:disabled + .ic,
input:read-only + .ic {
  cursor: default;
}

select {
  *word-break: break-all;
  -ms-word-wrap: break-all;
  white-space: normal;
  word-break: break-all;
  letter-spacing: -0.5px;
}
select:disabled {
  background-color: #eaecef;
  border: 1px solid #e1e3e6;
  color: #888;
}
select:disabled:hover {
  border: 1px solid #e1e3e6 !important;
}

h3 {
  font-size: 16px;
  font-weight: normal;
}

h4,
h5 {
  font-weight: normal;
}

input,
select {
  font-size: 13px;
}

button {
  vertical-align: middle;
  font-size: 13px;
}

img {
  vertical-align: top;
}

a {
  color: #333;
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  text-decoration: none;
}
a img {
  border: 0;
}

img {
  border: 0;
}

ul,
ol {
  list-style: none;
}

table {
  border-collapse: collapse;
  width: 100%;
}

input.checkbox {
  margin-right: 2px;
  /*vertical-align:baseline;*/
  position: relative;
  top: 2px;
}
input.radio {
  margin-right: 3px;
  position: relative;
  top: -1px;
}

fieldset {
  border: none;
}

data-role {
  background: red;
}

body {
  min-width: 1260px;
  position: relative;
}
body.no_scroll {
  overflow-y: hidden;
}
body.popup {
  min-width: 200px !important;
}

select {
  border-radius: 4px;
  height: 26px;
  border: 1px solid #cfd1d4;
  white-space: nowrap;
}

dl,
font,
p,
ol {
  line-height: 150%;
}

input[type='radio'] {
  position: relative;
  top: -1px;
  margin-right: 4px;
}
input[type='checkbox'] {
  margin: -1px 4px 0 0;
}
input[type='text']::-ms-clear {
  display: none;
}

/* ie10 x icon */
@media \0 screen {
  .schedule_form input[type='text'] {
    height: 26px;
    padding-left: 6px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 26px;
  }
  header.content_top h1 {
    max-width: 530px;
  }
  div.layer_sign div.content table.form_type tbody th {
    width: 71px !important;
  }
}
.no_focus {
  cursor: default !important;
}
.no_focus:hover {
  cursor: default !important;
}

/* vertical-align */
.go_renew input[type='radio'],
input,
select,
.tool_bar .btn_tool span.ic_txtPlus,
section.comm_list ul.article_list li div.article_wrap .btn_wrap span.num,
header.content_top h1 > span.txt {
  vertical-align: middle;
}

input[type='text'],
input[type='password'] {
  vertical-align: middle;
}

.wrap_txt,
.wrap_select,
.wrap_label,
.wrap_date,
.go_renew .wrap_btn,
.wrap_btn_m,
.wrap_btn_s,
.wrap_inbtn,
span.wrap_txtarea,
.verspace1,
.verspace2,
.horspace1,
.horspace2,
.btn_minor_s,
span.ic_classic,
.type_normal td .ic_reply,
.board_card .meta_data .ic_wrap span,
section.comm_list ul.article_list li div.article_wrap .info span.photo,
header.content_top h1 span.action,
.type_normal td span.ic_file_s,
section.comm_list ul.article_list li div.article_wrap span.title,
.go_renew input[type='checkbox'] {
  vertical-align: middle;
}

/* web accessibility */
.blind {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}

span.date {
  font-size: 13px;
  color: #999;
}
span.noti_date {
  font: bold 14px tahoma;
  color: #888;
  margin-left: 10px;
}
span.noti_date_wrap {
  position: relative;
  /*vertical-align:top;*/
  margin: 2px 0 0 !important;
  margin: 0px 0 0 !important;
}
span.noti_date_wrap input {
  margin-top: 0 !important;
  margin-right: 0 !important;
  padding-left: 24px;
}
span.noti_date_wrap span.desc {
  margin-top: 4px;
}
span.noti_date_wrap span.ic_calendar {
  position: absolute;
  left: 5px;
  top: 50%;
  margin-top: -10px;
}

select.select_date {
  vertical-align: middle;
}

.clear_wrap {
  clear: both;
}

div.bar_current {
  width: 4px;
  height: 100%;
  background: #00a1b9;
}

.desc {
  color: #888;
}

p.desc {
  margin: 0 25px 10px 25px;
}

table p.desc {
  text-align: center;
  margin: 0;
}

.desc_caution {
  color: red;
  margin: 0 25px 10px 25px;
}

hr {
  border: 1px solid #e3e3e3;
  margin: 12px 0;
}

.txt_college {
  font-size: 12px;
  font-weight: normal;
  margin-left: -3px;
}

div.vertical_wrap {
  margin: 16px 0;
}
div.vertical_wrap_s {
  margin: 8px 0;
}
div.vertical_wrap span.tit_sub {
  margin-right: 4px;
}

span.vertical_wrap {
  display: block !important;
  margin: 5px 0 !important;
}

/* form */
textarea {
  padding: 0 4px;
  box-sizing: border-box;
  min-height: 100px;
  resize: none;
  line-height: 1.6;
  border: 1px solid #ddd;
  font-weight: normal;
}

caption {
  display: none;
}

input {
  box-sizing: border-box;
}

.input {
  border: 1px solid #ddd;
  padding: 0 4px;
  height: 26px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-weight: normal;
  border-radius: 6px;
}

input[type='text']::placeholder {
  color: #bbb;
}
input[type='text']:hover {
  border-color: #666;
}

textarea:hover,
select:hover {
  border-color: #666;
}

input.txt_form {
  border: 1px solid #b5bcc4;
  padding: 4px;
  border-radius: 5px;
  color: #666;
}
input.txt_form:focus {
  border-color: #548edf;
  box-shadow: 0px 0px 4px rgba(84, 142, 223, 0.9);
}

span.wrap_select_list {
  position: relative;
  display: inline-block;
  padding: 0;
  vertical-align: top;
}
span.wrap_select_list .ic_reset {
  position: absolute;
  top: 7px;
  right: 25px;
}
span.wrap_select_list span.btn {
  position: absolute;
  right: -2px;
  top: 0;
  cursor: pointer;
}
span.wrap_select_list input.input {
  position: relative;
  display: inline-block;
  border-radius: 2px 0 0 2px;
  border: 1px solid #cacaca;
  height: 26px;
  margin-right: 21px;
  padding: 0 0 0 6px;
}
span.btn_select {
  width: 21px;
  height: 26px;
  background: url(../images/select_Style.png) no-repeat right 0;
}
span.wrap_select_list ul.select_list {
  max-height: 188px;
  overflow: auto;
  overflow-x: hidden;
  border: 1px solid #ddd;
  width: 120px;
}

ul.select_list {
  position: absolute;
  left: 0;
  top: 26px;
  background-color: #fff;
  width: 100%;
}
ul.select_list li {
  padding: 6px 7px 5px;
  border-bottom: 1px solid #ececec;
}
ul.select_list li:hover {
  cursor: pointer;
  background-color: #f3f3f3;
}
ul.select_list li:last-child,
ul.select_list li.last {
  border-bottom: 0;
}
ul.select_list li span.txt {
  padding: 0 !important;
  font-size: 13px;
}

span.wrap_dateselect.disable span.wrap_select_list ul.select_list,
span.wrap_dateselect.disable span.wrap_select_list.disable:hover ul.select_list {
  display: none;
}
span.wrap_dateselect.disable input[type='text']:hover {
  border-color: #bcbcbc;
}
span.txt_date {
  padding: 6px 0;
  display: inline-block;
  font-family: arial;
}

.reset_margin {
  margin: 0;
}

.hidden {
  display: none;
  font-size: 0;
  line-height: 0;
  height: 0;
  padding: 0;
  margin: 0;
}

.wrap_select .select_list {
  position: absolute;
  left: 0;
  top: 26px;
  background-color: #fff;
}

div.select_list {
  max-height: 269px;
  overflow: auto;
  overflow-x: hidden;
  border: 1px solid #cacaca;
  margin-top: -1px;
  width: 100%;
  z-index: 100;
}
div.select_list > div {
  padding: 6px 7px 5px;
  border-bottom: 1px solid #ececec;
  background: #fff;
}
div.select_list > div:hover {
  cursor: pointer;
  background-color: #f3f3f3;
}
div.select_list > div span.txt {
  padding: 0 !important;
}
div.select_list > div.last {
  border-bottom: 0;
}

.select_wrap {
  overflow: hidden;
}
.select_wrap span.select_txt {
  display: inline-block;
  width: 190px;
  padding: 0 6px;
  height: 24px;
  line-height: 24px;
  background: #f3f3f3;
  box-shadow: inset 0 0 3px rgba(100, 100, 100, 0.1);
  border: 1px solid #d6d6d6;
  float: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.select_wrap span.wrap_btn {
  height: 24px;
  border: 1px solid #d6d6d6;
  border-left: none;
  width: 28px;
  text-align: center;
  padding: 0;
  float: left;
}
.select_wrap span.wrap_btn:hover span.ic_show_down2 {
  background-position: -130px -420px;
}
.select_wrap span.wrap_btn span.ic_show_down2 {
  background-position: -130px -420px;
}

/*search*/
.search_wrap {
  position: relative;
  border: 1px solid var(--dop-color-field-border-basic);
}
.search_wrap input {
  padding: 0 4px;
  border: none;
  background: transparent;
}
.search_wrap input.btn_search {
  display: inline-block;
  cursor: pointer;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 31px;
  padding: 5px 0px;
  background: #cdcdcd url(../images/icon_classic.png) no-repeat 6px -128px;
  border-radius: 0;
  font-weight: bold;
  font-weight: 500;
}
.search_wrap input.btn_search:hover {
  background: #999 url(../images/icon_classic.png) no-repeat 6px -128px;
}
.search_wrap:hover input.btn_search,
.search_wrap:focus input.btn_search {
  background: #999 url(../images/icon_classic.png) no-repeat 6px -128px;
}
.search_wrap input.btn_search:focus {
  background-color: #999;
}
.search_wrap input.btn_search:active {
  box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.5);
}
.search_wrap input.btn_search[value] {
  color: #fff;
  text-indent: -10000px;
}
.search_wrap input.search {
  width: 126px;
  color: #484848;
  box-shadow: none;
}
.search_wrap input.search[placeholder],
.search_wrap input.search[type='value'] {
  color: #a9a9a9;
}
.search_wrap input.search:focus {
  color: #484848;
}
.search_wrap:hover {
  border-color: #999;
}
.search_wrap:focus {
  border-color: #999;
  box-shadow: 0px 0px 3px rgba(186, 186, 186, 0.5);
}

.search_focus {
  border-color: #999;
  box-shadow: 0px 0px 3px rgba(186, 186, 186, 0.5);
}
.search_focus input.btn_search {
  background: #999 url(../images/icon_classic.png) no-repeat 6px -128px;
}

.search_wrap input:hover {
  border: 0;
}
.search_wrap a.btn_cancel {
  position: absolute;
  right: 55px;
  top: 5px;
  display: inline-block;
  width: 16px;
  height: 15px;
  display: none;
  background: url(../images/sample/16x16/actions/edit_delete_mail_g.png) no-repeat 0 0;
}
.search_wrap a.btn_detail {
  position: absolute;
  right: 37px;
  top: 5px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../images/sample/16x16/actions/1downarrow_gray.png) no-repeat 0 0;
}
.search_wrap a.btn_detail span.txt {
  display: none;
}

section.search .search_wrap {
  width: 190px;
  text-align: left;
  overflow: hidden;
}

div.search_wrap.search_focus input {
  font-weight: bold;
  font-weight: 500;
}

.search_wrap input.search_s {
  height: 14px;
}

section.search2 {
  display: inline-block;
  vertical-align: middle;
}
section.search2 div.search_wrap {
  border-radius: 2px;
  height: 24px;
  width: 180px;
  text-align: left;
}

input.search2[type='text'] {
  border-radius: 0;
  width: 135px;
  background: transparent;
  box-shadow: none;
}

span.btn_search2 {
  position: absolute;
  right: -1px;
  top: -1px;
}

.search_wrap input[type='text']:hover {
  border: none !important;
}

.go_popup {
  z-index: 98;
}

.preloader_overlay {
  z-index: 1000;
}

/*clear*/
.clear {
  clear: both;
}

.clearfix {
  display: inline-block;
}
.clearfix:after {
  content: '.';
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

.disable {
  filter: Alpha(Opacity=30) !important;
  opacity: 0.3 !important;
  cursor: default !important;
}

span.wrap_dateselect.disable {
  filter: Alpha(Opacity=60);
  opacity: 0.6;
  cursor: default !important;
}

table.schedule_row tbody tr td {
  background-color: inherit;
}

/* inactive */
.inactive {
  color: #999 !important;
}

tr.inactive td {
  color: #999 !important;
}
tr.inactive:hover td {
  background: #fff !important;
}

.inactive span.photo {
  opacity: 0.5;
}

li.inactive:hover {
  background: none !important;
}

select.inactive {
  opacity: 0.5;
}

p.error_msg,
span.error_msg {
  height: 20px;
  margin: 5px;
}

p.error_msg ins.ic,
span.error_msg ins.ic {
  background: url(../images/ic_con.png) no-repeat -40px -960px;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
}

p.error_msg span.txt {
  color: #e91a24;
  vertical-align: middle;
  line-height: 20px;
}

span.error_msg {
  display: inline-block;
  color: red;
}
span.error_msg span.txt {
  color: #e91a24;
  vertical-align: middle;
  line-height: 20px;
}

/* size */
.w_mini {
  width: 15%;
}

.w_small {
  width: 31%;
}

.w_medium {
  width: 48%;
}

.w_large {
  width: 85%;
}

.w_max {
  width: 100%;
}

.wfix_mini {
  width: 30px;
}

.wfix_small,
.wfix_normal {
  width: 95px;
}

.wfix_medium {
  width: 120px;
}

.wfix_large {
  width: 200px;
}

.wfix_max {
  width: 300px;
}

.wfix_mail {
  width: 382px;
}

.wfix_medi {
  width: 180px;
}

.vm {
  vertical-align: middle !important;
}

.multi_option .w_small {
  float: left;
  width: 31%;
  margin-right: 0.2%;
}
.multi_option input:nth-child(3) {
  margin-right: 0;
}

table {
  padding: 0;
}
table.table_fix {
  table-layout: fixed !important;
}

.basic_info {
  padding: 0 30px;
}
.basic_info .date_wrap .wrap_option .txt {
  display: block;
}

.disabled {
  color: #aaa;
}

span.desc {
  display: inline-block;
  font-size: 13px;
  color: #999;
  line-height: 1.6;
  letter-spacing: -0.5px;
}

p.desc {
  display: block;
  color: #888;
}

ins.asterisk {
  display: inline-block;
  margin-top: 2px;
  vertical-align: middle;
  font-style: normal;
  color: #fb9861;
  margin-left: 4px;
  text-decoration: none;
  font-size: 0px;
}

span.option_wrap label {
  cursor: pointer;
  font-weight: normal;
  font-size: 13px;
}

hr {
  border: none;
  border-bottom: 1px solid #ebebeb;
  height: 1px;
  margin: 14px 0;
}

.mar10t {
  margin-top: 10px;
}

.txt_b span.num {
  font-size: 12px;
}

.option_disable {
  filter: Alpha(Opacity=30);
  opacity: 0.3;
}
.option_disable label {
  color: #999;
}
.option_disable input {
  opacity: 0.3;
  filter: Alpha(Opacity=30);
}

.btn_wrap span.txt_b {
  color: #888;
  font-weight: normal;
}
.btn_wrap:hover span.txt_b {
  color: #000;
}

div.reply_wrap ul.reply a.linkNum {
  color: #888;
  font-size: 13px;
}
div.reply_wrap ul.reply a.linkNum:hover {
  color: #000;
}
div.noti_option {
  padding: 10px;
  background: #e2f5f6;
  border: 1px solid #c2dde6;
}
div.noti_option p.desc {
  margin: 0 0 3px 0;
}
div.paging_out {
  clear: none;
  border-top: 1px solid #c2c9cf;
  margin: 0;
}

a.btn_tool span.ic_arrow_down_s {
  margin-left: 4px;
  margin-top: 11px;
}

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

div.optional span.page_num {
  display: inline-block;
  margin-top: 14px;
}
div.mail_count {
  margin-bottom: 10px;
}

span.page_num {
  font-family: tahoma;
  font-size: 12px;
  color: #999;
}
span.page_num span.current {
  color: #333;
}

label.sendme {
  font-weight: normal;
  color: #999;
  font-size: 13px;
}

.txt_multi {
  min-height: 0;
  padding: 7px 5px;
}

span.title_wrap {
  display: block;
}
span.title_wrap span.ic {
  vertical-align: middle;
}
span.title_type1 {
  font-size: 14px;
  letter-spacing: -1px;
}

div.div_wrap {
  position: relative;
}
div.div_vertical_view {
  border-left: 1px solid #c2c9cf;
}

.list_report td {
  background: transparent;
}

p.desc span.num {
  color: #000;
}
p.desc strong {
  color: #666;
}
p.desc strong.caution {
  color: red;
}

.nega {
  color: red;
}

.posi {
  color: #2eacb3;
}

div.column,
.column {
  position: relative;
}

div.column div.column_first div.dataTables_paginate {
  margin: 0;
  border-top: 1px solid #ddd;
}
div.column div.xbar,
div.column div.ybar {
  position: relative;
}
div.column_inline div.ybar,
div.column_inline div.column_first {
  float: left;
}
div.column_inline div.column_second .view_content.mail_view {
  padding: 36px;
}
div.column_inline div.column_second .view_content.mail_view .header .sub_report table.list_report th {
  min-width: 120px;
}
div.column div.column_second {
  width: 100%;
  overflow: auto;
}
div.xbar {
  height: 4px;
  cursor: n-resize;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
div.ybar {
  width: 4px;
  cursor: e-resize;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
div.process {
  position: relative;
  background: #f4f4f4;
  padding: 24px 0;
  text-align: center;
}
div.process span.btn_wrap {
  position: absolute;
  top: 6px;
  right: 6px;
}
div.process span.gage_wrap {
  width: 400px !important;
  background: #fff;
  margin-bottom: 10px;
}
div.process span.gage_wrap span.page {
  background: #92ce2c;
}
div.process div.status span.piece {
  vertical-align: top;
  margin: 4px 0 0 10px;
}
div.btn_submenu {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
div.btn_submenu .array_option {
  z-index: 100;
  position: absolute;
  top: 32px;
  left: 0;
  min-width: 110px;
  position: absolute;
  top: 32px;
  left: 0;
  min-width: 110px;
}
div.btn_submenu .array_option.move {
  width: 300px !important;
  max-width: 300px !important;
  max-height: 400px;
  padding: 8px 0;
}
div.btn_submenu .array_option.move .side_depth li {
  padding-left: 18px;
}
div.btn_submenu .array_option.move .side_depth li .title {
  display: block;
  margin: 0;
  padding: 0;
  height: auto;
  cursor: default;
}
div.btn_submenu .array_option.move .side_depth li .title:hover {
  background: none;
}
div.btn_submenu .array_option.move .side_depth li .title a {
  height: auto;
  padding: 0;
  margin-right: 8px;
}
div.btn_submenu .array_option.move .side_depth li .title a .txt {
  display: inline-block;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 8px;
}
div.btn_submenu .array_option.move .side_depth li .title a .txt:hover {
  background-color: #eee;
}
div.btn_submenu .array_option.move .list_wrap {
  width: 100% !important;
  max-width: 100% !important;
}
div.btn_submenu .array_option.on {
  display: block;
}
div.btn_submenu .array_option.opt_state {
  max-height: 140px;
  overflow: auto;
  top: 22px;
}
div.btn_submenu .array_option .array_type .current {
  background: #ededed;
}
div.btn_submenu .array_option .search_list {
  overflow-y: auto;
  max-height: 200px;
}
div.btn_submenu .array_option.array_copy_opt .search_list .array_type .app_tit .app_name {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 150px;
}
div.btn_submenu .array_option .box_basic_inner {
  width: 240px;
  margin: 10px;
}
div.btn_submenu .array_option .box_basic_inner .box_basic_scroll {
  max-height: 200px;
  height: auto;
  overflow-x: none;
  overflow-y: auto;
  margin: 10px 0 0 0;
}
div.btn_submenu .array_option .box_basic_inner .box_basic_scroll > div:hover {
  background: #e9f2fb;
  cursor: pointer !important;
}

.tool_bar .btn_submenu .array_copy_opt .app_tit_s {
  display: block;
  position: relative;
}
.tool_bar .btn_submenu .array_copy_opt .app_tit_s .app_icon {
  position: absolute;
  top: 9px;
  left: 0;
}
.tool_bar .btn_submenu .array_copy_opt .app_tit_s .app_name {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
  padding: 2px 0 2px 25px;
}

/* gage info */
div.go_side div.gage_info {
  padding: 10px 0;
}
div.gage_info span.btn_wrap {
  margin-left: 10px;
}
div.btn_func_wrap {
  min-height: 34px;
}
div.tit_type1 {
  padding: 5px 7px;
  background: #f4f4f4;
  color: #999;
  vertical-align: middle;
}

.aside_wrapper div.tit_type1,
.aside_wrapper table.tb_in_table_type1,
.aside_wrapper div.tit_type3,
.aside_wrapper .approval_history {
  margin-left: 1px;
}

table.tb_in_table_type1 thead tr th {
  background: #f4f4f4;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  cursor: default;
  font-weight: normal;
}
table.tb_in_table_type1 tbody tr td {
  border-bottom: 1px solid #ededed;
}
table.tb_in_table_type1 thead tr th,
table.tb_in_table_type1 tbody tr td {
  padding: 3px 10px;
  height: 24px;
}
table.tb_change_history th,
table.tb_change_history td {
  text-align: center;
}

body .go_body {
  position: relative;
}
body.user_front {
  background: #fff url(../images/bg_oblique.png) repeat 0 0;
}

.go_wrap > h1 {
  position: absolute;
  top: 0;
  left: 10px;
}

header.go_header {
  height: 44px;
}

.go_mail .go_body .go_side:after {
  top: 0;
  left: 280px;
}
.go_mail .go_body .go_content .content_top h1 {
  display: inline-block;
  padding: 4px 0 0 0;
}
.go_mail .go_body .go_content .content_top .combine_search {
  vertical-align: top;
  margin-top: 4px;
}

.go_body {
  min-height: 600px;
  position: relative;
}
.go_body:after {
  content: '';
  display: block;
  clear: both;
}
.go_body .go_side {
  float: left;
  width: 280px;
}
.go_body .go_content {
  position: relative;
  min-height: 600px;
  background: #fff;
  padding-bottom: 45px;
  margin-left: 280px;
}
.go_body .go_content#mailWrap {
  padding-bottom: 0;
  height: 100%;
}
.go_body .go_content#mailWrap .dataTables_wrapper {
  margin-bottom: 0;
}
.go_body .go_content#mailWrap .tool_bar {
  padding-right: 0;
  margin-right: 0;
}
.go_body .go_content#mailWrap .tool_bar .critical > input[type='checkbox'] {
  margin-left: 8px;
}

.go_calendar {
  padding-bottom: 0;
}

footer.go_footer {
  display: block;
  clear: left;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}
footer.go_footer section {
  display: none;
}

.go_intro_wrap footer.go_footer {
  background: none;
  text-align: center;
  position: relative;
  bottom: initial;
  left: initial;
}
.go_intro_wrap footer.go_footer section {
  display: inline-block;
}
.go_intro_wrap footer.go_footer section.meta {
  float: initial;
  margin: 0 0 20px;
}
.go_intro_wrap footer.go_footer section.meta small.copyright {
  margin-top: 12px;
  font-size: 11px;
  color: #aaa;
}

span.btn_type3 {
  display: block;
  padding: 40px 0;
  text-align: center;
  border: 1px solid #b6b8b8;
  border-radius: 4px;
  background: -webkit-gradient(linear, left top, left bottom, from(#f6f5f5), to(#e6e6e6));
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
  margin: 0 10px;
}
span.btn_type3 span.ic {
  margin: 1px 5px 0 0;
  vertical-align: top;
}
span.btn_type3 span.txt {
  font-size: 42px;
  color: #333;
  font-weight: bold;
  font-weight: 500;
  letter-spacing: -2px;
}

div.btn_local {
  position: fixed;
  left: 252px;
  bottom: 0;
  width: 100%;
  z-index: 1000;
}
div.btn_local span.btn_type3 {
  width: 100%;
  height: 48px;
  line-height: 48px;
  padding: 0 0 0 16px;
  margin: 0;
  border-radius: 0;
  text-align: left;
}
div.btn_local span.btn_type3 span.txt {
  font-size: 18px;
}
div.btn_local span.btn_type3 span.ic_mVer {
  display: inline-block;
  background: url(../images/ic_mVer.png) no-repeat;
  width: 18px;
  height: 25px;
  vertical-align: top;
  margin: 11px 5px 0 0;
}

div.view_content div.list_connect_wrap {
  border-top: 1px solid #eee;
  padding: 20px 0;
}
div.view_content div.list_connect {
  margin-bottom: 20px;
}
div.list_connect div.title {
  position: relative;
  border-top: 1px solid #e9e9e9;
}
div.list_connect div.title span.btn_wrap {
  position: absolute;
  top: -8px;
  right: 10px;
  background: #fff;
  padding: 0 5px;
  color: #888;
}
div.list_connect ul.list_connect_mail {
  border: 1px solid #e9e9e9;
  border-top: 0;
  background: #fff;
  padding: 8px 0;
}
div.list_connect ul.list_connect_mail li {
  padding: 3px 10px;
}
div.list_connect ul.list_connect_mail li:hover {
  background: #e9f5f6;
}
div.list_connect ul.list_connect_mail li span.desc {
  line-height: 1;
}
div.current_date .ic_cal_mini {
  margin: 3px 0 0 0 !important;
}

table.list_connect_mail td.action {
  width: 60px;
  padding-left: 8px;
}
table.list_connect_mail td.action div.func_wrap {
  display: inline-block;
}
table.list_connect_mail td.action div.func_wrap span {
  vertical-align: middle;
}
table.list_connect_mail td.date {
  width: 100px;
  text-align: center;
  padding-right: 10px;
  color: #999;
}
table.list_connect_mail td.name {
  width: 60px;
}
table.list_connect_mail td.name span.name {
  width: 60px;
  display: block;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
table.list_connect_mail tr.title th {
  text-align: left;
}
table.list_connect_mail tr.title th:hover {
  background: none;
  cursor: default;
}
table.list_connect_mail tr.title th span.title {
  margin-right: 0;
  color: #3b3b3b;
}
table.list_connect_mail tr.title th span.btn_wrap {
  margin: 0 4px 0 0;
}
table.list_connect_mail tr.title th span.num {
  font-weight: normal;
  color: #333;
  font-size: 12px;
}
table.list_connect_mail tr.title th span.subject {
  margin-left: -4px;
  font-weight: normal;
}
table.list_connect_mail tr:first-child td {
  border-top: 0;
}
table.list_connect_mail td {
  border: 0 !important;
  padding: 2px;
}
table.list_connect_mail .subject .desc {
  color: #333;
}
table.list_connect_mail tr.active td {
  background: #e9f5f6;
}

div.list_connect_title span.title {
  font-size: 12px;
  font-weight: normal;
  color: #999;
}
div.list_connect_title div.default_info {
  margin: 8px 0;
}
div.list_connect_wrap div.div_scroll {
  max-height: 319px;
  overflow-y: auto;
  border-top: 0;
  padding: 0 0 0 15px;
  margin: 10px 0 0 0;
}

/*custom_daou*/
div.daou_front {
  background: #fff url(../images/bg_oblique2.png) repeat 0 0;
}

/*--------------------------------------------------------@GNB_style------------------------------------------------------------------------------*/
header.go_header {
  height: 44px;
  background: #00a1b9;
  min-width: 1000px;
}

h1.logo {
  line-height: 40px;
  font-size: 0;
}

.go_skin_advanced h1.logo {
  position: relative;
  margin: 70px 0 24px;
  top: 0px;
  left: 0px;
  line-height: 40px;
  font-size: 0;
  display: block;
  text-align: center;
}
.go_skin_advanced h1.logo > a {
  display: inline-block;
}

h1.logo img.logo {
  vertical-align: middle;
  max-width: 200px;
  max-height: 40px;
  position: relative;
  top: 2px;
}
h1.logo .wrap_multiCompany {
  display: inline-block;
}
h1.logo .wrap_multiCompany div.gnb_top_menu {
  width: auto;
  min-width: 220px;
  overflow-y: auto;
  max-height: 400px;
}
h1.logo .wrap_multiCompany a.btn_multiCompany {
  display: inline-block;
  padding: 0 8px 0 0;
}
h1.logo .wrap_multiCompany a.btn_multiCompany span.ic {
  vertical-align: middle;
}

.go_skin_advanced h1.logo .wrap_multiCompany a.btn_multiCompany {
  position: absolute;
  top: -50px;
  right: 5px;
  padding: 6px;
  line-height: 0;
  border-radius: 34px;
}
.go_skin_advanced h1.logo .wrap_multiCompany a.btn_multiCompany:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.go_skin_advanced h1.logo .wrap_multiCompany a.btn_multiCompany span.ic {
  background: url(../images/ic_gnb_adv.png) no-repeat -50px -50px;
  width: 20px;
  height: 20px;
}

h1.logo .wrap_multiCompany a.btn_multiCompany span.ic_arrowCircle {
  vertical-align: middle;
}
h1.logo .wrap_multiCompany a.btn_multiCompany.on span.ic_arrowCircle {
  background-position: 0 -350px;
}
h1.logo .wrap_multiCompany a.btn_multiCompany:hover {
  opacity: 1;
}
h1.logo .wrap_multiCompany .ic_arrow_wrap {
  display: none;
}
h1.logo .gnb_top_menu {
  display: none;
}
h1.logo .btn_multiCompany.on + .gnb_top_menu {
  display: block;
}
h1.logo .btn_multiCompany + .gnb_top_menu li a {
  padding: 0 16px;
}
h1.logo.on .gnb_top_menu {
  display: block;
}

header.go_header nav {
  float: left;
  margin-left: 250px;
  min-width: 500px;
  /*max-width:850px*/
}

.go_skin_default header.go_header nav {
  height: 44px;
}

header.go_header nav ul li {
  display: block;
  float: left;
  height: 43px;
  /*padding:0 2px;*/
  padding: 0;
  text-align: center;
}
header.go_header nav ul li.btn_list {
  display: none;
}
header.go_header nav ul li.bar {
  border-left: 1px solid #1c99a0;
}
header.go_header nav ul li:hover {
  background: #0392a7;
}
header.go_header nav ul li a {
  display: block;
  padding: 0px 10px;
  white-space: nowrap;
}
header.go_header nav ul li a .wrap_ic_gnb_adv {
  display: none;
}
header.go_header nav ul li.on a {
  color: #fff;
}
header.go_header nav ul li span.badge {
  visibility: hidden;
  display: inline-block;
  min-width: 12px;
  height: 16px;
  line-height: 17px;
  padding: 1px 2px 1px 0px;
  background-color: #f37247;
  border-radius: 15px;
  font-family: tahoma;
  font-size: 11px;
  letter-spacing: -1px;
  font-weight: normal;
  color: #f3f3f3;
}
header.go_header nav ul li span.sleep_mode {
  min-width: 30px;
  background: #60b03e !important;
  font-family: 돋움, dotum, AppleGothic, arial, Helvetica, sans-serif;
}
header.go_header nav ul li span.menu {
  display: block;
  font-size: 13px;
}

/*GNB more menu*/
.go_wrap nav div.gnb_top_menu {
  right: auto;
}
.go_wrap nav div.gnb_top_menu ul li {
  width: 100%;
  padding: 0;
}
.go_wrap nav ul li.on_layer {
  background: #2f2f2f;
}
.go_wrap nav ul li .ic_more {
  margin-left: 5px;
  vertical-align: middle;
  filter: Alpha(Opacity=50);
  opacity: 0.5 !important;
}
.go_wrap nav div.gnb_top_menu ul li {
  float: none;
}
.go_wrap nav div.gnb_top_menu ul li a {
  float: none;
}
.go_wrap header.go_header_2row nav ul li {
  position: relative;
  line-height: 44px;
  font-weight: normal;
}
.go_wrap header.go_header_2row nav ul li li,
.go_wrap header.go_header_2row nav ul li.on a {
  background-image: none;
}
.go_wrap header.go_header_2row nav ul li span.badge {
  visibility: visible;
  padding: 0 4px;
  background-color: #0392a7;
  color: #fff;
  height: 20px;
  line-height: 20px;
  letter-spacing: 0;
  display: none;
}

@media \0 screen {
  .go_wrap header.go_header_2row nav span.badge {
    border: 1px solid #45962a;
  }
}
:root header.go_header_2row span.badge {
  line-height: 18px;
}

@-moz-document url-prefix() {
  header.go_header_2row span.badge {
    line-height: 16px !important;
  }
}
.go_wrap header.go_header_2row nav ul li span.sleep_mode {
  min-width: 26px;
  color: #f5fad6;
  text-align: center;
}
.go_wrap header.go_header_2row nav ul li span.menu {
  display: inline-block;
  color: #fff;
}
.go_wrap header.go_header_2row nav ul li ul li span.menu {
  display: inline-block;
  padding-top: 0px;
  font-weight: normal !important;
  color: #333;
}
.go_wrap header.go_header_2row nav ul li.more {
  padding: 0;
  min-width: 26px;
  text-align: center;
}
.go_wrap header.go_header_2row nav ul li.more span.more {
  display: inline-block;
  min-width: 15px;
  height: 38px;
  background: url(../images/btn_my.png) no-repeat -100px 9px;
}
.go_wrap .my_info + .gnb_top_menu {
  z-index: 50;
  position: absolute;
  right: 22px;
  top: 40px;
  min-width: 110px;
  background: #2f2f2f;
  border-radius: 0 0 2px 2px;
}
.go_wrap header.go_header_2row .my_info ul.ctrl li.on {
  background: #2f2f2f;
}

/*gnb_top_menu - side ctrl menu*/
/*gnb_top_menu*/
.gnb_top_menu {
  z-index: 50;
  position: absolute;
  top: 40px;
  left: 0;
  background: #fff;
  border-radius: 0 0 2px 2px;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  display: none;
}
.gnb_top_menu ul {
  margin: 8px 0;
}
.gnb_top_menu ul li a {
  display: block;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: normal;
  letter-spacing: -1px;
  white-space: nowrap;
}

div.gnb_top_menu li a:hover {
  background: #eee;
}

.go_wrap header.go_header_2row li a:focus + .gnb_top_menu,
.go_wrap header.go_header_2row li:hover .gnb_top_menu {
  display: block;
}
.go_wrap header.go_header_2row .gnb_top_menu ul li {
  text-align: left;
  height: 28px;
  line-height: 28px;
}
.go_wrap header.go_header_2row .gnb_top_menu ul li span.badge {
  position: absolute;
  right: 10px;
  top: 5px;
}
.go_wrap header.go_header_2row .gnb_top_menu ul li a {
  display: block;
  padding: 0px 16px;
  height: 28px;
  line-height: 28px;
}
.go_wrap header.go_header_2row .gnb_top_menu ul li:hover {
  background: #eee;
}
.go_wrap header.go_header_2row .gnb_top_menu ul li.last {
  border-radius: 0 0 2px 2px;
}
.go_wrap header.go_header_2row .gnb_top_menu ul li.last:hover {
  border-radius: 0 0 2px 2px;
}
.go_wrap header.go_header_2row .gnb_top_menu ul li.bar {
  width: 100%;
  height: 0;
  border-top: 1px solid #1f1f1f;
  border-bottom: 1px solid #3d3d3d;
  font-size: 0;
}
.go_wrap header.go_header_2row .gnb_top_menu ul li.bar:hover {
  background: none;
}
.go_wrap header.go_header_2row nav ul li.on {
  background: #0392a7;
}
.go_wrap header.go_header_2row nav ul li.on div.gnb_top_menu {
  margin-top: 3px;
  border-top: none;
  right: auto;
}
.go_wrap header.go_header_2row nav li div.gnb_top_menu ul li {
  position: relative;
  width: 100%;
  padding: 0;
  white-space: nowrap;
  vertical-align: middle;
}
.go_wrap header.go_header_2row nav li div.gnb_top_menu ul li a {
  padding: 0px 10px;
}
.go_wrap header.go_header_2row nav li.more div.gnb_top_menu {
  margin-left: 0px;
  padding: 8px 0;
  border-radius: 4px;
}
.go_wrap header.go_header_2row nav li.more:hover .gnb_top_menu {
  display: block !important;
}
.go_wrap header.go_header_2row nav li.more div.gnb_top_menu ul li div.gnb_top_menu {
  position: absolute;
  left: 110px;
  top: -1px;
  border: 1px solid white;
  /*display:none*/
}
.go_wrap header.go_header_2row nav li.more div.gnb_top_menu ul li a:focus + div.gnb_top_menu,
.go_wrap header.go_header_2row nav li.more div.gnb_top_menu ul li:hover div.gnb_top_menu {
  display: block;
}
.go_wrap header.go_header_2row nav ul li.on_layer {
  position: relative;
  background: none;
}
.go_wrap header.go_header_2row nav ul li.on .on_layer {
  background: #2f2f2f;
}
.go_wrap header.go_header_2row nav ul li .ic_more {
  margin-left: 5px;
  vertical-align: middle;
}
.go_wrap header.go_header_2row nav div.gnb_top_menu ul li a span.menu {
  width: 94px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*GNB more menu - 2depth*/
/*menu명 길이 제한*/
section.my_info .profile {
  position: relative;
  margin: 4px 4px 0 0;
  max-width: 140px;
  float: right;
  height: 33px;
}

.go_skin_advanced section.my_info .profile {
  margin: 4px 0 0 0;
}

section.my_info {
  position: absolute;
  right: 10px;
  top: 0;
  max-width: 350px;
  height: 44px;
}
section.my_info .profile span.info {
  padding: 0;
  line-height: 40px;
}
section.my_info .profile span.photo a {
  display: inline-block;
}
section.my_info .profile span.photo img {
  width: 32px;
  height: 32px;
  border-radius: 32px;
}
section.my_info .wrap_docare:hover {
  background: #0392a7;
}
section.my_info .wrap_docare .menu {
  color: #fff;
  display: inline-block;
  vertical-align: top;
  margin: 10px 0 0 0;
}
section.my_info .profile {
  max-width: 140px;
  float: right;
  height: 33px;
}
section.my_info .profile .gnb_top_menu {
  position: absolute;
  top: 34px;
  right: 0;
  left: inherit;
  text-align: left;
}
section.my_info .gnb_top_menu.on {
  display: block;
}
section.my_info .profile span.photo {
  float: right;
}
section.my_info .profile span.info {
  float: left;
  margin: 0 3px;
  max-width: 85px;
  padding-top: 12px;
}
section.my_info .profile span.info a {
  display: block;
  font-weight: normal;
  margin-right: 0;
}
section.my_info .profile span.info a.name {
  display: inline-block;
  display: block;
  max-width: 100px;
  margin-right: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #cecece;
}
section.my_info .profile span.info a.name:hover {
  color: #d9d9d9;
}
section.my_info ul.ctrl {
  float: right;
  margin-right: 8px;
}
section.my_info ul.ctrl > li {
  float: left;
  width: 40px;
  height: 43px;
  text-align: left;
  border-radius: 4px;
}
section.my_info ul.ctrl #top_config,
section.my_info ul.ctrl #top_logout {
  display: none;
}
section.my_info ul.ctrl > li > a {
  display: inline-block;
  background: url(../images/ic_snb.png) no-repeat;
  width: 26px;
  height: 26px;
  margin: 9px 0 0 8px;
}

@media all and (max-width: 1000px) {
  /*for IE8*/
  section.my_info {
    max-width: 350px;
  }
  section.my_info .profile span.info {
    max-width: 160px;
  }
  section.my_info .profile span.info a.name {
    max-width: 150px;
  }
  section.my_info ul.ctrl li {
    float: right;
    margin-right: 10px;
  }
  section.my_info .profile span.info {
    display: none;
  }
  header.go_header_2row nav + a > ul li a {
    padding: 0 5px !important;
  }
  header.go_header_2row section.my_info {
    max-width: 260px;
  }
}
@media all and (min-width: 1001px) {
  section.my_info {
    max-width: 350px;
    text-align: right;
  }
  section.my_info .profile {
    max-width: 200px;
  }
  section.my_info .profile span.info {
    max-width: 150px;
  }
  section.my_info .profile span.info a.name {
    max-width: 150px;
  }
  section.my_info ul.ctrl > li {
    width: 34px;
  }
}
.go_skin_advanced section.my_info ul.ctrl > li > a {
  margin: 8px 0 0 8px;
}

section.my_info ul.ctrl > li a.btn_noti {
  position: relative;
  background-position: -50px 0;
}
section.my_info ul.ctrl > li:hover {
  background-color: #0392a7;
}
section.my_info ul.ctrl > li a.btn_noti .badge {
  position: absolute;
  top: -6px;
  right: -8px;
}
section.my_info ul.ctrl > li a.btn_admin {
  background-position: 0 10px;
}
section.my_info ul.ctrl > li a.btn_logout {
  background-position: -30px 10px;
}
section.my_info ul.ctrl > li a.btn_help {
  background-position: -120px 10px;
}
section.my_info ul.ctrl > li:hover a.btn_admin {
  background-position: 0 -40px;
}
section.my_info ul.ctrl > li:hover a.btn_logout {
  background-position: -30px -40px;
}
section.my_info ul.ctrl > li:active a.btn_admin,
section.my_info ul.ctrl > li:active a.btn_logout {
  position: relative;
  right: -1px;
  top: 1px;
}
section.my_info ul.ctrl > li > a span {
  display: none;
}
section.my_info ul.ctrl > li a span.noti {
  display: inline-block;
}
section.my_info ul.ctrl > li span.badge {
  display: inline-block;
  background: #fd1e1e;
  color: #fff;
  top: 2px;
  min-width: 14px;
  height: 14px;
  line-height: 14px;
  font-size: 10px;
  color: #fff;
  text-align: center;
  border-radius: 16px;
  padding: 2px;
}

/* side org bottom more button */
div.bottom_action {
  margin: 24px;
  text-align: center;
}

.btn_list_reload {
  display: block;
  padding: 8px;
  border: 1px solid rgba(221, 221, 221, 0.8666666667);
}
.btn_list_reload:hover {
  background: #eee;
  color: #000;
}

.snb .btn_ic24:hover {
  background-color: #0392a7;
}

.go_skin_advanced .snb .btn_ic24:hover {
  background-color: #eee;
}

/*side_my_info*/
.go_side section.my_info {
  position: relative;
  padding: 0;
  border-bottom: 1px solid #b3b3b3;
  border-top: 0;
  padding-left: 5px;
  background: #ececec;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#dedede));
  /*old version*/
  background-image: -webkit-linear-gradient(270deg, #f1f1f1 0%, #dedede 100%);
  background-image: -moz-linear-gradient(270deg, #f1f1f1 0%, #dedede 100%);
  background-image: -o-linear-gradient(270deg, #f1f1f1 0%, #dedede 100%);
  background-image: linear-gradient(top, #f1f1f1 0%, #dedede 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f1f1f1", endColorstr="#dedede", GradientType=0);
  /* IE6-9 */
}

.snb .btn_ic24 {
  position: relative;
}
.snb .btn_ic24 .badge {
  position: absolute;
  top: 2px;
  right: 0;
}

.go_side section.my_info .profile {
  min-width: 177px;
  background-position: -30px 0;
}
.go_side section.my_info .profile span.info {
  border-right: 1px solid #c6c6c6;
}
.go_side section.my_info .profile span.info a.name {
  color: #3f3f3f;
}
.go_side section.my_info .profile span.info a.name:hover {
  color: #2eacb3;
}
.go_side section.my_info .profile span.info a.noti {
  background-position: -60px -50px;
}
.go_side section.my_info > a {
  width: 32px;
  border-left: 1px solid #f5f5f5;
  border-right: 1px solid #c6c6c6;
}
.go_side section.my_info > a:hover {
  background-color: #d8d8d8;
}
.go_side section.my_info > a.btn_admin {
  background-position: 0 -32px;
}
.go_side section.my_info > a.btn_logout {
  border-right: 0;
  background-position: -28px -32px;
  margin-left: 0;
}

/*--------------------------------------------------------@footer_style------------------------------------------------------------------------------*/
footer.go_footer {
  padding: 2px 0px;
}
footer.go_footer section.setting {
  float: left;
  margin-top: 7px;
}
footer.go_footer section.setting dl.setting_layout,
footer.go_footer section.setting dl.setting_theme {
  float: left;
  width: 140px;
  line-height: 100%;
  padding-left: 10px;
  border-left: 1px solid #4b4b4b;
}
footer.go_footer section.setting dt {
  float: left;
  width: 50px;
  font-size: 10px;
  font-family: verdana;
  color: #747474;
}
footer.go_footer section.setting dd {
  margin: -4px 0 0 50px;
}
footer.go_footer section.meta {
  float: right;
  margin-right: 10px;
}
footer.go_footer section.meta small.copyright {
  float: right;
  margin-top: 5px;
  font-size: 10px;
  font-family: verdana;
  color: #525252;
}
footer.go_footer section.setting dl.setting_layout {
  border: none;
}
footer.go_footer section.setting dl.setting_layout dd a {
  display: inline-block;
  width: 21px;
  height: 21px;
  background: #2eacb3 url(../images/btn_layout.png) no-repeat 0 0;
  border-radius: 2px;
  vertical-align: middle;
}
footer.go_footer section.setting dl.setting_layout dd a.btn_side_view {
  background-position: 0 0;
}
footer.go_footer section.setting dl.setting_layout dd a.btn_side_hidden {
  background: red;
  background-position: 0 0;
}
footer.go_footer section.setting dl.setting_layout dd a span.txt {
  display: none;
}
footer.go_footer section.setting dl.setting_theme dd {
  float: left;
  margin-left: 3px;
}
footer.go_footer section.setting dl.setting_theme dd a {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  border: 1px solid #7d7d7d;
  vertical-align: middle;
  padding: 0;
}
footer.go_footer section.setting dl.setting_theme dd a.btn_default {
  background: #2eacb3;
}
footer.go_footer section.setting dl.setting_theme dd a.btn_blue {
  background: #3283d7;
}
footer.go_footer section.setting dl.setting_theme dd a.btn_bk {
  background: #161616;
}
footer.go_footer section.setting dl.setting_theme dd a span.txt {
  display: none;
}

/*--------------------------------------------------------@side_style------------------------------------------------------------------------*/
.go_side {
  position: relative;
  box-sizing: border-box;
  height: 100%;
  padding-bottom: 24px;
}
.go_side > section {
  padding: 4px 0px;
}
.go_side div.scroll_wrap {
  border-bottom: 1px solid #ddd;
}
.go_side div.scroll_wrap section.last_lnb {
  border-bottom: 0;
}

.go_side section.outmail {
  margin-top: 10px;
}
.go_side section.gnb_title {
  padding: 6px 24px 12px 24px;
}
.go_side section.gnb_title h1 {
  display: relative;
  padding-right: 28px;
}
.go_side section.gnb_title h1 .btn_icon {
  position: absolute;
  top: 6px;
  right: 24px;
  padding: 5px;
  border-radius: 18px;
}
.go_side section.gnb_title h1 .btn_icon:hover {
  background: #f8f8f8;
}
.go_side section.gnb_title h1 .select_list {
  top: 46px;
  right: 0;
  width: initial;
  border: 0;
}
.go_side section.gnb_title + .function {
  padding: 12px 24px 24px 24px;
}
.go_side section.gnb_title + .function .btn_function {
  height: 48px;
}
.go_side section.gnb_title + .function .btn_function .txt {
  font-size: 16px;
  font-weight: 500;
}
.go_side section.gnb_title + section.lnb {
  border-top: none;
}
.go_side .function {
  position: relative;
  padding: 24px 24px 16px 24px;
}
.go_side .function > a {
  border: 1px solid #4a4b4c;
  background: #fff;
  box-shadow: none;
  border-radius: 8px;
}
.go_side .function > a:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-color: #000;
}
.go_side .function > a:hover .txt {
  border-color: #333;
}
.go_side .function > a .txt {
  color: #333;
}

.go_skin_advanced .go_side .function {
  position: relative;
  padding: 0 24px 16px 24px;
}

.go_side .function .btn_function .ic_side {
  display: none;
}
.go_side .function .outmail_wrap {
  position: relative;
  text-align: center;
}
.go_side section.function div.outmail_wrap a.btn_minor_s {
  display: block;
  width: 194px;
  margin: 0 auto;
}
.go_side section.function div.outmail_wrap a span.btn_wrap {
  position: absolute;
  right: 25px;
  top: 5px;
}
.go_side section.function_set {
  border-bottom: 0;
  padding-top: 15px;
}
.go_side section.function_set a.outmail {
  width: 120px;
}
.go_side section.function_set a.set {
  width: 70px;
}
.go_side section.function_set section.personal_data {
  padding-top: 5px;
}
.go_side > .bar {
  height: 0px;
  border-bottom: 1px solid #fff;
}

.lnb h1 {
  position: relative;
  padding: 4px 0 4px 16px;
  min-height: 19px;
  font-size: 14px;
  color: #333;
  vertical-align: middle;
}
.lnb h1 .ic_hide_up {
  position: absolute;
  top: 9px;
  left: 0;
  cursor: pointer;
}
.lnb h1 > a > .ic_hide_up {
  top: 8px;
}
.lnb h1 > a > span.txt {
  font-weight: bold;
  color: #333;
}
.lnb h1 > span.txt,
.lnb h1 > a.txt {
  cursor: pointer;
  font-weight: 600;
  letter-spacing: -1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 130px;
  color: #333;
  vertical-align: middle;
  padding-right: 2px;
}
.lnb h1 > span.sub_txt,
.lnb h1 > a span.sub_txt {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  font-weight: normal;
}
.lnb h1 .txt {
  display: inline-block;
  margin: 0;
}
.lnb h1 .ic_side.ic_hide_up {
  transition: 0.3s;
}
.lnb h1.folded .ic_side.ic_hide_up {
  transform: rotate(-90deg);
}
.lnb h1.star + .side_depth .title .txt {
  max-width: 145px;
}

.function_attend + .lnb .title .txt {
  max-width: 170px;
}

.lnb + .bottom_fixed {
  position: fixed;
  bottom: 8px;
}

.do_side section.lnb h1.user .ic_side {
  position: absolute;
  top: 8px;
  left: 10px;
}
.do_side section.lnb h1.user .ic_side_folder_root,
.do_side section.lnb h1.user .ic_side_share_root {
  display: none;
}

.star_waiting .title > input {
  display: none;
}
.star_waiting .title label .txt {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  margin: -2px 0 0 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 112px !important;
}

/*** 레거시 lnb ***/
section.lnb {
  padding: 12px 16px 16px 8px;
}
section.lnb:first-child,
section.function + section.lnb {
  padding-top: 0;
}

section.lnb ul li {
  position: relative;
}

ul.side_depth li {
  padding: 0 0 0 24px;
}
ul.side_depth li span.txt {
  display: inline;
}
ul.side_depth li p.title label {
  width: 110px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
ul.side_depth li span.ic_chk {
  vertical-align: top;
  margin: 2px 6px 0 0;
}
ul.side_depth.delimiter p.title:hover {
  cursor: default;
  background: url(../images/bg_dotline_full.png) no-repeat scroll 0 50% transparent;
  background-position: 60px center;
}
ul.side_depth.delimiter p.title:hover span {
  color: #999 !important;
}
ul.side_depth.delimiter > p.title {
  background-position: 40px center;
}

:root ul.side_depth li span.txt {
  position: relative\9;
  top: 1px\9;
}

ul.side_depth li .title span.btn_wrap {
  position: absolute;
  top: 5px;
  right: 5px;
}
ul.side_depth li .title span.btn_wrap span.ic_side {
  width: 24px;
  height: 24px;
  margin-top: 2px;
}
ul.side_depth li .title span.btn_wrap span.ic_side.ic_more_option {
  display: none;
  background-position: -96px -499px;
}
ul.side_depth li span.btn_wrap {
  position: absolute;
  top: 8px;
  right: 4px;
}
ul.side_depth li.new p.title {
  position: initial;
}
ul.side_depth li.new p.title:hover {
  background: none;
}
ul.side_depth li.new p.title .btn_wrap {
  right: 0;
}
ul.side_depth li.new p.title span#memberInvite {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 2px 8px 2px 4px;
  border-radius: 4px;
  background-color: #f5f7f8;
}
ul.side_depth li.new p.title span#memberInvite:hover {
  background-color: #eee;
}
ul.side_depth li:hover span.btn_wrap {
  display: inline-flex;
}
.go_skin_works.do_skin ul.side_depth li p.title {
  padding-left: 8px !important;
}
.go_skin_works.do_skin ul.side_depth li p.title span.txt {
  margin-left: 6px;
  max-width: 170px;
}
.go_skin_works .do_side section.lnb ul li span.btn_wrap {
  top: 5px !important;
}

ul.side_depth li.org > p.title,
ul.side_depth li.org_share > p.title {
  padding-left: 8px;
}
ul.side_depth li.org > p.title a,
ul.side_depth li.org_share > p.title a {
  display: flex;
}
ul.side_depth li.org > p.title a .ic_side,
ul.side_depth li.org_share > p.title a .ic_side {
  position: relative !important;
  top: 0;
  left: 0px;
}
ul.side_depth li.org > p.title a .ic_side + .txt,
ul.side_depth li.org_share > p.title a .ic_side + .txt {
  padding-left: 4px;
}

.go_side .lnb_edit ul.side_depth li span.btn_wrap .ic_side.ic_list_del {
  display: none;
}
.go_side:hover ul.side_depth li span.btn_wrap .ic_side.ic_more_option,
.go_side:hover .lnb_edit ul.side_depth li span.btn_wrap .ic_side.ic_list_del {
  display: block !important;
}

ul.side_depth li.mail_inbox .title,
ul.side_depth li.tag .title {
  padding-right: 24px;
}
ul.side_depth li .btn_state_disable {
  border-radius: 2px;
  line-height: 14px;
}
ul.side_depth li .title {
  position: relative;
  display: flex;
  align-items: center;
  height: 32px;
  line-height: 24px;
  border-radius: 12px;
  padding: 4px 8px;
  box-sizing: border-box;
}
ul.side_depth li .title a {
  display: flex;
  align-items: center;
  max-width: 100%;
  height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
ul.side_depth li.org > .title {
  padding: 4px 24px;
}
ul.side_depth li.org > .title .ic_hide_up {
  position: absolute;
  top: 11px;
  left: 8px;
}
ul.side_depth li.folder > .title {
  position: relative;
}

.go_side .ic_hide_up,
.go_side .close,
.go_side .open {
  opacity: 0;
  transition: 0.3s;
}
.go_side .lnb h1:hover .ic_side.ic_hide_up {
  opacity: 1;
}
.go_side:hover .ic_hide_up,
.go_side:hover .close,
.go_side:hover .open {
  opacity: 0.6;
}
.go_side .nodepth li .title {
  padding-left: 24px;
}

section.lnb h1 span.btn_wrap {
  position: absolute;
  right: 0;
  top: 4px;
}
section.lnb h1 span.btn_wrap .btn_ic_list_reorder {
  width: 24px;
  height: 24px;
}
section.lnb h1 span.btn_wrap .btn_ic_list_reorder:hover {
  background: none;
}
section.lnb h1 span.btn_wrap .ic_side.ic_list_reorder,
section.lnb h1 span.btn_wrap .ic_side.ic_side_setting {
  margin: 3px 0 0 3px;
}

ul.side_depth li.org > p.title:hover {
  cursor: default;
}
ul.side_depth li.org > p.title:hover a {
  cursor: default;
}
ul.side_depth li.org > p.title:hover a span.txt {
  cursor: default;
}
ul.side_depth li.org_share > p.title:hover a span.txt {
  cursor: default;
}
ul.side_depth li span.open {
  cursor: pointer;
  position: absolute;
  left: 8px;
  top: 8px;
  display: inline-block;
  background: url(../images/ic_side.png) no-repeat -350px -250px;
  vertical-align: middle;
  width: 12px;
  height: 12px;
}
ul.side_depth li span.close {
  cursor: pointer;
  position: absolute;
  left: 8px;
  top: 8px;
  display: inline-block;
  background: url(../images/ic_side.png) no-repeat -350px -199px;
  vertical-align: middle;
  width: 12px;
  height: 12px;
}
ul.side_depth li.star span.close,
ul.side_depth li.star span.open {
  left: 6px;
  top: 3px;
}
ul.side_depth li span.open,
ul.side_depth li span.close {
  left: -10px;
}

/*20depth*/
.layer_doc_type_select ul.side_depth li span.open,
.layer_doc_type_select ul.side_depth li span.close {
  top: 5px;
  left: 6px;
}
.layer_doc_type_select ul.side_depth li li span.open,
.layer_doc_type_select ul.side_depth li li span.close {
  left: 26px;
}
.layer_doc_type_select ul.side_depth li li li span.open,
.layer_doc_type_select ul.side_depth li li li span.close {
  left: 46px;
}
.layer_doc_type_select ul.side_depth li li li li span.open,
.layer_doc_type_select ul.side_depth li li li li span.close {
  left: 66px;
}
.layer_doc_type_select ul.side_depth li li li li li span.open,
.layer_doc_type_select ul.side_depth li li li li li span.close {
  left: 86px;
}
.layer_doc_type_select ul.side_depth li li li li li li span.open,
.layer_doc_type_select ul.side_depth li li li li li li span.close {
  left: 106px;
}
.layer_doc_type_select ul.side_depth li li li li li li li span.open,
.layer_doc_type_select ul.side_depth li li li li li li li span.close {
  left: 126px;
}
.layer_doc_type_select ul.side_depth li li li li li li li li span.open,
.layer_doc_type_select ul.side_depth li li li li li li li li span.close {
  left: 146px;
}
.layer_doc_type_select ul.side_depth li li li li li li li li li span.open,
.layer_doc_type_select ul.side_depth li li li li li li li li li span.close {
  left: 166px;
}
.layer_doc_type_select ul.side_depth li li li li li li li li li li span.open,
.layer_doc_type_select ul.side_depth li li li li li li li li li li span.close {
  left: 186px;
}
.layer_doc_type_select ul.side_depth li li li li li li li li li li li span.open,
.layer_doc_type_select ul.side_depth li li li li li li li li li li li span.close {
  left: 206px;
}
.layer_doc_type_select ul.side_depth li li li li li li li li li li li li span.open,
.layer_doc_type_select ul.side_depth li li li li li li li li li li li li span.close {
  left: 226px;
}
.layer_doc_type_select ul.side_depth li li li li li li li li li li li li li span.open,
.layer_doc_type_select ul.side_depth li li li li li li li li li li li li li span.close {
  left: 246px;
}
.layer_doc_type_select ul.side_depth li li li li li li li li li li li li li li span.open,
.layer_doc_type_select ul.side_depth li li li li li li li li li li li li li li span.close {
  left: 266px;
}
.layer_doc_type_select ul.side_depth li li li li li li li li li li li li li li li span.open,
.layer_doc_type_select ul.side_depth li li li li li li li li li li li li li li li span.close {
  left: 286px;
}
.layer_doc_type_select ul.side_depth li li li li li li li li li li li li li li li li span.open,
.layer_doc_type_select ul.side_depth li li li li li li li li li li li li li li li li span.close {
  left: 306px;
}
.layer_doc_type_select ul.side_depth li li li li li li li li li li li li li li li li li span.open,
.layer_doc_type_select ul.side_depth li li li li li li li li li li li li li li li li li span.close {
  left: 326px;
}
.layer_doc_type_select ul.side_depth li li li li li li li li li li li li li li li li li li span.open,
.layer_doc_type_select ul.side_depth li li li li li li li li li li li li li li li li li li span.close {
  left: 346px;
}
.layer_doc_type_select ul.side_depth li li li li li li li li li li li li li li li li li li li span.open,
.layer_doc_type_select ul.side_depth li li li li li li li li li li li li li li li li li li li span.close {
  left: 366px;
}
.layer_doc_type_select ul.side_depth li li li li li li li li li li li li li li li li li li li li span.open,
.layer_doc_type_select ul.side_depth li li li li li li li li li li li li li li li li li li li li span.close {
  left: 386px;
}
.layer_doc_type_select ul.side_depth ul.side_depth li span.open,
.layer_doc_type_select ul.side_depth ul.side_depth li span.close {
  top: 5px;
  left: 26px;
}
.layer_doc_type_select ul.side_depth ul.side_depth li li span.open,
.layer_doc_type_select ul.side_depth ul.side_depth li li span.close {
  left: 46px;
}
.layer_doc_type_select ul.side_depth ul.side_depth ul.side_depth li li span.open,
.layer_doc_type_select ul.side_depth ul.side_depth ul.side_depth li li span.close {
  left: 66px;
}
.layer_doc_type_select ul.side_depth ul.side_depth ul.side_depth ul.side_depth li li span.open,
.layer_doc_type_select ul.side_depth ul.side_depth ul.side_depth ul.side_depth li li span.close {
  left: 86px;
}
.layer_doc_type_select ul.side_depth ul.side_depth ul.side_depth ul.side_depth ul.side_depth li li span.open,
.layer_doc_type_select ul.side_depth ul.side_depth ul.side_depth ul.side_depth ul.side_depth li li span.close {
  left: 106px;
}
.layer_doc_type_select
  ul.side_depth
  ul.side_depth
  ul.side_depth
  ul.side_depth
  ul.side_depth
  ul.side_depth
  li
  li
  span.open,
.layer_doc_type_select
  ul.side_depth
  ul.side_depth
  ul.side_depth
  ul.side_depth
  ul.side_depth
  ul.side_depth
  li
  li
  span.close {
  left: 126px;
}
.layer_doc_type_select
  ul.side_depth
  ul.side_depth
  ul.side_depth
  ul.side_depth
  ul.side_depth
  ul.side_depth
  ul.side_depth
  li
  li
  span.open,
.layer_doc_type_select
  ul.side_depth
  ul.side_depth
  ul.side_depth
  ul.side_depth
  ul.side_depth
  ul.side_depth
  ul.side_depth
  li
  li
  span.close {
  left: 146px;
}
.layer_doc_type_select
  ul.side_depth
  ul.side_depth
  ul.side_depth
  ul.side_depth
  ul.side_depth
  ul.side_depth
  ul.side_depth
  ul.side_depth
  li
  li
  span.open,
.layer_doc_type_select
  ul.side_depth
  ul.side_depth
  ul.side_depth
  ul.side_depth
  ul.side_depth
  ul.side_depth
  ul.side_depth
  ul.side_depth
  li
  li
  span.close {
  left: 166px;
}

ul.side_depth li.community p.title span.btn_state_disable + span.txt {
  max-width: 100px;
}

section.lnb ul.side_depth li.setting p > a {
  max-width: 210px;
}
section.lnb.side_doc ul.side_depth li p > a {
  max-width: 150px;
}
section.lnb.side_doc ul.side_depth li.folder p > a {
  max-width: 130px;
}
section.lnb.side_doc ul.side_depth li li.folder p > a {
  max-width: 110px;
}
section.lnb.side_doc ul.side_depth li li li.folder p > a {
  max-width: 90px;
}
section.lnb.side_doc ul.side_depth li li li li.folder p > a {
  max-width: 70px;
}
section.lnb.side_doc ul.side_depth li li li li li.folder p > a {
  max-width: 50px;
}
section.lnb.side_doc ul.side_depth li li li li li li.folder p > a {
  max-width: 30px;
}
section.lnb.side_doc ul.side_depth li li li li li li li.folder p > a {
  max-width: 20px;
}
section.lnb.side_doc ul.side_depth li li li li li li li li.folder p > a {
  max-width: 10px;
}
section.lnb.mycalendar ul.side_depth li .title span.btn_wrap {
  top: 10px;
}
section.lnb.mycalendar + .scroll_wrap ul.side_depth li .title span.btn_wrap {
  top: 10px;
}
section.lnb ul.side_depth li.org > p > a,
section.lnb ul.side_depth li.org_share > p > a {
  max-width: 165px;
}
section.lnb ul.side_depth li li > p > a span.txt,
section.lnb ul.side_depth li li > p.on > a span.txt {
  max-width: 125px;
}
section.lnb ul.side_depth li li li > p > a span.txt,
section.lnb ul.side_depth li li li > p.on > a span.txt {
  max-width: 105px;
}
section.lnb ul.side_depth li li li li > p > a span.txt,
section.lnb ul.side_depth li li li li > p.on > a span.txt {
  max-width: 85px;
}
section.lnb ul.side_depth li li li li li > p > a span.txt,
section.lnb ul.side_depth li li li li li > p.on > a span.txt {
  max-width: 65px;
}
section.lnb ul.side_depth li li li li li li > p > a span.txt,
section.lnb ul.side_depth li li li li li li > p.on > a span.txt {
  max-width: 50px;
}
section.lnb ul.side_depth li li li li li li li > p > a span.txt,
section.lnb ul.side_depth li li li li li li li > p.on > a span.txt {
  max-width: 40px;
}
section.lnb ul.side_depth li li li li li li li li > p > a span.txt,
section.lnb ul.side_depth li li li li li li li li > p.on > a span.txt {
  max-width: 30px;
}
section.lnb ul.side_depth li li li li li li li li li > p > a span.txt,
section.lnb ul.side_depth li li li li li li li li li > p.on > a span.txt {
  max-width: 17px;
}
section.lnb ul.side_depth li li li li li li li li li li > p > a span.txt {
  max-width: 15px;
}
section.lnb ul.side_depth li li li li li li li li li li li > p > a span.txt {
  max-width: 15px;
}
section.lnb ul.side_depth li li li li li li li li li li li li > p > a span.txt {
  max-width: 15px;
}
section.lnb ul.side_depth li li li li li li li li li li li li li > p > a span.txt {
  max-width: 15px;
}
section.lnb ul.side_depth li li li li li li li li li li li li li li > p > a span.txt {
  max-width: 15px;
}
section.lnb ul.side_depth li li li li li li li li li li li li li li li > p > a span.txt {
  max-width: 15px;
}
section.lnb ul.side_depth li li li li li li li li li li li li li li li li > p > a span.txt {
  max-width: 15px;
}
section.lnb ul.side_depth li li li li li li li li li li li li li li li li li > p > a span.txt {
  max-width: 15px;
}
section.lnb ul.side_depth li li li li li li li li li li li li li li li li li li > p > a span.txt {
  max-width: 15px;
}
section.lnb ul.side_depth li li li li li li li li li li li li li li li li li li li > p > a span.txt {
  max-width: 15px;
}
section.lnb ul.side_depth li li li li li li li li li li li li li li li li li li li li > p > a span.txt {
  max-width: 15px;
}
section.lnb ul.side_depth li li li li li li li li li li li li li li li li li li li li li > p > a span.txt {
  max-width: 15px;
}
section.lnb ul.side_depth li li li li li li li li li li li li li li li li li li li li li > p > a ins.ic {
  display: none;
}
section.lnb ul.side_depth li li li li li li li li li li li li li li li li li li li li > p > a ins.ic {
  display: none;
}
section.lnb ul.side_depth li li li li li li li li li li li li li li li li li li li > p > a ins.ic {
  display: none;
}
section.lnb ul.side_depth li li li li li li li li li li li li li li li li li li > p > a ins.ic {
  display: none;
}
section.lnb ul.side_depth li li li li li li li li li li li li li li li li li > p > a ins.ic {
  display: none;
}
section.lnb ul.side_depth li li li li li li li li li li li li li li li li > p > a ins.ic {
  display: none;
}
section.lnb ul.side_depth li li li li li li li li li li li li li li li > p > a ins.ic {
  display: none;
}
section.lnb ul.side_depth li li li li li li li li li li li li li li > p > a ins.ic {
  display: none;
}
section.lnb ul.side_depth li li li li li li li li li li li li li > p > a ins.ic {
  display: none;
}
section.lnb ul.side_depth li li li li li li li li li li li li > p > a ins.ic {
  display: none;
}
section.lnb ul.side_depth li li li li li li li li li li li > p > a ins.ic {
  display: none;
}
section.lnb ul.side_depth li li li li li li li li li li > p > a ins.ic {
  display: none;
}
section.lnb ul.side_depth li.null p > a {
  max-width: 100%;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}
section.lnb ul.side_depth li p > span.txt {
  display: inline-block;
  max-width: 165px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
section.lnb ul.side_depth li p > a span.txt {
  display: inline-block;
  max-width: 135px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  padding-right: 2px;
}

/*indent*/
/* ul.side_depth li.org>.title>a::before,
ul.side_depth li.group>.title>a::before,
ul.side_depth li.classic_anonym>.title>a::before,
ul.side_depth li.feed>.title>a::before,
ul.side_depth li.feed_share>.title>a::before,
ul.side_depth li.classic_share>.title>a::before,
ul.side_depth li.folder>.title>a::before,
ul.side_depth li.community>.title>a::before,
ul.side_depth li.classic>.title>a::before {content: ''; display: inline-block;  margin-right: 4px;  width: 8px; height: 8px; border-bottom: 1px solid #555; border-left: 1px solid #555; opacity:  0.5;}
ul.side_depth li .title .close + a::before,
ul.side_depth li .title .open + a::before {content: none; margin-right: inherit; width: inherit; height: inherit;} */
/*null_data*/
ul.side_depth li p > a > span.contactTag {
  display: inline-block;
  max-width: 135px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  padding-right: 2px;
}

section.lnb ul.side_depth li p > a span.num {
  margin-left: 3px;
}
section.lnb ul.side_depth li p.on > a {
  color: #fff;
}

/*user_data*/
ul.side_depth li.inactive p.title {
  opacity: 0.5;
}
ul.side_depth li.inactive p.title:hover {
  background: none;
}
ul.side_depth li p.on:hover {
  background-color: #f8f8f8;
}
ul.side_depth li p.on > a > span.txt,
ul.side_depth li p.on > a > span.contactTag {
  display: inline-block;
  color: var(--dop-color-text-primary-level1);
  font-weight: 500;
}

ul.side_depth li p:hover {
  background-color: #f8f8f8;
}
ul.side_depth li p.on span.num {
  color: var(--dop-color-text-status-information);
}
ul.side_depth li p.title span.ic_new2 {
  margin: 0px 0 0 2px;
}
ul.side_depth li.org:hover {
  cursor: default !important;
}
ul.side_depth li.org:hover > p.title span.txt,
ul.side_depth li.org:hover > p.title ins.ic {
  cursor: default !important;
}

/*jira9090 overriding*/
.lnb h1.mail + div .list_action {
  height: auto;
  padding-left: 8px;
  margin: 0;
}
.lnb h1.mail + div .list_action .btn_wrap .btn_side2:first-child {
  display: block;
  padding-left: 0 !important;
  background: #fff;
  margin-bottom: 8px;
  text-decoration: underline;
  color: #555;
}

section.lnb_last {
  border-bottom: 0;
}
section.lnb div.list_action {
  position: relative;
  height: 22px;
  margin-top: 8px;
  margin-bottom: 8px;
}
section.lnb div.list_action span.btn_wrap {
  padding-left: 24px;
}
section.lnb span.btn_side1 {
  cursor: pointer;
  display: inline-block;
  padding: 5px 5px 3px;
  font-size: 11px;
  line-height: 12px;
  border-radius: 2px;
  background: #666;
  color: #fff;
  letter-spacing: -1px;
}
section.lnb span.btn_side1:hover {
  background-color: #444;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
section.lnb span.btn_side2 {
  cursor: pointer;
  display: inline-block;
  padding: 8px;
  line-height: 12px;
  border-radius: 4px;
  color: #333;
  background: #f5f6f8 url(../images/ic_side.svg) no-repeat 0px -370px;
  padding-left: 28px !important;
}
section.lnb span.btn_side2:hover {
  background-color: #eee;
}
section.lnb span.btn_side3 {
  cursor: pointer;
  display: inline-block;
  padding: 3px 3px 2px;
  font-size: 11px;
  height: 20px;
  line-height: 13px;
  background: #fff;
  color: #999;
  border: 1px solid #cfd1d9;
  font-weight: normal;
  border-radius: 4px;
}

ul.side_depth li ins.ic {
  display: none;
  background: url(../images/ic_side.png) no-repeat;
  vertical-align: top;
  width: 18px;
  height: 18px;
  margin-right: 3px;
}
ul.side_depth li.org_share > p ins.ic {
  background-position: -100px -2050px;
}
ul.side_depth li.org_share > p span {
  /*color:blue*/
}
ul.side_depth li.folder > p ins.ic {
  background-position: -100px -50px;
}
ul.side_depth li.folder_sys > p ins.ic {
  background-position: -100px -950px;
}
ul.side_depth li.docs_resent > p ins.ic {
  background-position: -300px -1650px;
}
ul.side_depth li.docs_update > p ins.ic {
  background-position: -300px -1700px;
}
ul.side_depth li.docs_approve > p ins.ic {
  background-position: -300px -1750px;
}
ul.side_depth li.docs_upload > p ins.ic {
  background-position: -300px -1800px;
}
ul.side_depth li.bbs > p ins.ic {
  background-position: -100px -1100px;
}
ul.side_depth li.mail_inbox > p ins.ic {
  background-position: -100px -950px;
}
ul.side_depth li.mail_inbox_full > p ins.ic {
  background-position: -100px -1500px;
}
ul.side_depth li.mail_fail > p ins.ic {
  background-position: -300px -1150px;
}
ul.side_depth li.certi > p ins.ic {
  background-position: -300px -1200px;
}
ul.side_depth li.mail_sent > p ins.ic {
  background-position: -100px -1000px;
}
ul.side_depth li.mail_draft > p ins.ic {
  background-position: -100px -1050px;
}
ul.side_depth li.mail_reserved > p ins.ic {
  background-position: -100px -1200px;
}
ul.side_depth li.trash > p ins.ic {
  background-position: -100px -750px;
}
ul.side_depth li.mail_spam > p ins.ic {
  background-position: -100px -1150px;
}
ul.side_depth li.private > p ins.ic {
  background-position: -100px -1350px;
}
ul.side_depth li.mail_share > p ins.ic {
  background-position: -100px -1400px;
}
ul.side_depth li.mail_important > p ins.ic {
  background-position: -200px -1900px;
}
ul.side_depth li.mail_today > p ins.ic {
  background-position: -200px -1950px;
}
ul.side_depth li.mail_read > p ins.ic {
  background-position: -100px -1950px;
}
ul.side_depth li.mail_noread > p ins.ic {
  background-position: 0px -900px;
}
ul.side_depth li.mail_normal > p ins.ic {
  background-position: -100px -1898px;
}
ul.side_depth li.mail_yesterday > p ins.ic {
  background-position: -200px -2000px;
}
ul.side_depth li.mail_file > p ins.ic {
  background-position: -200px -2050px;
}
ul.side_depth li.mail_reply > p ins.ic {
  background-position: -300px -1900px;
}
ul.side_depth li.mail_me > p ins.ic {
  background-position: -300px -1950px;
}
ul.side_depth li.mail_sns > p ins.ic {
  background-position: -300px -1400px;
}
ul.side_depth li.mail_ad > p ins.ic {
  background-position: -400px -1350px;
}
ul.side_depth li.mail_bill > p ins.ic {
  background-position: -401px -1400px;
}
ul.side_depth li.folder_share > p ins.ic {
  background-position: -100px -800px;
}
ul.side_depth li.group > p ins.ic {
  background-position: -100px -100px;
}
ul.side_depth li.closed > p ins.ic {
  background-position: -100px -850px;
}
ul.side_depth li.star > p ins.ic {
  background-position: -100px -1250px;
}
ul.side_depth li.member > p ins.ic,
ul.side_depth li.tag > p ins.ic {
  display: none;
}
ul.side_depth li.star_waiting > p ins.ic {
  background-position: -200px -50px;
}
ul.side_depth li.community > p ins.ic {
  background-position: -100px -701px;
}
ul.side_depth li.new > p ins.ic {
  background: url(../images/ic_side.svg) no-repeat -6px -376px;
  /*4.0*/
}
ul.side_depth li.new > p span.txt {
  cursor: pointer;
}
ul.side_depth li.import > p ins.ic {
  background-position: -100px -1650px;
}
ul.side_depth li.setting > p ins.ic {
  background-position: -100px -1699px;
}
ul.side_depth li.assigned > p ins.ic {
  background-position: -100px 0px;
}
ul.side_depth li.classic > p ins.ic {
  background-position: -100px -1550px;
}
ul.side_depth li.feed > p ins.ic {
  background-position: -100px -1600px;
}
ul.side_depth li.classic_share > p ins.ic {
  background-position: -100px -1750px;
}
ul.side_depth li.feed_share > p ins.ic {
  background-position: -100px -1800px;
}
ul.side_depth li.classic_closed > p ins.ic {
  background-position: -300px -1550px;
}
ul.side_depth li.feed_closed > p ins.ic {
  background-position: -300px -1600px;
}
ul.side_depth li.report_share > p ins.ic {
  background-position: -100px -1800px;
}
ul.side_depth li.classic_anonym > p ins.ic {
  background-position: -300px -1450px;
}
ul.side_depth li.classic_share_anonym > p ins.ic {
  background-position: -400px -1450px;
}
ul.side_depth li.feed_anonym > p ins.ic {
  background-position: -300px -1500px;
}
ul.side_depth li.feed_share_anonym > p ins.ic {
  background-position: -400px -1500px;
}
ul.side_depth li p span.ic_private {
  margin-right: 2px;
  height: 16px;
}
ul.side_depth li.report > p ins.ic,
ul.side_depth li.report_ns > p ins.ic {
  background-position: -200px -1450px;
}
ul.side_depth li.report_share > p ins.ic {
  background-position: -200px -1500px;
}
ul.side_depth li.report_closed > p ins.ic {
  background-position: -200px -1550px;
}
ul.side_depth li.task > p ins.ic {
  background-position: -200px -1600px;
}
ul.side_depth li.task_share > p ins.ic {
  background-position: -200px -1650px;
}
ul.side_depth li.task_closed > p ins.ic {
  background-position: -200px -1700px;
}
ul.side_depth li.survey > p ins.ic {
  background-position: -200px -1400px;
}
ul.side_depth li.appr > p ins.ic {
  background-position: -200px -1050px;
}
ul.side_depth li.appr_expected > p ins.ic {
  background-position: -300px -1100px;
}
ul.side_depth li.appr_standby > p ins.ic {
  background-position: -200px -1150px;
}
ul.side_depth li.appr_draft > p ins.ic {
  background-position: -200px -1200px;
}
ul.side_depth li.appr_temporarily > p ins.ic {
  background-position: -300px -1051px;
}
ul.side_depth li.appr_sign > p ins.ic {
  background-position: -200px -1250px;
}
ul.side_depth li.appr_inbox > p ins.ic {
  background-position: -200px -1300px;
}
ul.side_depth li.appr_reception > p ins.ic {
  background-position: -200px -1350px;
}
ul.side_depth li.appr_send > p ins.ic {
  background-position: -400px -1050px;
}
ul.side_depth li.appr_inquiry > p ins.ic {
  background-position: -200px -1750px;
}
ul.side_depth li.appr_record > p ins.ic {
  background-position: -200px -1800px;
}
ul.side_depth li.docfolder > p ins.ic {
  background-position: -200px -1850px;
}
ul.side_depth li.appr_compl > p ins.ic {
  background-position: -400px -1200px;
}
ul.side_depth li.appr_cc > p ins.ic {
  background-position: -300px -1300px;
}
ul.side_depth li.org > p.on ins.ic {
  width: 21px;
  background-position: -150px -350px;
}
ul.side_depth li.org_share > p.on ins.ic {
  width: 21px;
  background-position: -150px -2050px;
}
ul.side_depth li.folder > p.on ins.ic {
  display: none;
}
ul.side_depth li.folder_sys > p.on ins.ic {
  background-position: -150px 0px;
  margin-right: 5px;
}
ul.side_depth li.folder_share > p.on ins.ic {
  background-position: -150px -800px;
  margin-right: 5px;
}
ul.side_depth li.group > p.on ins.ic {
  background-position: -150px -100px;
}
ul.side_depth li.closed > p.on ins.ic {
  background-position: -150px -850px;
}
ul.side_depth li.star > p.on ins.ic {
  background-position: -150px -1250px;
}
ul.side_depth li.private > p.on ins.ic {
  background-position: -150px -1350px;
}
ul.side_depth li.bbs > p.on ins.ic {
  background-position: -150px -1100px;
}
ul.side_depth li.mail_inbox > p.on ins.ic {
  background-position: -150px -950px;
}
ul.side_depth li.mail_inbox_full > p.on ins.ic {
  background-position: -150px -1500px;
}
ul.side_depth li.mail_fail > p ins.ic {
  background-position: -350px -1150px;
}
ul.side_depth li.certi > p ins.ic {
  background-position: -350px -1200px;
}
ul.side_depth li.mail_sent > p.on ins.ic {
  background-position: -150px -1000px;
}
ul.side_depth li.mail_draft > p.on ins.ic {
  background-position: -150px -1050px;
}
ul.side_depth li.mail_reserved > p.on ins.ic {
  background-position: -150px -1200px;
}
ul.side_depth li.trash > p.on ins.ic {
  background-position: -150px -750px;
}
ul.side_depth li.mail_spam > p.on ins.ic {
  background-position: -150px -1150px;
}
ul.side_depth li.mail_share > p.on ins.ic {
  background-position: -150px -1400px;
}
ul.side_depth li.mail_important > p ins.ic {
  background-position: -250px -1900px;
}
ul.side_depth li.mail_today > p.on ins.ic {
  background-position: -250px -1950px;
}
ul.side_depth li.mail_read > p.on ins.ic {
  background-position: -150px -1950px;
}
ul.side_depth li.mail_noread > p.on ins.ic {
  background-position: -50px -900px;
}
ul.side_depth li.mail_normal > p.on ins.ic {
  background-position: -150px -1898px;
}
ul.side_depth li.mail_yesterday > p ins.ic {
  background-position: -250px -2000px;
}
ul.side_depth li.mail_file > p ins.ic {
  background-position: -250px -2050px;
}
ul.side_depth li.mail_reply > p ins.ic {
  background-position: -350px -1900px;
}
ul.side_depth li.mail_me > p ins.ic {
  background-position: -350px -1950px;
}
ul.side_depth li.mail_sns > p.on ins.ic {
  background-position: -350px -1400px;
}
ul.side_depth li.mail_ad > p.on ins.ic {
  background-position: -450px -1350px;
}
ul.side_depth li.mail_bill > p.on ins.ic {
  background-position: -450px -1400px;
}
ul.side_depth li.member > p.on ins.ic,
ul.side_depth li.tag > p.on ins.ic {
  display: none;
}
ul.side_depth li.star_waiting > p.on ins.ic {
  background-position: -200px -50px;
}
ul.side_depth li.star_waiting > p.on span.txt {
  color: #999;
}
ul.side_depth li.community > p.on ins.ic {
  background-position: -150px -701px;
}
ul.side_depth li.new > p.on ins.ic {
  background-position: -100px -300px;
}
ul.side_depth li.new > p.on span.txt {
  cursor: pointer;
}
ul.side_depth li.import > p.on ins.ic {
  background-position: -150px -1650px;
}
ul.side_depth li.setting > p.on ins.ic {
  background-position: -150px -1699px;
}
ul.side_depth li p.on span.txt {
  color: #fff;
}
ul.side_depth li.assigned > p.on ins.ic {
  background-position: -150px 0px;
}
ul.side_depth li.classic > p.on ins.ic {
  background-position: -150px -1550px;
}
ul.side_depth li.feed > p.on ins.ic {
  background-position: -150px -1600px;
}
ul.side_depth li.classic_share > p.on ins.ic {
  background-position: -150px -1750px;
}
ul.side_depth li.feed_share > p.on ins.ic {
  background-position: -150px -1800px;
}
ul.side_depth li.classic_closed > p.on ins.ic {
  background-position: -350px -1550px;
}
ul.side_depth li.feed_closed > p.on ins.ic {
  background-position: -350px -1600px;
}
ul.side_depth li.mail_inbox_full p span.txt {
  color: #fd3c51;
  font-weight: bold;
  font-weight: 500;
}
ul.side_depth li.mail_inbox_full p.on span.txt {
  color: #fff;
}
ul.side_depth li.classic_anonym > p.on ins.ic {
  background-position: -350px -1450px;
}
ul.side_depth li.classic_share_anonym > p.on ins.ic {
  background-position: -450px -1500px;
}
ul.side_depth li.feed_anonym > p.on ins.ic {
  background-position: -350px -1450px;
}
ul.side_depth li.feed_share_anonym > p.on ins.ic {
  background-position: -450px -1500px;
}
ul.side_depth li.report > p.on ins.ic,
ul.side_depth li.report_ns > p.on ins.ic {
  background-position: -250px -1450px;
}
ul.side_depth li.report_share > p.on ins.ic {
  background-position: -250px -1500px;
}
ul.side_depth li.report_closed > p.on ins.ic {
  background-position: -250px -1550px;
}
ul.side_depth li.task > p.on ins.ic {
  background-position: -250px -1600px;
}
ul.side_depth li.task_share > p.on ins.ic {
  background-position: -250px -1650px;
}
ul.side_depth li.task_closed > p.on ins.ic {
  background-position: -250px -1700px;
}
ul.side_depth li.survey > p.on ins.ic {
  background-position: -250px -1400px;
}
ul.side_depth li.appr > p.on ins.ic {
  background-position: -250px -1050px;
}
ul.side_depth li.appr_expected > p.on ins.ic {
  background-position: -350px -1100px;
}
ul.side_depth li.appr_standby > p.on ins.ic {
  background-position: -250px -1150px;
}
ul.side_depth li.appr_draft > p.on ins.ic {
  background-position: -250px -1200px;
}
ul.side_depth li.appr_temporarily > p.on ins.ic {
  background-position: -350px -1051px;
}
ul.side_depth li.appr_sign > p.on ins.ic {
  background-position: -250px -1250px;
}
ul.side_depth li.appr_inbox > p.on ins.ic {
  background-position: -250px -1300px;
}
ul.side_depth li.appr_reception > p.on ins.ic {
  background-position: -250px -1350px;
}
ul.side_depth li.appr_send > p.on ins.ic {
  background-position: -450px -1050px;
}
ul.side_depth li.appr_inquiry > p ins.ic {
  background-position: -250px -1750px;
}
ul.side_depth li.appr_record > p ins.ic {
  background-position: -250px -1800px;
}
ul.side_depth li.appr_compl > p.on ins.ic {
  background-position: -450px -1200px;
}
ul.side_depth li.new > p span.txt {
  color: #333;
}
ul.side_depth li.delimiter > p {
  background: url(../images/bg_dotline_full.png) no-repeat 0 50%;
  overflow: hidden;
  margin-right: 10px;
}
ul.side_depth li.delimiter > p ins.ic {
  display: none;
}
ul.side_depth li.delimiter > p span.txt {
  padding: 0 10px 0 0;
  background: #fff;
  color: #bfbfbf;
}

/*normal*/
/*del*/
/*??*/
/* 결재 */
/* 대기 */
/* 예정 */
/* 기안 */
/* 임시 */
/* 결재 */
/* 받은 */
/* 수신 */
/* 발송 */
/* 문서조회및관리 */
/* 관리자작업기록 */
/* 문서함 */
/* 기안완료 */
/* 참조문서 */
/*on*/
/*??*/
/* 대기 */
/* 예정 */
/* 기안 */
/* 임시 */
/* 결재 */
/* 받은 */
/* 수신 */
/* 발송 */
/* 문서조회및관리 */
/* 관리자작업기록 */
/* 기안완료 */
section.lnb ul li.delimiter > a > span.txt {
  padding: 0 10px 0 0;
  background: #fff;
  color: #bfbfbf;
}

ul.side_depth li.default ins.ic {
  display: none;
}
ul.side_depth li input.edit {
  background: #f1f1f1;
  margin-right: 6px;
  padding: 4px 3px;
  border-radius: 2px;
  border: 1px solid #d2d6d9;
  width: 60%;
}
ul.side_depth li span.photo {
  position: relative;
  border-radius: 2px;
  display: inline-block;
  overflow: hidden;
  width: 22px;
  height: 22px;
  margin-right: 4px;
  vertical-align: middle;
}
ul.side_depth li span.photo img {
  width: 22px;
  height: 22px;
}
ul.side_depth li div.ic_tag {
  vertical-align: middle;
}
ul.side_depth li.null p.title span.txt {
  cursor: default;
  color: #999;
}

section.lnb.oganization ul.side_depth li p > a {
  overflow: visible;
  max-width: 100%;
}
section.lnb.oganization ul.side_depth li li > p > a,
section.lnb.oganization ul.side_depth li li > p.on > a {
  overflow: visible;
  max-width: 100%;
}
section.lnb.oganization ul.side_depth li li li > p > a {
  overflow: visible;
  max-width: 100%;
}
section.lnb.oganization ul.side _depth li li li > p.on > a {
  overflow: visible;
  max-width: 100%;
}
section.lnb.oganization ul.side_depth li p > a .txt {
  display: inline-block;
  margin-right: 10px;
}

.lnb .div_scroll {
  overflow: auto;
}

section.lnb_edit li {
  padding-left: 0px;
}
section.lnb_edit li.move {
  display: block;
  box-shadow: 0px 4px 8px rgba(198, 201, 206, 0.4);
  z-index: 1;
}
section.lnb_edit li:hover {
  cursor: move !important;
}
section.lnb_edit li:hover p.title,
section.lnb_edit li:hover span.txt,
section.lnb_edit li:hover a {
  cursor: move !important;
}
section.lnb_edit li p.title {
  border: 1px solid #f5f6f9;
  padding-left: 16px;
}
section.lnb_edit li p.title:hover {
  background: #fff;
  background: #fff url(../images/bg_move.png) no-repeat 4px center;
  border: 1px solid #e3e3e3;
}
section.lnb_edit li.move p.title {
  background: #fff;
  border: 1px solid #e3e3e3;
}
section.lnb_edit ul.side_depth li.move:hover p.title {
  margin: 0;
}
section.lnb_edit li.ui-sortable-placeholder {
  margin: 0 5px;
  height: 25px;
  overflow: hidden;
  background: #ffffaf;
  border: 2px dotted #e3dc86;
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  padding: 0;
  line-height: 0;
}

header.single_title span.num {
  margin-left: 5px;
}

ul.side_depth li p span.num {
  display: flex;
  margin: 0 0 0 4px;
  padding: 4px;
  line-height: initial;
  color: var(--dop-color-text-status-information);
  font-size: 12px;
  vertical-align: middle;
  min-width: 20px;
  height: 20px;
  border-radius: 20px;
  align-items: center;
  justify-content: center;
}

section.lnb span.btn_state_disable span.txt,
section.lnb p.title:hover span.btn_state_disable span.txt {
  color: #fff !important;
}

div.tab_content_wrap {
  position: relative;
  clear: left;
  margin-top: 35px;
}
div.tab_content_wrap div.tab_wrap {
  position: absolute;
  top: -26px;
  left: 0;
  border-color: #bbb;
}
div.tab_content_wrap ul.tab_nav {
  margin: 0;
  display: block;
}
div.tab_content_wrap ul.tab_nav li.ui-state-active {
  border-color: #bbb;
  border-bottom-color: #fefefe;
}
div.tab_content_wrap ul.tab_nav li.ui-state-active:hover {
  border-color: #bbb;
  border-bottom-color: #fefefe;
}
div.tab_content_wrap div.content_wrap {
  margin-top: 26px;
}

/*side_nav*/
.go_side section.side_nav {
  position: relative;
  margin-bottom: 15px;
  padding: 10px 24px 0px;
}

.go_skin_advanced .go_side section.side_nav {
  padding: 0 24px;
  position: absolute;
  top: 22px;
  left: 0;
  background: #fff;
}

.go_side section.side_nav + .function {
  padding-top: 0;
}
.go_side section.side_nav a.btn_home {
  z-index: 10;
  display: inline-block;
  width: 28px;
  height: 29px;
  background: url(../images/ic.png) -91px -343px;
  vertical-align: middle;
  margin-left: -5px;
}
.go_side section.side_nav a.btn_home .ic_arrow_prev {
  margin: 8px;
}
.go_side section.side_nav span.select_nav {
  z-index: 9;
  position: relative;
  display: inline-block;
  margin-left: -5px;
  width: calc(100% - 28px);
  height: 3 4px;
  vertical-align: middle;
}
.go_side section.side_nav span.select_nav span.ic_arrow_down {
  position: absolute;
  top: 13px;
  right: 8px;
}
.go_side section.side_nav a.btn_home:hover {
  background-color: #eee;
  border-radius: 4px;
}
.go_side section.side_nav span.select_nav:hover {
  background-position: -277px -900px;
}
.go_side section.side_nav span.select_nav span.comm_name {
  display: inline-block;
  height: 29px;
  line-height: 30px;
  letter-spacing: -1px;
}
.go_side section.side_nav span.select_nav span.comm_name a {
  display: inline-block;
  vertical-align: top;
  margin: -1px 0 0 4px;
}
.go_side section.side_nav span.select_nav span.comm_name a .txt {
  display: inline-block;
  font-size: 20px;
  max-width: 120px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.go_side section.side_nav span.select_nav span.comm_name a .ic_dropdown {
  vertical-align: top;
  margin: 5px 0 0 0;
  opacity: 0.5;
}
.go_side section.side_nav span.select_nav span.action_wrap {
  position: absolute;
  padding-left: 5px;
  right: 0px;
  top: 4px;
}
.go_side section.side_nav span.select_nav span.action_wrap span.btn_dropdown {
  display: inline-block;
  margin-left: 2px;
  width: 20px;
  height: 20px;
  background: url(../images/side_btn_dropdown.png) no-repeat 0 0;
  vertical-align: middle;
  cursor: pointer;
}
.go_side section.side_nav span.select_nav span.action_wrap a {
  vertical-align: middle;
}
.go_side section.side_nav span.select_nav span.action_wrap span {
  margin-top: 2px;
  vertical-align: top;
}
.go_side section.side_nav ul.layer_nav {
  max-height: 300px;
  overflow-y: auto;
  z-index: 10;
  position: absolute;
  left: 24px;
  top: 42px;
  width: 208px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
}

.go_skin_advanced .go_side section.side_nav ul.layer_nav {
  top: 32px;
}

.go_side section.side_nav ul.layer_nav li {
  padding: 10px 5px;
  border-top: 1px solid #f3f3f3;
  background: #fff;
}
.go_side section.side_nav ul.layer_nav li a {
  display: block;
}
.go_side section.side_nav ul.layer_nav li:first-child {
  border-radius: 0;
  border: 0;
}
.go_side section.side_nav ul.layer_nav li:hover {
  cursor: pointer;
  background: #edeff5;
}
.go_side section.side_nav ul.layer_nav li.last {
  /*border-radius:0 0 5px 5px*/
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}
.go_side section.side_nav ul.layer_nav li span.ic_master {
  display: inline-block;
  margin-left: 3px;
  width: 12px;
  height: 12px;
  background: url(../images/ic_master.png) no-repeat 0 0;
  vertical-align: middle;
}
.go_side section.side_nav ul.layer_nav li.data_disable a span.txt {
  filter: Alpha(Opacity=60);
  opacity: 0.6;
}

/*리스트하나일경우수정*/
/*content*/
header.content_top {
  padding: 0 8px 24px 0;
}
header.content_top h1 {
  min-width: 100px;
  padding: 4px 300px 0 0;
  font-size: 24px;
}
header.content_top h1 > span {
  font-size: 24px;
}
header.content_top h1 > span.txt {
  display: inline;
  min-height: 13px;
  margin: 0 8px 0 0;
  font-size: 24px;
}
header.content_top h1 > span.num {
  font-size: 13px;
  color: #999;
}
header.content_top h1 span.nav a span {
  font-size: 24px;
}
header.content_top h1 > span.title {
  display: inline-block;
  font-size: 24px;
  font-weight: bold;
  font-weight: 500;
  width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
header.content_top h1 span.meta {
  font-size: 13px;
  color: #888;
  vertical-align: middle;
  letter-spacing: -0.02em;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
header.content_top h1 span.meta strong {
  font-weight: normal;
  font-size: 13px;
}
header.content_top h1 span.meta span.from,
header.content_top h1 span.meta span.team {
  display: inline-block;
  max-width: 138px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
header.content_top h1 span.meta span.num {
  letter-spacing: 0;
  color: #999;
  font-size: 13px;
  vertical-align: middle;
}
header.content_top h1 span.meta_section {
  margin-left: 8px;
  padding-left: 8px;
  border-left: 1px solid #ddd;
  font-size: 13px;
  height: 14px;
  line-height: 14px;
  display: inline-block;
  vertical-align: middle;
}
header.content_top h1 span.meta_section span.date {
  vertical-align: top;
  color: #999;
}
header.content_top h1 span.meta_section span.times {
  color: #999;
}
header.content_top h1 span.meta_section span.times span.num {
  font-size: 12px;
  font-weight: bold;
  font-weight: 500;
}
header.content_top h1 span.count {
  font-size: 13px;
  color: #999;
}
header.content_top h1 span.count strong {
  color: #000;
}
header.content_top section.search {
  float: right;
}
header.content_top section.combine_btn {
  position: absolute;
  top: 15px;
  right: 24px;
}
header.content_top section.combine_search {
  margin-left: 10px;
}
header.content_top.report_top h1 span.txt {
  max-width: 225px;
}
header.content_top.report_top h1 span.meta span.team {
  max-width: 112px;
}

div.data_result {
  padding: 0 10px;
  margin-bottom: 10px;
}
div.data_info {
  margin: 10px;
}
div.data_info p.desc {
  margin: 5px 0;
}
div.data_info .option_wrap label {
  vertical-align: middle;
}

.layer_organogram aside.go_organogram .option_wrap {
  color: #c2c2c2;
}
.layer_organogram aside.go_organogram .desc {
  color: #c2c2c2;
  display: none;
}
.layer_organogram aside.go_organogram div.data_info {
  margin: 5px 10px;
}
.layer_organogram aside.go_organogram ul.name_tag {
  overflow-y: auto;
  max-height: 80px;
}
.layer_organogram aside.go_organogram ul.name_tag li {
  display: flex;
  align-items: center;
  gap: 2px;
  border-radius: 4px;
}

.content_page {
  position: relative;
}

.content_top {
  background: #fff;
}

.content_page {
  background: #fff;
}

header.content_top h1 span.num strong,
header.content_top h1 span.meta strong {
  color: #000;
}

.btn_set_line {
  border-right: 1px solid #c9c9c9;
}

/*state*/
.btn_state_disable {
  cursor: default;
  display: inline-block;
  padding: 2px 4px 4px;
  color: #fff;
  font-weight: normal;
  font-size: 11px;
  line-height: 11px;
  background: #aeb2ba;
  letter-spacing: -1px;
}
.btn_state_disable span.txt {
  filter: Alpha(Opacity=100) !important;
  opacity: 1 !important;
}

.btn_major {
  display: inline-block;
  cursor: pointer;
  padding: 11px 25px 8px;
  color: #fff;
  font-weight: bold;
  font-weight: 500;
  font-size: 13px;
  line-height: 12px;
  background: #00a1b9;
  border: 1px solid #00a1b9;
  border-radius: 8px;
}
.btn_major:hover {
  background-color: #0392a7;
  border-color: #0392a7;
}
.btn_major:hover span {
  color: #fff !important;
}
.btn_major.btn_disabled {
  cursor: default;
  color: #656565 !important;
  background: #f3f3f3 !important;
  border: 1px solid #f3f3f3 !important;
}
.btn_major.btn_disabled:hover {
  cursor: default;
  color: #656565 !important;
  background: #f3f3f3 !important;
  border: 1px solid #f3f3f3 !important;
}

.btn_minor {
  display: inline-block;
  cursor: pointer;
  padding: 11px 25px 8px;
  color: #656565;
  font-weight: normal;
  font-size: 13px;
  line-height: 12px;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  background: #f3f3f3;
  border: 1px solid #d1d1d1;
}
.btn_minor:hover {
  background-color: #e1e1e1;
  border-color: #d1d1d1;
}

.btn_caution {
  display: inline-block;
  cursor: pointer;
  padding: 0 8px;
  border-radius: 2px;
  border: 1px solid #ddd;
  padding: 0 16px;
  height: 34px;
  line-height: 34px;
  font-size: 13px;
  background: #f4f4f4;
  vertical-align: middle;
}
.btn_caution:hover {
  background: #e1e1e1;
  border-color: #d1d1d1;
}

div.page_action_wrap .btn_major,
footer.btn_layer_wrap .btn_major {
  display: inline-block;
  cursor: pointer;
  padding: 0 20px;
  color: #fff;
  font-weight: normal;
  font-size: 13px;
  height: 40px;
  line-height: 33px;
  background: #00a1b9;
  border: 1px solid #00a1b9;
  border-radius: 8px;
  margin: 0 4px;
}

div.page_action_wrap .btn_major:hover,
footer.btn_layer_wrap .btn_major:hover {
  background-color: #27adc2;
  border-color: #27adc2;
}

div.page_action_wrap .btn_major:hover span {
  color: #fff !important;
}

footer.btn_layer_wrap .btn_major:hover span {
  color: #fff !important;
}
footer.btn_layer_wrap .btn_major.btn_disabled:hover span {
  color: #656565 !important;
}

div.page_action_wrap .btn_minor,
footer.btn_layer_wrap .btn_minor {
  display: inline-block;
  cursor: pointer;
  padding: 0 16px;
  height: 40px;
  line-height: 33px;
  border-radius: 8px;
  border: 1px solid #ddd;
  margin: 0 4px;
}

div.page_action_wrap .btn_minor:hover,
footer.btn_layer_wrap .btn_minor:hover {
  background-color: #e1e1e1;
  border-color: #d1d1d1;
}

.page_action_wrap .btn_minor .ic_help2 {
  vertical-align: top;
  margin: 9px 0 0 0;
}

.btn_caution_red_s {
  display: inline-block;
  cursor: pointer;
  padding: 4px 8px 3px;
  color: #fff;
  font-weight: bold;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  background: #ff3f3f;
  border-radius: 2px;
  border: 1px solid #da2020;
}
.btn_caution_red_s:hover {
  background-color: #e82222;
  border-color: #da2020;
}
.btn_caution_red_s span.txt {
  color: #fff;
}

.btn_minor_s2:hover {
  color: #2eacb3;
}

:root .btn_minor_s2 {
  padding: 5px 8px 2px\9;
  /*for IE9*/
}

.btn_minor_s3 {
  cursor: pointer;
  display: inline-block;
  padding: 5px 8px 4px;
  color: #656565;
  font-weight: normal;
  font-size: 13px;
  /*line-height:18px;*/
  background: #f4f4f4;
  border-radius: 2px;
  border: 1px solid #d9d9d9;
  vertical-align: middle;
}
.btn_minor_s3:hover {
  color: #2eacb3;
}

:root .btn_minor_s3 {
  padding: 5px 8px 2px\9;
  /*for IE9*/
}

.btn_addsurvey {
  border: 1px solid #cdcdcd;
  background: #f1f1f1;
  padding: 6px 0;
  text-align: center;
  border-radius: 2px;
  font-weight: bold;
  font-weight: 500;
  color: #777;
  margin: auto;
  width: 500px;
}
.btn_addsurvey:hover {
  cursor: pointer;
  background: #f9f9f9;
  border-color: #b6b6b6;
  color: #333;
}

.btn_bdr_white {
  border: 1px solid #fff;
}
.btn_bdr_white:hover {
  border: 1px solid #ccc;
  border-radius: 3px;
}

.btn_bdr {
  display: inline-block;
  padding: 3px;
  cursor: pointer;
}
.btn_bdr:hover {
  border: 1px solid #eee;
  padding: 2px;
  border-radius: 4px;
  background-color: #eee;
}

table.list_task004 .btn_bdr span.ic_setup {
  margin-right: 4px;
}

.btn_bdr_b {
  padding: 10px;
}

.btn_bdr_m {
  padding: 7px;
}

.btn_bdr_s {
  padding: 4px;
}

ins.ic_star {
  display: inline-block;
  cursor: pointer;
  width: 16px;
  height: 16px;
  background: url(../images/icon_star.png) no-repeat 0 0;
  vertical-align: middle;
}
ins.ic_star_off {
  display: inline-block;
  cursor: pointer;
  width: 16px;
  height: 16px;
  background: url(../images/icon_star.png) no-repeat 0 -40px;
  vertical-align: middle;
}

a.btn_title {
  display: inline-block;
  vertical-align: text-bottom;
  background: #666;
  border-radius: 10px;
  padding: 1px 8px;
}
a.btn_title span {
  vertical-align: middle;
}
a.btn_title span.text {
  color: #f7f7f7;
  font-size: 12px;
}
a.btn_title span.icon_classic {
  background-position: -178px 1px;
}

span.btn_feedwrite {
  display: inline-block;
  width: 90px;
  height: 30px;
  line-height: 28px;
  background: #00a1b9;
  border: 1px solid #00a1b9;
  border-radius: 2px;
  text-align: center;
}
span.btn_feedwrite:hover {
  background: #24adc2;
  border-color: #24adc2;
}
span.btn_del_light {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url(../images/ic_con.png) no-repeat -100px -150px;
}
span.btn_feedwrite span.txt {
  color: #fff;
  font-weight: bold;
  font-weight: 500;
  font-family: 돋움, dotum, AppleGothic, arial, Helvetica, sans-serif;
}
span.date_type {
  height: 70px;
}
span.date_type span.txt {
  display: block;
  width: 100%;
  text-align: center;
  color: #a4a4a4;
  font-size: 11px;
  font-family: 돋움, dotum, AppleGothic, arial, Helvetica, sans-serif;
}
span.btn_txt {
  cursor: pointer;
  /*border-bottom:1px solid #333;*/
  text-decoration: underline;
}
span.item_file {
  position: relative;
  overflow: hidden;
  display: block;
}
span.item_file span {
  display: inline-block;
  vertical-align: middle;
}
span.item_file .btn_fn4 span.txt {
  margin-left: 0;
  letter-spacing: -1px;
  height: 17px;
  line-height: 17px;
  font-size: 11px;
  padding: 0;
  vertical-align: top;
}

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

span.txt_bold {
  font-weight: bold;
  font-weight: 500;
}
span.item_file strong.caution {
  letter-spacing: -1px;
  color: red;
  margin-left: 5px;
}

ins.arrow_up {
  border-top: 6px solid transparent;
  border-bottom: 6px solid #888;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
ins.arrow_down {
  border-top: 6px solid #888;
  border-bottom: 6px solid transparent;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  height: 6px;
}

span.btn_feedwrite {
  cursor: pointer;
}
span.btn_feedwrite span.ic_feedwrite {
  vertical-align: middle;
  display: none;
}
span.btn_set_prev {
  cursor: pointer;
  display: inline-block;
  width: 65px;
  height: 13px;
  background: url(../images/btn_set.png) no-repeat 0 0;
}
span.btn_set_next {
  cursor: pointer;
  display: inline-block;
  width: 65px;
  height: 13px;
  background: url(../images/btn_set.png) no-repeat 0 -13px;
}
span.btn_set_prev:hover {
  background-position: -66px 0;
}
span.btn_set_next:hover {
  background-position: -66px -13px;
}
span.btn_setup {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/ic.png) no-repeat 0 0;
}

/*------ File Upload------*/
.wrap_file_upload .btn_minor_s,
.wrap_file_upload .btn_fn7 {
  position: relative;
}
.wrap_file_upload input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  width: 100%;
  height: 30px !important;
}

.btn_file_form {
  display: inline-block;
  cursor: pointer;
  padding: 4px 8px 3px;
  color: #656565;
  font-weight: bold;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  border: 1px solid #cecece;
  border-radius: 2px;
  background: #f3f3f3;
}
.btn_file_form:hover {
  background-color: #e1e1e1;
  border-color: #c0c0c0;
}
.btn_file_form span.ic_file_up {
  background-position: -400px -100px;
  width: 14px;
  height: 16px;
  position: relative;
  top: -1px;
  opacity: 0.7;
  filter: Alpha(Opacity=70);
}
.btn_file_form:hover span.ic_file_up {
  opacity: 1;
  filter: Alpha(Opacity=100);
}
.btn_file_form span.text {
  cursor: pointer;
}

.wrap_file_upload {
  cursor: pointer;
  position: relative;
}

span.plus_num {
  color: #999;
}

td span.date {
  color: #999;
}

.wrap_nation .to {
  color: #999;
  font-family: tahoma;
}

td span.num {
  display: inline-block;
  color: #999;
  font-weight: normal;
  font-size: 12px;
}
td span.num strong {
  font-weight: normal;
  font-size: 12px;
}
td span.name {
  display: inline;
  word-wrap: normal;
}

span.comm {
  font-weight: bold;
  font-weight: 500;
  color: #444;
}
span.txt_url {
  font-size: 13px;
}
span.txt_blue {
  color: #3b85b0;
}

/* ----------- table info ----------- */
table tr.detail_info {
  background: #fafafa;
}

ul.type_style {
  position: relative;
  margin-left: -6px;
  overflow: hidden;
}
ul.type_style li {
  display: inline-block;
  float: left;
  padding: 0;
  text-align: center;
}
ul.type_style li:first-child {
  margin-right: 10px;
}
ul.type_style label {
  display: inline-block;
  text-align: center;
}
ul.type_style li span.txt {
  display: inline-block;
  width: 100%;
  text-align: center;
}
ul.type_style li input[type='radio'] {
  margin-right: 0;
}

span.board_skin_feed {
  display: block;
  width: 50px;
  height: 50px;
  background: url(../images/icon_search_result.png) 0 -50px;
  margin: 0 auto;
}
span.board_skin_classic {
  display: block;
  width: 50px;
  height: 50px;
  background: url(../images/icon_search_result.png) 0 0;
  margin: 0 auto;
}

label.board_skin_feed {
  display: block;
  width: 50px;
  height: 70px;
  background: url(../images/icon_search_result.png) 0 -50px;
  margin: 0 auto;
}
label.board_skin_classic {
  display: block;
  width: 50px;
  height: 70px;
  background: url(../images/icon_search_result.png) 0 0;
  margin: 0 auto;
}
ul.type_style li span.option_wrap {
  margin-right: 0;
}

form.editor_form {
  padding: 0 12px;
}

div.editor {
  background-color: #fff;
}
div.content_page p.explain_precontents {
  margin-left: 30px;
  margin-top: -10px;
}
div.content_page div.table_search {
  text-align: center;
  margin-bottom: 25px;
}
div.tab_contents div.table_search {
  text-align: center;
  margin-bottom: 25px;
}
div.option_display {
  line-height: 1.6;
  overflow: hidden;
  margin: 8px 0;
  padding: 8px;
  border: 1px dashed #ddd;
}
div.article_wrap div.option_display {
  margin-left: 65px;
  width: 90%;
}
div.reply_wrap div.option_display {
  margin: 10px 0;
  width: 90%;
}
div.option_display table {
  line-height: 1;
}

span.option_display ul.type_style label {
  text-align: center;
  width: 100%;
}

.type_normal th .title_sort {
  width: 100%;
  position: relative;
  height: 46px;
  line-height: 46px;
  display: inline-block;
}

table.tb_month_header thead th,
table.tb_week_header thead th {
  text-align: center;
  cursor: default;
}

.go_calendar_list table.tb_month_header thead th,
.go_calendar_list table.tb_week_header thead th,
.go_calendar_list table.tb_agenda thead th {
  text-align: left;
  cursor: default;
}

.no_indent {
  text-indent: 0 !important;
}

table thead th.sorting_disabled {
  cursor: default;
}

@media \0 screen {
  table.type_normal td.list_subject span.txt {
    vertical-align: top;
    margin-top: 2px;
  }
}
/* IE8 hack */
:root table.type_normal td.list_subject span.txt {
  vertical-align: top\0 / IE9;
  margin-top: 3px\0 / IE9;
}

/* IE9 hack */
.dataTables_wrapper,
.tab_conent_wrap {
  position: relative;
  margin-bottom: 15px;
}
.dataTables_wrapper .wrap_calendar_name,
.tab_conent_wrap .wrap_calendar_name {
  padding: 0 !important;
}

.content_page .dataTables_wrapper .tool_bar {
  display: block;
}

table.type_nohead thead {
  display: none;
}
table.type_nohead td {
  text-align: left;
  border-bottom: 1px solid #ededed;
  font-size: 12px;
  padding: 7px 5px;
  line-height: 1.5;
}

.dataTables_processing {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 200px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #222;
  filter: Alpha(Opacity=20);
  opacity: 0.2;
  color: #fff;
  font-family: arial;
  font-size: 14px;
  margin-left: -100px;
  border-radius: 5px;
  margin-top: -25px;
}

.layer_reader .type_nohead td {
  font-size: 13px;
}
.layer_reader .type_nohead td .date {
  margin-left: 4px;
}
.layer_reader table td:last-child {
  width: 60px;
}

table tbody.ui-sortable tr:hover {
  cursor: move;
  background-color: #ffffaf;
  border-bottom: 1px solid #e3dc86;
}
table tbody.ui-sortable tr:hover td {
  cursor: move;
  background-color: #ffffaf;
  border-bottom: 1px solid #e3dc86;
}
table tbody.ui-sortable tr.ui-sortable-helper:hover td.align_c {
  display: none;
}
table tbody.ui-sortable tr:hover td:first-child {
  background: transparent url(../images/bg_move.png) no-repeat 4px 14px;
}
table.in_table tbody.ui-sortable tr:hover td:first-child {
  background: transparent url(../images/bg_move.png) no-repeat 4px 10px;
}

.status_wrap {
  background: #e9f5f6;
  padding: 15px 0 !important;
}
.status_wrap span.desc {
  color: #333;
  margin-right: 5px;
}

ul.selectlist {
  float: left;
}
ul.selectlist li {
  display: inline-block;
  float: left;
  margin: 0 5px 5px 0;
  background: #f5f5f5;
  border-radius: 13px;
  border: 1px solid #dddddd;
  padding: 4px 4px 4px 10px;
  line-height: 1.3;
  color: #777;
}
ul.selectlist li a.btn_addlist {
  line-height: 25px;
}

/* mail_list */
table.mail_list span.ic {
  margin-right: 1px;
}
table.mail_list tbody tr td {
  vertical-align: top !important;
}
table.mail_list tbody tr td .subject .ic_exclamation {
  vertical-align: baseline;
  position: relative;
  top: -1px;
}
table.type_normal tbody tr td.title {
  padding: 0 24px 0 40px;
  height: 24px;
  line-height: 24px;
  border-bottom: 1px solid #eee;
  vertical-align: middle;
  text-align: left;
}

.go_skin_advanced table.type_normal tbody tr td.title {
  border-bottom: 0;
}

table.type_normal tbody tr td.title .date {
  color: #aaa;
}
table.type_normal tbody tr td.title:hover {
  background: #fff;
}
table.mail_list tbody tr td.title span.date {
  font-size: 14px;
  letter-spacing: -0.5px;
  font-family:
    var(--font-pretendard-variable),
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    'Open Sans',
    'Helvetica Neue',
    'Apple Color Emoji',
    'Segoe UI Emoji',
    'Segoe UI Symbol',
    sans-serif;
}
table.mail_list tbody tr td.title:hover {
  background: inherite;
}
table.mail_list tbody tr td.title span.title_type1 {
  display: flex;
  align-items: center;
  margin: 8px 0;
  font-size: 12px;
  font-weight: bold;
  font-weight: 500;
  gap: 4px;
  height: 19px;
}
table.mail_list tbody tr td.title span.title_type1:after {
  content: '';
  border-bottom: 1px solid #eee;
  width: 100%;
}
table.mail_list tbody tr td.title span.title_type1 span {
  color: #4a4b4c;
  font-family:
    var(--font-pretendard-variable),
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    'Open Sans',
    'Helvetica Neue',
    'Apple Color Emoji',
    'Segoe UI Emoji',
    'Segoe UI Symbol',
    sans-serif;
}
table.mail_list tbody tr td.title span.title_type1 > span {
  font-size: 12px;
  color: #888;
}
table.mail_list tbody tr td.title span.title_type1 > .txt {
  flex-shrink: 0;
}
table.mail_list tbody tr td.title span.title_type1 .date {
  display: inline-block;
  overflow: visible;
  white-space: nowrap;
  width: auto;
}

/*background 에 inherite 는 바르지 않음*/
table.mail_list tbody tr td.title span.title_type1 .ic {
  margin-top: -2px;
}
table.mail_list tr.read_no span.subject {
  line-height: 1.4;
}
table.mail_list span.vertical_wrap {
  margin: 0 0 -2px !important;
}
table.mail_list span.name {
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 120px;
  line-height: normal;
}
table.mail_list span.mailbox {
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100px;
}
table.mail_list span.num {
  margin: 0;
}
table.mail_list div.func_wrap span.ic,
table.mail_list div.func_wrap span.ic_con {
  line-height: 1.4;
}
table.mail_list th div.func_wrap span.ic_cc {
  position: relative;
  top: -1px;
}
table.mail_list div.func_wrap span.btn_wrap,
table.mail_list div.func_wrap span.ic,
table.mail_list div.func_wrap span.ic_important_on,
table.mail_list div.func_wrap span.ic_read_no,
table.mail_list div.func_wrap span.ic_cc,
table.mail_list div.func_wrap span.ic_file_s {
  margin: 0 !important;
}
table.mail_list div.func_wrap span.ic {
  margin-left: 4px !important;
}

tr.tb_option td {
  padding-top: 15px;
  padding-bottom: 15px;
  background: #eee;
  color: #333;
}
tr.tb_option td p.desc a {
  display: inline-block;
  border: 1px solid #bbb;
  padding: 4px 16px;
  margin: 16px 0 0 0;
  border-radius: 4px;
}

.content_mail .tool_bar {
  border-bottom: 1px solid #ddd;
}

tr.tb_option td p.desc span {
  margin-left: 6px;
  color: #999;
  font-weight: normal;
}

table.mail_list td a .ic_tag {
  margin: 0 8px 0 0;
}
table.mail_list td span.ic_blank {
  margin-left: 5px;
}
table.mail_list td span.btn_wrap {
  line-height: 1.2;
}

.type_normal td .ic_blank {
  margin: -4px 0 0 4px;
}

.drag {
  z-index: 5;
  position: absolute;
  padding: 16px;
  background: #333;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5);
  color: #fff;
  cursor: move;
  border-radius: 4px;
  max-width: 240px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dropClass {
  border: 1px solid #e3dc86;
  background-color: #ffffaf;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  color: #3b3b3b !important;
}

/* list_report */
table.list_report tr th {
  padding: 4px 0 4px 20px;
  vertical-align: top;
  text-align: left;
  width: 100px;
}
table.list_report tr th div.default_info {
  position: relative;
}
table.list_report tr th div.default_info span.btn_wrap {
  position: absolute;
  top: 0;
  left: -20px;
}
table.list_report tr th span.title {
  display: inline-block;
  font-weight: normal;
  color: #4a4b4c;
  text-align: left;
  margin-top: 2px;
  font-size: 12px;
}
table.list_report tr td {
  padding: 4px 0;
  border-bottom: 0 !important;
}
table.list_report tr td span.txt {
  color: #4a4b4c;
  font-size: 13px;
}
table.list_report tr td.date {
  padding: 5px 0;
}
table.list_report th div.default_info span.btn_wrap {
  margin-top: 2px;
}
table.list_report ul.name_tag {
  vertical-align: top;
  margin: -3px 0 0 0;
}

.list_report tr td .to {
  display: inline-block;
}
.list_report tr td .ic_nation {
  display: inline-block;
  vertical-align: middle;
  margin: -2px 0 0 0;
}

div.mail_view table.list_report tr td span.date {
  display: inline-block;
  color: #4a4b4c;
  font-size: 12px;
}
div.mail_receipt table.list_report tr th {
  padding-left: 0;
}

.form_survey .title {
  width: auto !important;
}

/* tb_config_absence */
table.tb_config_absence .absence_start,
table.tb_config_absence .absence_end {
  width: 15%;
}
table.tb_config_absence .depart,
table.tb_config_absence .people {
  width: 20%;
}
table.tb_config_absence .depart,
table.tb_config_absence .people,
table.tb_config_absence .absence_reason {
  text-align: left;
}

.test {
  border: 1px solid red;
  background: #fff;
  height: 50px;
}

/* --------------- attach file ---------------- */
ul.file_wrap,
ul.img_wrap {
  list-style-type: none !important;
}
ul.file_wrap .name,
ul.file_wrap span.size {
  line-height: 16px;
  vertical-align: middle;
  font-size: 13px;
}
ul.img_wrap span.name {
  line-height: 16px;
  vertical-align: middle;
  font-size: 13px;
}
ul.img_wrap span.size {
  line-height: 16px;
  vertical-align: middle;
  font-size: 13px;
  font-size: 12px;
}
ul.file_wrap span.icon_del {
  vertical-align: middle;
}
ul.file_wrap li span.item_file span.optional {
  margin: 0 0 0 5px;
}
ul.file_wrap li span.item_file a.ic_del {
  vertical-align: middle;
  margin-top: -3px;
}

.file_wrap > li {
  display: table;
  table-layout: fixed;
  box-sizing: border-box;
  width: 100%;
}
.file_wrap > li .item_file {
  display: block;
  padding: 4px 0;
  box-sizing: border-box;
  width: 100%;
}
.file_wrap > li .item_file .name {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 16px;
  line-height: 16px;
  vertical-align: middle;
  cursor: pointer;
  max-width: 70%;
}

.approval_type .file_wrap > li .item_file .name {
  max-width: 64%;
}

ul.img_wrap {
  margin-right: 10%;
}
ul.img_wrap li {
  position: relative;
  display: inline-block;
  width: 100px;
  margin: 16px 16px 0 0;
}
ul.img_wrap li span {
  display: block;
}
ul.img_wrap li span.btn_wrap {
  position: absolute;
  top: 76px;
  right: 0;
  background: #fff;
  width: 24px;
  height: 24px;
}
ul.img_wrap li span.btn_wrap .ic_del {
  margin: 7px 0 0 7px;
}
ul.img_wrap li span.size {
  width: 100%;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
ul.img_wrap li span.name {
  width: 100%;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  cursor: pointer;
  height: 18px;
  margin-top: 8px;
}
ul.img_wrap li span.size {
  height: 14px;
  margin: 0;
}
ul.img_wrap span {
  vertical-align: middle;
  margin-top: -1px;
}
ul.img_wrap span.thumb {
  cursor: pointer;
  width: 100px;
  overflow: hidden;
  background: #f4f4f4;
}
ul.img_wrap span.thumb img {
  height: 100px;
  display: block;
  margin: auto;
}
ul.img_wrap span.thumb:hover img {
  opacity: 0.8;
}
ul.img_wrap span.name {
  line-height: 1.2;
}
ul.file_wrap > span {
  vertical-align: middle;
  margin-top: -1px;
}
ul.img_wrap.original {
  overflow-x: hidden;
}
ul.img_wrap.original li {
  display: block;
}

.page_action_wrap {
  text-align: center;
  margin-top: 20px;
  padding-bottom: 20px;
}
.page_action_wrap .btn_minor_s {
  margin: 0 4px;
}

div.option_display ul.img_wrap li span.btn_wrap {
  line-height: 1;
}
div.option_display ul.img_wrap li span.btn_wrap:hover {
  border-radius: 3px 3px 0 3px;
  line-height: 1;
}

ul.feed_type > li div.article_wrap div.tool_bar .btn_fn4 {
  height: 24px;
  line-height: 20px;
}

/*reply depth*/
.depth1 {
  padding-left: 20px !important;
}

.depth2 {
  padding-left: 40px !important;
}

.depth3 {
  padding-left: 60px !important;
}

.depth4 {
  padding-left: 80px !important;
}

.depth5 {
  padding-left: 100px !important;
}

.depth6 {
  padding-left: 120px !important;
}

.depth7 {
  padding-left: 140px !important;
}

.depth8 {
  padding-left: 160px !important;
}

.depth9 {
  padding-left: 180px !important;
}

.depth10 {
  padding-left: 200px !important;
}

p.result_exp {
  display: inline-block;
  background: #d8f4f5;
  border: 1px solid #b5d2d3;
  padding: 7px 12px;
  color: #333;
  font-weight: bold;
  font-weight: 500;
}

ul.multi_select_option li {
  margin: 0;
}
ul.multi_select_option span.icon_del {
  vertical-align: middle;
  margin: 0;
}
ul.select_option {
  position: relative;
  display: inline-block;
}
ul.select_option li {
  float: left;
  margin-right: 10px;
}

div.select_direct {
  display: inline-block;
}
div.option_display ul.name_tag li {
  /*line-height:1.8*/
}

ul.name_tag > li {
  display: inline-flex;
  float: left;
  margin: 2px 8px 2px 0;
  padding: 0px 8px 0px 8px !important;
  background: #e7f5ff;
  border-radius: 13px;
  height: 26px;
  line-height: 26px;
  gap: 4px;
}
ul.name_tag li.add_user {
  background: #fff;
}
ul.name_tag li.add {
  display: inline-block;
  float: left;
  margin: 2px 4px 2px 0;
  padding: 0px 5px 0px 6px !important;
  background: #fff;
  border-radius: 13px;
  border: 1px solid #ccc !important;
  color: #777;
  height: 21px;
  line-height: 21px;
}
ul.name_tag li.add:hover {
  background: #f4f4f4;
}
ul.name_tag li.add span.name {
  cursor: pointer;
}
ul.name_tag li.add .ic_arrow_up {
  margin: 0 2px 0 4px;
}
ul.name_tag li.add .ic_arrow_down {
  margin: 0 2px 0 4px;
  display: none;
}
ul.name_tag li span.btn_wrap {
  margin-left: 1px;
  padding: 0 1px;
  line-height: 100%;
  vertical-align: top;
}
ul.name_tag li span.btn_wrap span.txt {
  font-weight: normal;
  padding: 0;
  vertical-align: middle;
  font-size: 13px;
  margin-top: 1px;
}
ul.name_tag li.creat {
  border: 0 !important;
  background: transparent;
  padding: 0 !important;
  margin-top: 3px;
  border-radius: 0;
}
ul.name_tag li.creat .btn_rest {
  display: inline-block;
  vertical-align: top;
  margin: -4px 0 0 16px;
  opacity: 0.6;
}
ul.name_tag li.creat .btn_rest:hover {
  opacity: 1;
}
ul.name_tag li.creat .btn_rest .txt {
  font-size: 13px;
}
ul.name_tag li.creat div.array_option ul.array_type li a {
  display: block;
}
ul.name_tag li label {
  vertical-align: middle;
  font-size: 12px;
}
ul.name_tag li.creat span.ic_addlist {
  margin-left: 0;
  margin-right: 4px;
  margin-top: 0px;
}
ul.name_tag li.creat span.btn_wrap {
  margin: 0;
  display: inline-flex;
}

@media \0 screen {
  ul.name_tag li {
    height: 20px;
  }
}
/* IE8 hack */
.creat span.btn_wrap,
span.creat {
  /*margin-top:4px*/
}

ul.name_tag .creat {
  height: 22px !important;
}
ul.name_tag .creat span.btn_wrap {
  height: 22px !important;
}

.creat span.btn_wrap:hover span.ic_change {
  background-position: -148px -49px;
}

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

ul.name_tag li.default_option {
  border-color: #ddd !important;
  background: #ffffff;
}
ul.name_tag li.default_option span.name {
  color: #999;
}
ul.name_tag li.creat span.btn_fn3 {
  padding: 4px 6px;
  margin-top: 2px;
  font-size: 12px;
}
ul.name_tag li span.btn_wrap span.ic_del {
  width: 12px;
  height: 20px;
  background-position: -177px -35px;
}
ul.name_tag li span.btn_wrap span.ic_edit_m {
  width: 12px;
  height: 20px;
  background-position: 0 -147px;
  margin-left: 4px;
}
ul.name_tag li span.ic_arrow_type {
  position: relative;
  left: -3px;
  cursor: pointer;
  padding: 2px;
  border: 1px solid #c2dde6;
  border-radius: 50%;
  background-color: #fff !important;
  background-position: -77px -17px !important;
  vertical-align: top;
  margin: 2px 4px 0 0;
  position: relative;
  left: -3px;
  cursor: pointer;
  padding: 2px;
  border-radius: 50%;
  background-color: #fff !important;
  background-position: -77px -17px !important;
}
ul.name_tag li span.ic_addlist2 {
  cursor: pointer;
  width: 16px;
  height: 16px;
  padding: 2px;
  border-radius: 50%;
  background-color: #f2f2f2 !important;
  border: 1px solid #e1e1e1 !important;
  background-position: -187px -49px !important;
  vertical-align: top;
  margin: 4px 0 0 0;
}
ul.name_tag li span.ic_addlist2:hover {
  background-color: #f3f3f3 !important;
}

.mail_view ul.name_tag li span.ic_arrow_type + span.name {
  position: relative;
  left: -2px;
}

@media \0 screen {
  ul.name_tag li {
    max-width: 338px;
  }
}
/* IE8 hack */
ul.name_tag li span.name {
  display: inline-block;
  cursor: default;
  max-width: 300px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
}
ul.name_tag li input {
  display: inline-block;
  cursor: text;
  max-width: 300px;
  margin-right: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13px;
}

.calendar_tag {
  padding-left: 12px;
  margin: 5px 0 20px 0;
  max-width: 720px;
  height: 26px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 0;
}

/* data_result */
div.data_result ul.name_tag li span.name {
  vertical-align: middle;
  clear: both !important;
  height: 24px;
}
div.data_result ul.name_tag li span.btn_wrap {
  display: inline-block;
  margin-right: 3px;
  padding: 0;
  vertical-align: middle;
}
div.data_result ul.name_tag li span.btn_wrap span.ic_del {
  width: 12px;
  height: 12px;
  background-position: -177px -39px;
}
div.data_result ul.name_tag li span.btn_wrap span.ic_del:hover {
  background-position: -157px -39px;
}
div.go_calendar_list h1 span {
  float: left;
}
div.go_calendar_list h1 ul.calendar_tag li span.btn_wrap {
  line-height: 1.5;
}
div.go_calendar_list ul.calendar_tag {
  float: left;
  margin-top: 0;
  display: inline-block;
}
div.go_calendar_list ul.calendar_tag li {
  font-size: 13px;
}
div.go_calendar_list ul.calendar_tag li span.ic_open {
  margin-top: 1px;
}
div.go_calendar_list span.wrap_alert {
  padding: 5px;
}
div.go_calendar_list .tb_agenda + .wrap_alert {
  padding: 0;
  margin-left: 24px;
  margin-top: 16px;
}

/* go_calendar_list */
.go_calendar_list .content_top .calendar_tag {
  vertical-align: middle;
  margin: 6px 0 0 0;
  display: none;
}
.go_calendar_list .calendar_tag li.desc {
  display: none;
}
.go_calendar_list .calendar_tag li .name {
  letter-spacing: 0;
}

/*--------------mgmt-----------------------*/
span.option_wrap {
  /*display:inline-block;*/
  margin: 0 10px 0 0;
  min-width: px;
  /*line-height:1.8*/
}

.table_search_rt {
  float: right;
  margin: -40px 25px 0 0;
}
.table_search_rt > a {
  vertical-align: middle;
  padding: 4px 8px;
  line-height: 16px;
  font-weight: normal;
}

.tab_conent_wrap textarea.member_out {
  margin: 0 25px -20px;
  width: 95%;
}
.tab_conent_wrap div.vertical_wrap {
  margin: 16px 0;
  padding: 0 24px;
}

/*-------------------form-------------------------------*/
table {
  padding: 0;
}

span.txt_form {
  position: relative;
  display: inline-block;
}
span.txt_form:hover {
  cursor: pointer;
  border-radius: 2px;
}
span.txt_form span.tool_tip {
  display: none;
  color: #fff;
  background-color: #4b4b4b;
  position: absolute;
  top: -13px;
  right: -28px;
  padding: 1px 3px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: normal;
}
span.txt_form span.tool_tip i.tail {
  background: url(../images/icon_classic.png) no-repeat -160px 0;
  width: 5px;
  height: 5px;
  position: absolute;
  bottom: -5px;
  left: 6px;
}
span.txt_form:hover span.tool_tip {
  display: inline-block;
}
span.txt_edit,
span.textarea_edit {
  display: inline-block;
  position: relative;
  margin-right: 0;
}
span.txt_edit input.edit {
  float: none;
  margin-right: 3px !important;
}
span.textarea_edit {
  display: block;
}
span.textarea_edit textarea {
  background: #fff;
  height: 120px;
  overflow-y: auto;
}
span.txt_edit span.ic_done {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 7px;
  margin-top: -9px;
}
span.w_max span.ic_done {
  right: 1px;
}
span.textarea_edit span.ic_done {
  display: inline-block;
  position: absolute;
  bottom: 7px;
  right: 20px;
}
span.ui_edit {
  display: none;
}
span.ui_edit_ing span {
  position: static !important;
  top: 0 !important;
  margin: 0 !important;
}
span.txt_form span.ui_edit {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}
span.txt_form span.ui_edit span {
  margin: 0 0 0 8px;
}
span.title_main span.btn_fn4 {
  top: 7px;
  right: 13px;
}
span.title_main input.edit {
  font: bold 15px dotum !important;
}

.form_admin:first-child {
  border: 0;
}

.dataTables_wrapper .tool_bar:last-child .critical,
.dataTables_wrapper .tool_bar:last-child .dataTables_length {
  display: none;
}

/* form_admin */
section.form_admin header {
  position: relative;
  margin: 32px 24px 0 0;
  height: 32px;
  line-height: 1.5;
}
section.form_admin header h3 {
  font-size: 18px;
}
section.form_admin table.form_type {
  margin: 15px 0;
}
section.form_admin table.type_normal {
  margin-top: -1px;
}
section.form_admin table tr:hover {
  background: none;
}
section.form_admin table tr:hover td {
  border-color: #ededed;
}
section.form_admin header h3 span.txt {
  margin-right: 10px;
}
section.form_admin header h3 span.btn_wrap {
  vertical-align: top;
  margin-top: -1px;
  margin-right: 2px;
}
section.form_admin div.optional_posi {
  top: 3px;
  left: 140px;
}
section.form_admin table.form_type span.ic_calendar {
  margin-top: 2px;
  vertical-align: top;
}
section.form_admin span.btn_item_wrap {
  margin: 3px 0 8px 0;
}
section.form_admin span.option_wrap {
  margin: 0;
}
section.form_admin .option_set {
  margin: 10px 0;
}
section.form_admin .option_set span.txt {
  margin-right: 10px;
}
section.form_admin .option_set span.space {
  margin-left: 10px;
}
section.form_admin .option_set span.txt > input {
  margin-right: 20px;
}
section.form_admin .option_set .txt_edit {
  width: 250px;
}

.optional_posi {
  position: absolute;
  top: 0;
  right: 0;
}

/* ----------- form style ----------- */
.form_type {
  margin: 8px 0;
}

div.address_list input.wfix_max,
div.address_list textarea.wfix_max {
  width: 632px;
}

/* .form_type .btn_minor_s {font-weight:normal; padding: 3px 8px 2px; vertical-align: top; margin-top: 2px} modify 140217 by seoung jin for GO-10601  */
.form_type .btn_minor_s span.txt {
  padding: 0;
}

/*classic-form-style-*/
table.form_type > tbody > td {
  padding: 5px;
}
table.form_type > tbody th,
table.form_type > tbody td {
  padding: 8px;
}
table.form_type > tbody > tr > th {
  position: relative;
  padding-left: 24px;
  height: 26px;
  width: 140px;
}
table.form_type tbody td {
  /*position:relative; line-height:1.6;*/
  padding-right: 30px;
  vertical-align: top;
}
table.form_type.asset_search tbody th {
  vertical-align: middle;
}
table.form_type tbody th {
  text-align: left;
  vertical-align: top;
  font-weight: normal;
}
table.form_type tbody td.align_c {
  text-align: center;
}
table.form_type span.form_view {
  margin-right: 20%;
  width: 80%;
  margin-top: 5px;
}
table.form_type div.w_large input.w_large {
  width: 88% !important;
  width: 88% !important;
}
table.form_type p.desc {
  text-align: left;
  padding: 0;
  margin: 5px 0;
  font-size: 13px;
}
table.form_type span.btn_action_wrap {
  display: block;
}
table.form_type span.btn_action_wrap .wrap_ic_s {
  vertical-align: middle;
  margin: -4px 0 0 4px;
}
table.form_type td.txt {
  line-height: 22px;
}
table.form_type th span.title {
  display: inline-block;
}

.mail_write table.form_type th span.title {
  width: 80px;
}
.mail_write table.form_type th span.title.send {
  width: auto;
}

table.form_type th span.title,
table.form_type th span.txt {
  display: inline-block;
  margin: 0;
}
table.form_type th span.title .btn_wrap {
  margin: 2px 0 0 4px;
}
table.form_type td span.txt {
  display: inline-block;
  padding: 3px 0;
}
table.form_type td span.item_file a.btn_fn4 span.txt {
  padding: 0;
}
table.form_type td .btn_fn7 span.txt {
  padding: 0;
}
table.form_type td span.option_wrap {
  display: inline-block;
}
table.form_type td span.opt_emergency {
  margin-top: 0;
}
table.form_type td .opt_emergency .desc {
  padding: 0;
}
table.form_type td .opt_emergency input {
  display: inline-block;
  vertical-align: middle;
  margin: -1px 0 0 0;
}
table.form_type td span.attach_wrap {
  display: block;
  margin-top: 4px;
  /*vertical-align:middle*/
}
table.form_type div.layer_mail_attach {
  width: 454px;
  height: 24px;
  overflow-y: auto;
  border: 1px solid #f1f1f1;
  padding: 5px 4px;
  background: #f8f8f8;
}
table.form_type td span.txt_form {
  min-height: 19px;
  line-height: 19px;
  vertical-align: middle;
}
table.form_type div.option_display {
  width: auto;
}

@media \0 screen {
  table.form_type td span.txt_form {
    line-height: 17px;
  }
}
/* IE8 hack */
.multi_select_option span.btn_wrap {
  line-height: 1;
}
.multi_select_option .btn_wrap {
  vertical-align: top;
  margin: 5px 0 0 0;
}

span.btn_modify span.ic {
  display: inline-block;
  background: url(../images/icon_form.png) -100px 0;
  width: 22px;
  height: 22px;
}

.content {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
}

div.option_display2 {
  margin-top: 10px;
}
div.date_wrap span.noti_date_wrap {
  vertical-align: middle;
}

table.table_small {
  width: 80%;
  border: 1px solid #ededed;
  margin-bottom: 5px;
  border-radius: 5px;
}
table.table_small th,
table.table_small td {
  padding: 3px 5px 3px 15px;
  border-bottom: 1px solid #ededed;
}
table.table_small th {
  background: #fcfcfc;
  text-indent: 0;
  font-weight: normal;
  color: #777;
}
table.table_small td {
  color: #777;
}
table.table_small thead th {
  text-align: center;
  border-top: 1px solid #ededed;
}
table.table_small tbody th {
  text-align: left;
  padding-right: 10px;
  vertical-align: middle;
}
table.table_small td a.btn_ic_box span.txt {
  display: none;
}
table.in_table {
  border: 1px solid #ededed;
  border-radius: 5px;
}

.form_type table.in_table thead th,
.form_type table.in_table thead td {
  color: #777;
  border-bottom: 1px solid #ededed;
  padding: 3px 10px;
  height: 24px;
  vertical-align: middle;
}
.form_type table.in_table tbody th,
.form_type table.in_table tbody td {
  color: #777;
  border-bottom: 1px solid #ededed;
  padding: 3px 10px;
  height: 24px;
  vertical-align: middle;
}

table.in_table th {
  background: #efefef;
  text-indent: 0;
  font-weight: normal;
  font-size: 13px;
}
table.in_table thead th {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 0;
}
table.in_table tbody th {
  vertical-align: middle;
  border-right: 1px solid #ededed;
  padding-left: 12px;
  border-bottom: 1px solid #ededed;
}
table.in_table tbody td span.wrap_option {
  padding: 0;
}
table.in_table tbody.ui-sortable tr td:first-child {
  padding-left: 16px;
}
table.in_table_type2 {
  border: 1px solid #ddd;
}

.form_type table.in_table_type2 thead th,
.form_type table.in_table_type2 thead td {
  color: #777;
  border-bottom: 1px solid #ededed;
  padding: 3px 10px;
  height: 24px;
  vertical-align: middle;
  font-family: 돋움, dotum, AppleGothic, arial, Helvetica, sans-serif;
}
.form_type table.in_table_type2 tbody th,
.form_type table.in_table_type2 tbody td {
  color: #777;
  border-bottom: 1px solid #ededed;
  padding: 3px 10px;
  height: 24px;
  vertical-align: middle;
  font-family: 돋움, dotum, AppleGothic, arial, Helvetica, sans-serif;
}

table.in_table_type2 th,
table.in_table_type2 td {
  padding: 8px;
  border-bottom: 1px solid #ddd;
}
table.in_table_type2 th {
  background: #fbfbfb;
  text-indent: 0;
  font-weight: normal;
}
table.in_table_type2 thead th {
  text-align: center;
  border-top: 1px solid #d9d9d9;
  padding: 0;
}
table.in_table_type2 tbody th {
  text-align: left;
  vertical-align: middle;
  border-right: 1px solid #ddd;
  padding-left: 8px;
  border-bottom: 1px solid #ddd;
}
table.in_table ul.name_tag {
  margin: 5px 0 0 0;
}
table.width50 {
  width: 55%;
  min-width: 400px;
}
table.width90 {
  width: 90%;
}
table.tb_list_sub > thead th {
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  padding: 0;
  text-align: center;
}
table.tb_list_sub > tbody th,
table.tb_list_sub > tbody td {
  padding: 0;
  text-align: center;
}
table.tb_list_sub th {
  background: #efefef;
  border-top: #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}
table.tb_list_sub td {
  border-bottom: 1px solid #ededed;
}
table.tb_list_sub td p.data_null {
  padding: 10px 0;
}

/* tb_list_sub */
/* flexable_box */
.flexable_box {
  margin: 2px 0 4px;
  border-bottom: 1px solid #d9d9d9;
}
.flexable_box span {
  vertical-align: top;
}
.flexable_box .flexable_title {
  border: 1px solid #ddd;
  border-bottom: 0;
  background-color: #fbfbfb;
  height: 38px;
}
.flexable_box .flexable_title span.txt {
  vertical-align: middle;
}
.flexable_box .flexable_info {
  border: 1px solid #ddd;
  border-bottom: 0;
  padding: 2px 10px;
}
.flexable_box .flexable_content {
  border: 1px solid #ddd;
  border-bottom: 0;
  padding: 8px 16px;
  margin-bottom: 0;
}
.flexable_box .flexable_info + .flexable_content {
  border-top: 0;
  padding-top: 0;
}
.flexable_box span.ic_openbox,
.flexable_box span.ic_closebox {
  cursor: pointer;
  margin-top: 4px;
}

.schedule_form .flexable_box .flexable_content {
  padding: 5px;
}
.schedule_form .flexable_box .flexable_content table td:first-child {
  padding-left: 10px;
}

.schedule_form section.aside_wrapper div.reply_wrap {
  border: 0;
}

/* table tag */
table.tb_tag tbody tr td span.ic_tag {
  margin: 0 4px 2px 0;
}
table.tb_sub th {
  padding: 0 10px;
  cursor: default;
}
table.tb_sub td {
  padding: 7px 10px;
}

/* table set mail */
/* ----------- ic ----------- */
span.ic {
  display: inline-block;
  background: url(../images/ic.png?v4.1.6.0) no-repeat 0 0;
  vertical-align: middle;
}

.ic.ic_x_b_w {
  background-position: -100px -1100px;
  width: 24px;
  height: 24px;
}

span.ic.ic_feedPlus_s {
  background-position: 0 -350px;
  width: 14px;
  height: 14px;
}
span.ic.ic_arrow_type1_down {
  background-position: 0 -250px;
  width: 11px;
  height: 7px;
}
span.ic.ic_arrow_type1_up {
  background-position: 0 -300px;
  width: 11px;
  height: 7px;
}
span.ic.ic_refresh {
  background-position: -100px -1000px;
  width: 20px;
  height: 20px;
}
span.ic.ic_close_type1 {
  background-position: -100px -200px;
  width: 16px;
  height: 16px;
}
span.ic_high {
  background-position: -50px -1050px;
  width: 11px;
  height: 14px;
}
span.ic_low {
  background-position: -50px -1100px;
  width: 11px;
  height: 14px;
}
span.ic_setup {
  background-position: -48px -50px;
  width: 16px;
  height: 16px;
}
span.ic_delete {
  background-position: -48px -99px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
span.ic_modify {
  background-position: -47px -199px;
  width: 16px;
  height: 16px;
}
span.ic.ic_del {
  background-position: -48px -148px;
  width: 16px;
  height: 16px;
}
span.ic_addlist {
  background-position: -50px 1px;
  width: 16px;
  height: 14px;
}
span.ic_change {
  background-position: -98px -49px;
  width: 16px;
  height: 16px;
}
span.ic_arrow_up_s {
  background-position: -50px -500px;
  width: 9px;
  height: 6px;
}
span.ic_arrow_down_s {
  background-position: -50px -550px;
  width: 9px;
  height: 6px;
}
span.ic_arrow_type3 {
  background-position: -100px -500px;
  width: 9px;
  height: 6px;
}
span.ic_arrow_down {
  background-position: -100px -500px;
  width: 7px;
  height: 4px;
}
span.ic_arrow_up {
  background-position: -140px -500px;
  width: 7px;
  height: 4px;
}
span.ic_func {
  background-position: -50px -450px;
  width: 6px;
  height: 11px;
  margin: 3px 5px 0 0;
}
span.ic_repeat {
  width: 16px;
  height: 16px;
  background-position: -100px -97px;
}
span.ic_openbox {
  width: 25px;
  height: 28px;
  background-position: -150px -250px;
}
span.ic_closebox {
  width: 25px;
  height: 28px;
  background-position: -150px -300px;
}
span.ic_csm_arrow {
  width: 4px;
  height: 7px;
  background-position: -100px -700px;
}
span.ic_cs_detail_arrow {
  width: 7px;
  height: 7px;
  background-position: -100px -800px;
}
span.ic_cs_da_over {
  width: 7px;
  height: 7px;
  background-position: -100px -850px;
}
span.ic.ic_fail {
  background-position: -140px -650px;
  width: 14px;
  height: 14px;
}

.ic.ic_del_circle {
  background-position: 0 -450px;
  width: 14px;
  height: 14px;
}

span.btn_border_color {
  border: 1px solid #f3f3f3;
  width: 18px;
  height: 18px;
}
span.btn_border_color:hover {
  border: 1px solid #dddddd;
  background: #f5f5f5;
  border-radius: 4px;
}
span.btn_ic_prev2:hover span.ic_prev2 {
  background-position: -100px -350px;
}
span.btn_ic_next2:hover span.ic_next2 {
  background-position: -100px -400px;
}

a.ic {
  display: inline-block;
  background: url(../images/ic.png) no-repeat 0 0;
}
a.ic_del {
  background-position: -48px -148px;
  width: 16px;
  height: 16px;
}

.ic.ic_arrow5 {
  background-position: 0px -900px;
  width: 18px;
  height: 10px;
}
.ic.ic_mapping_l {
  background-position: 0px -950px;
  width: 22px;
  height: 16px;
}
.ic.ic_mapping_s {
  background-position: 0px -1000px;
  width: 17px;
  height: 13px;
  margin-right: 4px;
}

ins.ic {
  display: inline-block;
  background: url(../images/icon_classic.png) no-repeat 0 0;
  vertical-align: middle;
}

div.btn_page a {
  display: inline-block;
  background: #f5f5f5;
  border: 1px solid #dddddd;
  border-radius: 5px;
  height: 23px;
  line-height: 23px;
  vertical-align: middle;
}
div.btn_page span.ic_classic {
  display: inline-block;
  background: url(../images/icon_classic.png) no-repeat 0 0;
}
div.btn_page span.btn_page_prev {
  background-position: -33px 6px;
  width: 22px;
  height: 23px;
}
div.btn_page span.btn_page_next {
  background-position: -50px 6px;
  width: 22px;
  height: 23px;
}
div.btn_page span.txt {
  padding: 0 4px;
}

span.ic_classic {
  display: inline-block;
  background: url(../images/icon_classic.png) no-repeat 0 0;
  vertical-align: middle;
}
span.ic_reply {
  background-position: -80px 0;
  width: 14px;
  height: 14px;
}
span.ic_opinion {
  background-position: -80px -80px;
  width: 14px;
  height: 14px;
}
span.ic_answer {
  background-position: -80px -60px;
  width: 13px;
  height: 12px;
}
span.ic_activvity {
  background-position: -100px 0;
  width: 12px;
  height: 14px;
}
span.ic_activvity.on {
  background-position: -100px -60px;
  width: 12px;
  height: 14px;
}
span.ic_open {
  background-position: 0 -80px;
  width: 20px;
  height: 20px;
}
span.ic_close {
  background-position: 0 -60px;
  width: 20px;
  height: 20px;
}
span.ic_open_s {
  background-position: 0 -40px;
  width: 14px;
  height: 14px;
}
span.ic_close_s {
  background-position: -20px -40px;
  width: 14px;
  height: 14px;
}
span.ic_new {
  background-position: -120px 0;
  width: 13px;
  height: 13px;
  vertical-align: middle;
}
span.ic_new2 {
  background-position: -120px -20px;
  width: 16px;
  height: 14px;
}
span.ic_notice {
  background-position: -139px 0;
  width: 20px;
  height: 13px;
  vertical-align: middle;
  filter: brightness(0) saturate(100%) invert(47%) sepia(87%) saturate(2591%) hue-rotate(184deg) brightness(100%)
    contrast(105%);
}
span.ic_basket {
  background-position: -178px -18px;
  width: 16px;
  height: 16px;
}
span.ic_setup {
  background-position: -180px 0px;
  width: 12px;
  height: 12px;
}
span.ic_no_result {
  background-position: 0 -478px;
  width: 22px;
  height: 22px;
}
span.ic_bul1 {
  background-position: -80px -40px;
  width: 12px;
  height: 12px;
}
span.btn_search2 {
  background: #bababa url(../images/icon_search.png) no-repeat 6px -46px;
  border: 1px solid #a4a4a4;
  width: 30px;
  height: 24px;
  border-radius: 0 2px 2px 0;
  padding: 0;
  text-indent: -9999px;
}
span.btn_search2:hover {
  cursor: pointer;
  background: #999 url(../images/icon_search.png) no-repeat 6px -46px;
  border-color: #999;
}
span.ic_lock {
  display: inline-block;
  background: url(../images/ic_side.png) no-repeat -152px -1852px;
  width: 13px;
  height: 15px;
}
span.ic_del {
  background-position: -177px -37px;
  width: 16px;
  height: 16px;
}
span.ic_classic.ic_read {
  background-position: -179px -77px;
  width: 16px;
  height: 16px;
}
span.ic_close_s2 {
  background-position: -177px -37px;
  width: 14px;
  height: 14px;
}
span.ic_depth {
  background-position: -40px -40px;
  width: 12px;
  height: 14px;
}
span.ic_now {
  background-position: -60px -39px;
  width: 12px;
  height: 12px;
}
span.ic_prev2 {
  background-position: -50px -350px;
  width: 8px;
  height: 13px;
}
span.ic_next2 {
  background-position: -50px -400px;
  width: 8px;
  height: 13px;
}
span.ic_print {
  width: 12px;
  height: 12px;
  background-position: -200px 0;
  vertical-align: middle;
}
span.ic_sync {
  display: inline-block;
  width: 59px;
  height: 15px;
  background: url(../images/ic_gnb.png) no-repeat -200px -250px;
}
span.ic_calendar {
  background-position: -150px 2px;
  width: 17px;
  height: 19px;
}
span.ic_part {
  background-position: -100px -40px;
  width: 15px;
  height: 15px;
}
span.ic_check {
  background-position: -150px -149px;
  width: 14px;
  height: 16px;
}
span.ic_check:hover {
  background-position: -150px -199px;
}
span.ic_read_no {
  background-position: -50px -700px;
  width: 20px;
  height: 20px;
}
span.ic_read_yes {
  background-position: -50px -750px;
  width: 20px;
  height: 20px;
}

.ic.ic_important_on {
  background-position: -100px -600px;
  width: 20px;
  height: 20px;
}
.ic.ic_important_off {
  background-position: -100px -650px;
  width: 20px;
  height: 20px;
}

span.ic_file_s {
  background-position: -50px -800px;
  width: 20px;
  height: 20px;
}
span.ic_appr_receive {
  background-position: -100px -750px;
  width: 18px;
  height: 17px;
}
span.ic_read_reply {
  background-position: 0px -50px;
  width: 20px;
  height: 20px;
}
span.ic_read_fw {
  background-position: 0px -100px;
  width: 16px;
  height: 17px;
}
span.ic_noread_reply {
  background-position: 0px -150px;
  width: 16px;
  height: 16px;
}
span.ic_noread_fw {
  background-position: 0px -197px;
  width: 20px;
  height: 20px;
}
span.ic_popup {
  background-position: -200px -180px;
  width: 12px;
  height: 12px;
}

div.report_type span.ic_popup {
  display: inline-block;
  width: 13px;
  height: 12px;
  background: url(../images/ic_gnb.png) no-repeat -250px -475px;
}

span.ic_arrow_down_type3 {
  background-position: -50px -850px;
  width: 6px;
  height: 7px;
}
span.ic_arrow_up_type3 {
  background-position: -50px -900px;
  width: 6px;
  height: 7px;
}
span.ic_arrow_down_type4 {
  background-position: -50px -950px;
  width: 15px;
  height: 15px;
}
span.ic_arrow_up_type4 {
  background-position: -50px -1000px;
  width: 15px;
  height: 15px;
}
span.ic_filter {
  background-position: -150px -1250px;
  width: 16px;
  height: 16px;
}

.ic_allow {
  width: 11px;
  height: 11px;
  background: url(../images/icon_classic.png) no-repeat -140px -60px !important;
}

.ic_disallow {
  width: 11px;
  height: 11px;
  background: url(../images/icon_classic.png) no-repeat -160px -60px !important;
}

.ic_arrow_type {
  width: 11px;
  height: 11px;
  background: url(../images/icon_classic.png) no-repeat -80px -19px !important;
}

.ic_blank {
  width: 14px;
  height: 14px;
  background: url(../images/icon_classic.png) no-repeat -40px -60px !important;
}

span.ic_reset {
  background-position: 0 -400px;
  width: 12px;
  height: 12px;
  cursor: pointer;
}
span.btn_ic_wrap span {
  cursor: pointer;
  width: 18px;
  height: 18px;
}
span.btn_ic_wrap span:hover {
  opacity: 0.8;
  filter: Alpha(Opacity=80);
  outline: 1px solid #b4d7d8;
}
span.ic_data_type {
  display: inline-block;
  background: url(../images/icon_search_result.png) no-repeat 0 0;
  width: 50px;
  height: 50px;
}
span.ic_type_classic {
  background-position: 0 0px;
}
span.ic_type_feed {
  background-position: 0 -50px;
}
span.ic_type_file {
  background-position: 0 -100px;
}
span.ic_type_reply {
  background-position: 0 -150px;
}
span.ic_type_doc {
  background-position: 0 -200px;
}
span.ic_type_photo {
  background-position: 0 -250px;
}
span.ic_no_board {
  background-position: 0 -300px;
}
span.ic_no_comm {
  background-position: 0 -400px;
}
span.ic_no_contents {
  background-position: 0 -350px;
}
span.ic_no_member,
span.ic_no_user {
  background-position: 0 -500px;
}
span.ic_no_part {
  background-position: 0 -450px;
}
span.ic_file_drag {
  display: inline-block;
  background: url(../images/ic_gnb.png) no-repeat -550px -200px;
  width: 40px;
  height: 40px;
}
span.ic_active_x {
  display: inline-block;
  background: url(../images/ic_gnb.png) no-repeat -550px -150px;
  width: 43px;
  height: 35px;
}
span.ic_no_data {
  background-position: 0 -550px;
}
span.ic_error_page {
  display: inline-block;
  background: url(../images/ic_gnb.png) no-repeat -597px -720px;
  width: 47px;
  height: 54px;
}
span.ic_no_address {
  background-position: 0 -650px;
}
span.ic_form {
  display: inline-block;
  background: url(../images/icon_form.png) no-repeat 0 0;
  vertical-align: middle;
}
span.ic_addlist {
  background-position: -50px 0px;
  width: 16px;
  height: 16px;
}
span.ic_arrow_top {
  background-position: -50px -250px;
  width: 11px;
  height: 6px;
  margin: 0 0 2px 0;
}
span.ic_arrow_bottom {
  background-position: -50px -300px;
  width: 11px;
  height: 6px;
  margin: 0 0 2px 0;
}
span.ic_file_b {
  display: inline-block;
  background: url(../images/icon_file_thum.png) 0 0;
  width: 26px;
  height: 30px;
  margin: 2px 3px 0 0;
}
span.ic_def_b {
  background-position: 0 0;
}
span.ic_zip_b {
  background-position: 0 -30px;
}
span.ic_doc_b {
  background-position: 0 -60px;
}
span.ic_ppt_b {
  background-position: 0 -90px;
}
span.ic_xls_b {
  background-position: 0 -120px;
}
span.ic_hwp_b {
  background-position: 0 -150px;
}
span.ic_pdf_b {
  background-position: 0 -180px;
}
span.ic_txt_b {
  background-position: 0 -210px;
}
span.ic_feed {
  display: inline-block;
  background: url(../images/icon_feed.png) no-repeat 0 0;
}
span.ic_photo_s {
  width: 16px;
  height: 16px;
  background-position: -200px -197px;
}
span.ic_photo_m {
  width: 24px;
  height: 24px;
  background-position: 0 0;
}
span.ic_file_m {
  width: 24px;
  height: 24px;
  background-position: -50px 0;
}
span.ic_file_s2 {
  width: 16px;
  height: 16px;
  background-position: -249px -198px;
}
span.ic_link_m {
  width: 24px;
  height: 24px;
  background-position: -100px 0;
}
span.ic_vote_m {
  width: 24px;
  height: 24px;
  background-position: -150px 0;
}
span.ic_feedwrite {
  width: 19px;
  height: 17px;
  background-position: 0 -101px;
}
span.ic_vote_w {
  width: 24px;
  height: 16px;
  background-position: -50px -100px;
}
span.ic_add_list {
  background-position: -50px -200px;
  width: 16px;
  height: 16px;
}
span.ic_del_list {
  background-position: -100px -200px;
  width: 16px;
  height: 16px;
}

/* ic type */
/* ic form */
/* ic file big */
/* feed icon */
ins.ic_bul2 {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url(../images/icon_feed.png) no-repeat -200px -150px;
}

span.ic_edit_white {
  width: 16px;
  height: 16px;
  background-position: 3px -150px;
}
span.ic_del_white {
  width: 16px;
  height: 16px;
  background-position: -48px -150px;
}
span.ic_send_mail {
  width: 16px;
  height: 16px;
  background-position: 1px -248px;
}
span.ic_copy_url {
  width: 16px;
  height: 16px;
  background-position: -50px -250px;
}
span.ic_plus_g {
  width: 12px;
  height: 11px;
  background-position: -150px -199px;
}
span.ic_addlist2 {
  width: 11px;
  height: 11px;
  background-position: -189px -50px;
}
span.ic_common {
  display: inline-block;
  background: url(../images/ic_common.gif) no-repeat 0 0;
  vertical-align: middle;
}
span.ic_mail {
  display: inline-block;
  background: url(../images/ic_con.png) no-repeat 0 -120px !important;
  width: 12px;
  height: 12px;
}
span.ic_import {
  display: inline-block;
  background: url(../images/ic_gnb.png) no-repeat -200px -60px;
  vertical-align: middle;
  width: 11px;
  height: 12px;
}
span.ic_export {
  display: inline-block;
  background: url(../images/ic_gnb.png) no-repeat -200px -30px;
  vertical-align: middle;
  width: 11px;
  height: 12px;
}
span.btn_txt {
  cursor: pointer;
}
span.btn_txt span.ic {
  display: none;
}
span.txt {
  display: inline-block;
}
span.txt_del {
  color: #333;
  font-family: tahoma;
  padding: 0 5px;
}
span.txt_del:hover {
  color: #222;
}
span.btn_wrap:hover span.ic_x_blue {
  background-position: -386px -39px;
}
span.btn_bg {
  display: inline-block;
  padding: 6px 4px;
  line-height: 1;
}
span.btn_bg:hover {
  background-color: #f1f1f1;
  border-radius: 10px;
  padding: 5px 3px;
  border: 1px solid #ddd;
}
span.help {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
  background: url(../images/ic_con.png) no-repeat 0 0;
  margin-left: 1px;
  cursor: pointer;
  vertical-align: middle;
  line-height: 1.4;
}
span.help > span {
  display: none;
  font-size: 13px;
}
span.help:hover > span {
  position: relative;
  display: block;
  position: absolute;
  top: 1px;
  left: 26px;
  background: #444;
  width: 185px;
  color: #ddd;
  border-radius: 3px;
  padding: 12px;
  font-weight: normal;
  text-indent: 0;
  z-index: 100;
  white-space: normal;
}
span.help:hover > span i {
  position: absolute;
  width: 0;
  height: 0;
  border-width: 10px 6px 10px 0;
  border-style: solid;
}
span.help:hover > span i.tail_left {
  top: 3px;
  left: -7px;
  z-index: 2;
  border-right: 7px solid #444;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
}
span.help:hover > span.top {
  top: 26px;
  left: 0;
}
span.help:hover > span.top i {
  border-width: 0 10px 6px 10px;
}
span.help:hover > span.top i.tail_top {
  top: -7px;
  left: 0;
  z-index: 2;
  border-width: 0 10px 6px 10px;
  border-bottom: 9px solid #444;
  border-right: 9px solid transparent;
  border-left: 9px solid transparent;
}

/*아이콘 수정 예정*/
/**img mergy***/
/* ----------- btn ----------- */
/* ----------- btn help css layer ----------- */
.form_speed input {
  margin-right: 0.2% !important;
}

a.btn_modify span.txt {
  display: none;
}
a.btn_modify span.ic {
  display: inline-block;
  background: url(../images/icon_form.png) -100px 0;
  width: 22px;
  height: 22px;
}

input.modify + a {
  position: absolute;
  left: 85%;
  top: 14px;
  margin-left: -24px;
}

div.editor {
  position: relative;
  /*border: 1px solid #c2c2c2; border-radius:2px;*/
  margin: 20px 0;
  width: 100%;
}
div.editor > textarea {
  min-height: 200px;
}

form.editor_form table.form_type tbody td {
  padding-right: 0;
}
form.editor_form table.form_article td.head {
  width: 115px;
}

table.tb_addr_list th div.article_head_wrap,
table.tb_classic_list th div.article_head_wrap {
  display: inline-block;
}
table.tb_addr_list th div.article_head_wrap select.article_head,
table.tb_classic_list th div.article_head_wrap select.article_head {
  z-index: 20;
  vertical-align: middle;
  padding: 1px !important;
  white-space: nowrap;
  cursor: pointer;
  margin: -4px 8px 0 0;
}
table.tb_addr_list th.th_article_head,
table.tb_classic_list th.th_article_head {
  min-width: 300px;
}

select.action_head {
  width: 80px;
}

table.tb_classic_list th div.action_head_wrap {
  position: relative;
}
table.tb_classic_list th div.action_head_wrap select.action_head {
  z-index: 20;
  position: absolute;
  left: 2px;
  top: 50%;
  margin-top: 4px;
  padding: 1px !important;
  cursor: pointer;
  width: 100px;
}
table.type_normal th div.action_head_wrap select.action_head {
  padding: 1px;
}
table strong.head {
  margin-right: 3px;
}
table.tb_article_head {
  margin-top: 20px;
}

@media \0 screen {
  table.type_normal th div.action_head_wrap select.action_head {
    line-height: 100%;
    height: 20px;
  }
}
div.option_article_head {
  line-height: 1.5;
}
div.option_article_head span.btn_wrap {
  vertical-align: middle;
}
div.option_article_head span.byte {
  margin-left: 8px;
  font-size: 12px;
}
div.option_article_head a.btn_fn4_b {
  vertical-align: middle;
  padding: 7px 4px 6px 4px !important;
}
table.tb_save_data {
  margin-top: 20px;
}

div.tb_save_data {
  line-height: 1.5;
}
div.tb_save_data span.btn_wrap {
  vertical-align: middle;
}
div.tb_save_data span.byte {
  margin-left: 10px;
  line-height: 2.2;
  vertical-align: middle;
  font-size: 11px;
  font-family: tahoma;
  color: #2eacb3;
}
div.tb_save_data a.btn_fn4_b {
  vertical-align: middle;
  padding: 7px 4px 6px 4px !important;
}
div.option_asset_add {
  margin-left: 10px;
}
div.option_asset_add table thead tr th:first-child {
  padding: 3px 10px;
  height: 24px;
}
div.option_asset_add table.in_table tbody tr td {
  padding: 3px 10px;
  border-bottom: 1px solid #ededed;
  height: 24px;
}

table.form_type tbody tr.line td hr {
  margin: 0;
}

div.editor .btn_temp_list {
  display: inline-block;
  position: absolute;
  right: 0;
  top: -20px;
}
div.editor + p {
  margin-left: 30px;
  margin-top: -10px;
}
div.view_share_option {
  line-height: 2.2;
  margin: 7px 0 10px;
}
div.view_share_option table {
  line-height: 1.2;
}

table.mail_write tbody td {
  padding-right: 10px;
}
table.mail_write .dd_attach {
  margin: 0 0 10px 0;
}
table.mail_write .tool_bar {
  border: 0 !important;
}

/* personal info */
span.img_profile {
  display: inline-block;
  position: relative;
  border-radius: 3px;
  background: #f9f9f9;
  width: 100px;
  height: 100px;
  vertical-align: bottom;
}
span.img_profile img {
  border-radius: 3px;
  width: 100px;
}
span.img_profile span.btn_edit_photo {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  cursor: pointer;
  display: block;
  background: #222;
  color: #fff;
  text-align: center;
  padding: 4px 0;
  border-radius: 0 0 3px 3px;
  line-height: 1;
  font-size: 12px;
}

/*jQuery btn*/
.img_profile .wrap_file_upload {
  cursor: pointer;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  cursor: pointer;
  display: block;
  background: #222;
  color: #fff;
  text-align: center;
  padding: 3px 0;
  border-radius: 0 0 3px 3px;
  filter: Alpha(Opacity=40);
  opacity: 0.4;
}
.img_profile .wrap_file_upload:hover {
  filter: Alpha(Opacity=70);
  opacity: 0.7;
}
.img_profile .wrap_file_upload:hover .text {
  color: #fff;
}
.img_profile .wrap_file_upload .btn_file_form {
  display: inline;
  line-height: 1;
  padding: 3px 0;
  border: 1px solid red;
  font-weight: normal;
  border: 0;
  background: none;
  color: #fff;
}

.tool_bar {
  position: relative;
  min-height: 46px;
  padding: 0;
}
.tool_bar.border_type {
  border-bottom: 1px solid #ddd;
  margin-bottom: 8px;
}
.tool_bar .btn_major_s {
  float: left;
  margin: 0 8px 0 0;
  height: 30px;
  line-height: 30px;
  background: none !important;
  border: 0;
  color: #333 !important;
}
.tool_bar .btn_major_s:hover {
  background: #eee !important;
}

.works_app_share .tool_bar .btn_major_s {
  display: inline-block;
}

@media \0 screen {
  .tool_bar .btn_major_s {
    line-height: 25px;
  }
}
/* IE8 hack */
.tool_bar .critical {
  float: left;
  margin: 6px 0 0 0;
}
.tool_bar .critical .critical {
  margin: 0;
}

.report_detail .tool_bar .critical {
  height: 32px;
}

.tool_bar .critical .btn_submenu {
  margin: 0 4px 0 0;
}
.tool_bar .optional .btn_submenu {
  margin: 0 0 0 8px;
}
.tool_bar .optional select {
  margin: 0 0 0 8px;
  height: 32px;
  border: 1px solid #cfd1d4;
  border-radius: 4px;
}
.tool_bar .dataTables_length select {
  height: 32px;
}
.tool_bar .optional {
  float: right;
  position: inherit;
  margin-top: 6px;
}
.tool_bar .optional .btn_submenu .array_option {
  left: initial;
  right: 0;
}
.tool_bar .optional .btn_tool {
  cursor: pointer;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
}
.tool_bar .optional .btn_tool .ic_next {
  margin-right: 0px;
  margin-left: 4px;
}
.tool_bar.border_type .optional .btn_tool.none_text {
  height: 30px;
  width: 30px;
  background-repeat: no-repeat;
  border-radius: 4px;
  margin: 0 0 0 8px;
  box-sizing: border-box;
  padding: 0 5px;
}
.tool_bar.border_type .optional .btn_tool.none_text .txt {
  display: none;
}
.tool_bar.border_type .optional .btn_tool.none_text .ic_toolbar.sort {
  background-position: -49px -99px;
}
.tool_bar.border_type .optional .btn_tool .ic_toolbar.ic_card_1 {
  background: #fff url(../images/ic_toolbar.png) no-repeat -200px -150px !important;
}
.tool_bar.border_type .optional .btn_tool .ic_toolbar.ic_list_1 {
  background: #fff url(../images/ic_toolbar.png) no-repeat -250px -150px !important;
}
.tool_bar .critical .search_wrap {
  width: 160px;
  height: 30px;
}
.tool_bar .critical .search_wrap input.search[value] {
  color: #333;
}
.tool_bar .critical .search_wrap i.ic_search {
  position: absolute;
  left: 8px;
  top: 6px;
  width: 20px;
  height: 20px;
}
.tool_bar .critical .search_wrap input.search {
  position: relative;
  width: 100%;
  height: 30px;
  padding: 5px 5px 5px 30px;
  border-radius: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tool_bar .critical .search_wrap:hover {
  border-color: var(--dop-color-border-basic-level3);
}
.tool_bar .critical .search_wrap input.cancel_search {
  display: none;
  position: absolute;
  right: 4px;
  top: 5px;
  background: url(../images/ic.png) no-repeat 0 -446px !important;
  width: 20px;
  height: 20px;
  font-size: 0 !important;
  cursor: pointer !important;
}
.tool_bar .critical .search_wrap input.search:focus {
  padding: 5px 30px;
}
.tool_bar .critical .search_wrap.active:hover input.search {
  padding: 5px 30px;
}
.tool_bar .critical .search_wrap.active:hover input.cancel_search {
  display: block !important;
}
.tool_bar .btn_tool span.txt,
.tool_bar .btn_tool span.txt_caution {
  display: inline-block;
  font-size: 13px;
}
.tool_bar .btn_tool .ic + span.txt,
.tool_bar .btn_tool .ic_toolbar + span.txt,
.tool_bar .btn_tool span.txt_caution {
  margin: 0 0 0 4px;
}
.tool_bar .wrap_txt {
  padding: 0;
}
.tool_bar .wrap_txt .txt {
  font-size: 13px;
  padding: 6px 0;
}
.tool_bar select {
  height: 30px;
}
.tool_bar .critical_bottom {
  position: absolute;
  left: 0;
}
.tool_bar .critical .txt_normal {
  font-weight: normal !important;
}
.tool_bar > ul {
  min-height: 30px;
}
.tool_bar > ul > li {
  float: left;
}
.tool_bar ul.optional li {
  position: relative;
}
.tool_bar ul.optional li:first-child {
  margin-right: 0px;
}
.tool_bar .btn_tool {
  margin: 0 4px 0 0;
  vertical-align: middle;
}

/* .tool_bar type 에서 사용하는 optional */
/* search wrap in tool_bar */
.btn_tool_by_user {
  border: 1px solid #ddd !important;
}

.tool_bar .btn_tool:first-child {
  margin-left: 0;
}

ul.optional li:last-child .btn_tool {
  margin-right: 0;
}

.tool_bar .btn_tool .ic_side_setting {
  margin: -2px 4px 0 0;
}
.tool_bar .critical li:first-child .btn_tool {
  margin-left: 0;
}
.tool_bar .btn_tool span.ic_txtPlus {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  font-weight: 500;
  margin: -4px 8px 0 0;
}

.btn_tool .ic_arrow_type3 {
  display: none;
}

.tool_bar .btn_submenu .btn_tool {
  margin: 0;
}
.tool_bar .btn_submenu .btn_tool span.min {
  display: inline-block;
  margin: -12px 0 0 -5px;
  font-family: tahoma;
  font-size: 11px;
  color: #888;
  vertical-align: middle;
}
.tool_bar .btn_tool:hover .txt,
.tool_bar .btn_tool:hover .txt_caution {
  color: #333;
}
.tool_bar .btn_save {
  background: #73cfd6;
  border-color: #70bfc5;
  color: #fff;
}
.tool_bar .btn_save:hover {
  background-color: #47b2bc;
  border-color: #459aa3;
}
.tool_bar a.btn_tool span.ic_prev {
  display: inline-block;
  width: 8px;
  height: 12px;
  background: url(../images/ic_gnb.png) no-repeat -200px -120px;
}
.tool_bar a.btn_tool span.ic_next {
  display: inline-block;
  width: 8px;
  height: 12px;
  background: url(../images/ic_gnb.png) no-repeat -200px -150px;
}
.tool_bar a.btn_tool span.ic_page_up {
  display: inline-block;
  margin-right: 2px;
  width: 12px;
  height: 12px;
  background: url(../images/ic_gnb.png) no-repeat -200px -530px;
}
.tool_bar a.btn_tool span.ic_page_down {
  display: inline-block;
  margin-right: 2px;
  width: 12px;
  height: 12px;
  background: url(../images/ic_gnb.png) no-repeat -200px -500px;
}
.tool_bar a.btn_tool span.ic_list {
  display: inline-block;
  width: 10px;
  height: 12px;
  background: url(../images/ic_gnb.png) no-repeat -200px -90px;
}
.tool_bar .btn_tool span.ic_print {
  display: inline-block;
  background: url(../images/ic_gnb.png) no-repeat -200px 0px;
}
.tool_bar a.btn_tool span.ic_pop {
  display: inline-block;
  width: 12px;
  height: 11px;
  background: url(../images/ic_gnb.png) no-repeat -250px -475px;
}
.tool_bar span.ic_pen,
.tool_bar span.ic_finish {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url(../images/ic_gnb.png) no-repeat -200px -210px;
}
.tool_bar ul.optional li:nth-child(3) {
  margin-right: 0px;
}

div.tool_bar_button {
  border-top: 1px solid #ededed;
  border-bottom: 0 !important;
}
div.critical span.title {
  font-size: 14px;
  font-weight: normal;
  font-weight: bold;
  font-weight: 500;
}

.custom_header span.title {
  margin-right: 0;
}
.custom_header span.title span.num {
  font-weight: normal;
}

div.dataTables_length {
  float: right;
  margin: 0;
}
div.tool_absolute div.critical {
  position: absolute;
  left: 0;
  top: 0;
  width: 80%;
  display: none;
}
div.tool_absolute div.optional {
  margin-top: 6px;
}
div.tool_absolute div.dataTables_length {
  position: absolute;
  right: 0;
  top: 12px;
  display: none;
}
div.critical span.btn_tool_group:last-child {
  margin-right: 0;
}

/* btn_tool_group */
span.btn_tool_group {
  display: inline-block;
  float: left;
  margin-right: 8px;
}
span.btn_tool_group:after {
  content: '';
  display: inline-block;
  clear: left;
  visibility: hidden;
}
span.btn_tool_group a.btn_tool {
  float: left;
  border-radius: 0;
  margin-right: -1px;
}
span.btn_tool_group a.btn_tool .txt {
  margin: 0;
}
span.btn_tool_group a.btn_tool:first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
span.btn_tool_group a.btn_tool:last-child {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

/**print**/
div.layer_mail_print ul,
section.classic_detail article.article_view ul {
  list-style-type: disc;
  list-style-position: inside;
}

/*editor overriding*/
div.layer_mail_print ol {
  list-style-type: decimal;
  list-style-position: inside;
}

section.classic_detail article.article_view ol {
  list-style-type: decimal;
  list-style-position: inside;
}
section.classic_detail article.article_view h1,
section.classic_detail article.article_view h2,
section.classic_detail article.article_view h3,
section.classic_detail article.article_view h4,
section.classic_detail article.article_view h5,
section.classic_detail article.article_view h6 {
  font-weight: normal;
}
section.classic_detail article.article_view .marker {
  background-color: Yellow;
}

/*editor overriding*/
/* editor */
/*layer_pay_print*/
.layer_pay_print header,
.layer_pay_print .header_print {
  position: fixed !important;
  left: 0px;
  top: 0px;
  width: 100%;
  box-sizing: border-box;
  height: 32px !important;
  z-index: 1;
}
.layer_pay_print header h1,
.layer_pay_print .header_print h1 {
  vertical-align: top;
}
.layer_pay_print header span.btn_wrap,
.layer_pay_print .header_print span.btn_wrap {
  right: 15px !important;
}
.layer_pay_print header span.btn_wrap .wrap_option,
.layer_pay_print .header_print span.btn_wrap .wrap_option {
  padding: 3px 0px 6px;
  vertical-align: top;
  font-size: 12px;
  line-height: 20px;
  margin-right: 10px;
}
.layer_pay_print header span.btn_wrap .wrap_option input,
.layer_pay_print .header_print span.btn_wrap .wrap_option input {
  top: -1px;
}
.layer_pay_print .content {
  margin-top: 32px;
}
.layer_pay_print .report_type {
  border: none;
  border-top: solid 1px #ccc;
}
.layer_pay_print .report_type .article_reply {
  margin: 15px;
  margin-top: 50px;
}
.layer_pay_print .report_type .btn_wrap {
  margin-right: 10px;
}
.layer_pay_print .report_type li .photo {
  display: none;
}
.layer_pay_print .report_type ul li div.msg_wrap {
  width: 100%;
  margin-left: 0px !important;
}
.layer_pay_print .report_type ul li.delete div.msg_wrap .desc {
  margin-left: 0px !important;
}
.layer_pay_print .content .report_type {
  border-top: none;
}
.layer_pay_print .article_reply .reply {
  list-style: none;
}
.layer_pay_print .content_page {
  margin-top: 32px;
}

/*classic_view*/
.classic_detail .article_view ul.file_wrap,
ul.img_wrap {
  list-style-type: none;
}

.clhassic_detail .article_header {
  padding: 24px 24px;
}

.classic_detail .article_view,
.classic_detail .article_reply,
.classic_detail .article_write {
  padding: 24px 0;
}
.classic_detail .article_header {
  padding: 24px 0 0;
  margin: 0 !important;
}
.classic_detail .article_header > .list_report {
  margin: 8px 0 0 0;
}
.classic_detail .article_header > .list_report .photo {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  overflow: hidden;
  vertical-align: middle;
  margin: 0 4px 0 0;
}
.classic_detail .article_header > .list_report .photo img {
  width: 100%;
  height: 100%;
}
.classic_detail .article_view {
  min-height: 200px;
}
.classic_detail .article_view > a {
  display: inline-block;
  font-family: tahoma;
  margin-right: 10px;
}
.classic_detail .article_view .name {
  color: #2eacb3;
}
.classic_detail .article_view > a:hover {
  text-decoration: underline;
}
.classic_detail .article_header {
  position: relative;
  border-top: 1px solid #ddd;
}
.classic_detail .article_header h1 {
  font-size: 24px;
  line-height: 1.4;
  margin-right: 180px;
}

div.content_page_report .classic_detail .article_header h1 {
  margin-right: 0;
}

.classic_detail .article_header h1 span.num {
  margin: 0 0 0 4px;
  font-size: 21px;
  font-weight: normal;
  color: #888;
}
.classic_detail .article_header div.article_wrap {
  margin-top: 8px;
}
.classic_detail .article_header div.meta_wrap {
  position: absolute;
  top: 20px;
  right: 24px;
}
.classic_detail .article_header div.meta_wrap .btn_more .help:hover > span {
  top: 18px;
  left: inherit;
  right: 0;
}
.classic_detail .article_header div.meta_wrap .btn_more .help .tail_left {
  display: none;
}
.classic_detail .article_header div.meta_wrap.survey {
  position: absolute;
  top: 16px;
  left: 300px;
  right: 24px;
  text-align: right;
}
.classic_detail .article_header div.meta_wrap span.permalink > a {
  vertical-align: middle;
}
.classic_detail .article_header div.meta_wrap span.permalink a.url {
  display: inline-block;
  max-width: 250px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #999;
  margin: 0 4px 0 0;
}
.classic_detail .article_header div.meta_wrap div.sub_info {
  line-height: 1.5;
  color: #777;
  margin-bottom: 2px;
}
.classic_detail .article_header div.meta_wrap div.sub_info span {
  font-family: tahoma, dotum;
  font-size: 12px;
}
.classic_detail .article_header div.meta_wrap div.sub_info span.bar {
  color: #ccc;
}
.classic_detail .article_header div.meta_wrap > span.txt {
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #c9c9c9;
  font-size: 11px;
  letter-spacing: -1px;
}
.classic_detail .article_header div.meta_wrap span.txt span.num {
  font-size: 11px;
  font-family: verdana;
  font-weight: bold;
  font-weight: 500;
  color: #2eacb3;
}
.classic_detail .article_header div.meta_wrap div.plus_action {
  margin-bottom: 5px;
}
.classic_detail .article_header div.meta_wrap a.btn_plus {
  margin-left: 20px;
}
.classic_detail .article_header div.meta_wrap .btn_heart .wrap_heart {
  border: 0;
  width: auto;
  padding: 0;
  text-align: left;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.classic_detail .article_header div.meta_wrap .btn_heart .wrap_heart .txt {
  display: inline-block;
  position: static;
  width: auto;
}
.classic_detail .article_header div.meta_wrap .btn_heart .wrap_heart svg {
  vertical-align: middle;
}

.survey_detail .article_header h1 {
  margin-right: 80px;
}
.survey_detail .info_survey {
  margin: 16px 0 0 0;
}
.survey_detail .list_report .date {
  color: #4a4b4c;
}

div.plus_action {
  text-align: center;
}
div.plus_action a.btn_plus {
  display: inline-block;
  padding: 0 20px;
  border: 1px solid #c9c9c9;
  background: #fff;
  font-size: 20px;
  font-family: verdana;
  border-radius: 3px;
  height: 40px;
  line-height: 40px;
}
div.plus_action a.btn_plus span.txt {
  color: #888 !important;
  vertical-align: baseline;
}
div.plus_action a.btn_plus:hover span.txt,
div.plus_action a.btn_plus span.txt:hover {
  color: #fff !important;
}

span.permalink a.url {
  font-size: 11px;
  font-family: verdana;
}

div.feed_wrap div.plus_action a.btn_plus {
  margin-left: 14px;
}

.classic_detail article.article_view p {
  line-height: 1.8;
}
.classic_detail .article_reply {
  border: 1px solid #c9c9c9;
}

.fn_mini {
  display: inline-block;
  padding: 2px 5px 1px 5px;
  color: #fff;
  font-weight: normal;
  font-size: 11px;
  line-height: 1.5;
  background: #a9a9a9;
  border-radius: 2px;
  font-family: 돋움, dotum, AppleGothic, arial, Helvetica, sans-serif;
  letter-spacing: -1px;
  vertical-align: middle;
}

a.fn_mini:hover {
  background: #858585;
}

@media \0 screen {
  a.fn_mini {
    padding: 3px 4px 2px 4px;
  }
}
/* IE8 hack */
:root a.fn_mini {
  padding: 4px 4px 1px 4px\9;
}

/* IE9 hack */
span.btn_action_off {
  display: inline-block;
  padding: 8px;
  background: #dedede;
  border-radius: 3px;
  color: #666;
  font-size: 12px;
}
span.btn_action_off label:hover {
  filter: Alpha(Opacity=80);
  opacity: 0.8;
  cursor: pointer;
}
span.btn_action_on {
  display: inline-block;
  padding: 8px;
  background: #fff;
  border-radius: 3px;
  color: #4f4f4f;
  font-size: 12px;
  cursor: default;
}
span.btn_action_on label:hover {
  filter: Alpha(Opacity=80);
  opacity: 0.8;
  cursor: pointer;
}

div.article_wrap p.title {
  color: #333;
  font-weight: bold;
  font-weight: 500;
}
div.meta_wrap span.name {
  color: #888;
}
div.meta_wrap span.btn_wrap {
  display: block;
}
div.meta_wrap span.btn_wrap span.txt {
  display: inline-block;
}
div.meta_wrap span.btn_wrap:hover {
  border-bottom: 1px solid var(--dop-color-border-primary-level1);
}
div.meta_wrap span.btn_wrap span.ic_bul1 {
  position: absolute;
  right: 0;
  top: 19px;
  display: none;
}
div.content_info_wrap {
  position: relative;
  min-width: 500px;
  margin: 10px 0;
  padding: 10px 10px 14px;
  background-color: #f9f9f9;
  border: 1px solid #dcdcdc;
  /* border-top: 1px solid #9b9b9b;*/
  border-radius: 4px;
  font-size: 13px;
}
div.content_info_wrap ul {
  margin-left: px;
}
div.content_info_wrap ul li span.title {
  font-weight: bold;
  font-weight: 500;
  font-size: 12px;
  padding: 0 0 7px 0;
}
div.content_info_wrap ul li span.ic_share {
  opacity: 0.7;
  margin-right: 2px;
}
div.content_info_wrap span strong {
  color: #666;
  font-weight: normal;
}
div.content_info_wrap ul.simple_info {
  overflow: hidden;
  position: relative;
  margin-right: 25px;
}
div.content_info_wrap ul.simple_info li > strong {
  font-weight: normal;
}
div.content_info_wrap ul.detail_info li > strong {
  font-weight: normal;
}
div.content_info_wrap ul.detail_info li span.txt {
  line-height: 1.2;
  color: #333;
}
div.content_info_wrap ul.detail_info > li {
  padding-bottom: 0px;
  padding-top: 1px;
  min-height: 22px;
  line-height: 1.5;
  background-position: -1px 7px;
}
div.content_info_wrap ul.simple_info li > span.txt {
  line-height: 1.2;
  color: #333;
}
div.content_info_wrap ul.detail_info li:last-child {
  background-position: -1px 6px;
}
div.content_info_wrap ul.detail_info li.conference {
  background-image: none;
}
div.content_info_wrap ul.detail_info li.conference span.txt {
  line-height: 1.4;
}
div.content_info_wrap ul.detail_info li.conference span.from {
  display: block;
  padding: 7px 0 0;
  color: #333;
}
div.content_info_wrap ul.file_wrap {
  padding: 2px 0 0 0;
}
div.content_info_wrap ul.file_wrap li {
  background: none;
  padding-left: 0;
}
div.content_info_wrap ul.file_wrap li span.name {
  color: #333;
}
div.content_info_wrap > span.btn_wrap {
  position: absolute;
  right: 10px;
  top: 11px;
  cursor: pointer;
}
div.content_info_wrap2 {
  min-width: 500px;
  margin: 0 24px 16px;
  padding: 11px 14px 9px;
  background-color: #f9f9f9;
  border: 1px solid #dcdcdc;
  /* border-top: 1px solid #9b9b9b;*/
  border-radius: 5px;
}

table.list_operator th {
  text-align: left;
  width: 124px;
  vertical-align: middle;
}
table.list_operator td {
  vertical-align: middle;
  background: #f9f9f9;
}
table.list_operator td ul.name_tag li.create {
  margin-top: 2px;
}
table.list_operator td ul.name_tag li.create .btn_wrap .ic_addlist,
table.list_operator td ul.name_tag li.create .btn_wrap .txt {
  margin-top: 0;
}

div.content_search_wrap {
  position: relative;
  margin: 0 24px 16px;
  padding: 8px;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 2px;
}
div.content_search_wrap .title {
  margin: 0 8px 0 0;
}
div.content_search_wrap dl.info {
  padding-left: 0;
}
div.content_search_wrap + section.comm_list,
div.content_search_wrap + div.dataTables_wrapper > .tool_bar {
  border-top: 1px solid #ddd;
}
div.content_search_wrap h1 {
  float: left;
  padding: 0;
  margin: 0;
  font-weight: bold;
  font-weight: 500;
  font-size: 12px;
  margin-left: 10px;
}
div.content_search_wrap h1 span.title {
  font-size: 13px;
  font-weight: normal;
}
div.content_search_wrap h1 ins.bullet {
  display: none;
  width: 10px;
  height: 10px;
  margin: 0 5px 0;
  background: url(../images/ic_con.png) no-repeat -228px -400px;
  vertical-align: middle;
}
div.content_search_wrap dl.info {
  margin-left: 60px;
  margin-top: -3px;
}
div.content_search_wrap span.info {
  display: inline-block;
  padding: 0;
  font-weight: bold;
  font-weight: 500;
  line-height: 1.5;
}

:root div.content_search_wrap span.info {
  line-height: 1.6\9;
  /*for IE9*/
}

div.content_search_wrap span.date {
  font-weight: bold;
  font-weight: 500;
  color: #444;
  letter-spacing: -1px;
}

dl.info {
  margin: 0 0 0 35px;
  overflow: hidden;
  padding-left: 10px;
}
dl.info dt {
  float: left;
  padding: 2px 0;
  color: #888;
  font-size: 13px;
}
dl.info dd {
  float: left;
  padding: 2px 0;
  margin: 0 16px 0 2px;
  font-size: 13px;
}

div.search_option {
  display: inline-block;
  margin-right: 15px;
}
div.search_option span.btn_minor_s2 {
  padding: 3px 8px;
  border-color: #ccc;
  border-radius: 12px;
}
div.tab_menu_wrap {
  margin: 15px 0 15px;
  padding: 0;
  display: block;
  border-bottom: 1px solid #dfdfdf;
}

.content_page > .tab_menu_wrap {
  margin-top: 0;
}

header.content_top + .tab_menu_wrap > ul.tab_menu {
  padding: 0 24px;
}

ul.tab_menu {
  overflow: hidden;
  margin-bottom: -1px;
}
ul.tab_menu li {
  float: left;
  padding: 12px 0;
  margin: 0 16px;
  z-index: 1;
  cursor: pointer;
}
ul.tab_menu li:first-child {
  margin-left: 0;
}
ul.tab_menu li.pad_more {
  padding: 8px 40px;
}
ul.tab_menu li span.txt {
  font-size: 13px;
  color: #999;
  display: inline-block;
}
ul.tab_menu li span.num {
  display: inline-block;
}
ul.tab_menu li:hover span.txt {
  color: #656565;
}
ul.tab_menu li.active,
ul.tab_menu li.ui-state-active {
  border-bottom: 2px solid #000;
}
ul.tab_menu li.active span.txt,
ul.tab_menu li.ui-state-active span.txt {
  color: #333;
  font-weight: bold;
  font-weight: 500;
}
ul.tab_menu li span.ic_txt_change {
  display: none;
}
ul.tab_menu li.selectable span.ic_txt_change {
  display: inline-block;
}

p.tab_explain {
  display: block;
  margin-bottom: 10px;
  color: #888;
}
p.inline {
  display: inline-block;
  margin-bottom: 0;
  line-height: 30px;
}
p.data_null {
  text-align: center;
  color: #999;
  padding: 32px;
}
p.data_null .btn_major_s {
  margin: 16px 0 0 0;
}
p.data_null span.icon_classic {
  margin-right: 5px;
}
p.data_null span.icon_no_board,
p.data_null span.icon_no_contents {
  display: inline-block;
}
p.data_null span.ic_data_type {
  vertical-align: middle;
}

div.error_page {
  width: 500px;
  margin: 50px auto;
  position: absolute;
  left: 50%;
  top: 40px;
  margin-left: -250px;
}
div.error_page .desc {
  display: block;
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
  margin: 10px 0 0 5px;
  color: #666;
}
div.error_page ul {
  border: 4px solid #dddddd;
  display: block;
  font-size: 12px;
  padding: 10px 20px 10px 20px;
  margin: 20px 0 0 5px;
  color: #666;
}
div.error_page ul li {
  margin: 4px 0;
  color: #666;
}
div.error_page > .wrap_btn {
  padding: 32px 0 0 0;
}
div.error_page > .wrap_btn > a {
  margin: 0 4px;
}
div.error_page hgroup {
  position: relative;
  min-height: 54px;
}
div.error_page hgroup h2 {
  position: relative;
  display: block;
  margin: 35px 0 38px 0;
  text-align: center;
}
div.error_page hgroup h2.multi {
  /* margin-top:3px */
}
div.error_page hgroup span.ic_error_page {
  display: block;
  left: 0;
  top: 0;
  margin: auto;
}
div.error_page .wrap_btn {
  text-align: center;
  width: 100%;
}
div.search_result span.date_type {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  margin-top: -35px;
}
div.search_result div.info {
  margin-left: 120px;
}
div.search_result span.photo {
  left: 80px;
}
div.search_result p.title {
  margin-left: 80px;
}
div.search_result div.article {
  margin-left: 80px;
  font-weight: normal;
}

ul.article_list li div.search_result {
  margin-right: 80px;
}

strong.txt_key {
  background-color: #c3eaec !important;
  color: #444;
  padding: 3px 2px;
  font-weight: normal;
}

div.tool_tag {
  padding: 5px 0;
}
div.tool_tag ul {
  min-width: 150px;
  max-width: 300px;
}
div.tool_tag ul li span {
  vertical-align: middle;
}

.tool_tag {
  width: 250px;
  background: #fff;
}
.tool_tag span.tag_name {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 110px;
}
.tool_tag span.btn_fn7 {
  font-size: 11px;
  letter-spacing: -1px;
  padding: 1px 4px;
  margin-left: 2px;
}
.tool_tag .btn_fn7 .ic_check {
  display: none;
}
.tool_tag .btn_layer_wrap {
  position: absolute;
  top: 8px;
  right: 10px;
  border: 0;
  padding: 0;
  margin: 0;
}
.tool_tag .array_type li {
  padding: 8px 10px;
}

/*@custom*/
div.meta_info_wrap {
  margin-bottom: 15px;
  overflow: hidden;
}
div.meta_info_wrap ul {
  margin-left: 65px;
}
div.meta_info_wrap ul li {
  display: block;
  margin-bottom: 7px;
  padding-left: 130px;
}
div.meta_info_wrap ul li.thumb {
  padding-left: 0px;
  width: 120px;
  height: 100px;
  float: left;
  overflow: hidden;
}
div.meta_info_wrap ul li.url {
  position: relative;
  padding-left: 0px;
}
div.meta_info_wrap ul li.url span.btn_wrap {
  position: absolute;
  right: 0;
  top: 0;
}
div.meta_info_wrap ul li.url + li {
  padding-left: 0;
}
div.meta_info_wrap ul li a.title {
  display: inline-block;
  font-weight: bold;
  font-weight: 500;
  color: #444;
  font-size: 13px;
  width: 100%;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
div.meta_info_wrap ul li a.url_type {
  display: inline-block;
  color: #2eacb3;
  font-family: tahoma;
  margin-right: 20px;
}
div.meta_info_wrap ul li a.url_type:hover {
  text-decoration: underline;
}
div.meta_info_wrap ul li a.meta_thumb {
  display: inline-block;
  width: 118px;
  height: 98px;
  border: 1px solid #ccc;
  background: #f6f6f6;
}
div.meta_info_wrap ul li a.meta_thumb img {
  position: relative;
  width: 102%;
  left: -1px;
  top: -1px;
}
div.file_wrap {
  margin-bottom: 15px;
  overflow: hidden;
}
div.article_wrap div.feed {
  margin-left: 65px;
}

span.gage_wrap {
  position: relative;
  display: inline-block;
  border: 1px solid #d5d5d5;
  height: 6px;
  width: 300px;
  background: #fff;
  border-radius: 10px;
}

.gage {
  position: absolute;
  display: inline-block;
  top: -1px;
  left: -1px;
  height: 6px;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  font-weight: 500;
  background-color: #00a1b9;
  border: 1px solid #00a1b9;
  border-right: 0;
  overflow: hidden;
}

span.ic_img_prev {
  background-position: -200px 3px;
  width: 30px;
  height: 30px;
}
span.ic_img_next {
  background-position: -255px 3px;
  width: 30px;
  height: 30px;
}

div.img_wrap ul li.last {
  margin-right: 0;
}
div.img_wrap ul li a {
  display: block;
}
div.img_wrap ul li img {
  cursor: pointer;
}
div.img_wrap ul li img:hover {
  filter: Alpha(Opacity=80);
  opacity: 0.8;
}

ul.feed_img {
  overflow: hidden;
  position: relative;
  max-width: 700px;
  padding: 2px;
}

div.feed_wrap ul.feed_img {
  margin-left: 65px;
}

ul.feed_img li {
  position: relative;
  display: inline-block;
  text-align: center;
  outline: 1px solid #eee;
}
ul.feed_img img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  margin: auto;
}
ul.length_1 li {
  max-width: 100%;
  max-height: 450px;
  overflow: hidden;
}
ul.length_2 li {
  float: left;
  width: 49%;
  max-width: 320px;
  max-height: 320px;
  margin-right: 1%;
  text-align: center;
}
ul.length_3 li {
  width: 31%;
  max-width: 205px;
  max-height: 205px;
  margin: 0 1% 1% 0;
  float: left;
}
ul.length_4 li {
  width: 23%;
  margin: 0 1% 1% 0;
  max-width: 149px;
  max-height: 149px;
  float: left;
}

div.img_wrap span.prev {
  position: absolute;
  left: 30px;
  top: 50px;
}
div.img_wrap span.next {
  position: absolute;
  right: -35px;
  top: 50px;
}
div.img_wrap span.prev:hover span.ic_img_prev {
  background-position: -200px -48px;
}
div.img_wrap span.next:hover span.ic_img_next {
  background-position: -255px -48px;
}

ul.feed_img_thumb {
  margin: 10px 0 20px;
  overflow: hidden;
  margin-left: 65px;
}
ul.feed_img_thumb li {
  float: left;
  margin-right: 0.5%;
  width: 9.5%;
  overflow: hidden;
}
ul.feed_img_thumb li img {
  width: 100%;
  height: 100%;
  max-height: 40px;
}

div.write_wrap div.meta_info_wrap ul {
  margin: 5px;
  line-height: 1;
}
div.link_wrap,
div.file_wrap,
div.img_wrap,
div.vote_wrap {
  position: relative;
  margin-bottom: 10px;
}

divlink_wrap input {
  border-radius: 2px;
  width: 100%;
}

div.link_wrap span.btn_minor_s {
  position: absolute;
  right: 10px;
  top: 0;
  padding: 4px 10px;
}
div.option_display div.link_wrap div.form_wrap {
  margin-right: 105px;
}
div.img_wrap ul.img_wrap {
  margin: 0;
}
div.vote_wrap {
  min-width: 320px;
  max-width: 700px;
}
div.vote_wrap span.title {
  font-size: 14px;
}
div.vote_wrap ul {
  margin-top: 10px;
  border: 1px dotted #ddd;
  padding-bottom: 10px;
}
div.vote_wrap ul li {
  display: block;
  margin-left: 10px;
  padding: 15px 0 0 0;
  overflow: hidden;
}
div.vote_wrap ul li span.vote_list {
  display: inline-block;
  padding: 2px;
  font-weight: bold;
  font-weight: 500;
}
div.vote_wrap div.action_wrap {
  text-align: left;
  margin: 10px 0 0 5px;
}
div.vote_wrap ul li span.num {
  position: absolute;
  font-size: 26px;
  font-family: verdana;
  color: #ccc;
  width: 38px;
  float: left;
  margin: 2px 0;
}
div.vote_wrap ul li span.count {
  color: #f37247;
  padding: 0 3px 0 5px;
  font: bold 14px verdana;
}
div.article_wrap div.article div.feed ul.vote_result li span.vote_list {
  position: relative;
  margin: 0 20px 0 38px;
  line-height: 1.2;
}

span.vote_list span.gage_wrap {
  margin-top: 3px;
}
span.gage_wrap span.percent {
  position: absolute;
  top: 0;
  left: 50%;
  font: bold 12px arial;
}

ul.max_height {
  max-height: 190px;
  overflow-y: scroll;
}
ul.vote li {
  position: relative;
}
ul.vote li .w_medium {
  width: 84% !important;
}
ul.vote li span,
ul.vote li input {
  vertical-align: middle;
}
ul.vote li span.btn_bdr {
  padding: 2px;
  border: 1px solid #fff;
  cursor: pointer;
}
ul.vote li span.btn_bdr:hover {
  padding: 2px;
  border-color: #ddd;
}

/* ----------- text style ----------- */
th span.title {
  display: inline-block;
  font-weight: normal;
}

span.size {
  color: #999;
  margin-left: 4px;
}

/*--- go_style.css오버라이딩  ---*/
header.content_top h1 .btn_wrap {
  vertical-align: middle;
  font-size: 0;
}
header.content_top h1 .btn_wrap .ic_info {
  width: 32px;
  height: 32px;
  background-position: -132px -993px;
  border-radius: 8px;
}
header.content_top h1 .btn_wrap .ic_info:hover {
  background-color: #eee;
}
header.content_top h1 span.action {
  display: inline-block;
  margin: 5px 0 0 0;
  font-size: 0;
}
header.content_top h1 span.action + .btn_wrap {
  margin-left: -8px;
}
header.content_top h1 span.action .ic_star {
  width: 32px;
  height: 32px;
  background-position: 8px 8px;
  border-radius: 8px;
}
header.content_top h1 span.action .ic_star_off {
  width: 32px;
  height: 32px;
  background-position: 8px -33px;
  border-radius: 8px;
}
header.content_top h1 span.action .ic_star:hover,
header.content_top h1 span.action .ic_star_off:hover {
  background-color: #eee;
}
header.content_top h1 span.action span.btn_txt {
  font-size: 14px;
}
header.content_top h1 .meta_section + .btn_wrap ins.ic_star {
  margin-left: 4px;
}
header h1 a.btn_fn6 span {
  vertical-align: middle;
  line-height: 16px;
}
header h1 a.btn_fn6 span.ic_share {
  background-position: -20px -80px;
  vertical-align: middle;
}

span.btn_bdr {
  line-height: 1;
}
span.btn_feedwrite span.text {
  color: #fff;
  font-size: 13px;
  letter-spacing: -1px;
}

section.classic_detail section.article_reply {
  padding: 0;
  border: 0;
  margin-bottom: 0px;
}

/********** mail **********/
div.ic_tag {
  display: inline-block;
  position: relative;
  width: 10px;
  height: 10px;
  margin: 0 6px 0 0;
}
div.ic_tag div {
  position: absolute;
  width: 0;
  height: 0;
}
div.ic_tag div.tail_r {
  border-bottom: 6px solid transparent;
  border-style: solid;
  border-top: 6px solid transparent;
  border-width: 6px 0 6px 6px;
  right: -7px;
  top: -1px;
}
div.ic_tag div.tail_r div {
  border-bottom: 5px solid transparent;
  border-style: solid;
  border-top: 5px solid transparent;
  border-width: 5px 0 5px 5px;
  right: 2px;
  top: -5px;
}

span.ic_tag {
  display: inline-block;
  position: relative;
  width: 12px;
  height: 12px;
  margin: 0 12px 0 0;
  vertical-align: middle;
}
span.ic_tag span {
  position: absolute;
  width: 0;
  height: 0;
}
span.ic_tag span.tail_r {
  border-bottom: 6px solid transparent;
  border-style: solid;
  border-top: 6px solid transparent;
  border-width: 6px 0 6px 6px;
  right: -7px;
  top: -1px;
}
span.ic_tag span.tail_r span {
  border-bottom: 5px solid transparent;
  border-style: solid;
  border-top: 5px solid transparent;
  border-width: 5px 0 5px 5px;
  right: 2px;
  top: -5px;
}

/********** button **********/
.btn_schedule_more {
  display: block;
  font-size: 12px;
  padding: 0;
  color: #9b9c9e;
}
.btn_schedule_more:hover {
  color: #111;
}

ins.btn_myColleague {
  display: inline-block;
  background: url(../images/ic_calendar.gif) no-repeat -50px 0;
  width: 16px;
  height: 15px;
  cursor: pointer;
}

a.btn_timeline_hide {
  display: inline-block;
  border-top: 6px solid transparent;
  border-bottom: 6px solid #888;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
a.btn_timeline_show {
  display: inline-block;
  border-top: 6px solid #888;
  border-bottom: 6px solid transparent;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
a.btn_timeline_hide:hover {
  border-bottom: 6px solid #000;
}
a.btn_timeline_show:hover {
  border-top: 6px solid #000;
}

span.btn_func {
  position: absolute;
  top: 3px;
  right: 8px;
  display: inline-block;
  border: 5px solid transparent;
  border-left: 6px solid #888;
  cursor: pointer;
}

/********** schedule color **********/
.txtcolor1 {
  color: #a26350;
}
.txtcolor1 span {
  color: #a26350;
}

.txtcolor2 {
  color: #d06b64;
}
.txtcolor2 span {
  color: #d06b64;
}

.txtcolor3 {
  color: #fc627d;
}
.txtcolor3 span {
  color: #fc627d;
}

.txtcolor4 {
  color: #ff6445;
}
.txtcolor4 span {
  color: #ff6445;
}

.txtcolor5 {
  color: #ff843c;
}
.txtcolor5 span {
  color: #ff843c;
}

.txtcolor6 {
  color: #ffa527;
}
.txtcolor6 span {
  color: #ffa527;
}

.txtcolor7 {
  color: #42d692;
}
.txtcolor7 span {
  color: #42d692;
}

.txtcolor8 {
  color: #0fa737;
}
.txtcolor8 span {
  color: #0fa737;
}

.txtcolor9 {
  color: #6dcd53;
}
.txtcolor9 span {
  color: #6dcd53;
}

.txtcolor10 {
  color: #92ce2c;
}
.txtcolor10 span {
  color: #92ce2c;
}

.txtcolor11 {
  color: #f8e265;
}
.txtcolor11 span {
  color: #f8e265;
}

.txtcolor12 {
  color: #fcc83e;
}
.txtcolor12 span {
  color: #fcc83e;
}

.txtcolor13 {
  color: #ff93b6;
}
.txtcolor13 span {
  color: #ff93b6;
}

.txtcolor14 {
  color: #cd74e6;
}
.txtcolor14 span {
  color: #cd74e6;
}

.txtcolor15 {
  color: #888aff;
}
.txtcolor15 span {
  color: #888aff;
}

.txtcolor16 {
  color: #b99aff;
}
.txtcolor16 span {
  color: #b99aff;
}

.txtcolor17 {
  color: #4382ff;
}
.txtcolor17 span {
  color: #4382ff;
}

.txtcolor18 {
  color: #86b9e5;
}
.txtcolor18 span {
  color: #86b9e5;
}

.txtcolor_group {
  color: #808080;
}
.txtcolor_group span {
  color: #808080;
}

.bgcolor1 {
  background: #a26350;
  border: 1px solid #a26350;
}

.bgcolor2 {
  background: #d06b64;
  border: 1px solid #d06b64;
}

.bgcolor3 {
  background: #fc627d;
  border: 1px solid #fc627d;
}

.bgcolor4 {
  background: #ff6445;
  border: 1px solid #ff6445;
}

.bgcolor5 {
  background: #ff843c;
  border: 1px solid #ff843c;
}

.bgcolor6 {
  background: #ffa527;
  border: 1px solid #ffa527;
}

.bgcolor7 {
  background: #42d692;
  border: 1px solid #42d692;
}

.bgcolor8 {
  background: #0fa737;
  border: 1px solid #0fa737;
}

.bgcolor9 {
  background: #6dcd53;
  border: 1px solid #6dcd53;
}

.bgcolor10 {
  background: #92ce2c;
  border: 1px solid #92ce2c;
}

.bgcolor11 {
  background: #f8e265;
  border: 1px solid #f8e265;
}

.bgcolor12 {
  background: #fcc83e;
  border: 1px solid #fcc83e;
}

.bgcolor13 {
  background: #ff93b6;
  border: 1px solid #ff93b6;
}

.bgcolor14 {
  background: #cd74e6;
  border: 1px solid #cd74e6;
}

.bgcolor15 {
  background: #888aff;
  border: 1px solid #888aff;
}

.bgcolor16 {
  background: #b99aff;
  border: 1px solid #b99aff;
}

.bgcolor17 {
  background: #4382ff;
  border: 1px solid #4382ff;
}

.bgcolor18 {
  background: #86b9e5;
  border: 1px solid #86b9e5;
}

.bgcolor0 {
  background: #a3a3a3;
  border: 1px solid #a3a3a3;
}

input[type='checkbox'].chip.bgcolor1 {
  border-color: #a26350;
}
input[type='checkbox'].chip.bgcolor2 {
  border-color: #d06b64;
}
input[type='checkbox'].chip.bgcolor3 {
  border-color: #fc627d;
}
input[type='checkbox'].chip.bgcolor4 {
  border-color: #ff6445;
}
input[type='checkbox'].chip.bgcolor5 {
  border-color: #ff843c;
}
input[type='checkbox'].chip.bgcolor6 {
  border-color: #ffa527;
}
input[type='checkbox'].chip.bgcolor7 {
  border-color: #42d692;
}
input[type='checkbox'].chip.bgcolor8 {
  border-color: #0fa737;
}
input[type='checkbox'].chip.bgcolor9 {
  border-color: #6dcd53;
}
input[type='checkbox'].chip.bgcolor10 {
  border-color: #92ce2c;
}
input[type='checkbox'].chip.bgcolor11 {
  border-color: #f8e265;
}
input[type='checkbox'].chip.bgcolor12 {
  border-color: #fcc83e;
}
input[type='checkbox'].chip.bgcolor13 {
  border-color: #ff93b6;
}
input[type='checkbox'].chip.bgcolor14 {
  border-color: #cd74e6;
}
input[type='checkbox'].chip.bgcolor15 {
  border-color: #888aff;
}
input[type='checkbox'].chip.bgcolor16 {
  border-color: #b99aff;
}
input[type='checkbox'].chip.bgcolor17 {
  border-color: #4382ff;
}
input[type='checkbox'].chip.bgcolor18 {
  border-color: #86b9e5;
}
input[type='checkbox'].chip.bgcolor0 {
  border-color: #a3a3a3;
}

.bgcolor_group {
  background: #8f8f8f;
  border: 1px solid #8f8f8f;
}

.bgcolor1 .tail_l,
.bgcolor1 .tail_r,
.bgcolor1 .tail_l div {
  border-color: #a26350;
}
.bgcolor1 .tail_r div,
.bgcolor1 .tail_r span {
  border-color: #a26350;
}

.bgcolor2 .tail_l,
.bgcolor2 .tail_r,
.bgcolor2 .tail_l div {
  border-color: #d06b64;
}
.bgcolor2 .tail_r div,
.bgcolor2 .tail_r span {
  border-color: #d06b64;
}

.bgcolor3 .tail_l,
.bgcolor3 .tail_r,
.bgcolor3 .tail_l div {
  border-color: #fc627d;
}
.bgcolor3 .tail_r div,
.bgcolor3 .tail_r span {
  border-color: #fc627d;
}

.bgcolor4 .tail_l,
.bgcolor4 .tail_r,
.bgcolor4 .tail_l div {
  border-color: #ff6445;
}
.bgcolor4 .tail_r div,
.bgcolor4 .tail_r span {
  border-color: #ff6445;
}

.bgcolor5 .tail_l,
.bgcolor5 .tail_r,
.bgcolor5 .tail_l div {
  border-color: #ff843c;
}
.bgcolor5 .tail_r div,
.bgcolor5 .tail_r span {
  border-color: #ff843c;
}

.bgcolor6 .tail_l,
.bgcolor6 .tail_r,
.bgcolor6 .tail_l div {
  border-color: #ffa527;
}
.bgcolor6 .tail_r div,
.bgcolor6 .tail_r span {
  border-color: #ffa527;
}

.bgcolor7 .tail_l,
.bgcolor7 .tail_r,
.bgcolor7 .tail_l div {
  border-color: #42d692;
}
.bgcolor7 .tail_r div,
.bgcolor7 .tail_r span {
  border-color: #42d692;
}

.bgcolor8 .tail_l,
.bgcolor8 .tail_r,
.bgcolor8 .tail_l div {
  border-color: #0fa737;
}
.bgcolor8 .tail_r div,
.bgcolor8 .tail_r span {
  border-color: #0fa737;
}

.bgcolor9 .tail_l,
.bgcolor9 .tail_r,
.bgcolor9 .tail_l div {
  border-color: #6dcd53;
}
.bgcolor9 .tail_r div,
.bgcolor9 .tail_r span {
  border-color: #6dcd53;
}

.bgcolor10 .tail_l,
.bgcolor10 .tail_r,
.bgcolor10 .tail_l div {
  border-color: #92ce2c;
}
.bgcolor10 .tail_r div,
.bgcolor10 .tail_r span {
  border-color: #92ce2c;
}

.bgcolor11 .tail_l,
.bgcolor11 .tail_r,
.bgcolor11 .tail_l div {
  border-color: #f8e265;
}
.bgcolor11 .tail_r div,
.bgcolor11 .tail_r span {
  border-color: #f8e265;
}

.bgcolor12 .tail_l,
.bgcolor12 .tail_r,
.bgcolor12 .tail_l div {
  border-color: #fcc83e;
}
.bgcolor12 .tail_r div,
.bgcolor12 .tail_r span {
  border-color: #fcc83e;
}

.bgcolor13 .tail_l,
.bgcolor13 .tail_r,
.bgcolor13 .tail_l div {
  border-color: #ff93b6;
}
.bgcolor13 .tail_r div,
.bgcolor13 .tail_r span {
  border-color: #ff93b6;
}

.bgcolor14 .tail_l,
.bgcolor14 .tail_r,
.bgcolor14 .tail_l div {
  border-color: #cd74e6;
}
.bgcolor14 .tail_r div,
.bgcolor14 .tail_r span {
  border-color: #cd74e6;
}

.bgcolor15 .tail_l,
.bgcolor15 .tail_r,
.bgcolor15 .tail_l div {
  border-color: #888aff;
}
.bgcolor15 .tail_r div,
.bgcolor15 .tail_r span {
  border-color: #888aff;
}

.bgcolor16 .tail_l,
.bgcolor16 .tail_r,
.bgcolor16 .tail_l div {
  border-color: #b99aff;
}
.bgcolor16 .tail_r div,
.bgcolor16 .tail_r span {
  border-color: #b99aff;
}

.bgcolor17 .tail_l,
.bgcolor17 .tail_r,
.bgcolor17 .tail_l div {
  border-color: #4382ff;
}
.bgcolor17 .tail_r div,
.bgcolor17 .tail_r span {
  border-color: #4382ff;
}

.bgcolor18 .tail_l,
.bgcolor18 .tail_r,
.bgcolor18 .tail_l div {
  border-color: #86b9e5;
}
.bgcolor18 .tail_r div,
.bgcolor18 .tail_r span {
  border-color: #86b9e5;
}

.bgcolor_group .tail_l,
.bgcolor_group .tail_r,
.bgcolor_group .tail_l div {
  border-color: #c2c2c2;
}
.bgcolor_group .tail_r div,
.bgcolor_group .tail_r span {
  border-color: #c2c2c2;
}

div.resize {
  background-image: url(../images/resize.gif);
  background-repeat: no-repeat;
  background-position: 50%;
}
div.layer_schedule_more {
  padding: 0 10px;
  z-index: 10;
}
div.layer_schedule_more div.title {
  position: relative;
  padding: 5px 0;
  cursor: move;
}
div.layer_schedule_more div.title span.date {
  font: bold 12px verdana;
}
div.layer_schedule_more div.title a.btn_layer_close {
  position: absolute;
  top: 5px;
  right: 2px;
}
div.layer_schedule_more ul {
  margin: 0 0 10px;
}
div.layer_schedule_more ul li {
  margin: 1px 0 0 0;
}
div.layer_schedule_more div.schedule_day_end {
  margin: 0 0 0 10px;
}
div.schedule_color_group {
  background: #c2c2c2;
  border: 1px solid #a9a9a9;
}
div.layer_pallete {
  padding: 12px;
}
div.layer_pallete span.group_color {
  background: #c2c2c2;
  border: 1px solid #a9a9a9;
}
div.layer_pallete a {
  display: inline-block;
  width: 16px;
  height: 16px;
}
div.layer_pallete span {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin: 0 2px 0 3px;
  vertical-align: middle;
}
div.layer_pallete a:hover {
  border: 2px solid #333;
  width: 11px;
  height: 11px;
}
div.layer_add_tag {
  width: 254px !important;
  padding: 0 !important;
}
div.layer_add_tag header {
  cursor: move;
}
div.layer_add_tag input[type='text'] {
  width: 100%;
}
div.schedule_drag {
  display: inline-block;
  box-shadow: 2px 3px 3px #bbb;
}

/********** layer **********/
/* div.layer_add_tag */
.layer_external_mail {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -400px 0 0 -190px;
}

.dragged {
  filter: Alpha(Opacity=40);
  opacity: 0.4;
}

/*layer*/
select.interval_option {
  width: 50px;
}

div.schedule_drag {
  display: inline-block;
  box-shadow: 2px 3px 3px #bbb;
}

.dragged {
  filter: Alpha(Opacity=40);
  opacity: 0.4;
}

div.layer_inside {
  /* 4.0 */
}
div.layer_inside header {
  border-radius: 0 !important;
}
div.popup {
  border: none !important;
  border-radius: 0 !important;
  position: static !important;
  margin: 0;
  padding: 0;
}
div.popup > header {
  border-radius: 0 !important;
  border-bottom: 1px solid #ddd;
}
div.popup > header a.btn_layer_x {
  border-radius: 0 !important;
}
div.popup > header .btn_layer_x {
  top: 10px;
}
div.popup .report_detail .content_wrapper {
  border-top: 0;
}

/* popup */
a.btn_layer_x span.txt {
  display: none;
}

.layer_confirm_mail {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -200px 0 0 -190px;
}

/*layer_normal*/
.layer_normal {
  position: absolute;
  width: 400px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2);
  cursor: default;
  font-size: 13px;
  z-index: 100;
}

.layer_pay_print {
  font-size: initial;
}

.layer_normal > header,
.layer_normal > .header_print {
  position: relative;
  padding: 24px;
}
.layer_normal div.detail_search > header,
.layer_normal .go_content > header {
  position: relative;
  padding: 24px;
}
.layer_normal header ul.tab_nav {
  margin-top: -2px;
}
.layer_normal header h1 {
  color: #000;
  font-weight: normal;
  font-size: 18px;
  padding-right: 32px;
}
.layer_normal .header_print h1 {
  color: #000;
  font-weight: normal;
  font-size: 18px;
  padding-right: 32px;
}
.layer_normal header .btn_layer_x {
  top: 8px;
  right: 8px;
}
.layer_normal header .btn_layer_x .ic {
  vertical-align: top;
}
.layer_normal .content {
  padding: 16px 24px;
  display: block;
  width: auto;
}
.layer_normal .content > .desc {
  margin-top: 0;
}
.layer_normal div.tool_bar {
  padding: 10px 0;
}
.layer_normal div.tool_bar div.dataTables_length {
  margin: 0;
}
.layer_normal p.desc {
  margin: 8px 0;
  text-align: left;
  line-height: 1.6;
}
.layer_normal h3 {
  margin: 0 0 14px 0;
  font-weight: normal;
}
.layer_normal span.pos_x {
  position: absolute;
  right: 5px;
  top: 5px;
}
.layer_normal div.content div.dataTables_paginate {
  margin: 16px 0 0 0;
}
.layer_normal span.title {
  display: inline-block;
  vertical-align: middle;
  margin-top: 0px;
  font-size: 14px;
}
.layer_normal .tool_bar {
  min-height: 31px;
}
.layer_normal table.form_type {
  margin: 0;
}
.layer_normal table.form_type tr td {
  padding-right: 10px;
}
.layer_normal table.type_normal span.size {
  font-size: 12px;
}
.layer_normal table.form_type th {
  padding-left: 0;
}
.layer_normal table.form_type td {
  padding-right: 0;
}
.layer_normal div.last,
.layer_normal footer.btn_layer_wrap {
  margin-bottom: 0;
}

footer.btn_layer_wrap .btn_minor_s,
footer.btn_layer_wrap .btn_major_s {
  height: 32px;
  line-height: 32px;
  vertical-align: top;
}

.layer_normal div.tool_bar div.critical {
  margin: 0;
}
.layer_normal div.tool_bar a.btn_major_s {
  margin: 0 2px 3px 0;
  padding: 0 7px;
}
.layer_normal div.tool_bar .btn_tool {
  padding: 0 7px;
}
.layer_normal div.tool_bar a.btn_tool {
  padding: 0 8px;
}
.layer_normal div.tool_bar a.btn_major_s {
  padding: 0 8px;
}
.layer_normal div.tool_bar a.btn_major_s span.txt {
  vertical-align: top;
  padding-top: 7px;
}
.layer_normal .tool_bar ul.critical li:first-child,
.layer_normal .tool_bar .critical > .btn_tool:first-child {
  margin-left: 0px;
  font-weight: normal;
}
.layer_normal div.table_search {
  text-align: center;
}
.layer_normal div.tool_bar div.optional {
  margin: 0;
}
.layer_normal div.content div.notice {
  border-bottom: 1px solid #e3e3e3;
}
.layer_normal > header span.btn_wrap {
  position: absolute;
  right: 32px;
  top: 6px;
}
.layer_normal > .header_print span.btn_wrap {
  position: absolute;
  right: 32px;
  top: 6px;
  top: 2px;
}
.layer_normal > header span.btn_minor_s,
.layer_normal > .header_print span.btn_minor_s {
  display: inline-block;
  border: 0;
  vertical-align: top;
  border: 1px solid #ddd;
}

.header_print span.btn_minor_s {
  display: inline-block;
  vertical-align: top;
  border: 1px solid #ddd;
  height: 26px;
  line-height: 26px;
  padding: 0 8px;
}
.header_print span.btn_minor_s .ic_print {
  margin: 7px 4px 0 0;
}

.layer_normal > header span.btn_minor_s span.ic_print,
.layer_normal > .header_print span.btn_minor_s span.ic_print {
  display: inline-block;
  background: url(../images/ic_gnb.png) no-repeat -200px 0px;
  width: 12px;
  height: 12px;
  vertical-align: top;
  line-height: 1;
}

div.layer_mail_print header h1 span.btn_minor_s span.txt {
  margin-top: 0;
  padding-top: 0;
}
div.layer_mail_print header h1 span.btn_minor_s span.ic_print {
  vertical-align: baseline;
  margin: 6px 4px 0 0;
}

.layer_normal > header span.btn_minor_s span.txt,
.layer_normal > .header_print span.btn_mior_s span.txt {
  font-weight: normal;
  display: inline-block;
  letter-spacing: -1px;
  padding-top: 4px;
  vertical-align: top;
  margin-top: 4px;
}
.layer_normal .btn_layer_wrap {
  padding: 8px 24px 24px 24px;
  text-align: right;
}
.layer_normal .btn_layer_wrap a,
.layer_normal .btn_layer_wrap .btn_major_s {
  margin: 0 4px;
}
.layer_normal .btn_layer_wrap p.desc {
  margin-top: 12px;
}
.layer_normal .type_normal + .tool_bar {
  margin: 8px 0 0 0;
}
.layer_normal div.dataTables_paginate {
  padding: 0;
}

.btn_major_s {
  display: inline-block;
  cursor: pointer;
  padding: 0 8px;
  color: #fff;
  height: 30px;
  line-height: 22px;
  background: var(--dop-color-bg-primary-level1);
  border: 1px solid var(--dop-color-border-primary-level1);
  border-radius: 6px;
  font-size: 13px;
  vertical-align: middle;
}

.btn_minor_s {
  display: inline-block;
  cursor: pointer;
  padding: 0 8px;
  color: #333;
  height: 28px;
  line-height: 26px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 13px;
  vertical-align: middle;
}

/* layer all */
.popup_pw_change {
  box-shadow: none;
}
.popup_pw_change .wrap_pw_sync .glad_msg .desc {
  text-align: center;
}
.popup_pw_change .content > .desc {
  font-size: 13px;
  text-align: left;
}
.popup_pw_change + .btn_layer_wrap {
  border-top: 1px solid #ddd;
}
.popup_pw_change table.form_type > tbody > tr > th {
  width: 100px;
}
.popup_pw_change .go_intro.wrap_pw_sync {
  margin-top: 0;
  padding-top: 0;
}

.layer_normal > .header_print {
  border-bottom: 1px solid #ddd;
}
.layer_normal .header_print h1 {
  font-size: 13px;
}

/* layer_confirm */
.layer_confim_front {
  position: absolute;
  width: 180px;
  padding: 50px 30px 20px 30px;
  background: #f5f5f5;
  border: 1px solid #babbbb;
  border-radius: 5px;
  box-shadow: 0px 0px 10px #c9c9c9;
  z-index: 99;
}
.layer_confim_front footer.btn_layer_wrap {
  border: none;
}
.layer_confim_front .btn_layer_x {
  border: none;
}
.layer_confim_front .btn_layer_x:hover {
  border-radius: 0;
  background: none;
}
.layer_confim_front .content {
  width: 100%;
  text-align: center;
}
.layer_confim_front .info {
  margin-top: 10px;
  color: #37acb2;
}
.layer_confim_front .btn_layer_wrap {
  margin-top: 20px;
  padding-top: 0;
}
.layer_confim_front .btn_layer_wrap a.btn_bk {
  padding: 10px 20px;
  font-size: 12px;
}

/* layer_viewSet */
div.layer_viewSet {
  width: 200px;
}
div.layer_viewSet .title {
  width: 200px;
}
div.layer_password_change table.table_form_mini tr th {
  width: 94px;
}
div.layer_comm_info header h1 {
  display: inline-block;
  max-width: 88%;
  vertical-align: top;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
div.layer_comm_info header .ic_private {
  margin-right: 3px;
  vertical-align: top;
  margin-top: -1px;
}
div.layer_comm_info header span.type_grade {
  vertical-align: top;
  margin-right: 4px;
}

/* layer_password_change */
/* layer comm home */
span.type_grade span {
  display: inline-block;
  background: #ccc;
  padding: 2px 4px;
  border-radius: 2px;
  vertical-align: top;
  margin-top: 1px;
  margin-left: 3px;
  font-size: 12px;
}
span.type_grade span.member {
  background-color: #70c7c7;
  color: #fff;
}
span.type_grade span.guest {
  background-color: #b3b3b3;
  color: #fff;
}
span.type_grade span.master {
  background-color: #ff616b;
  color: #fff;
}
span.type_grade span.sub_master {
  background-color: #f6b3b3;
  color: #fff;
}

dl.normal_list {
  overflow: hidden;
}
dl.normal_list dt {
  float: left;
  min-width: 60px;
  padding: 2px 0;
}
dl.normal_list dd {
  position: relative;
  margin-left: 60px;
  padding: 2px 0;
}
dl.normal_list dt span.txt {
  color: #888;
  vertical-align: top;
}
dl.normal_list dd span.txt {
  vertical-align: top;
}

div.layer_normal div.set_wrap {
  margin-top: 4px;
}
div.layer_normal div.set_wrap.wrap_approval_agree .set_nav .content_tab_wrap .dop_organization {
  box-shadow: none;
}
div.layer_normal div.set_wrap.wrap_approval_agree .set_nav .content_tab_wrap .dop_organization .container {
  overflow: initial;
}
div.layer_normal div.set_nav {
  float: left;
  width: 360px;
  border: 1px solid #ddd;
}
div.layer_normal div.set_nav section.search div.search_wrap {
  width: 100%;
}
div.layer_normal div.set_nav div.tab_type3 span.first {
  border-left: 0;
}
div.layer_normal div.set_nav div.tab_type3 span.last {
  border-right: 0;
}
div.layer_normal div.set_nav div.content_tab_wrap {
  height: 300px;
  border: 0;
  overflow: auto;
  padding: 8px 0;
}
div.layer_normal div.set_nav .content_h {
  height: 378px !important;
}
div.layer_normal div.set_nav .tab_type3 + .content_tab_wrap {
  height: 338px !important;
}
div.layer_normal div.set_nav div.tab_type3 > span {
  width: 66px;
  border-top: 0;
}
div.set_nav .search_wrap input.search {
  width: 174px !important;
}
div.layer_normal div.set_wrap div.set_data {
  margin-left: 370px;
}
div.layer_normal div.no_column div.set_data {
  margin-left: 0px;
}
div.layer_normal div.no_column div.set_nav {
  display: none;
}
div.layer_normal div.no_column div.set_data .btn_fn6 {
  display: none;
}
div.layer_normal div.no_column div.set_data .btn_fn6 + .horspace1 {
  display: none;
}
div.layer_normal div.set_data {
  border: 1px solid #ddd;
}
div.layer_normal.layer_doc_attach thead th {
  border-top: 0;
}
div.layer_normal.layer_doc_attach div.set_data {
  margin-left: 240px;
}
div.layer_normal div.content section.search {
  padding: 7px 6px 5px;
  border-bottom: 1px solid #ddd;
}
div.layer_normal div.content section.search div.search_wrap {
  box-shadow: none;
  width: 100%;
}
div.layer_normal div.content section.search div.search_wrap select {
  height: 24px;
  border: 0px;
  border-right: 1px solid #cfcfcf;
  border-radius: 0;
}
div.layer_normal div.content section.search div.search_wrap input {
  padding: 0 4px;
  height: 30px;
}
div.layer_normal div.content section.search div.search_wrap input.search {
  width: 72%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
div.layer_normal div.doc_info {
  margin-left: 240px;
  border: 1px solid #b5b5b5;
}
div.layer_normal div.set_data section.search {
  border-bottom: 0;
}
div.layer_normal div.doc_info form {
  padding: 5px 10px;
  overflow: auto;
  height: 316px;
}
div.layer_normal div.list_doc {
  float: left;
  width: 210px;
  height: 280px;
  border: 1px solid #b5b5b5;
  background: #f4f4f4;
  overflow: auto;
  padding: 10px;
  box-shadow: inset 1px 1px 1px rgba(88, 88, 88, 0.1);
}
div.layer_normal div.content div.doc_info div.tit_type2 {
  border-top: 0;
}
div.layer_normal table.tb_doc_info tbody th {
  width: 80px;
}
div.layer_normal table.tb_doc_info tbody th,
div.layer_normal table.tb_doc_info tbody td {
  padding: 8px;
}
div.layer_tiny {
  position: absolute;
  width: 120px;
  border: 2px solid #666;
  border-radius: 10px;
  background: #fff;
}

@media \0 screen {
  div.layer_normal .set_data .tit_type2 {
    height: 20px !important;
    line-height: 20px;
  }
  div.layer_normal .set_data .list_approval_line_wrap {
    height: 353px !important;
  }
  div.layer_normal .wrap_approval_agree .set_data .list_approval_line_wrap {
    height: 332px !important;
  }
  div.layer_normal .wrap_approval_agree .set_nav .content_tab_wrap {
    height: 316px !important;
  }
}
/*layer_tiny*/
ul.menber_menu li {
  padding: 5px 10px;
}
ul.menber_menu li:first-child {
  border-radius: 10px 10px 0 0;
}
ul.menber_menu li:nth-child(4) {
  border-radius: 0 0 10px 10px;
}
ul.menber_menu li:hover {
  background: #eee;
}
ul.menber_menu li a {
  display: block;
  font-size: 11px;
  letter-spacing: -1px;
}
ul.menber_menu li a span.ic {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-right: 5px;
}
ul.menber_menu li.mail a span.ic {
  background: url(../images/sample/mail_message_new.png) no-repeat 0 0;
}
ul.menber_menu li.chat a span.ic {
  background: url(../images/sample/contact.png) no-repeat 0 0;
}
ul.menber_menu li.bbs a span.ic {
  background: url(../images/sample/kontact_contacts.png) no-repeat 0 0;
}
ul.menber_menu li.schedule a span.ic {
  background: url(../images/sample/todo.png) no-repeat 0 0;
}

div.layer_card_dark {
  position: absolute;
  width: 220px;
  border: 1px solid #444;
  border-radius: 2px;
  background: #434343 url(../images/bg_darkgray.png) no-repeat -50px 0;
  box-shadow:
    inset 1px 1px 1px rgba(255, 255, 255, 0.2),
    0 -2px 2px rgba(0, 0, 0, 0.2);
}
div.layer_card_dark .content {
  width: 100%;
  color: #d9d9d9;
}
div.layer_card_dark a {
  color: #d9d9d9;
}
div.layer_card_dark a.btn_layer_x {
  top: -10px;
  right: -10px;
  border: none;
  padding: 6px;
  border-radius: 0 10px 0 10px;
}
div.layer_card_dark a.btn_layer_x span.ic {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(../images/ic_gnb.png) no-repeat -100px -350px;
  vertical-align: middle;
}
div.layer_card_dark a.btn_layer_x:hover {
  background: none;
}
div.layer_card_dark a.btn_layer_x:hover span.ic {
  background-position: -130px -350px;
}
div.layer_nameCard {
  width: 580px;
}
div.layer_nameCard div.content table.form_type tr th {
  padding-left: 0;
}
div.layer_nameCard div.content table.form_type tr td.detail_option {
  padding-right: 0;
}
div.layer_nameCard div.content table.form_type tr td.detail_option input {
  width: 89%;
}

/* layer_nameCard*/
.layer_addrDetail table.form_type > tbody > tr > th {
  width: 80px;
}

/* layer_sign*/
div.layer_sign {
  width: 520px;
}
div.layer_sign img {
  display: block;
  float: left;
}
div.layer_sign div.edit_wrap {
  margin-left: 116px;
}
div.layer_sign div.edit_wrap textarea {
  height: 104px;
}
div.layer_sign span.option_vertical {
  margin-top: 5px;
}
div.layer_sign span.btn_minor_s {
  margin-right: 5px;
}
div.layer_sign table.form_type > tbody > tr > th {
  width: 108px;
}
div.layer_save_option input[type='text'] {
  width: 250px;
}

/* layer_save_option */
/*layer_form_style*/
table.table_form_mini {
  table-layout: auto !important;
  width: 100%;
}
table.table_form_mini th {
  width: 80px;
  text-align: left;
  font-weight: normal;
}
table.table_form_mini tbody tr td {
  padding: 3px 10px 3px 3px !important;
}

.layer_normal table.table_form_mini tbody tr td {
  padding: 3px 0 !important;
}

table.table_form_mini input[type='checkbox'],
table.table_form_mini input[type='radio'] {
  margin-right: 5px;
}

/* layer_except */
div.layer_except {
  width: 500px;
}
div.layer_except div.vertical_wrap_s {
  margin-right: 10px;
}
div.layer_except span.btn_item_wrap {
  margin-bottom: 8px;
}
div.layer_outMail {
  width: 530px;
}
div.layer_outMail div.option_display span.option_wrap {
  margin-right: 3px;
}
div.layer_outMail div.option_display span.option_wrap input {
  margin-top: 0px;
}
div.layer_outMail span.line16 {
  margin-left: 5px;
}

/* layer_outMail */
input.txt_mini,
input.txt_date {
  height: 26px;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 0 4px;
}
input.txt_mini:focus,
input.txt_date:focus {
  background: #fff;
  border: 1px solid #000;
}

/*layer*/
.layer_normal .option_wrap {
  display: inline-block;
}

/*layer_mail_popup*/
div.layer_mail_popup {
  width: 800px;
}
div.layer_mail_popup div.content {
  padding: 0;
}
div.layer_mail_popup div.content div.optional_type2 {
  right: 10px;
}
div.layer_mail_popup h2 span.title {
  margin: 0 8px 0 0;
  font-weight: bold;
  font-size: 18px;
  color: #000;
  font-family: 돋움, dotum, AppleGothic, arial, Helvetica, sans-seriff;
}
div.layer_mail_popup div.tool_bar {
  min-height: 48px;
  margin: 0 7px;
  padding: 7px 0;
}
div.layer_mail_popup div.tool_bar div.critical a,
div.layer_mail_popup div.tool_bar div.optional a {
  padding: 0 7px;
}
div.layer_mail_popup div.tool_bar div.btn_submenu {
  margin-bottom: 0;
}
div.layer_mailWrite_popup {
  width: 800px;
  min-width: 800px;
}
div.layer_mailWrite_popup a.btn_tool {
  padding: 0 7px;
}
div.layer_mailWrite_popup div.editor_wrap {
  margin: 0 !important;
}
div.layer_mailWrite_popup table.form_type {
  margin-top: 20px;
}
div.layer_mailWrite_popup span.title {
  vertical-align: middle;
}
div.layer_mailWrite_popup span.option_wrap {
  vertical-align: middle;
}
div.layer_mailWrite_popup span.option_wrap input,
div.layer_mailWrite_popup span.option_wrap label {
  vertical-align: middle;
  font-weight: normal;
  font-size: 13px;
  color: #999;
}
div.layer_mailWrite_popup div.tool_bar {
  padding: 5px 10px;
  min-height: 40px;
}
div.layer_mailWrite_popup td div.tool_bar {
  padding: 0;
}
div.layer_file_popup {
  width: 800px;
}
div.layer_file_popup div.go_body {
  min-height: 300px;
  background: #f3f3f3;
}
div.layer_file_popup div.go_side {
  background: #f3f3f3;
}
div.layer_file_popup div.go_content {
  min-width: auto;
  min-height: 300px;
}
div.layer_file_popup div.content {
  padding: 0;
}
div.layer_file_popup div.content div.tool_bar {
  margin-bottom: 10px;
  padding: 10px;
}
div.layer_file_popup div.content table.type_normal {
  border-left: none;
  border-right: none;
}
div.layer_file_popup footer.btn_layere_wrap {
  clear: left;
}
div.layer_side 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;
}
div.layer_side footer.btn_layer_wrap {
  cursor: move;
  margin-bottom: 10px;
  padding: 10px;
  text-align: center;
}
div.layer_side footer.btn_layer_wrap .btn_major_s {
  /* background:url(../images/bg_btn_dark.png) repeat-x 0 0; */
  color: #fff;
  border: none;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
}
div.layer_side footer.btn_layer_wrap .btn_minor_s {
  background: #96989e;
  color: #fff;
  border: none;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
}
div.layer_side aside.go_organogram .search_wrap {
  margin: 0px 9px 5px 9px;
}
div.layer_side hr {
  margin: 0 10px;
  border-bottom: 1px dotted #d9d9d9;
}
div.layer_side ul.member_list {
  margin: 7px 10px 0 10px;
}
div.layer_calendar header {
  overflow: hidden;
}
div.layer_calendar header h1 {
  text-align: center;
}
div.layer_calendar header div.critical {
  position: absolute;
  top: 0;
  left: 0;
  border-right: 1px solid #e3e3e3;
  border-radius: 10px 0 0 0;
  padding: 10px 11px;
}
div.layer_calendar header div.optional {
  position: absolute;
  top: 0;
  right: 0;
  border-left: 1px solid #e3e3e3;
  border-radius: 0 10px 0 0;
  padding: 10px 11px;
}
div.layer_calendar header div.optional:hover {
  background: #e9e9e9;
}
div.layer_calendar header div.critical:hover {
  background: #e9e9e9;
}
div.layer_calendar table.tb_calendar_mini {
  width: 100%;
  margin: 0;
}
div.layer_calendar table.tb_calendar_mini thead tr th {
  border-bottom: 1px solid #e3e3e3;
  border-top: 1px solid #fff;
  height: 23px;
  line-height: 23px;
  margin: 0 0 10px 0;
  font-weight: normal;
  background-color: #f6f7f8;
  font-size: 11px;
  font-weight: bold;
  font-weight: 500;
}
div.layer_calendar table.tb_calendar_mini tbody tr td {
  text-align: right;
  padding: 6px 9px 6px 0;
  cursor: pointer;
  font: bold 11px tahoma;
  border-left: 1px solid #f3f3f3;
  border-top: 1px solid #f3f3f3;
}
div.layer_calendar table.tb_calendar_mini tbody tr td:first-child {
  border-left: none;
}
div.layer_calendar table.tb_calendar_mini tbody tr td:hover {
  background: #f4f4f4;
}
div.layer_calendar table.tb_calendar_mini tbody tr td.on {
  background: #58b9be;
  color: #fff;
}
div.layer_calendar table.tb_calendar_mini tbody tr td.on:hover {
  background: #58b9be;
  color: #fff;
}
div.layer_calendar table.tb_calendar_mini tbody tr td.select_on {
  background: #999;
  color: #fff;
}
div.layer_calendar table.tb_calendar_mini tbody tr td.select_on:hover {
  background: #999;
  color: #fff;
}
div.layer_calendar table.tb_calendar_mini tbody tr td.other_month {
  color: #aaa;
  font-weight: normal;
}
div.layer_calendar table.tb_calendar_mini tbody tr td.other_month span.sun {
  color: #aaa;
}
div.layer_calendar table.tb_calendar_mini tbody tr td.other_month span.badge {
  background: #7f7f7f;
}
div.layer_calendar table.tb_calendar_mini tbody tr td.past span.badge {
  background: #a5a5a5;
}
div.layer_calendar_speed {
  width: 450px;
}
div.layer_calendar_speed div.content table.form_type th {
  width: 70px;
}
div.layer_repeat_schedule {
  width: 500px !important;
}
div.layer_repeat_schedule header {
  position: relative;
}
div.layer_repeat_schedule div.content table tbody tr td {
  padding: 4px 0;
}
div.layer_repeat_schedule span.option_wrap {
  margin: 0 7px 0 0;
  min-width: 20px;
}
div.layer_repeat_schedule span.option_wrap input {
  margin-right: 1px;
}
div.layer_repeat_schedule span.last {
  margin: 0;
}
div.layer_repeat_schedule div.alert_wrap {
  display: block;
  margin: 5px 0 0 0;
}
div.layer_repeat_schedule .txt_day {
  margin: 0 16px 0 8px;
}
div.layer_repeat_schedule div.vertical_wrap {
  display: inline-block;
  margin: 0;
}
div.layer_repeat_schedule span.noti_date_wrap {
  margin: 0 !important;
  vertical-align: middle;
}
div.layer_repeat_schedule input.txt_mini {
  width: 30px;
}
div.layer_repeat_schedule span.alert_box {
  display: block;
}
div.layer_repeat_schedule .week_repeat span.horspace1 {
  width: 3px;
}
div.layer_repeat_schedule .week_repeat span.wrap_option input[type='checkbox'] {
  margin-right: 0;
}
div.layer_repeat_schedule .week_repeat span.wrap_option input[type='checkbox'] + label {
  margin-right: 6px;
}
div.layer_entry div.option p {
  margin: 0 0 10px 0;
  font-size: 14px;
}
div.layer_entry div.vertical_wrap {
  margin: 0 0 6px 0;
}
div.layer_creat_group,
div.layer_select_group {
  width: 258px;
}
div.layer_creat_group .btn_fn4,
div.layer_select_group .btn_fn4 {
  background: none;
}
div.layer_creat_group ul li.edit input.edit + a.btn_fn4 {
  position: static;
}

/**/
/* calendar UI modified @GO-42570, 22-10-17 */
/* layer_calendar */
/* div.layer_calendar {width: 220px} */
/* layer_calendar speed  */
/* layer_repeat_scheudle */
/* layer_entry */
ul.group_tag {
  width: 250px;
}
ul.group_tag li {
  padding: 3px 0;
}
ul.group_tag li.creat a {
  padding: 4px;
}
ul.group_tag li.creat a:hover {
  background: #eee;
}
ul.group_tag li > input[type='checkbox'] {
  margin: -2px 8px 0 0;
  vertical-align: middle;
}
ul.group_tag li a ins.ic {
  display: inline-block;
  margin: -2px 8px 0 0;
  width: 16px;
  height: 16px;
  background: url(../images/icon_form.png) no-repeat -50px 2px;
  vertical-align: middle;
}
ul.group_tag li input.edit {
  width: 174px;
}

/* layer_upload */
div.layer_upload {
  width: 800px;
}
div.layer_upload span.gage_wrap {
  width: 90px;
  height: 12px;
  margin-right: 5px;
}
div.layer_upload span.gage_wrap span.gage {
  height: 12px;
}
div.layer_upload div.content table.type_normal tr td span.btn_wrap {
  margin-right: 0;
}
div.layer_upload div.content .tool_bar > div {
  margin: 0;
}
div.layer_upload div.content .btn_tool {
  padding: 0px 10px;
}
div.layer_upload .dd_attach .attach_list .info {
  width: 100px;
}

.layer_upload .drag_txt {
  display: none;
  position: absolute;
  margin: -14px 0 0 -100px;
  font-size: 17px;
  top: 50%;
  left: 50%;
  font-weight: 600;
  color: #00a1b9;
}
.layer_upload.drag_file .content,
.layer_upload.drag_file header {
  opacity: 0.2;
}
.layer_upload .content form .tool_bar .critical.mail_attach_wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.layer_upload .content form .tool_bar .critical.mail_attach_wrap .btn,
.layer_upload .content form .tool_bar .critical.mail_attach_wrap .btn_minor_s {
  line-height: 23px;
}
.layer_upload .content form .TM_attach_area table.in_table td.checkbox {
  width: 50px;
}

/*layer_not_send*/
div.layer_not_send {
  position: absolute;
  width: 460px;
}
div.layer_not_send div.box_wrap {
  margin: 16px 0;
  border: 1px solid #ddd;
}
div.layer_not_send div.box_wrap ul li {
  text-align: left;
}
div.layer_not_send div.desc_warp {
  text-align: right;
}
div.layer_prevent_receiveError {
  position: absolute;
  width: 600px;
}
div.layer_prevent_receiveError ul.file_wrap {
  margin: 0;
}

/*layer_prevent_receiveError*/
/*li input edit common*/
ul li.edit {
  position: relative;
}
ul li.edit input.edit {
  background: #fdfbe2;
  padding: 4px 3px;
  border-radius: 2px;
  border: 1px solid #c1c0c0;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
}
ul li.edit input.edit + a.btn_fn4 {
  position: absolute;
  right: 18px;
  top: 3px;
}
ul li.edit input.edit + a.btn_fn4 span.ic_edit {
  display: inline-block;
  width: 19px;
  height: 19px;
  background: url(../images/ic_side.png) repeat-x -100px -550px;
  vertical-align: middle;
}

div.layer_addr_mgmt th {
  width: 100px;
}

.layer_addr_mgmt {
  width: 370px !important;
}
.layer_addr_mgmt select {
  width: 239px;
}
.layer_addr_mgmt input[type='text'] {
  width: 100%;
}

.layer_addr_export {
  width: 370px !important;
}

.layer_addr_import {
  width: 450px !important;
}
.layer_addr_import th {
  width: 100px !important;
}

.layer_addr_mgmt_ja {
  width: 500px !important;
}
.layer_addr_mgmt_ja th {
  width: 100px !important;
}
.layer_addr_mgmt_ja input.txt_mini {
  width: 130px;
}
.layer_addr_mgmt_ja span.title {
  margin-left: 5px;
  font-weight: normal !important;
}

.layer_addr_import span.option_wrap {
  display: block;
  line-height: 1.5;
}
.layer_addr_import p.desc {
  line-height: 1.5;
  letter-spacing: -1px;
}
.layer_addr_import tr.align_t th,
.layer_addr_import tr.align_t td {
  vertical-align: top !important;
  padding-top: 12px !important;
}

div.layer_import_loading {
  width: 370px;
}
div.layer_import_fail {
  width: 400px;
}
div.layer_import_info {
  width: 320px;
}
div.layer_import_info h3 > span.txt_caution {
  font-size: 12px;
}
div.layer_import_info h3 > span.number {
  vertical-align: top;
}

ul.action_list li {
  display: block;
  overflow: hidden;
  padding: 2px 0;
}
ul.action_list li:hover {
  background-color: #fdfdfd;
}
ul.action_list li > span.txt {
  float: left;
  padding-top: 3px;
}
ul.action_list li > span.txt span.number {
  vertical-align: top;
}
ul.action_list li > span.btn_fn7 {
  float: right;
  margin: 4px 0 0 0;
}

.layer_member_card {
  padding: 10px;
}
.layer_member_card header {
  position: relative;
}
.layer_member_card header span.btn_wrap {
  position: absolute;
  right: 0px;
  top: 0px;
}
.layer_member_card .member_wrap {
  min-height: 61px;
}
.layer_member_card .member_wrap span.photo {
  float: left;
  display: inline-block;
  margin-bottom: 10px;
}
.layer_member_card .member_wrap span.photo a img {
  width: 60px;
  height: 60px;
  border-radius: 5px;
}
.layer_member_card .member_wrap span.department {
  line-height: 1.2;
}
.layer_member_card .member_wrap .info {
  margin: 0 0 10px 70px;
}
.layer_member_card .member_wrap .info .name {
  display: block;
  font-size: 18px;
  letter-spacing: -1px;
  font-weight: bold;
  font-weight: 500;
  line-height: 1.5;
}
.layer_member_card .member_wrap span.meta {
  display: block;
  clear: left;
  font-family: tahoma;
  font-size: 11px;
}
.layer_member_card ul.menber_menu {
  min-height: 20px;
  margin-top: 10px;
}
.layer_member_card ul.menber_menu li {
  float: left;
  border-radius: 0 !important;
  padding: 0 !important;
  width: 105px;
  height: 20px;
}
.layer_member_card ul.menber_menu li:hover {
  background: none;
}

.layer_card a.btn_layer_x {
  top: -10px;
  right: -10px;
  /* border-bottom: 1px solid #E3E3E3; */
  padding: 6px;
  border-radius: 0 2px 0 2px;
}

.layer_team_card {
  padding: 10px;
}
.layer_team_card header {
  position: relative;
}
.layer_team_card header span.btn_wrap {
  position: absolute;
  right: 0px;
  top: 0px;
}
.layer_team_card .team_wrap span.department {
  line-height: 1.2;
}
.layer_team_card .team_wrap .info {
  margin: 0 0 10px 0px;
}
.layer_team_card .team_wrap .info .name {
  display: block;
  font-size: 16px;
  letter-spacing: -1px;
  font-weight: bold;
  font-weight: 500;
  line-height: 1.5;
}
.layer_team_card .team_wrap span.meta {
  display: block;
  clear: left;
}
.layer_team_card ul.menber_menu {
  min-height: 20px;
  margin-top: 10px;
}
.layer_team_card ul.menber_menu li {
  float: left;
  border-radius: 0;
  padding: 0;
}
.layer_team_card ul.menber_menu li:hover {
  background: none;
}
.layer_team_card a.btn_layer_x {
  top: -10px;
  right: -10px;
  /*  border-bottom: 1px solid #E3E3E3 */
  padding: 6px;
  border-radius: 0 2px 0 2px;
}

/* layer_recep_list */
div.layer_recep_list {
  width: 750px;
}
div.layer_recep_list .tool_bar {
  min-height: 30px;
}
div.layer_recep_list div.content div.vertical_wrap {
  text-align: left;
}
div.layer_recep_list div.vertical_wrap {
  margin: 0 0 10px 0;
}
div.layer_recep_list div.vertical_wrap span.option_wrap {
  margin: 0 20px 0 0;
}
div.layer_recep_list table.type_normal tbody tr td .form_preview,
div.layer_recep_list table.type_normal tbody tr td .form_select {
  display: inline-block;
  vertical-align: middle;
}
div.layer_recep_list table.type_normal tbody tr td .form_preview a,
div.layer_recep_list table.type_normal tbody tr td .form_select a {
  vertical-align: middle;
}
div.layer_public_list {
  width: 480px;
}
div.layer_item_move {
  width: 320px;
}
div.layer_item_move dt {
  float: left;
  width: 55px;
  min-height: 32px;
}
div.layer_item_move dd {
  margin-left: 60px;
  min-height: 32px;
}
div.layer_item_move select {
  margin: 0 0;
  width: 200px;
}
div.layer_feed_move {
  width: 229px;
}
div.layer_date_set {
  width: 265px;
}
div.layer_copy div.list_wrap {
  max-height: 170px;
  overflow-y: auto;
}
div.layer_copy div.list_wrap > ul.side_depth li p.title a {
  margin-left: -15px;
}
div.layer_copy ul.side_depth li p.title:hover {
  border-radius: 5px;
}
div.layer_copy ul.side_depth li p.on {
  border-radius: 5px;
}
div.layer_copy ul.side_depth li p.on:hover {
  background-color: var(--dop-color-bg-primary-level3);
}
div.layer_copy .on:hover > a > span.txt {
  color: #fff;
}
div.layer_sort div.list_wrap {
  max-height: 170px;
  overflow-y: auto;
}
div.layer_sort div.list_wrap > ul.side_depth li p.title a {
  margin-left: -15px;
}
div.layer_sort ul.side_depth li p.title:hover,
div.layer_sort ul.side_depth li p.on {
  border-radius: 5px;
}
div.layer_sort ul.side_depth li p.folder_selected:hover {
  opacity: 0.5;
}
div.layer_sort ul.side_depth li p.on:hover {
  background-color: var(--dop-color-bg-primary-level3);
}
div.layer_sort .on:hover > a > span.txt {
  color: #fff;
}
div.list_wrap > h1 {
  margin: 0;
  line-height: 1.2;
}
div.layer_select div.list_wrap {
  max-height: 180px;
  overflow-y: auto;
}
div.layer_select div.list_wrap > h1 span.txt {
  font-size: 14px;
}
div.layer_select ul.side_depth li p.title:hover {
  border-radius: 2px;
}
div.layer_select ul.side_depth li p.on {
  border-radius: 2px;
}
div.layer_select ul.side_depth li p.on:hover {
  background-color: #f8f8f8;
}
div.layer_select li p.title_disable a {
  color: #999 !important;
}
div.layer_select li:hover p.title_disable a {
  color: #999 !important;
}
div.layer_select li:hover p.title_disable a span {
  color: #999 !important;
}
div.layer_big_data {
  width: 750px;
}
div.layer_big_data table.type_normal tbody tr td:first-child,
div.layer_big_data table.type_normal tbody tr td:nth-child(2) {
  text-align: left;
}
div.layer_big_data table.type_normal tbody td span.name {
  color: #333;
}
div.layer_temporary_save {
  width: 400px;
}
div.layer_temporary_save div.content {
  padding-top: 10px;
  padding-bottom: 0;
}
div.layer_temporary_save ul li {
  position: relative;
}
div.layer_temporary_save ul li div {
  width: 350px;
}
div.layer_temporary_save ul li div span.title {
  font-size: 12px;
  font-weight: normal;
}
div.layer_temporary_save ul li span.btn_bdr {
  display: block;
  position: absolute;
  top: 7px;
  right: 0;
}
div.layer_temporary_save span.subject {
  line-height: 1.5;
}
div.layer_pallete {
  width: 160px;
  padding: 12px;
}
div.layer_pallete a {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 4px 2px;
  box-sizing: border-box;
  vertical-align: top;
  text-indent: -3000em;
  border-radius: 8px;
}
div.layer_pallete span {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin: 0 2px 4px 0;
  vertical-align: middle;
}
div.layer_pallete a:hover,
div.layer_pallete a.active {
  border: 2px solid #333;
  width: 16px;
  height: 16px;
}
div.layer_pallete hr {
  clear: left;
  padding: 4px;
}
div.pallete_wrap {
  display: inline-block;
  width: 100%;
  padding: 0;
}
div.layer_schedule_more {
  width: 170px;
  padding: 0 10px;
}
div.layer_schedule_more div.title {
  position: relative;
  padding: 5px 0;
  cursor: move;
}
div.layer_schedule_more div.title span.date {
  font: bold 12px verdana;
}
div.layer_schedule_more span.btn_border {
  position: absolute;
  top: 5px;
  right: -2px;
  cursor: pointer;
}
div.layer_schedule_more ul {
  margin: 0 0 10px;
}
div.layer_schedule_more ul li {
  margin: 1px 0 0 0;
}
div.layer_schedule_more div.schedule_day_end {
  margin: 0;
}
div.layer_schedule_more a.btn_layer_x {
  top: 0;
  right: -10px;
  border-bottom: 1px solid #e3e3e3;
  padding: 4px;
  border-radius: 0 10px 0 10px;
}
div.layer_schedule_del,
div.layer_entry {
  width: 350px;
}

/* layer_copy */
/* layer_sort */
/* layer_select */
/* layer_big_data */
/* layer_temporary_save */
/* layer_pallete */
/* layer_schedule_more */
/* layer_schedule_del */
.layer_reader {
  width: 500px !important;
}

div.layer_reader div.content {
  padding-top: 10px;
  padding-bottom: 0;
}
div.layer_mail_print {
  width: 100%;
  box-shadow: none;
}
div.layer_mail_print .content {
  width: 100%;
  box-shadow: none;
}
div.layer_mail_print > header span.btn_wrap {
  top: 13px;
}
div.layer_mail_print div.mail_view_area {
  position: relative;
}
div.layer_mail_print div.list_connect {
  display: block;
  margin: 0 0 14px 0;
}
div.layer_mail_print div.list_connect span.num {
  margin: 0 0 0 3px;
  font-size: 16px;
  font-weight: normal;
  font-family: tahoma;
  color: #888;
}
div.layer_mail_print div.list_connect span.count {
  color: var(--dop-color-text-primary-level1);
  font-weight: bold;
  font-weight: 500;
}
div.layer_mail_print div.view_content {
  background-image: none;
  padding: 0 0 25px;
}
div.layer_mail_print div.list_connect div.title span.btn_wrap {
  top: -12px;
}
div.layer_mail_print div.mail_view h2 span.title {
  font-size: 20px;
}
div.layer_address_print {
  width: 100%;
  box-shadow: none;
}
div.layer_address_print header h1 span.btn_wrap {
  position: absolute;
  right: 41px;
  top: 3px;
}
div.layer_address_print header h1 span.btn_minor_s {
  display: inline-block;
  padding: 1px 8px;
  line-height: 1;
  background: white;
  border: 1px solid #ddd;
  border-radius: 8px;
}
div.layer_address_print header h1 span.btn_minor_s:hover {
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  border-color: #ccc;
}
div.layer_address_print .tb_addr_list thead th span.selected,
div.layer_address_print .tb_addr_list thead th ins.ic {
  display: none;
}
div.layer_address_print .tb_addr_list tr td.name span.photo,
div.layer_address_print .tb_addr_list tr th:first-child {
  display: none;
}
div.layer_address_print .tb_addr_list + div.dataTables_paginate {
  display: none;
}
div.layer_address_print .go_addr_list .tb_addr_list tr td:first-child {
  display: none;
}
div.layer_address_print .tb_addr_list thead tr th {
  text-align: left;
}
div.layer_address_print .tb_addr_list tbody tr td {
  padding: 2px 5px 2px 12px !important;
}

/* layer_mail_print */
/* layer_address_print */
.go_addr_list .tb_addr_list {
  margin-top: 16px;
  border-top: 1px solid #ddd;
}
.go_addr_list .tb_addr_list td {
  vertical-align: middle;
}

.tb_addr_list th.name {
  width: 260px !important;
}
.tb_addr_list tbody tr td.name {
  white-space: nowrap;
  width: 260px !important;
}
.tb_addr_list .name .photo {
  margin: 0 8px 0 0;
}

div.layer_address_print table th.sorting,
div.layer_address_print table th.sorting_asc,
div.layer_address_print table th.sorting_desc {
  text-indent: 0;
  padding-left: 12px;
}
div.layer_original_view {
  width: 650px;
}
div.layer_original_view div.content {
  width: 94%;
}
div.layer_original_view div.content div.original_wrap {
  padding: 8px;
  border: 1px solid #ccc;
  background: #f4f4f4;
  box-shadow: inset 1px 1px 1px rgba(88, 88, 88, 0.1);
  overflow: hidden;
}

/* layer_original_view */
/* preview */
dl.preview {
  background: #ffffaf;
  border: 1px solid #e3dc86;
  padding: 6px;
  min-width: 400px;
  max-width: 500px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
dl.preview dt {
  font-size: 13px;
  color: #333;
  font-weight: bold;
  font-weight: 500;
  margin-bottom: 3px;
}
dl.preview dd {
  line-height: 1.5;
}

/* layer_address */
.layer_address .dop_organization .wrap_search {
  padding: 0;
}

.layer_address div.mail_address_warp .dop_organization .container {
  padding: 0;
}

.layer_address .jstree-default {
  padding: 10px;
}

div.layer_address {
  width: 980px;
  background: #fff;
}
div.layer_address #tabArea .tab_nav li {
  color: #4a4b4c;
}
div.layer_address #tabArea .tab_nav li a {
  color: #4a4b4c;
}
div.layer_address #tabArea .tab_nav li.ui-state-active {
  border-color: #38393a;
  background: #38393a;
}
div.layer_address #tabArea .tab_nav li.ui-state-active a {
  color: #fff;
}
div.layer_address div.layer_address {
  box-shadow: none;
}
div.layer_address div.tab_wrap {
  width: 550px;
  float: left;
  display: inline-block;
}
div.layer_address div.tab_wrap .search_wrap {
  margin: 0 10px;
  padding: 4px 0;
}
div.layer_address div.tab_wrap .search_wrap input.search {
  vertical-align: top;
}
div.layer_address div.sort_wrap,
div.layer_address div.content_tab_wrap {
  float: left;
  display: inline-block;
}
div.move_wrap {
  float: left;
  display: inline-block;
}
div.layer_address div.mail_address_warp {
  border: 1px solid #ddd;
  overflow: hidden;
  margin: 16px 0 0 0;
  box-sizing: content-box;
}
div.layer_address div.mail_address_warp .dop_dialog {
  width: fit-content !important;
  box-shadow: none;
}
div.layer_address div.content_tab_wrap {
  width: 200px;
  height: 426px;
  border: 0;
  border-right: 1px solid #c9c9c9;
  background-color: #fefefe;
  border-radius: 0;
}
div.layer_address div.content div.content {
  padding: 0;
}
div.layer_address p.desc {
  margin: 5px 0 6px 5px;
  text-align: left;
  line-height: 140%;
  display: none;
}
div.layer_address div.jstree-default li[rel='org'] > a {
  font-weight: normal;
  letter-spacing: -1px;
}
div.layer_address table.symple td {
  padding: 6px 3px 5px !important;
}
div.layer_address div.content_list {
  width: 347px;
}
div.layer_address div.content_list .search_wrap input.btn_search {
  background: #fff url(../images/ic_toolbar.png) no-repeat 0px -50px;
  width: 20px;
  height: 20px;
  margin-top: 4px;
}
div.layer_address div.mail_address_search div.content_list {
  width: 100%;
}
div.layer_address .search_wrap input.search {
  width: 290px;
}
div.layer_address div.mail_address_search .search_wrap input.search {
  width: 513px;
}
div.layer_address div.mail_address_search div.content_tab_wrap {
  display: none;
}
div.layer_address div.move_wrap {
  margin: 0px 8px 0;
}
div.layer_address div.move_wrap span.btn_bg {
  width: 48px;
  margin-bottom: 4px;
}
div.layer_address span.title_inline {
  letter-spacing: -1px;
}
div.layer_address .scroll_wrap {
  border-top: 1px solid #d9d9d9;
  height: 383px;
}
div.layer_address footer.btn_layer_wrap {
  margin-top: -10px;
}
div.layer_address div.bottom_action {
  margin: 10px;
}
div.layer_address div.bottom_action .btn_list_reload {
  padding: 6px 70px;
  margin-top: 5px;
  font-size: 11px;
}
div.layer_address iframe body {
  background: #fff;
}
div.layer_address .scroll_wrap table.symple th,
div.layer_address .scroll_wrap table.symple td {
  white-space: nowrap;
  padding: 5px 20px 5px 5px !important;
}
div.layer_address .scroll_wrap table.symple th:first-child,
div.layer_address .scroll_wrap table.symple td:first-child {
  padding: 5px 3px 3px 16px !important;
}
div.layer_address .scroll_wrap table.symple th {
  text-align: left;
  background: #efefef;
  font-weight: normal;
}
div.layer_address .scroll_wrap table.symple th.checkbox {
  width: 30px;
}
div.layer_address .scroll_wrap table.symple th.name,
div.layer_address .scroll_wrap table.symple th.part,
div.layer_address .scroll_wrap table.symple th.position,
div.layer_address .scroll_wrap table.symple th.email,
div.layer_address .scroll_wrap table.symple th.company {
  min-width: 50px;
}
div.layer_address .receive_list ul li {
  position: relative;
  padding: 1px 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
div.layer_address .receive_list ul li span.list_side_wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 2px;
  height: 20px;
}
div.layer_address .receive_list ul li span.list_side_wrap input {
  vertical-align: 0px;
}
div.layer_address .receive_list ul li span.list_side_wrap label.depth {
  width: 73px !important;
  padding: 0 7px 0 0;
  letter-spacing: -1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.layer_address .receive_list ul li.group label {
  width: 138px !important;
}
div.layer_address table.symple td.null_data {
  text-align: center;
}
div.layer_address div.mail_address_warp {
  display: table;
  table-layout: fixed;
  width: 100%;
}
div.layer_address div.mail_address_warp .content_tab_wrap {
  display: table-cell;
  vertical-align: top;
  float: none;
}
div.layer_address div.mail_address_warp div.content_tab_wrap .jstree-default {
  height: 426px !important;
  overflow-y: auto;
}
div.layer_address div.content_list {
  display: table-cell;
  vertical-align: top;
  float: none;
  width: auto;
  height: auto;
  padding: 0;
}
div.layer_address div.sort_wrap {
  margin-left: 2px;
}
div.layer_address .scroll_wrap {
  height: 393px;
}

ul.nav_layer {
  width: 100%;
  height: 25px;
  display: block;
  float: left;
}
ul.nav_layer li a {
  display: block;
  color: #aaa;
}

div.content_list {
  width: 250px;
  height: 406px;
  float: left;
  padding: 10px 0;
  overflow: hidden;
}
div.content_list div.search_wrap {
  margin: 0 10px 10px 10px;
  border: 0;
}
div.content_list table.symple {
  overflow-y: auto;
  max-height: 386px;
}
div.content_list table.symple tr td {
  line-height: 1.4;
  padding: 5px 0;
  vertical-align: top;
  border-bottom: 1px dotted #ddd;
}
div.content_list table.symple tr td:first-child {
  padding: 6px 11px 5px;
}
div.content_list table.symple tr:hover td {
  background-color: #e7f4f9;
  cursor: pointer;
}
div.content_list table.symple tr.active {
  background-color: #d8e9f8;
}
div.scroll_wrap {
  overflow-y: auto;
  height: 382px;
}
div.box_wrap {
  border: 1px solid #c9c9c9;
}

.box_wrap.flat {
  border: 0;
}

div.sort_wrap {
  width: 27px;
  margin-top: 16px;
}
div.sort_wrap ul.tab_nav {
  overflow: hidden;
  height: auto;
}
div.sort_wrap ul.tab_nav li {
  display: block;
  border: 1px solid #ddd;
  width: 26px;
  height: 22px;
  border-bottom: 0;
  border-left: 0;
  border-radius: 0;
  padding: 0;
  text-align: center;
  line-height: 22px;
  margin: 0;
}
div.sort_wrap ul.tab_nav li span {
  color: #888;
  font-size: 11px;
  letter-spacing: -1px;
}
div.sort_wrap ul.tab_nav li.last {
  border-bottom: 1px solid #ddd;
}
div.sort_wrap ul.tab_nav li.ui-state-active {
  background: #ededed;
  font-weight: bold;
  font-weight: 500;
}
div.sort_wrap ul.tab_nav li.ui-state-active span {
  color: #444;
}
div.move_wrap {
  margin: 30px 8px 0 8px;
  height: 426px;
  text-align: center;
}
div.layer_address div.move_wrap_noindex {
  margin: 26px 19px 0 18px;
}
div.move_wrap ul {
  margin-top: 28px;
}
div.move_wrap ul:first-child {
  height: 120px;
  margin-top: 60px;
}
div.move_wrap ul:last-child {
  margin-top: 80px;
}
div.move_wrap ul li {
  margin: 2px 0;
}
div.move_wrap span.btn_bg {
  position: relative;
  cursor: pointer;
  width: 60px;
  padding: 4px 4px 6px;
  background-color: #fff;
  border: 1px solid #ddd;
  text-align: left;
  border-raidus: 0;
}

:root div.move_wrap span.btn_bg {
  padding: 4px 3px 2px 3px\9;
}

div.move_wrap ul li span.btn_bg span.ic_next2 {
  position: absolute;
  right: 3px;
  top: 6px;
}
div.move_wrap ul li span.btn_bg span.ic_prev2 {
  position: absolute;
  left: 3px;
}
div.move_wrap span.btn_bg:hover {
  border-color: #ddd;
  background: #e9e9e9;
  border-radius: 0;
}
div.move_wrap span.btn_bg span {
  vertical-align: middle;
}
div.move_wrap span.btn_bg span.txt {
  font-size: 12px;
}
div.move_wrap span.btn_bg:hover span.ic_next2 {
  background-position: -100px -400px;
}
div.move_wrap span.btn_bg:hover span.ic_prev2 {
  background-position: -100px -350px;
}
div.move_wrap span.btn_bg:hover span.txt {
  color: #444;
}
div.receive_wrap {
  height: 460px;
}
div.receive_wrap span.title {
  display: inline-block;
  margin: 0 0 8px 0;
  line-height: 19px;
}
div.receive_wrap div.receive_list {
  display: inline-block;
  margin: 10px 0 0 0;
  width: 278px;
  height: 135px;
}
div.receive_wrap div.receive_list ul {
  border: 1px solid #666;
  height: 105px;
  overflow-y: auto;
  overflow-x: hidden;
  background: #f9f9f9;
  padding: 0 4px;
}
div.receive_wrap div.receive_list ul li label {
  display: inline-block;
  width: 220px;
  height: 18px;
  padding: 0px 7px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
}
div.receive_wrap div.receive_list ul li:first-child {
  padding-top: 2px;
}
div.receive_wrap div.receive_list ul li:hover {
  cursor: pointer;
}
div.receive_wrap div.receive_list ul li:hover label {
  cursor: pointer;
}
div.receive_wrap div.receive_list span.email {
  vertical-align: top;
}

table.symple span.email {
  display: inline-block;
  color: #888;
  padding-right: 3px;
}

/*layer_import_file*/
div.layer_import_file {
  width: 900px !important;
  border: 0;
}
div.layer_import_file .content {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
div.layer_import_file div.div_scroll {
  height: 301px;
}
div.layer_import_file table.tb_file_list {
  border: 0 !important;
}
div.layer_import_file table.tb_file_list thead th {
  border-top: 0;
}
div.layer_import_file .content {
  padding: 0 !important;
}
div.layer_import_file .lnb {
  margin-top: -1px;
  overflow-y: scroll;
  overflow-x: hidden;
  float: left;
  width: 270px;
  height: 351px;
  padding-top: 10px;
}
div.layer_import_file .dataTables_wrapper {
  height: 350px;
  margin-left: 270px;
  margin-bottom: 0;
}
div.layer_import_file .dataTables_wrapper table.type_normal thead th span.title_sort {
  width: 98%;
}
div.layer_import_file .dataTables_wrapper table.type_normal thead th {
  border-top: 0;
}
div.layer_import_file .dataTables_wrapper table.type_normal td {
  padding: 5px 4px;
}
div.layer_import_file .dataTables_wrapper table.type_normal td.root,
div.layer_import_file .dataTables_wrapper table.type_normal td.subject {
  text-align: left !important;
}
div.layer_import_file .dataTables_wrapper table.type_normal td.check {
  padding-left: 16px;
}

.tab_nav .ui-state-active {
  border-bottom: 1px solid #000;
}
.tab_nav .ui-state-active a {
  color: #000;
}

/* ----------- layer style ----------- */
div.basic_info div.title_wrap,
div.basic_info div.date_wrap {
  margin: 0 0 10px 0;
}
div.basic_info div.title_wrap span.title_main {
  margin: 0 10px 0 0;
  font-size: 17px;
  font-weight: bold;
  font-weight: 500;
}
div.basic_info div.title_wrap span.option_wrap {
  margin: 0;
}
div.basic_info span.option_wrap {
  margin: 0 6px 0 0;
}
div.layer_context {
  width: 120px;
}
div.layer_context > span.btn_wrap {
  position: absolute;
  right: 6px;
  top: 6px;
  z-index: 9;
}
div.layer_context ul.array_type {
  margin: 8px 0;
}

/* layer_context */
ul.array_type li.depart_line {
  display: block;
  padding: 0;
  min-height: initial;
  border-bottom: 1px solid #eee;
  margin: 5px 0;
}
ul.array_type li.depart_line:hover {
  cursor: default;
  background-color: white;
}

/*----------------  detail_search_wrap -------------------*/
div.detail_search_wrap {
  position: absolute;
  top: 60px;
  right: 24px;
  width: 460px;
  z-index: 1;
}

.detail_search_wrap .content .set_wrap .set_nav .search_wrap {
  border: 0;
}
.detail_search_wrap .content .set_wrap .set_nav .search_wrap .btn_search {
  background: url(../images/ic_toolbar.png) no-repeat 5px -46px;
  width: 20px;
  height: 20px;
  padding: 14px;
  border-radius: 4px;
}
.detail_search_wrap .content .set_wrap .set_nav .search_wrap .btn_search:hover {
  background-color: #eee;
}

div.detail_search form table {
  width: 98%;
  margin: 0;
}
div.detail_search table.form_type th {
  padding: 4px 8px 4px 0;
  padding-left: 0;
  text-align: left;
  vertical-align: top;
  width: 100px;
}
div.detail_search table.form_type th span.tit {
  display: inline-block;
  margin: 8px 0 0;
  white-space: nowrap;
}
div.detail_search table.form_type td {
  padding: 4px 8px 4px 0;
}
div.detail_search table.form_type td ul.select_option span.noti_date_wrap input {
  width: 100px;
}
div.detail_search_wrap div.select_direct span.btn_wrap {
  margin-left: 3px;
}
div.detail_search_wrap div.select_direct span.btn_wrap span.ic_calendar {
  vertical-align: middle;
}
div.detail_search form table th {
  vertical-align: middle;
}
div.detail_search form table td {
  vertical-align: middle;
}
div.detail_search form table td.last {
  padding: 0 0 0 0;
}
div.detail_search div.page_action_wrap {
  margin: 20px 0;
}

span.layer_tail_top {
  position: absolute;
  top: -24px;
  right: 48px;
}
span.layer_tail_top i {
  display: none;
  border-width: 0 10px 6px 10px;
  top: -7px;
  right: 1px;
  z-index: 2;
  border-width: 0 10px 6px 10px;
  border-bottom: 9px solid #666;
  border-right: 9px solid transparent;
  border-left: 9px solid transparent;
}

@media \0 screen {
  span.layer_tail_top {
    top: -23px;
  }
}
.mail_search_wrap .form_type {
  table-layout: fixed;
}
.mail_search_wrap .form_type th .tit {
  font-size: 13px;
}

/*----------------  mail_search_wrap -------------------*/
div.mail_search_wrap {
  width: 520px;
}
div.mail_search_wrap div.vertical_wrap {
  margin: 8px 0;
}
div.mail_search_wrap div.content table {
  width: 100%;
}
div.mail_search_wrap span.option_wrap {
  margin: 0 10px 0 0;
  min-width: 54px;
}
div.mail_search_wrap div.array span.title ins {
  top: 11px;
  right: 6px;
}
div.mail_search_wrap div.array:hover ul.array_type {
  padding: 0;
}
div.mail_search_wrap div.array ul.array_type li {
  padding: 6px 0 4px 5px;
  min-height: auto;
}
div.mail_search_wrap div.array ul.array_type li > span:first-child {
  line-height: 1.3 !important;
  display: inline-block;
  width: 90px;
}
div.mail_search_wrap div.array ul.array_type span.btn_wrap {
  position: absolute;
  right: 5px;
  top: 2px;
  width: 15px;
}
div.layer_reservation_mail {
  width: 350px;
}
div.layer_reservation_mail div.vertical_wrap_s {
  padding: 8px 0;
}
div.layer_reservation_mail div.vertical_wrap_s span {
  vertical-align: middle;
}
div.layer_reservation_mail div.vertical_wrap_s .title {
  margin: 0 8px 0 0;
}

/* reservation mail */
div.detail_search form table {
  width: 100%;
  margin: 0;
}
div.detail_search form table th,
div.detail_search form table td {
  vertical-align: middle;
}
div.detail_search ul.select_option li span.option_wrap {
  min-width: 20px;
  padding: 4px 0 3px;
}
div.address_search_wrap {
  width: 500px;
}
div.layer_approval_search {
  width: 560px;
}
div.layer_send_mail {
  width: 600px;
}
div.detail_search div.page_action_wrap {
  margin: 20px 0;
}
div.layer_mail_upload input[type='text'] {
  display: inline-block;
  margin-left: 5px;
  width: 160px;
}
div.layer_add_mailbox div.content {
  padding-right: 25px;
}
div.layer_mail_allow {
  width: 360px;
}
div.layer_mail_allowlist .list_line li {
  padding: 8px 0;
  border: 0;
}
div.layer_mail_allowlist div.content {
  max-height: 440px;
  overflow: auto;
  overflow-x: hidden;
}
div.warp_caution_box {
  background: #f4f4f4;
  padding: 18px 0 15px;
  text-align: center;
}
div.warp_caution_box p.desc a {
  font-weight: normal;
  border-bottom: 1px dotted #888;
  color: #888;
}
div.warp_caution_box p.desc a:hover {
  color: #333;
  border-color: #333;
}
div.list_wrap {
  padding: 8px;
  border: 1px solid #ddd;
}
div.list_wrap h1 a ins.ic_side {
  margin-right: 4px;
}

/* layer_mail_upload */
/* layer_add_mailbox */
/* layer_mail_allow */
/* layer_mail_allowlist */
/* layer_sub_ */
/* ul normal */
ul.normal li {
  margin-bottom: 12px;
}
ul.normal li div.data select,
ul.normal li div.data input[type='text'] {
  min-width: 230px;
  margin-bottom: 3px;
  border-radius: 3px;
}
ul.normal li div.title {
  position: relative;
  float: left;
  margin: 2px 0;
}
ul.normal li label strong {
  display: inline-block;
  min-width: 180px;
}
ul.normal li div.data {
  position: relative;
  margin-left: 210px;
}

/* layer_auto */
div.layer_auto ul.normal li div.data select {
  width: 232px;
}
div.layer_auto div.layer_pallete {
  margin-top: 5px;
}
div.layer_auto ul.normal li {
  overflow: hidden;
}
div.layer_recep_choise {
  width: 430px;
}
div.layer_recep_choise table th {
  padding: 0 16px;
  text-align: left;
}
div.layer_recep_choise table td {
  text-align: left;
}
div.history div.btn_wrap {
  margin: 0 25px 10px 25px;
}

/* layer_recep_choise */
/* history */
/* list_line */
ul.list_line li {
  border-bottom: 1px solid #ddd;
  padding: 8px;
}
ul.list_line li:hover {
  background: #f4f4f4;
}
ul.list_line li.last {
  border-bottom: 0;
}

div.mail_result {
  text-align: center;
}
div.mail_result div.header {
  padding: 40px 0 20px;
}
div.mail_result hr {
  margin: 20px 0;
}

.layer_mailWrite_popup {
  box-shadow: none;
}
.layer_mailWrite_popup > header > .btn_layer_x {
  display: none;
}

div.mail_result div.header span.txt_caution {
  vertical-align: top;
}
div.mail_result div.header p.desc {
  margin: 6px 0 0;
}
div.mail_result div.noti_option {
  margin: 0;
}
div.mail_result div.page_action_wrap {
  margin-top: 25px;
}

/* go_addr_list */
.go_addr_list header h1 a.btn_fn6 span {
  display: inline-block;
  font-size: 12px !important;
}
.go_addr_list header h1 a.btn_fn6 span.ic_mail {
  display: none;
}

#addressBookTitle {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 250px;
}

.go_addr_list .tool_bar .optional .array_option {
  position: absolute;
  top: 27px;
  right: 2px;
}

ul.name_tag {
  overflow: hidden;
}
ul.name_tag li.desc {
  border: none !important;
  background: none !important;
  padding-left: 0;
  line-height: 22px;
}
ul.name_tag li.desc strong {
  /*color:#F37247!important; */
  color: #484848;
  line-height: 20px;
  font-weight: normal;
}

.go_addr_list .form_speed {
  padding: 0px;
  min-width: 700px;
  margin: 4px 0;
}
.go_addr_list .form_speed .btn_minor_s2 {
  vertical-align: top;
  width: 32px;
  height: 26px;
  padding: 0px;
  text-align: center;
  border-radius: 6px;
  background: #fff;
}
.go_addr_list .form_speed .btn_minor_s2 .fast {
  margin-top: 2px;
}
.go_addr_list .form_speed .btn_minor_s2:hover {
  background: #f5f6f8;
}
.go_addr_list .form_speed .btn_minor_s3 {
  border: 0;
  background: 0;
  color: #333;
  vertical-align: middle;
  margin: -4px 0 0 0;
}
.go_addr_list .form_speed input.w_mini {
  width: 110px;
}
.go_addr_list .form_speed input.w_small {
  width: 170px;
}
.go_addr_list .wrap_type_normal .dataTables_wrapper .custom_header .tab_nav.small li {
  border: 0;
  border-radius: 0;
}
.go_addr_list .wrap_type_normal .dataTables_wrapper .custom_header .tab_nav.small li.on {
  border-bottom: 2px solid #111;
  background: none;
}
.go_addr_list .wrap_type_normal .dataTables_wrapper .custom_header .tab_nav.small li.on span {
  color: #111;
  font-weight: bold;
}
.go_addr_list .wrap_type_normal .dataTables_wrapper .custom_header .tab_nav.small li span {
  color: #4a4b4c;
}
.go_addr_list ul.name_tag {
  overflow: hidden;
  padding: 5px 25px 0 5px;
  margin-right: 0 !important;
}
.go_addr_list > div.content_page > ul.name_tag {
  padding-left: 12px;
}

table.tb_addr_list .check {
  width: 20px;
  min-width: 20px;
}

.tb_addr_list td span.name:hover {
  color: #000;
}
.tb_addr_list td span.email,
.tb_addr_list td span.hp,
.tb_addr_list td span.tel {
  white-space: nowrap;
}
.tb_addr_list td .name {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 180px;
  vertical-align: top;
  margin-top: 5px;
}

.go_addr_list .tool_bar .optional {
  margin-right: 8px;
  margin-top: 6px !important;
}

/*--------------------------------------------------------@mgmt------------------------------------------------------------------------------*/
.tab_conent_wrap .critical .vertical_wrap {
  margin: 0 0 10px 0;
  padding: 0;
}

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

.ic_alarm_h {
  width: 24px;
  height: 24px;
  background-position: -800px -180px;
}

.ic_alarm_off_h {
  width: 18px;
  height: 24px;
  background-position: -800px -150px;
}

.ic_mail_h {
  width: 21px;
  height: 24px;
  background-position: -800px -210px;
}

.ic_contact_h {
  width: 19px;
  height: 24px;
  background-position: -800px -240px;
}

.ic_bbs_h {
  width: 18px;
  height: 24px;
  background-position: -800px -270px;
}

.ic_comm_h {
  width: 28px;
  height: 24px;
  background-position: -800px -300px;
}

.ic_cal_h {
  width: 20px;
  height: 24px;
  background-position: -800px -330px;
}

.ic_survey_h {
  width: 22px;
  height: 24px;
  background-position: -800px -360px;
}

.ic_task_h,
.ic_docs_h {
  width: 20px;
  height: 24px;
  background-position: -800px -390px;
}

.ic_report_h {
  width: 18px;
  height: 24px;
  background-position: -800px -420px;
}

.ic_approval_h {
  width: 24px;
  height: 24px;
  background-position: -800px -450px;
}

.ic_notice_h {
  width: 20px;
  height: 24px;
  background-position: -800px -480px;
}

.ic_asset_h {
  width: 20px;
  height: 24px;
  background-position: -800px -510px;
}

.ic_docfolder_h {
  width: 20px;
  height: 24px;
  background-position: -800px -540px;
}

.ic_todo_h {
  width: 20px;
  height: 24px;
  background-position: -800px -571px;
}

.ic_works_h {
  width: 20px;
  height: 24px;
  background-position: -800px -630px;
}

.ic_type_alarm {
  width: 20px;
  height: 16px;
  background-position: -700px -150px;
}

.ic_type_alarm_off {
  width: 20px;
  height: 17px;
  background-position: -700px -180px;
}

.ic_type_mail {
  width: 20px;
  height: 11px;
  background-position: -700px -210px;
}

.ic_type_contact {
  width: 20px;
  height: 15px;
  background-position: -700px -240px;
}

.ic_type_bbs {
  width: 20px;
  height: 18px;
  background-position: -700px -270px;
}

.ic_type_comm {
  width: 20px;
  height: 14px;
  background-position: -700px -300px;
}

.ic_type_cal {
  width: 20px;
  height: 13px;
  background-position: -700px -330px;
}

.ic_type_survey {
  width: 20px;
  height: 15px;
  background-position: -700px -360px;
}

.ic_type_task,
.ic_type_docs {
  width: 20px;
  height: 14px;
  background-position: -700px -390px;
}

.ic_type_report {
  width: 20px;
  height: 14px;
  background-position: -700px -420px;
}

.ic_type_approval {
  width: 20px;
  height: 13px;
  background-position: -700px -450px;
}

.ic_type_asset {
  width: 20px;
  height: 13px;
  background-position: -700px -480px;
}

.ic_type_docfolder {
  width: 20px;
  height: 14px;
  background-position: -700px -510px;
}

.ic_type_todo {
  width: 21px;
  height: 15px;
  background-position: -700px -542px;
}

.ic_type_works {
  width: 21px;
  height: 15px;
  background-position: -700px -630px;
}

.ic_type_c_search {
  width: 20px;
  height: 17px;
  background-position: -700px -570px;
}

.ic_gnb.ic_type_file {
  width: 20px;
  height: 12px;
  background-position: -700px -600px;
}
.ic_gnb.ic_type2_ehr {
  width: 28px;
  height: 24px;
  background-position: -900px -670px;
}

/* li.on .ic_type_alarm {width:20px; height:17px; background-position:-750px -150px}
li.on .ic_type_alarm_off {width:20px; height:16px; background-position:-750px -180px}
li.on .ic_type_mail {width:20px; height:11px; background-position:-750px -210px}
li.on .ic_type_contact {width:20px; height:15px; background-position:-750px -240px}
li.on .ic_type_bbs {width:20px; height:18px; background-position:-750px -270px}
li.on .ic_type_comm {width:20px; height:14px; background-position:-750px -300px}
li.on .ic_type_cal {width:20px; height:13px; background-position:-750px -330px}
li.on .ic_type_survey {width:20px; height:15px; background-position:-750px -360px}
li.on .ic_type_task {width:20px; height:14px; background-position:-750px -390px}
li.on .ic_type_docs {width:20px; height:14px; background-position:-750px -390px}
li.on .ic_type_report {width:20px; height:14px; background-position:-750px -420px}
li.on .ic_type_approval {width:20px; height:13px; background-position:-750px -450px}
li.on .ic_type_asset {width:20px; height:13px; background-position:-750px -480px}
li.on .ic_type_docfolder {width:20px; height:14px; background-position:-750px -510px}
li.on .ic_type_todo {width:21px; height:15px; background-position:-750px -630px}
li.on .ic_type_works {width:21px; height:15px; background-position:-750px -630px}
li.on .ic_type_c_search {width:20px; height:17px; background-position:-750px -570px}
li.on .ic_gnb.ic_type_file {width:20px; height:12px; background-position:-750px -600px} */
.ic_type2_mail {
  width: 28px;
  height: 24px;
  background-position: -900px -150px;
}

.ic_type2_contact {
  width: 28px;
  height: 24px;
  background-position: -900px -180px;
}

.ic_type2_bbs {
  width: 28px;
  height: 24px;
  background-position: -900px -210px;
}

.ic_type2_comm {
  width: 28px;
  height: 24px;
  background-position: -900px -240px;
}

.ic_type2_cal {
  width: 28px;
  height: 24px;
  background-position: -900px -270px;
}

.ic_type2_survey {
  width: 28px;
  height: 24px;
  background-position: -900px -300px;
}

.ic_type2_task,
.ic_type2_docs {
  width: 28px;
  height: 24px;
  background-position: -900px -330px;
}

.ic_type2_report {
  width: 28px;
  height: 24px;
  background-position: -900px -360px;
}

.ic_type2_approval {
  width: 28px;
  height: 24px;
  background-position: -900px -390px;
}

.ic_type2_asset {
  width: 28px;
  height: 24px;
  background-position: -900px -420px;
}

.ic_type2_docfolder {
  width: 28px;
  height: 24px;
  background-position: -900px -450px;
}

.ic_type2_todo {
  width: 28px;
  height: 24px;
  background-position: -900px -479px;
}

.ic_type2_works {
  width: 28px;
  height: 24px;
  background-position: -900px -630px;
}

.ic_type2_alarm {
  width: 28px;
  height: 24px;
  background-position: -900px -507px;
}

.ic_type2_works {
  width: 28px;
  height: 24px;
  background-position: -900px -630px;
}

.btn_dropdown {
  cursor: pointer;
  width: 20px;
  height: 20px;
  background-position: -100px -250px !important;
}
.btn_dropdown:hover {
  background-position: -100px -300px !important;
}

.ic_show_down2 {
  width: 14px;
  height: 12px;
  background-position: -100px -420px;
}

.ic_hide_up2 {
  width: 14px;
  height: 12px;
  background-position: -100px -400px;
}
.ic_hide_up2:hover {
  background-position: -130px -400px;
}

.ic_more {
  background-position: -200px -300px;
  width: 7px;
  height: 4px;
}

.ic_cal_mini {
  background-position: -200px -350px;
  width: 14px;
  height: 13px;
}
.ic_cal_mini:hover {
  background-position: -230px -350px;
}

.ic_pri_mini {
  background-position: -200px -439px;
  width: 13px;
  height: 13px;
}
.ic_pri_mini:hover {
  background-position: -230px -439px;
}

.ic_ori_mini {
  background-position: -200px -394px;
  width: 15px;
  height: 14px;
}
.ic_ori_mini:hover {
  background-position: -230px -394px;
}

span.ic_favor_member {
  width: 40px;
  height: 40px;
  background-position: -500px -350px;
}
span.ic_favor_plus1 {
  width: 42px;
  height: 25px;
  background-position: -250px -100px;
}
span.ic_favor_plus2 {
  width: 42px;
  height: 25px;
  background-position: -250px -150px;
}

/*ic_con_set*/
.ic_con {
  display: inline-block;
  background: url(../images/ic_con.png) no-repeat;
  vertical-align: middle;
}

.ic_create_mono {
  width: 10px;
  height: 10px;
  background-position: -600px -102px;
}

.ic_create_strong {
  width: 10px;
  height: 10px;
  background-position: -600px -240px;
}

.ic_release {
  width: 10px;
  height: 10px;
  background-position: -600px -279px;
}

.ic_list_more_n {
  width: 8px;
  height: 13px;
  background-position: -50px -401px;
}

.ic_list_more_s {
  width: 20px;
  height: 20px;
  background-position: -760px -350px;
}
.ic_list_more_s:hover {
  width: 20px;
  height: 20px;
  background-position: -800px -350px;
}

.ic_list_prev_s {
  width: 20px;
  height: 20px;
  background-position: -840px -349px;
}
.ic_list_prev_s:hover {
  background-position: -879px -349px;
}

.ic_share {
  width: 14px;
  height: 14px;
  background-position: 0 -80px;
}

.ic_exclamation {
  background-position: -288px -63px;
  width: 2px;
  height: 11px;
}

.ic_layer1 {
  background-position: -100px -450px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.ic_layer2 {
  background-position: -100px -500px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.ic_layer3 {
  background-position: -100px -550px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.ic_layer1:hover {
  background-position: -150px -450px;
}

.ic_layer2:hover {
  background-position: -150px -500px;
}

.ic_layer3:hover {
  background-position: -150px -550px;
}

.ic_layer1_active {
  background-position: -200px -450px;
  width: 20px;
  height: 20px;
}

.ic_layer2_active {
  background-position: -200px -500px;
  width: 20px;
  height: 20px;
}

.ic_layer3_active {
  background-position: -200px -550px;
  width: 20px;
  height: 20px;
}

.ic_detail {
  width: 27px;
  height: 29px;
  background-position: -760px -150px;
  cursor: pointer;
}

.ic_original {
  width: 15px;
  height: 14px;
  background-position: -650px -102px;
  cursor: pointer;
}

.ic_normallist {
  width: 12px;
  height: 10px;
  background-position: -310px -22px;
}

.ic_edit_m {
  background-position: 0 -150px;
  width: 12px;
  height: 16px;
  cursor: pointer;
}
.ic_edit_m:hover {
  background-position: 0 -200px;
  width: 12px;
  height: 16px;
  cursor: pointer;
}

.ic_info_m {
  background-position: 0 -300px;
  width: 12px;
  height: 16px;
  cursor: pointer;
}
.ic_info_m:hover {
  background-position: 0 -349px;
  width: 12px;
  height: 16px;
  cursor: pointer;
}

.ic_cc {
  background-position: 0 -250px !important;
  width: 17px;
  height: 15px;
  cursor: default;
}

.ic_alert {
  background-position: 0 -960px;
  width: 15px;
  height: 15px;
}

.ic_alert_caution {
  background-position: -40px -960px;
  width: 15px;
  height: 15px;
}

.ic_more_info {
  background-position: -800px -150px;
  width: 21px;
  height: 26px;
}
.ic_more_info:hover {
  background-position: -840px -150px;
}

.ic_arrow_type4 {
  background-position: -100px -600px;
  width: 10px;
  height: 9px;
}

.ic_member {
  background-position: -230px -300px;
  width: 17px;
  height: 10px;
}

.ic_reply2 {
  background-position: -270px -300px;
  width: 13px;
  height: 11px;
}

.ic_x_blue {
  background-position: -148px -150px;
  width: 12px;
  height: 16px;
}

.ic_file_up {
  background-position: -450px 0;
  width: 24px;
  height: 23px;
}

.ic_file_up_s {
  background-position: -400px -100px;
  width: 14px;
  height: 16px;
}

.ic_link_up {
  background-position: -549px 0;
  width: 24px;
  height: 24px;
}

.ic_gps {
  background-position: -150px -600px;
  width: 13px;
  height: 18px;
}

.ic_mobile {
  background-position: -150px -650px;
  width: 11px;
  height: 18px;
}

.ic_create_calendar {
  width: 12px;
  height: 12px;
  background-position: -910px -400px;
}

.ic_dropdown {
  width: 10px;
  height: 7px;
  background-position: -760px -450px;
}

.ic_heart {
  width: 24px;
  height: 21px;
  background-position: -200px -600px;
}

.ic_heart_on {
  width: 24px;
  height: 21px;
  background-position: -250px -600px;
}

/*home_side*/
.go_side .layer_calendar {
  position: static !important;
  width: 230px;
  margin: 10px auto;
  border: 1px solid #d9d9d9 !important;
}
.go_side .layer_calendar header {
  overflow: hidden;
}
.go_side .layer_calendar td {
  text-align: left !important;
  padding: 2px 0px 10px 4px !important;
  background: transparent;
}
.go_side .layer_calendar td span {
  position: relative;
  display: inline-block;
  width: 27px;
}
.go_side .layer_calendar span.badge {
  z-index: 50;
  position: absolute;
  right: 2px;
  bottom: -7px;
  height: 10px;
  line-height: 10px;
  width: 11px;
  background: #f58e6b;
  color: #fff;
  font-weight: normal;
  font-size: 10px;
  padding: 0px 2px;
  border-radius: 4px;
  text-align: center;
}

section.side_calendar {
  border: none;
}
section.side_calendar header {
  position: relative;
  height: 30px;
  padding: 0px 10px;
}
section.side_calendar header h1 {
  vertical-align: middle;
  line-height: 30px;
}
section.side_calendar header h1 span,
section.side_calendar header h1 a.ic_list_more_s {
  vertical-align: middle;
}
section.side_calendar header span.title {
  font-size: 14px;
  font-weight: bold;
  font-weight: 500;
}
section.side_calendar header span.btn_wrap {
  position: absolute;
  right: 7px;
  top: 0px !important;
}
section.side_calendar header span.btn_wrap span.btn_today {
  margin-right: 3px;
}
section.side_calendar header span.btn_wrap a.ic_list_more_s {
  margin-left: -2px;
}

ul.briefing_list {
  margin-top: 5px;
  border-top: 1px solid #c9c9c9;
}
ul.briefing_list > li {
  display: block;
  padding: 10px 18px;
  border-bottom: 1px solid #cacaca;
  border-top: 1px solid #ffffff;
}
ul.briefing_list > li.bar {
  border-top: none;
  border-bottom: 1px solid #fff;
  padding: 0;
  height: 0;
}

nav.side_menu ul > li.bar {
  border-top: none;
  border-bottom: 1px solid #fff;
  padding: 0;
  height: 0;
}

ul.briefing_list li p.title {
  margin-bottom: 3px;
  line-height: 16px;
}
ul.briefing_list li span {
  vertical-align: middle;
}
ul.briefing_list li ul.item li .subject {
  display: inline-block;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: bold;
  font-weight: 500;
}
ul.briefing_list li a:hover p.subject {
  color: #000;
}
ul.briefing_list li:hover li {
  background: none;
}
ul.briefing_list li p.title span.date {
  font-size: 16px;
  font-weight: bold;
  font-weight: 500;
}
ul.briefing_list li ul.item li {
  margin-top: 10px;
  padding: 1px 0 1px 10px;
  border-left: 1px solid #ebebeb;
}
ul.briefing_list li ul.item li:first-child {
  margin-top: 0;
}
ul.briefing_list li ul.item li a {
  display: inline-block;
  max-width: 230px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 2px;
  color: #484848 !important;
}
ul.briefing_list li ul.item li.create ins {
  padding-right: 3px;
  vertical-align: middle;
}
ul.briefing_list li ul.item li .time {
  margin: 0;
  /*go_over*/
  margin-right: 5px;
  color: #919191 !important;
  font-size: 13px;
  font-weight: normal;
}
ul.briefing_list li.today {
  background: #e0e6ee;
  font-weight: normal;
}
ul.briefing_list li.today span.btn_custom {
  margin-right: 5px;
}
ul.briefing_list > li:hover {
  background: #e0e6ee;
}

.go_side ul.briefing_list li:hover {
  color: #3b3b3b;
}

ul.briefing_list li.today {
  position: relative;
}
ul.briefing_list li.today span.ic_today {
  position: absolute;
  left: -1px;
  top: -1px;
  border: 4px solid #20bec6;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-right: 0;
  height: 100%;
}

/*btn*/
.btn_formal {
  cursor: pointer;
  display: inline-block;
  padding: 0px 3px 0px 3px;
  font-size: 12px;
  color: #fff;
  font-weight: normal;
  line-height: 18px;
  height: 20px;
  border-radius: 2px;
  border: 1px solid #cecece;
  background: #f3f3f3;
  color: #484848;
}
.btn_formal span.ic_classic {
  vertical-align: middle;
  margin-top: 1px;
}
.btn_formal span.txt {
  font-size: 12px !important;
}

.btn_custom {
  cursor: default;
  display: inline-block;
  padding: 2px 4px 1px 4px;
  background: #2eacb3;
  background: #b3b6be;
  border: 1px solid #9fa3ab;
  border-radius: 4px;
  color: #fff;
  font-weight: normal;
  font-size: 11px;
  line-height: 12px;
  letter-spacing: -1px;
}

.btn_add_user {
  margin-top: 80px;
}

/*home_content*/
section.home_search {
  vertical-align: middle;
}
section.home_search select,
section.home_search .search_wrap {
  float: left;
}
section.home_search select {
  width: 80px;
  padding: 3px;
  border-radius: 5px;
}
section.home_search .search_wrap {
  margin-left: 5px;
}

.go_home .portlet_warp {
  float: left;
  width: 49.9%;
  min-width: 373px;
  border-right: 1px solid #999;
}
.go_home .portlet_last {
  position: relative;
  left: 1px;
  border-right: none;
}

.portlet_warp section.list_item header {
  position: relative;
  height: 30px;
  padding: 16px 24px;
}
.portlet_warp section.list_item header span.btn_side_wrap {
  margin: 0 0 0 16px;
}
.portlet_warp section.list_item_noread header,
.portlet_warp section.list_item_alarm header {
  border-top: none;
}
.portlet_warp section.list_item header h1 {
  vertical-align: middle;
  font-size: 22px;
  font-weight: normal;
}
.portlet_warp section.list_item header h1 span.title {
  line-height: 30px;
}
.portlet_warp section.list_item header h1 span.ic_gnb {
  line-height: 30px;
  display: none;
  vertical-align: middle;
  font-size: 22px;
  font-weight: normal;
}
.portlet_warp section.list_item header h1 span.title {
  vertical-align: middle;
  font-size: 22px;
  font-weight: normal;
}
.portlet_warp section.list_item header h1 span.txt {
  font-size: 18px;
  font-weight: normal;
}
.portlet_warp section.list_item header h1 span.title {
  margin-right: 3px;
}
.portlet_warp section.list_item header h1 span.num {
  margin-left: 0;
  color: #f37247;
  font-weight: normal;
}
.portlet_warp section.list_item h2 {
  padding: 0px 10px 2px;
  border: none;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  background: #ececec;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ececec));
  /*old version*/
  background-image: -webkit-linear-gradient(270deg, #fff 0%, #ececec 100%);
  background-image: -moz-linear-gradient(270deg, #fff 0%, #ececec 100%);
  background-image: -o-linear-gradient(270deg, #fff 0%, #ececec 100%);
  background-image: linear-gradient(top, #fff 0%, #ececec 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ececec", GradientType=0);
  /* IE6-9 */
}
.portlet_warp section.list_item h2.first {
  border-top: none;
}
.portlet_warp section.list_item h2 span {
  font-size: 12px;
  font-weight: bold;
  font-weight: 500;
  color: #000;
}
.portlet_warp section.list_item h2 span.meta {
  margin-right: 5px;
}

/*component*/
ul.type_simple_list li {
  position: relative;
  padding: 12px 50px 12px 0;
}
ul.type_simple_list li p.desc {
  text-align: center;
  padding: 20px 0;
}
ul.type_simple_list li div.info p.subject {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
ul.type_simple_list li.null_data {
  min-height: 50px;
}
ul.type_simple_list li.null_data p.desc {
  text-align: center !important;
  padding: 20px 0;
}
ul.type_simple_list li.read {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
}
ul.type_simple_list li:hover {
  /*background:#E1F5F6*/
  background-color: #f4f4f4;
}
ul.type_simple_list li span.btn_wrap {
  position: absolute;
  right: 12px;
  top: 34px;
  width: 30px;
  height: 30px;
  text-align: center;
}

.list_item_alarm .type_simple_list li span.btn_wrap {
  right: 24px;
}

ul.type_simple_list li.company p.subject a {
  color: #2eacb3;
  color: #666;
  font-weight: bold;
  font-weight: 500;
}
ul.type_simple_list li.company .btn_custom {
  position: relative;
  left: -1px;
}
ul.type_simple_list li .btn_custom {
  margin-right: 5px;
  line-height: 1.2;
}
ul.simple_list_mail li p.name {
  float: left;
  max-width: 80px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
ul.simple_list_mail li div.info {
  margin-left: 100px;
}
ul.simple_list_notice li div.info {
  margin-left: 0px;
}
ul.simple_list_notice li div.info span.date {
  display: block;
}
ul.simple_list_notice li div.info p.name {
  margin-top: 5px;
  color: #888;
}
ul.simple_list_alarm p.type {
  float: left;
  width: 37px;
  margin-top: 5px;
  display: none;
}
ul.simple_list_alarm strong.type {
  font-weight: normal;
}
ul.simple_list_alarm p.photo {
  float: left;
  width: 45px;
}
ul.simple_list_alarm p.photo img {
  width: 40px;
  height: 40px;
  background-size: cover;
  -webkit-mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2288%22%20height%3D%2288%22%20viewBox%3D%22-6%20-8%20114%20114%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M2%2050C2%208.825%2010.825%200%2052%200C93.175%200%20102%208.825%20102%2050C102%2091.175%2093.175%20100%2052%20100C10.825%20100%202%2091.175%202%2050Z%22%20fill%3D%22%23EAECEF%22%20/%3E%0A%20%20%3Cmask%20id%3D%22avatar_image%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%22%20height%3D%22100%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M52%2020.6667C56.2853...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M60.6667%2072.6667...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%3C/mask%3E%0A%20%20%3Cg%20mask%3D%22url(%23avatar_image)%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M2%2050...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E');
  mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2288%22%20height%3D%2288%22%20viewBox%3D%22-6%20-8%20114%20114%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M2%2050C2%208.825%2010.825%200%2052%200C93.175%200%20102%208.825%20102%2050C102%2091.175%2093.175%20100%2052%20100C10.825%20100%202%2091.175%202%2050Z%22%20fill%3D%22%23EAECEF%22%20/%3E%0A%20%20%3Cmask%20id%3D%22avatar_image%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%22%20height%3D%22100%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M52%2020.6667C56.2853...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M60.6667%2072.6667...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%3C/mask%3E%0A%20%20%3Cg%20mask%3D%22url(%23avatar_image)%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M2%2050...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E');
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
ul.simple_list_alarm p.photo a {
  position: relative;
}
ul.simple_list_alarm p.photo a img {
  width: 40px;
  height: 40px;
  background-size: cover;
  -webkit-mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2288%22%20height%3D%2288%22%20viewBox%3D%22-6%20-8%20114%20114%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M2%2050C2%208.825%2010.825%200%2052%200C93.175%200%20102%208.825%20102%2050C102%2091.175%2093.175%20100%2052%20100C10.825%20100%202%2091.175%202%2050Z%22%20fill%3D%22%23EAECEF%22%20/%3E%0A%20%20%3Cmask%20id%3D%22avatar_image%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%22%20height%3D%22100%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M52%2020.6667C56.2853...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M60.6667%2072.6667...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%3C/mask%3E%0A%20%20%3Cg%20mask%3D%22url(%23avatar_image)%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M2%2050...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E');
  mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2288%22%20height%3D%2288%22%20viewBox%3D%22-6%20-8%20114%20114%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M2%2050C2%208.825%2010.825%200%2052%200C93.175%200%20102%208.825%20102%2050C102%2091.175%2093.175%20100%2052%20100C10.825%20100%202%2091.175%202%2050Z%22%20fill%3D%22%23EAECEF%22%20/%3E%0A%20%20%3Cmask%20id%3D%22avatar_image%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%22%20height%3D%22100%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M52%2020.6667C56.2853...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M60.6667%2072.6667...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%3C/mask%3E%0A%20%20%3Cg%20mask%3D%22url(%23avatar_image)%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M2%2050...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E');
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
ul.simple_list_alarm p.photo a::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  inset: 0;
  width: 40px;
  height: 40px;
  display: block;
  background-size: 100% 100%;
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2788%27%20height%3D%2788%27%20viewBox%3D%27-6%20-8%20114%20114%27%3E%3Cpath%20d%3D%27M2%2050C2%208.825%2010.825%200%2052%200C93.175%200%20102%208.825%20102%2050C102%2091.175%2093.175%20100%2052%20100C10.825%20100%202%2091.175%202%2050Z%27%20fill%3D%27none%27%20stroke%3D%27%23cfd1d4%27%20stroke-width%3D%271%27/%3E%3C/svg%3E');
  pointer-events: none;
  z-index: 1;
}
ul.simple_list_alarm .info {
  margin-left: 45px;
}
ul.simple_list_alarm p.name {
  display: inline;
  font-size: 14px;
}
ul.simple_list_alarm li {
  border-bottom: 1px solid #eaecef;
}
ul.simple_list_alarm li div.info p.subject {
  white-space: normal;
  text-overflow: initial;
  overflow: initial;
}

/*skin*/
/*//component*/
div.more_view_wrap div.gripper {
  width: 0;
  background: none;
  display: none;
}

ul.simple_list_more li {
  padding: 0 !important;
}
ul.simple_list_more li a {
  display: block;
  padding: 8px 10px 12px;
}
ul.simple_list_more p.type {
  float: left;
  width: 33px;
  margin-top: 4px;
}
ul.simple_list_more div.info {
  margin: 0 20px 0 40px;
  letter-spacing: -1px;
}
ul.simple_list_more div.info p.subject {
  margin-bottom: 1px;
  font-size: 14px;
  font-weight: bold;
  font-weight: 500;
}
ul.simple_list_more div.info span.txt {
  display: inline-block;
  color: #999;
  max-width: 97%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
ul.simple_list_more p.name {
  display: inline;
  color: #888;
}

/* table for scroll */
table.tb_scroll_head tr th.last {
  padding-right: 20px !important;
}
table.tb_scroll_head thead tr th.scroll_blank {
  padding: 0;
}
table.mail_write table.in_table tr td {
  text-align: center;
}
table.mail_write div.btn_wrap {
  margin-bottom: 5px;
}

div.mail_write {
  position: relative;
}
div.mail_write table span.priority label {
  font-weight: normal;
  color: #999;
}
div.mail_write > .tool_bar {
  border-bottom: 1px solid #ddd;
}
div.layer_auto_complete {
  z-index: 100;
  position: absolute;
  background: #fff;
  border: 1px solid #c9c9c9;
  overflow-y: scroll;
}

ul.layer_auto_complete li {
  padding: 4px;
  border-top: 1px solid #eeeeee;
}
ul.layer_auto_complete li:first-child {
  border-top-color: #fff;
}
ul.layer_auto_complete li:nth-child(odd) {
  background: #f3f3f3;
}
ul.layer_auto_complete li:hover {
  background: #38a9b6;
  border-top: 1px solid #3eacb3;
}
ul.layer_auto_complete li:hover a {
  color: #f3f3f3;
}
ul.layer_auto_complete li a:hover {
  color: #f3f3f3;
}
ul.layer_auto_complete li.ac_over {
  background: #41c7ce;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#41c7ce), to(#2faeb5));
  /*old version*/
  background-image: -webkit-linear-gradient(270deg, #41c7ce 0%, #2faeb5 100%);
  background-image: -moz-linear-gradient(270deg, #41c7ce 0%, #2faeb5 100%);
  background-image: -o-linear-gradient(270deg, #41c7ce 0%, #2faeb5 100%);
  background-image: linear-gradient(top, #41c7ce 0%, #2faeb5 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#41c7ce", endColorstr="#2faeb5", GradientType=0);
  /* IE6-9 */
  border-top: 1px solid #3eacb3;
  color: #fff;
}
ul.layer_auto_complete li.ac_even,
ul.layer_auto_complete li.ac_odd {
  cursor: pointer;
}

table.mail_write td div.div_ipt_wrap div.div_ipt ul.name_tag {
  margin: 1px 100px 0 0;
}
table.mail_write td div.div_ipt_wrap div.div_ipt:hover {
  border-color: var(--dop-color-border-basic-level3);
}

/* file */
div.add_file {
  border: 1px solid #ebebeb;
}
div.add_file ul.file_wrap {
  margin-top: 0;
  background: #f7f7f7;
}
div.add_file ul.file_wrap > li {
  padding: 8px;
  border-top: 1px solid #e6e6e6;
}
div.add_file div.add_file_header {
  position: relative;
  background: #f7f7f7;
  padding: 8px;
}
div.add_file div.add_file_header span.subject span.ic_file_s {
  vertical-align: top;
  margin-top: 0;
}
div.add_file div.add_file_header span.subject span.num {
  margin-left: -1px;
}
div.add_file div.add_file_header span.subject span.etc {
  font-size: 11px;
  color: #777;
  letter-spacing: -1px;
}
div.add_file div.add_file_header span.subject span.etc strong {
  color: red;
  font-weight: normal;
  letter-spacing: 0;
}
div.add_file span.btn_area {
  position: absolute;
  top: 9px;
  right: 12px;
  margin-left: 20px;
  text-align: right;
}
div.add_file span.btn_area span.btn_wrap {
  font-size: 13px;
}

span.part {
  color: #ddd;
  margin: 0 8px;
}

.layer_folder_share span.part {
  margin: 0;
  font-size: 13px;
}

/* list_simple */
table.list_simple {
  border-top: 1px solid #ededed;
}
table.list_simple tbody tr td {
  text-align: left;
  padding: 7px;
  vertical-align: top;
}

/* div_ipt */
div.div_ipt_wrap {
  position: relative;
}
div.div_ipt_wrap div.div_ipt {
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 6px;
  min-height: 24px;
  padding: 0 2px;
  line-height: 30px;
}
div.div_ipt_wrap div.div_ipt ul.name_tag li {
  border-radius: 2px;
  margin: 1px 1px 1px 0;
  height: 20px;
  line-height: 21px;
}
div.div_ipt_wrap div.div_ipt ul.name_tag_wrap {
  overflow: hidden;
}
div.div_ipt_wrap div.div_ipt ul.name_tag {
  margin-top: 1px;
}
div.div_ipt_wrap div.div_ipt textarea {
  vertical-align: top;
  margin-top: 0px;
  min-height: 13px;
  /*height:13px*/
  height: 22px;
  line-height: 15px;
  border: 0 none;
  padding: 3px;
  resize: none;
  overflow: hidden;
  box-shadow: none;
  font-size: 13px;
}
div.div_ipt_wrap div.div_ipt ul.name_tag input.edit {
  box-shadow: none;
  background: transparent;
  height: 18px;
  line-height: 1.8;
  border: none;
  vertical-align: top;
  margin: 1px 0 0 0;
}
div.div_ipt_wrap div.div_ipt ul.name_tag li.on {
  border-color: #89bacc;
  background: #c3eaec;
}
div.div_ipt_wrap div.div_ipt ul.name_tag li.invalid.on {
  border-color: #eda18d;
  background: #fcc7c4;
}
div.div_ipt_wrap div.div_ipt ul.name_tag li.invalid span.name,
div.div_ipt_wrap div.div_ipt ul.name_tag li.invalid input.edit {
  color: #d47864;
}

.name_tag .out {
  border-color: #e4deaa !important;
  background: #fefad5 !important;
}
.name_tag .out.on {
  border-color: #beb771 !important;
  background: #eee7a5 !important;
}
.name_tag .out .name {
  color: #a19449;
}

ul.name_tag .out input {
  color: #a19449;
}
ul.name_tag li.on {
  border-color: #89bacc;
  background: #c3eaec;
  color: #4f999d;
}
ul.name_tag li.invalid {
  border-color: #ffc3b4;
  background: #fed5d5;
}
ul.name_tag li.invalid.on {
  border-color: #eda18d;
  background: #fcc7c4;
}

div.editor_wrap {
  position: relative;
  margin: 0 0 0 12px;
}

.mail_write div.editor_wrap {
  margin-left: 5px;
}

div.editor_wrap div.editor {
  width: 100%;
  margin: 0;
}
div.editor_wrap div.optional {
  position: absolute;
  top: 0px;
  right: 10px;
}
div.editor_wrap div.optional_bottom {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
div.editor_wrap div.optional span.btn_wrap {
  margin-left: 5px;
  margin-top: 4px;
}

.form_type th div.editor_wrap {
  margin: 0 0 10px;
}
.form_type span.txt_error {
  display: inline-block;
  margin-top: 5px;
  color: red;
}

span.piece {
  display: inline-block;
  width: 10px;
  height: 10px;
}

a.btn_fn8 {
  background: none repeat scroll 0 0 #38a9b6;
  border-radius: 2px 2px 2px 2px;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-size: 11px;
  font-weight: normal;
  line-height: 12px;
  padding: 2px 5px;
}

/* div.div_scroll {border:1px solid  #EDEDED} */
.div_scroll {
  overflow-x: auto;
  overflow-y: scroll;
  border: 1px solid #ededed;
  border-top: 0;
}
.div_scroll table {
  border: 0;
}

.div_scroll_no {
  overflow: hidden;
}

.mail_list_wrap {
  border-left: none;
  border-right: none;
  border-top: 1px solid #ddd;
}
.mail_list_wrap .mail_list tr.dateDesc .title {
  padding: 0;
  border: 0;
}

div.layer_normal div.div_scroll table.type_normal {
  border: 0;
}
div.div_scroll_mini {
  max-height: 156px;
}

.aside_wrapper {
  font-size: 13px;
}

/* title */
div.tit_type2 {
  background: #eee;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 8px;
}
div.tit_type3 {
  position: relative;
  padding: 0 7px;
  height: 29px;
  line-height: 29px;
  border-bottom: 1px solid #e6e6e6;
  background: #f4f4f4;
}
div.tit_type3 .date {
  position: absolute;
  top: 6px;
  right: 10px;
}
div.tit_type3 .btn_fn6 {
  vertical-align: top;
  margin: 3px 0 0 4px;
}
div.tit_type3 .ic_open_s,
div.tit_type3 .ic_close_s {
  vertical-align: top;
  margin: 5px 0 0 0;
  cursor: pointer;
}

.list_approval_line_wrap .tit_type3 .date {
  top: 2px;
  font-size: 12px;
}

/*@go_intro style_Renewal--------------------------------------------------------------------------------------*/
.go_intro_wrap {
  padding-bottom: 50px;
}
.go_intro_wrap header.go_header {
  background: none;
  border: none;
}
.go_intro_wrap header.go_header h1 a {
  color: #999;
  font-size: 12px;
  font-weight: bold;
  font-weight: 500;
}
.go_intro_wrap header.go_header .language {
  float: right;
  margin: 5px 10px 0 0;
}
.go_intro_wrap header.go_header .language select {
  min-width: 140px;
  padding: 3px;
  font-weight: bold;
  font-weight: 500;
  border: 1px solid #c9c9c9;
  color: #484848;
  box-shadow: none;
  box-sizing: border-box;
}

.go_intro {
  width: 600px;
  margin: 0 auto;
  position: relative;
}

.custom_visual {
  padding: 30px 0;
  margin-bottom: 20px;
  text-align: center;
  background: url(../images/bg_line_gray2.png) repeat-x 0 bottom;
}
.custom_visual img {
  margin-top: 0px;
  max-width: 70%;
}

.go_intro section.login_box {
  position: relative;
  padding: 20px 20px 40px 20px;
  margin-top: 80px;
  margin-bottom: 30px;
  background: #fff;
  border: 1px solid #babbbb;
  border-radius: 15px;
  box-shadow: 0px 0px 10px #c9c9c9;
}
.go_intro section.login_box div.sticker span {
  position: absolute;
  left: 10px;
  top: -3px;
  width: 108px;
  height: 84px;
  background: url(../images/ic_front.png) no-repeat 0 -280px;
}
.go_intro section.login_box div.sticker span.alpha {
  background-position: 0px -340px;
}
.go_intro section.login_box div.sticker span.beta,
.go_intro section.login_box div.sticker span.TMS8_1 {
  background-position: -300px -340px;
}
.go_intro section.login_box div.sticker span.go {
  display: none;
  background-position: -300px -340px;
}
.go_intro .login_msg {
  position: relative;
  padding: 10px;
  background: #333;
  color: #fff;
  box-sizing: border-box;
  margin: 0 auto 5px;
  width: 366px;
}
.go_intro .login_msg span.ic_error {
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0px 6px;
  background: #f44e40;
  border-radius: 2px;
  border: 1px solid #df6c36;
  color: #fff;
  font-weight: bold;
  font-weight: 500;
  margin-right: 4px;
}
.go_intro .login_msg span.txt {
  display: block;
  margin: 1px 0 0 26px;
  color: #fff;
  line-height: 1.5;
}
.go_intro section.login_box fieldset,
.go_intro .glad_box {
  position: relative;
}
.go_intro section.login_box fieldset {
  margin: 0 80px;
}
.go_intro section.login_box fieldset legend {
  display: none;
  height: 0;
}
.go_intro section.login_box fieldset.step_otp input.login_wide {
  width: 179px;
}
.go_intro section.login_box fieldset.step_otp label.title {
  display: inline-block;
  width: 93px;
  height: 35px;
  background: url(../images/ic_front2.png) no-repeat 0 -600px;
}
.go_intro section.login_box fieldset.step_otp input,
.go_intro section.login_box fieldset.step_otp label {
  vertical-align: top;
}
.go_intro label.title {
  display: none;
  /*display:inline-block;font-size:14px; text-align:right; font-weight:500; letter-spacing:-1px*/
}
.go_intro section.login_box fieldset label.title {
  width: 60px;
  color: #fff;
  display: none;
}
.go_intro section.login_box div.select_list span.btn_dropdown {
  cursor: pointer;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/ic_front.png) no-repeat 0 -140px !important;
}
.go_intro section.login_box div.select_list span.btn_dropdown:hover {
  cursor: pointer;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/ic_front.png) no-repeat -30px -140px !important;
}
.go_intro section.login_single {
  width: 470px;
  margin: 0 auto;
}
.go_intro section.login_single .login_msg {
  width: 371px;
}
.go_intro section.login_single input.ipt_login {
  width: 251px;
}
.go_intro .glad_box {
  margin: 10px 0 0 0px;
}
.go_intro .glad_box label.title {
  width: 120px;
}
.go_intro .glad_box .login_msg {
  width: 366px;
}
.go_intro .glad_box .msg2 {
  left: 129px;
  top: 40px;
  width: 296px;
}
.go_intro .glad_box > form {
  margin: 0 96px;
}
.go_intro input {
  font-size: 12px;
}
.go_intro input.ipt_login {
  width: 190px;
  background: #8ccccf;
  border: 1px solid #8badaf;
  box-shadow: 3px 3px 5px #8cc8cb inset;
  color: #fff;
}
.go_intro .select_list {
  width: 190px;
  background: #8ccccf;
  border: 1px solid #8badaf;
  box-shadow: 3px 3px 5px #8cc8cb inset;
  color: #fff;
}
.go_intro input.ipt_login,
.go_intro div.change_pw input.ipt_login {
  padding: 0px 0px 0px 30px;
  background: #8dccd0 url(../images/ic_front.png) no-repeat;
  color: #fff;
  height: 33px;
  line-height: 33px\9;
  vertical-align: middle;
  font-weight: bold;
  font-weight: 500;
}
.go_intro input.ipt_login::-webkit-input-placeholder {
  color: #698687;
}
.go_intro input.ipt_login::-moz-placeholder {
  color: #698687;
  opacity: 1;
}
.go_intro input.ipt_login:-moz-placeholder,
.go_intro input.ipt_login:-ms-input-placeholder {
  color: #698687;
}
.go_intro div.login_id input.ipt_login {
  background-position: 5px 7px;
  width: 149px;
}
.go_intro div.login_id input.login_wide {
  width: 276px;
}
.go_intro div.change_pw input.ipt_login,
.go_intro div.login_pw input.ipt_login {
  background-position: 5px -263px;
  width: 276px;
}
.go_intro div.login_id input.ipt_login:focus {
  background-position: 5px -33px;
  border-color: #4a979c;
}
.go_intro div.change_pw input.ipt_login:focus,
.go_intro div.login_pw input.ipt_login:focus {
  background-position: 5px -302px;
  border-color: #4a979c;
}
.go_intro .select_list {
  position: relative;
  width: 120px;
}
.go_intro .select_list .btn_dropdown {
  position: absolute;
  top: 7px;
  right: 5px;
}
.go_intro .login_pw {
  margin-top: 5px;
}
.go_intro .login_id .select_list {
  position: absolute;
  top: 0;
  right: 90px;
}
.go_intro .login_id .select_list ul li {
  border-top: 1px solid #7eb8bb;
}
.go_intro .login_id .select_list ul li:first-child {
  border: none;
}
.go_intro .login_id .select_list ul li:hover {
  background: #81c0c5;
}
.go_intro .login_id .select_list ul li a {
  color: #fff;
  display: block;
  padding: 0px 30px 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 33px;
  line-height: 33px;
}
.go_intro section.login_box fieldset a.btn_login,
.go_intro section.login_box fieldset a.btn_confirm {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
}

/* for chrome */
/* for firefox 19+ */
/* for firefox 18- */
/* for IE */
.login_check {
  margin: 15px 80px;
}

.glad_box .change_pw {
  margin: 0 0 5px 129px;
}

.layer_task_type .wrap_txt {
  display: inline-block;
  padding: 2px 0;
  vertical-align: top;
}
.layer_task_type input.txt {
  padding: 5px 4px;
  border-radius: 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  line-height: 1.3\0 / IE9;
  border: 1px solid #cacaca;
  border-top-color: #bcbcbc;
  border-bottom-color: #d9d9d9;
  box-shadow: inset 1px 1px 1px rgba(150, 150, 150, 0.1);
}
.layer_task_type input.txt:hover {
  border: 1px solid #1c99a0;
  box-shadow: inset 1px 1px 1px rgba(150, 150, 150, 0.1);
}
.layer_task_type:root .go_renew input.txt,
.layer_task_type:root .go_renew textarea {
  line-height: 1.3\0 / IE9;
}
.layer_task_type:root .go_renew span.txt,
.layer_task_type:root .go_renew span.txt_caution {
  line-height: 1.3\0 / IE9;
}
.layer_task_type:root .go_renew label {
  line-height: 1.3\0 / IE9;
}

.go_intro ul.link_download {
  width: 478px;
  margin: 0 auto;
  height: 95px;
}
.go_intro ul.link_download li {
  float: left;
  margin-left: 5px;
}
.go_intro ul.link_download li:first-child {
  margin-left: 0;
}
.go_intro ul.link_download li a {
  display: block;
  width: 156px;
  height: 93px;
  background: url(../images/btn_appdown.png) no-repeat 0 0;
}
.go_intro ul.link_download li:hover a {
  animation: btnani 0.5s;
  -webkit-animation: btnani 0.5s;
  /*Safari and Chrome*/
}
.go_intro ul.link_download li.iphone a {
  background-position: 0 0;
}
.go_intro ul.link_download li.android a {
  background-position: -162px 0;
}
.go_intro ul.link_download li.pc a {
  background-position: -323px 0;
}
.go_intro ul.link_download li.iphone:hover a {
  background-position: 0 -100px;
}
.go_intro ul.link_download li.android:hover a {
  background-position: -162px -100px;
}
.go_intro ul.link_download li.pc:hover a {
  background-position: -323px -100px;
}
.go_intro a.pc_link {
  position: absolute;
  top: 394px;
  right: 20px;
  height: 18px;
  line-height: 19px;
  padding-left: 24px;
  color: #999;
  background: url(../images/pc_msg_down.png) no-repeat 0 0;
}
.go_intro a.pc_link:hover {
  color: #359aa2;
  background-position: 0 -100px;
}

@keyframes btnani {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes btnani

/*Safari and Chrome*/ {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
nav.side_menu + a.messenger_down,
nav.side_menu + a.app_down {
  margin-top: 10px;
}

a.messenger_down,
a.app_down {
  display: block;
  border: 1px solid #bcc1c7;
  text-align: center;
  margin: 8px 24px;
  padding: 12px 0;
  border-radius: 3px;
}
a.messenger_down span.ic_messenger_down {
  vertical-align: top;
  margin: 0 5px 0 0;
}
a.messenger_down span.title {
  font-size: 14px;
  font-weight: bold;
  font-weight: 500;
  color: #666;
}

span.ic_messenger_down {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(../images/pc_msg_down.png) no-repeat 0 0;
}

a.app_down span.ic_ios_down {
  vertical-align: top;
  margin: -4px 5px 0 0;
}
a.app_down span.title {
  font-size: 14px;
  font-weight: bold;
  font-weight: 500;
  color: #666;
}

span.ic_ios_down {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/app_ios_down.png) no-repeat 0 0;
}

a.messenger_down:hover {
  background: #dddfe4;
}
a.app_down:hover {
  background: #dddfe4;
}
a.app_down:hover span.ic_ios_down {
  background: #f7f7f7;
  background: url(../images/app_ios_down.png) no-repeat 0 -100px;
}
a.messenger_down:hover span.title,
a.app_down:hover span.title {
  color: #000;
}
a.btn_login {
  display: inline-block;
  padding: 0;
  color: #fff;
  background: url(../images/ic_front2.png) no-repeat 0 -300px;
  width: 85px;
  height: 75px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  vertical-align: middle;
  line-height: 73px;
}
a.btn_login:hover {
  background-position: 0 -200px;
}
a.btn_confirm {
  display: inline-block;
  padding: 0;
  color: #fff;
  background: url(../images/ic_front2.png) no-repeat 0 -550px;
  width: 85px;
  height: 35px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
  line-height: 36px;
}
a.btn_confirm:hover {
  background-position: 0 -500px;
}
a.btn_bk {
  display: inline-block;
  padding: 15px 20px;
  color: #fff;
  border: 1px solid #4e4f51;
  border-radius: 2px;
  background: #4d4d4d;
  color: #fff;
  font-size: 18px;
}
a.btn_bk:hover {
  background: #71797c;
}

.go_intro section.msg_box {
  padding-top: 20px;
}
.go_intro .sleeping_msg {
  padding-top: 20px;
  /*background:url(../images/ic_sleep.png) no-repeat 50% 0;*/
  text-align: center;
}
.go_intro .glad_msg {
  text-align: center;
}
.go_intro .glad_msg p.title {
  margin-top: 20px;
}
.go_intro p.title {
  font-size: 20px;
  font-weight: bold;
  font-weight: 500;
}

.go_intro section.login_box p.desc {
  font-size: 12px;
  margin-top: 10px;
}
.go_intro .btn_box {
  margin-top: 20px;
  text-align: center;
}
.go_intro .glad_box a.btn_bk {
  /*margin-left:-67px*/
}
.go_intro .glad_box a.btn_bk_p {
  margin-left: 10px;
}
.go_intro .glad_box .btn_space {
  margin-left: 6px;
}
.go_intro .glad_box .pw_space {
  margin-top: 25px;
}
.go_intro .glad_box .btn_wrap {
  text-align: center;
  margin-top: 20px;
}
.go_intro .glad_box .btn_wrap .btn_bk {
  font-size: 12px;
  font-weight: bold;
  font-weight: 500;
}
.go_intro .glad_box .btn_wrap a.btn_bk {
  padding: 10px 15px;
}
.go_intro .glad_box .btn_wrap .btn_major_s {
  padding: 8px 15px;
}
.go_intro .glad_box .btn_wrap .btn_minor_s {
  background: #fff;
  border: 1px solid #151515;
  padding: 8px 15px;
}
.go_intro .glad_box .btn_wrap .btn_minor_s:hover {
  background: #fafafa;
  border: 1px solid #151515;
}

span.msg_false {
  color: red;
}
span.msg_true {
  color: #2ba629;
}

.go_intro .portlet_box {
  overflow: hidden;
}
.go_intro .portlet_warp {
  margin-bottom: 10px;
  border: 1px solid #c9c9c9;
  border-top: none;
  overflow: hidden;
}
.go_intro .portlet_multi .portlet_warp {
  float: left;
  width: 49.6%;
  min-width: 318px;
}
.go_intro .portlet_multi .portlet_last {
  position: relative;
  left: -1px;
}

.go_intro_wrap header.go_header {
  background: none;
  background-image: none;
  filter: none;
}
.go_intro_wrap footer.go_footer section.meta {
  float: none;
  text-align: center;
}
.go_intro_wrap footer.go_footer section.meta small.copyright {
  float: none;
  display: block;
}

/*login_mint_theme*/
div.user_front {
  background-image: none;
}

.go_wrap.mint_theme {
  background: #fff;
}
.go_wrap.mint_theme input::-webkit-input-placeholder,
.go_wrap.mint_theme input:-moz-placeholder,
.go_wrap.mint_theme input::-moz-placeholder,
.go_wrap.mint_theme input:-ms-input-placeholder {
  color: #bbb !important;
}
.go_wrap.mint_theme .find_pw {
  border: solid 1px #a5a5a5;
  color: #707070;
  box-sizing: border-box;
  padding: 7px;
  float: right;
}
.go_wrap.mint_theme .find_pw:hover {
  background: #eee;
}
.go_wrap.mint_theme .option_wrap {
  float: left;
  margin-top: 10px;
  color: #707070;
}
.go_wrap.mint_theme .custom_visual {
  background: none;
}
.go_wrap.mint_theme .login_box {
  border: solid 1px #e0e0e0 !important;
  border-radius: 0px !important;
  box-shadow: none !important;
}
.go_wrap.mint_theme .login_id,
.go_wrap.mint_theme .login_pw {
  margin-bottom: 7px;
}
.go_wrap.mint_theme fieldset {
  margin: 0px 96px !important;
}
.go_wrap.mint_theme .login_id input,
.go_wrap.mint_theme .login_pw input {
  background: #fff;
  box-shadow: none;
  padding: 0px 10px 0px 10px;
  color: #707070;
  border: solid 1px #02a1c0;
  width: 366px !important;
  height: 44px !important;
  box-sizing: border-box;
}
.go_wrap.mint_theme .login_id input,
.go_wrap.mint_theme .login_pw input {
  line-height: 42px\9 !important;
}
.go_wrap.mint_theme .go_intro div.change_pw input.ipt_login {
  background: #fff;
  box-shadow: none;
  padding: 0px 10px 0px 10px;
  color: #707070;
  border: solid 1px #13cae2;
  height: 44px !important;
  box-sizing: border-box;
  width: 350px !important;
}
.go_wrap.mint_theme .go_intro .glad_box div.change_pw input.ipt_login {
  width: 366px !important;
}
.go_wrap.mint_theme .login_id input {
  /*width: 366px !important; */
}
.go_wrap.mint_theme .login_id input:focus {
  background: #f1feff;
}
.go_wrap.mint_theme .login_pw input:focus,
.go_wrap.mint_theme .go_intro div.change_pw input.ipt_login:focus {
  background: #f1feff;
}
.go_wrap.mint_theme .btn_login {
  position: static !important;
  width: 366px;
  height: 43px;
  line-height: 43px;
  background: #02a1c0;
}
.go_wrap.mint_theme .btn_login:hover {
  background: #23c4cd;
}
.go_wrap.mint_theme .login_check {
  clear: both;
  margin: 8px 96px;
}
.go_wrap.mint_theme .login_check:after {
  display: block;
  clear: both;
  overflow: hidden;
  height: 0;
  content: '';
}
.go_wrap.mint_theme .select_list {
  border: solid 1px #02a1c0;
  right: 0px;
  top: 1px;
}
.go_wrap.mint_theme .select_list ul {
  background: #fff;
}
.go_wrap.mint_theme .select_list ul li {
  border-top: solid 1px #02a1c0;
}
.go_wrap.mint_theme .select_list ul li:hover {
  background: #fff;
}
.go_wrap.mint_theme .select_list ul li a {
  color: #bbb;
  height: 42px;
  line-height: 42px;
}
.go_wrap.mint_theme .select_list ul li a:hover {
  background: #f1feff;
  color: #707070;
}
.go_wrap.mint_theme .select_list .btn_dropdown {
  top: 11px;
}
.go_wrap.mint_theme .layer_confim_front {
  z-index: 1;
}
.go_wrap.mint_theme .login_id .ipt_login {
  width: 245px !important;
}
.go_wrap.mint_theme .login_id .ipt_login.login_wide {
  width: 366px !important;
}
.go_wrap.mint_theme .glad_box .change_pw {
  margin: 0 21px 5px;
}
.go_wrap.mint_theme .btn_confirm {
  position: static !important;
  width: 366px !important;
  height: 45px !important;
  line-height: 43px !important;
  background: #02a1c0;
  box-sizing: border-box;
}
.go_wrap.mint_theme .btn_confirm:hover {
  background: #23c4cd;
}

/*ie8*/
/*OTP 인증*/
.glad_box .change_pw {
  margin: 0 21px 5px;
}
.glad_box .txt_message {
  margin: 0 21px 5px;
  padding: 0 0 10px 0;
  color: #888;
}

/*wrap_pw_sync*/
.go_intro.wrap_pw_sync {
  margin-top: 40px;
  padding: 36px 0;
}
.go_intro.wrap_pw_sync .glad_msg .title {
  color: #333;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -2px;
}
.go_intro.wrap_pw_sync .glad_msg > .desc {
  margin-top: 24px;
  color: #9f9f9f;
  font-size: 12px;
  letter-spacing: -0.5px;
}
.go_intro.wrap_pw_sync .glad_box .desc {
  margin: 16px 24px 0 24px !important;
  color: #333;
  font-size: 12px;
  letter-spacing: -0.5px;
}
.go_intro.wrap_pw_sync .glad_box .desc .em {
  color: #459fbc;
  font-weight: 500;
}
.go_intro.wrap_pw_sync .glad_box .desc + .wrap_opt_display {
  margin-top: 16px;
}
.go_intro.wrap_pw_sync .glad_box .glad_option {
  position: relative;
  margin: 24px 21px;
  padding: 16px;
  background-color: #f8f7f7;
  border-radius: 8px;
}
.go_intro.wrap_pw_sync .glad_box .glad_option > .desc {
  margin: 0 !important;
}
.go_intro.wrap_pw_sync .glad_box .glad_option > .tit {
  margin: 0 60px 8px 0;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.5px;
  color: #000;
}
.go_intro.wrap_pw_sync .glad_box .glad_option .wrap_opt_display {
  padding-top: 16px;
  border-top: 1px solid #e9e9e9;
}
.go_intro.wrap_pw_sync .glad_box .glad_option .wrap_opt_display .wrap_name_tag + .desc {
  margin: 0px !important;
  font-size: 11px;
  color: #999;
  letter-spacing: -1px;
}
.go_intro.wrap_pw_sync .glad_box .glad_option .wrap_opt_display > .tit {
  font-weight: 500;
  font-size: 13px;
  letter-spacing: -2px;
  color: #333;
}
.go_intro.wrap_pw_sync .glad_box .glad_option .com_switch {
  position: absolute;
  top: 0px;
  right: 16px;
}
.go_intro.wrap_pw_sync .glad_box .btn_major_s,
.go_intro.wrap_pw_sync .glad_box .btn_minor_s {
  border-radius: 4px;
}

/*com_switch*/
.com_switch input[type='checkbox'] {
  height: 0;
  width: 0;
  visibility: hidden;
}
.com_switch label {
  cursor: pointer;
  text-indent: -9999px;
  width: 36px;
  height: 18px;
  background: #d9d9d9;
  display: block;
  border-radius: 48px;
  position: relative;
}
.com_switch label:after {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  width: 12px;
  height: 12px;
  background: #fff;
  border-radius: 12px;
  transition: 0.3s;
}
.com_switch input:checked + label {
  background: #13cae2;
}
.com_switch input:checked + label:after {
  left: calc(100% - 3px);
  transform: translateX(-100%);
}
.com_switch label:active:after {
  width: 20px;
}

div.layer_access_error {
  width: 300px;
}
div.noti_wrap {
  position: fixed;
  right: 10px;
  bottom: 0px;
  z-index: 9999;
}
div.noti_content {
  position: relative;
  padding: 20px 25px 10px 10px;
  width: 350px;
  border-radius: 10px 10px 0 0;
  height: 44px;
  background-color: #fff;
  border: 2px solid #2f2f2f;
  border-bottom: 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
div.noti_content span,
div.noti_content a {
  vertical-align: middle;
}
div.noti_content span.ic_gnb {
  margin: 0;
}
div.noti_content span.fine {
  color: #888;
  margin-right: 2px;
}
div.noti_content span.photo {
  margin: 0 2px 0;
  display: inline-block;
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 5px;
}
div.noti_content span.photo img {
  height: 100%;
}
div.noti_content a.msg {
  display: inline-block;
  width: 260px;
  overflow: hidden;
  max-height: 46px;
  line-height: 1.4;
}
div.noti_content a.btn_layer_x {
  top: 0px;
  right: 0px;
  border-bottom: 1px solid #e3e3e3;
  padding: 3px 5px 6px 7px;
  border-radius: 0 10px 0 10px;
}

/* noti_wrap */
/*intro_side*/
section.intro {
  text-align: center;
  min-height: 100px;
  padding: 50px 0;
  border-top: 0;
  border-bottom: 0;
}
section.intro p.desc {
  line-height: 1.5;
}
section.intro span.ic_comm_symbol {
  display: none;
  width: 79px;
  height: 52px;
  padding-bottom: 0px;
  background: url(../images/ic_side.png) no-repeat -250px -150px;
}
section.intro span.ic_survey_symbol {
  display: none;
  width: 76px;
  height: 60px;
  background-position: -350px -650px;
}
section.intro span.ic_task_symbol {
  display: none;
  width: 76px;
  height: 60px;
  background-position: -350px -450px;
}
section.intro span.ic_report_symbol {
  display: none;
  width: 76px;
  height: 60px;
  background-position: -350px -350px;
}
section.intro span.ic_appr_symbol {
  display: none;
  width: 76px;
  height: 60px;
  background-position: -350px -550px;
}
section.intro span.ic_comm_symbol span.txt,
section.intro span.ic_survey_symbol span.txt,
section.intro span.ic_task_symbol span.txt,
section.intro span.ic_report_symbol span.txt,
section.intro span.ic_appr_symbol span.txt {
  display: none;
}
section.intro p.desc {
  margin-top: 15px;
}
section.intro span.btn_side_st {
  margin-bottom: 5px;
  padding-left: 10px;
  width: 180px;
  height: 36px;
  line-height: 36px;
  text-align: left;
}
section.intro span.btn_side_st span.ic_gnb {
  vertical-align: middle;
}
section.intro span.txt {
  padding-left: 7px;
  line-height: 36px;
  font-size: 12px;
  font-weight: bold;
  font-weight: 500;
}
section.intro section.intro + section.function {
  border: none;
}

/*@temp*/
.null_guide {
  text-align: center !important;
  padding: 24px 0;
}
.null_guide p.desc {
  line-height: 1.5;
  margin: 0 0 24px 0;
}
.null_guide span.ic_comm_symbol {
  display: inline-block;
  width: 79px;
  height: 52px;
  padding-bottom: 0px;
  background: url(../images/ic_side.png) no-repeat -250px -150px;
}
.null_guide p.desc {
  margin-top: 8px;
}
.null_guide span.btn_side_st {
  display: block;
  margin: 8px 24px 0 24px;
}
.null_guide span.btn_side_st span.ic_gnb {
  display: none;
}
.null_guide + .function {
  border: none;
}

span.btn_add_item:hover span.ic_add {
  background-position: -150px -300px;
}
span.btn_add_item:hover span.txt {
  color: #ff7000;
}

div.noti_wrap {
  position: fixed;
  right: 10px;
  bottom: 0px;
  z-index: 9999;
  width: 400px;
  height: 51px;
  overflow: hidden;
  background: #444;
  border: 1px solid #444;
  border-radius: 1px;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
}
div.noti_wrap ul.type_simple_list {
  position: relative;
  top: 5px;
  left: 8px;
  margin-right: 37px;
}
div.noti_wrap ul.type_simple_list:hover {
  cursor: pointer;
}
div.noti_wrap ul.type_simple_list li {
  padding: 0;
  background-color: transparent;
}
div.noti_wrap ul.type_simple_list li:hover {
  background-color: transparent;
}
div.noti_wrap ul.type_simple_list li:hover p.photo img {
  opacity: 0.8;
}
div.noti_wrap ul.type_simple_list li:hover span.cont {
  color: #999;
}
div.noti_wrap ul.simple_list_alarm div.info {
  margin-left: 56px;
}
div.noti_wrap ul.simple_list_alarm p.subject {
  padding-top: 2px;
}
div.noti_wrap ul.simple_list_alarm p.subject a {
  color: #999;
}
div.noti_wrap ul.simple_list_alarm p.subject a span.cont {
  display: inline-block;
  width: 278px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.noti_wrap ul.simple_list_alarm p.subject a strong.type {
  display: block;
  font-weight: normal;
  color: #fff;
}
div.noti_wrap ul.simple_list_alarm p.photo {
  margin-left: 5px;
}
div.noti_wrap ul.simple_list_alarm p.photo img {
  width: 40px;
  height: 40px;
}
div.noti_wrap a.btn_layer_x {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -8px;
  border: none;
  border-radius: 0;
  padding: 0;
}
div.noti_wrap a.btn_layer_x:hover {
  background: none;
}
div.noti_wrap a.btn_layer_x span.ic {
  width: 15px;
  height: 15px;
  background: url(../images/ic_gnb.png) no-repeat -100px -350px;
}
div.noti_wrap a.btn_layer_x span.ic:hover {
  background: url(../images/ic_gnb.png) no-repeat -130px -350px;
}
/* Overriding - Mail */
#mailBottom {
  position: fixed;
  bottom: 0;
  border: 0;
  width: 100%;
}

#mailSettingWrap {
  padding-bottom: 45px;
}
#mailSettingWrap .form_type th,
#mailSettingWrap .form_type td {
  padding: 8px 8px 8px 0;
  /*4.0*/
}

.splitterMask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-image: url(../images/blank.gif);
  z-index: 20000;
}

/*8.3*/
/*portal : overriding : 8.1에서 삭제*/
.jstree-default.jstree-focused {
  background: #f2f2f2 !important;
  border-bottom-color: #f2f2f2;
}

aside.go_organogram ul.tab_nav li.ui-state-active {
  background: #f2f2f2 !important;
  border-bottom-color: #f2f2f2;
}
aside.go_organogram ul.tab_nav li.ui-state-active:hover {
  background: #f2f2f2 !important;
  border-bottom-color: #f2f2f2;
}
aside.go_organogram ul.tab_nav li.ui-state-active:hover a {
  color: #3b3b3b;
}
aside.go_organogram ul.tab_nav li:hover a {
  color: #f2f2f2;
}

/*layer_new_type*/
div.layer_slide {
  z-index: 50;
  position: absolute;
  left: 24px;
  padding: 16px;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
div.layer_name_tag {
  width: 99.4%;
}
div.layer_name_tag ul.calendar_tag {
  max-width: 97%;
  margin-bottom: 0;
  margin-right: 10px;
  padding-right: 4px;
  height: 100%;
}

@-moz-document url-prefix() {
  div.layer_name_tag {
    width: auto;
  }
}
/*mail*/
#mailReadSenderListWrap td span.date {
  display: inline-block;
}

.column_wrap_block #mailReadArea {
  padding: 0 24px;
}

/*mail_OCX*/
div.mail_attach_wrap {
  height: 28px;
}
div.mail_attach_wrap > span,
div.mail_attach_wrap > a {
  float: left;
  margin-right: 5px;
}
div.mail_attach_wrap span#bigattachBtn {
  margin-right: 5px;
}
div.mail_attach_wrap span#attachPart {
  margin-right: 2px;
}

.layer_upload form .TM_attach_area {
  margin-top: 10px;
}

div.mail_attach_wrap span#attachPart {
  cursor: pointer;
  display: inline-block;
  padding: 0;
  width: 75px;
  height: 24px;
}
div.mail_attach_wrap span#attachPart span {
  cursor: pointer;
  display: inline-block;
  padding: 0;
  width: 75px;
  height: 24px;
}
div.mail_attach_wrap span.attachPart span {
  cursor: pointer;
  display: inline-block;
  padding: 4px 0 3px;
  width: 73px;
  height: 24px;
}
div.mail_attach_wrap span#att_btn_simple > span input,
div.mail_attach_wrap span#att_btn_simple > span label {
  vertical-align: top;
  height: 28px;
  line-height: 28px;
  outline: none;
  select-dummy: expression(this.hideFocus=true);
}

a.iscroll-tap-highlight {
  background-color: rgba(204, 204, 204, 0.8) !important;
  -moz-border-radius: 4px !important;
  -khtml-border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  border-radius: 4px !important;
}

.aside_wrapper.article_reply > div > .reply_wrap header.single_title {
  padding: 0 24px;
}
.aside_wrapper.article_reply div.reply_wrap header {
  padding: 6px 0 0;
}

/*3column layout*/
@media all and (max-width: 1339px) {
  div.wrap_container {
    background: none;
    position: relative;
  }
  div.wrap_container section.article_reply {
    border-top: none;
  }
  ul.reply li.reply_edit .form_wrap,
  .reply_edit .edit_mode {
    margin-right: 0px !important;
  }
  ul.reply li.depth_in .form_wrap span.btn_fn7 {
    right: 88px !important;
  }
  section.article_reply div.reply_wrap ul.reply li.reply_edit div.edit_reply {
    right: 0px !important;
  }
  section.article_reply div.reply_wrap ul.reply li.depth_in div.edit_reply span {
    position: static;
  }
  ul.reply li.depth_in span.btn_minor_s {
    right: 0 !important;
  }
  .feed_contents_wrap span.photo {
    top: 0px !important;
  }
  .feed_contents_wrap .reply_create span.photo {
    top: 8px !important;
  }
  .content_wrapper {
    position: relative;
  }
  .report_detail div.wrap_container > section.aside_wrapper,
  div.wrap_container .article_reply {
    margin-bottom: 0;
  }
  table.tb_in_table_type1 tbody tr.last td {
    border-bottom: 0;
  }
}
@media all and (max-width: 1419px) {
  section.aside_wrapper {
    border-top: 1px solid #ccc !important;
    margin: 30px 0;
  }
  section.aside_wrapper ul.tab_nav li {
    border-left: none;
  }
  section.survey_detail + section.aside_wrapper {
    margin: 30px 0 0 0;
  }
  section.article_reply div.reply_wrap ul.reply li.creat {
    border-bottom: none;
  }
  section.aside_wrapper .tab_nav.tab_nav_approval {
    left: 18px !important;
  }
  section.aside_wrapper .tab_nav.tab_nav_approval li {
    margin-right: 16px;
  }
  .aside_wrapper_body .tit_type1 {
    padding-left: 24px;
  }
  .aside_wrapper_body .tb_change_history thead tr th:first-child {
    padding-left: 24px;
  }
  .aside_wrapper_body .tb_change_history .tb_approve_history tbody tr td:first-child {
    padding-left: 5px;
  }
  .aside_wrapper_body .tb_approval_line thead tr th:first-child {
    padding-left: 24px;
  }
}
@media all and (min-width: 1670px) {
  .approval_type .file_wrap > li .item_file .name {
    max-width: 70%;
  }
  div.wrap_container {
    display: block;
    padding-right: 300px;
  }
  div.wrap_container:after {
    content: '';
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0;
  }
  div.wrap_container .content_wrapper {
    float: left !important;
    width: 100%;
  }
  div.wrap_container .aside_wrapper {
    float: right;
    width: 300px;
    height: 100%;
    margin-right: -300px;
    border-top: 1px solid #eaecef;
  }
  div.wrap_container .aside_wrapper .layer_emoticon {
    top: 0;
    left: inherit;
    bottom: inherit;
    right: -20px;
  }
  div.wrap_container .aside_wrapper .reply_create .msg_wrap span.btn_minor_s {
    top: inherit;
    padding: 2px 8px;
  }
  div.wrap_container .aside_wrapper .reply_create div.msg_wrap {
    padding: 8px;
  }
  .article_reply .reply_wrap .reply_create div.msg_wrap {
    margin-left: 40px !important;
  }
  .article_reply .reply_wrap .reply_create .func {
    margin: 0 !important;
  }
  section.article_reply .reply_create .edit_mode {
    margin-right: 0 !important;
    margin-bottom: 5px;
  }
  section.article_reply div.reply_wrap {
    min-width: 280px;
    height: 100%;
  }
  section.article_reply div.reply_wrap ul.reply {
    width: auto;
  }
  .content_wrapper section.article_reply .reply_create .edit_mode {
    margin-right: 0 !important;
  }
  section.article_reply div.reply_wrap ul.reply > li.view_option:hover {
    background: none;
  }
  section.article_reply div.reply_wrap ul.reply li.depth_in {
    padding-left: 60px;
  }
  section.article_reply div.reply_wrap ul.reply li.depth_in span.ic_depth {
    left: 19px;
  }
  section.article_reply div.reply_wrap ul.reply li.depth_in span.photo {
    left: 60px;
  }
  section.article_reply div.reply_wrap .msg_wrap .reply_create span.photo {
    left: 20px !important;
  }
  section.article_reply div.reply_wrap ul.reply > li span.photo {
    top: 11px;
    left: 24px;
  }
  section.article_reply div.reply_wrap .reply_create span.photo {
    top: 8px !important;
  }
  section.article_reply div.reply_wrap ul.reply li span.date {
    display: inline-block;
  }
  .content_wrapper section.article_reply div.reply_wrap ul.reply li span.date {
    display: inline-block;
  }
  section.article_reply div.reply_wrap ul.reply li.creat {
    border-bottom: none;
  }
  section.article_reply div.reply_wrap ul.reply li.creat span.btn_minor_s {
    bottom: 8px;
    right: 10px;
  }
  section.article_reply div.reply_wrap ul.reply li.creat div.form_wrap div.wrap_txtarea textarea {
    min-height: 50px;
  }
  section.article_reply div.reply_wrap ul.reply li div.msg_wrap {
    margin-left: 40px;
  }
  section.article_reply div.reply_wrap ul.reply li.creat span.posi1,
  section.article_reply div.reply_wrap ul.reply li.creat span.posi2 {
    position: static;
  }
  section.article_reply div.reply_wrap ul.reply li.depth_in span.posi1,
  section.article_reply div.reply_wrap ul.reply li.depth_in span.posi2 {
    position: static;
  }
  section.article_reply div.reply_wrap ul.reply > li div.form_wrap div.wrap_txtarea textarea {
    min-height: 50px;
  }
  section.aside_wrapper div.reply_wrap {
    margin: 12px 0 0 12px;
    border: 1px solid #eaecef;
    border-radius: 12px;
  }
  section.aside_wrapper div.reply_wrap .reply_create span.posi1,
  section.aside_wrapper div.reply_wrap .reply_create span.posi2 {
    position: static;
  }
  section.aside_wrapper div.reply_wrap ul.reply li.depth_in.reply_create span.posi1,
  section.aside_wrapper div.reply_wrap ul.reply li.depth_in.reply_create span.posi2 {
    position: static;
  }
  section.aside_wrapper div.reply_wrap .form_wrap {
    margin-right: 0 !important;
    margin-bottom: 5px;
  }
  section.aside_wrapper div.reply_wrap .form_wrap textarea {
    height: 60px;
    min-height: 60px;
  }
  section.aside_wrapper div.reply_wrap .reply_create span.photo {
    top: 10px !important;
  }
  section.aside_wrapper div.reply_wrap .reply_create span.date {
    display: block;
    margin: 0 0 5px 0;
  }
  section.article_reply div.reply_wrap ul.reply li.depth_in div.form_wrap input.txt_mini {
    box-sizing: border-box;
  }
  section.article_reply div.reply_wrap ul.reply li.reply_edit div.msg_wrap .btn_minor_s {
    position: static !important;
  }
  section.article_reply div.reply_wrap div.edit_reply {
    right: 0px;
  }
  section.aside_wrapper ul.file_wrap li span.name {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 80px;
    margin-right: 0;
  }
  section.aside_wrapper ul.file_wrap li span.size {
    margin: 0;
  }
  section.aside_wrapper ul.reply li.depth_in ul.file_wrap li span.name {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 75px;
    min-width: 40px;
  }
  section.aside_wrapper div.reply_wrap ul.file_wrap li span.optional {
    display: inline-block;
    margin: 1px 0 0 0;
  }
  section.aside_wrapper div.reply_wrap ul.file_wrap li span.optional .ic_del {
    cursor: pointer;
  }
  section.aside_wrapper div.reply_wrap ul.file_wrap li ul.file_wrap li span.optional {
    display: block;
    margin: 4px 0 0 0;
  }
  section.aside_wrapper ul.name_tag li span.name {
    max-width: 120px;
  }
  section.aside_wrapper ul.tab_nav li span.txt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 49px;
    font-size: 13px;
  }
  section.aside_wrapper table.tb_approval_line .name {
    width: 60px;
  }
  section.aside_wrapper table.tb_approval_line .company {
    width: 100px;
  }
  .aside_wrapper div.reply_wrap ul.reply > li:hover {
    background-repeat: no-repeat !important;
  }
  section.aside_wrapper div.tit_type3 {
    text-align: left;
  }
  .aside_wrapper table.tb_approval_line {
    margin-left: 1px;
  }
  section.aside_wrapper div.approval_history span.wrap_opt {
    display: block;
  }
  section.aside_wrapper div.approval_history span.wrap_opt span.txt {
    display: inline-block;
    width: 60px;
  }
  section.aside_wrapper .aside_wrapper_body .tb_doc_info select {
    width: 150px;
  }
  .aside_wrapper_body table.tb_change_history .date {
    width: 90px;
    text-align: center;
  }
  .aside_wrapper_body table.tb_change_history .func {
    width: 50px;
    text-align: center;
  }
  div.wrap_swipe div.tab_control {
    display: inline-block !important;
    cursor: pointer;
    position: absolute;
    top: 0px;
    width: 23px;
    height: 34px;
    background: #fff;
    z-index: 1;
  }
  div.wrap_swipe ul.tab_nav li {
    width: 60px;
  }
  div.wrap_swipe div.swipe {
    margin: 0 0 0 24px;
  }
}
/* IE8 hack */
@media \0 screen {
  .tb_doc_info .opt_emergency .desc {
    display: inline !important;
  }
  div.wrap_container {
    background: none !important;
    padding-right: 0 !important;
  }
  div.wrap_container .content_wrapper {
    float: none !important;
    width: 100% !important;
  }
  div.wrap_container .aside_wrapper {
    margin-right: 0 !important;
    width: 100% !important;
    border-top: 1px solid #ccc !important;
  }
  div.wrap_container .aside_wrapper div.reply_wrap {
    overflow: hidden;
  }
  ul.name_tag li span.ic_arrow_type {
    top: -1px;
    left: -4px;
  }
  .aside_wrapper_body table.tb_change_history .date {
    width: 100px !important;
  }
  div.layer_prevent_receiveError .in_table_type2 th {
    width: 100px;
  }
  div.layer_prevent_receiveError .in_table_type2 td {
    width: 400px;
  }
}
@media all and (min-width: 1600px) {
  .approval_type .file_wrap > li .item_file .name {
    max-width: 75%;
  }
}
/* 3column layout cancel */
div.popup div.wrap_container {
  background: none !important;
  padding-right: 0 !important;
}
div.popup div.wrap_container .content_wrapper {
  float: none !important;
  width: 100% !important;
}
div.popup div.wrap_container .aside_wrapper {
  float: none !important;
  width: 100% !important;
}
div.popup div.wrap_container .aside_wrapper div.reply_wrap {
  overflow: hidden;
}

/* //3column layout*/
.m_contents {
  width: 454px;
  height: 200px;
  border: 1px solid #cacaca;
  overflow: auto;
  padding: 5px 4px;
}

.txt_b_side {
  display: inline-block;
  color: #999;
}

div.receive_wrap div.receive_list ul.contacts {
  height: 190px;
}
div.receive_wrap div.add_box {
  height: 210px;
  margin-bottom: 5px;
}
div.move_wrap ul.contacts_b {
  margin: 60px 10px;
}
div.receive_wrap div.receive_group {
  display: inline-block;
  width: 250px;
  margin: 12px 0;
}
div.receive_wrap div.receive_group ul.name_tag {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100px;
  width: 278px;
}
div.receive_wrap div.overlap_wrap {
  margin-top: 5px;
  width: 278px;
  display: inline-block;
}
div.receive_wrap div.overlap_wrap .overlap {
  float: left;
  background: #fdfdfd;
  border: 2px solid #b1b1b1;
  padding: 10px;
}
div.receive_wrap div.overlap_wrap .overlap li {
  display: inline-block;
  margin-right: 10px;
}
div.receive_wrap div.overlap_wrap .overlap li.ex_t {
  margin-top: 7px;
  color: #8b8b8b;
}

/*mail*/
table.form_type.mail_write div.div_ipt_wrap div.div_ipt {
  min-height: 24px;
  margin-right: 62px;
}
table.form_type.mail_write div.div_ipt_wrap select.date_list {
  border: 0;
}
table.form_type.mail_write .wrap_select.signature {
  padding: 0px;
}
table.form_type.mail_write span.btn_wrap.btn_add {
  height: 22px;
}
table.form_type.mail_write a.undeco {
  text-decoration: none;
}
table.form_type.mail_write > tbody td {
  padding: 4px 12px 4px 4px;
  vertical-align: inherit;
}
table.form_type.mail_write > tbody > tr > th {
  padding: 8px 5px 5px 10px;
  /* 4.0 : 자료실 > 자료 메일로 보내기 > 폼 여백 조치, 메일 쓰기와 공통으로 사용 */
  height: 22px;
  width: 180px;
  vertical-align: top;
}
table.form_type.mail_write div.div_ipt_wrap a.btn_minor_s {
  font-weight: normal;
  height: 25px;
  right: 62px;
  border-radius: 0;
}
table.form_type.mail_write .wrap_option {
  padding: 0px;
  box-sizing: border-box;
  display: inline-block;
  *display: block;
  *zoom: 1;
  padding-top: 2px;
}
table.form_type.mail_write .mail_attach_wrap {
  margin-bottom: 0px;
}
table.form_type.mail_write .mail_attach_wrap #bigattachBtn {
  display: inline-block;
  *display: block;
  *zoom: 1;
  vertical-align: top;
  box-sizing: border-box;
}
table.form_type.mail_write .mail_attach_wrap #bigattachBtn input {
  height: 26px;
  line-height: 26px;
  vertical-align: inherit;
}
table.form_type.mail_write .mail_attach_wrap #bigattachBtn label {
  height: 24px;
  line-height: 24px;
}
table.form_type.mail_write .tool_bar {
  clear: both;
}
table.form_type.mail_write .tool_bar:after {
  content: '';
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  font-size: 0;
}
table.form_type.mail_write .tool_bar .critical {
  margin: 0px;
}
table.form_type.mail_write .tool_bar .file_option_desc {
  float: right;
}
table.form_type.mail_write .tool_bar .file_option_desc .desc {
  display: inline-block;
  font-size: 12px;
  letter-spacing: 0;
}
table.form_type.mail_write .tool_bar .file_option_desc .desc .current {
  color: #000;
}
table.form_type.mail_write .tool_bar .file_option_desc .desc .ic_gear {
  vertical-align: middle;
  margin: -3px 0 0 2px;
}
table.form_type.mail_write .tool_bar .file_option_desc .btn_ez {
  margin: 0 0 0 5px;
}
table.form_type.mail_write td.option {
  padding: 5px 10px 5px 5px;
  box-sizing: border-box;
}
table.form_type.mail_write .user_signature_wrap {
  float: right;
  margin-top: 3px;
}
table.form_type.mail_write .user_signature_wrap .wrap_select select {
  width: auto;
  max-width: 400px;
}
table.form_type.mail_write .user_signature_wrap .signature_inner_wrap {
  margin-top: 5px;
}
table.form_type.mail_write .user_signature_wrap .signature_inner_wrap:first-child {
  margin-top: 0px;
}
table.form_type.mail_write .critical .btn_tool.btn_tool_multi {
  height: 24px;
}
table.form_type.mail_write .critical .btn_func_more {
  height: 24px;
}
table.form_type.mail_write .critical .btn_func_more .btn_func_more {
  line-height: 23px;
}
table.form_type.mail_write .file_option_desc .help .tool_tip {
  bottom: 25px;
  top: auto;
  left: -175px;
}
table.form_type.mail_write .file_option_desc .help .tool_tip .tail_top {
  display: none;
}

.go_side section.side_nav span.select_nav span.action_wrap .ic_side {
  opacity: 1;
}

.ic.ic_dropdown {
  background-position: -152px -253px;
  width: 16px;
  height: 16px;
}

/* mail_smart_sort */
.mail_smart_sort span.desc {
  vertical-align: middle;
}
.mail_smart_sort span.txt {
  padding: 4px 0 !important;
}

section.form_admin header.smart_sort_wrap {
  height: auto;
}

/* common */
.read_no .list_subject {
  color: #1c1c1c !important;
  font-weight: bold !important;
  font-weight: 600 !important;
}
.read_no .list_subject .txt {
  color: #1c1c1c;
  font-weight: bold !important;
  font-weight: 600 !important;
}

table.mail_list .read_no .date,
table.mail_list .read_no .name,
table.mail_list .read_no .writer,
table.mail_list .read_no .num {
  color: #1c1c1c;
  font-weight: bold;
  font-weight: 600;
}

/* 전자결재 참조/열람 문서함 read_no 예외처리 */
.list_approval .read_no .subject .txt,
.list_approval .read_no .writer {
  font-weight: 600;
}

.read_no .subject,
.read_no .writer,
.read_no .title {
  color: #1c1c1c !important;
  font-weight: bold !important;
  font-weight: 600 !important;
}

div.orgTree_wrap {
  overflow: auto;
  background: #fafafa;
}
div.orgTree_wrap div.content_tab_wrap ul.member_list li a {
  width: inherit;
  overflow: inherit;
  text-overflow: inherit;
}

/*v2.5.8*/
.go-editor {
  background: #fff;
  padding-bottom: 10px;
}

/* layout */
.calendar_tool_bar .current_date span.btn_ic_prev2,
.calendar_tool_bar .current_date span.btn_ic_next2 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  cursor: pointer;
  border: 1px solid #eaecef;
  border-radius: 16px;
}
.calendar_tool_bar .current_date span.btn_ic_prev2 .ic_prev2,
.calendar_tool_bar .current_date span.btn_ic_next2 .ic_prev2 {
  margin-left: -2px;
}
.calendar_tool_bar .current_date span.btn_ic_prev2 .ic_next2,
.calendar_tool_bar .current_date span.btn_ic_next2 .ic_next2 {
  margin-right: -2px;
}

.tab_conent_wrap > .wrap_desc {
  padding-left: 24px;
  padding-right: 24px;
}

.lnb .setting .title .txt {
  max-width: 170px;
}

/* channel login */
.wrap_channel_login .channel_name {
  margin: 36px 0 0 16px;
  padding-left: 16px;
  display: inline-block;
  font-size: 32px;
  color: #02a1c0;
  vertical-align: middle;
  border-left: 1px solid #02a1c0;
  line-height: 20px;
}

.simple_login {
  display: table;
  margin: 0 auto !important;
}
.simple_login .go_intro_wrap {
  display: table-cell;
  height: 600px;
  vertical-align: middle;
}
.simple_login .captchaContents {
  margin: 0 17px 8px;
}
.simple_login .go_intro.wrap_pw_sync {
  padding: 0;
}

section.personal_data {
  text-align: left;
  padding: 8px 32px 8px 32px;
}
section.personal_data span.gage_wrap {
  width: 100%;
}
section.personal_data.nega .num {
  display: inline-block;
  color: #fc594d;
}
section.personal_data.nega .gage {
  background-color: #fc594d;
}
section.personal_data.nega .optional .num {
  display: inline-block;
}
section.personal_data.nega .optional a:hover .num {
  text-decoration: underline;
}

span.gage_wrap {
  height: 8px;
}

.gage {
  height: 8px;
  border: 0;
  border-radius: 8px;
  top: 0;
}

.personal_data.large .gage_wrap {
  height: 16px;
}
.personal_data.large .gage {
  height: 16px;
  border-radius: 16px;
}

section.personal_data.large span.txt,
section.personal_data.large span.num {
  font-size: 14px;
}

.personal_data .meta {
  position: relative;
  height: 28px;
}
.personal_data .meta .critical {
  position: absolute;
  top: 0;
  left: 0;
}
.personal_data .meta .optional {
  position: absolute;
  top: -2px;
  right: 0;
}

.btn_minor {
  background: #fff;
  border: 1px solid #ddd;
}
.btn_minor:hover {
  background-color: #eee;
}

.nega {
  color: #fc594d !important;
}

footer.btn_layer_wrap .btn_minor {
  background: #fff;
}

.layer_sign .form_type tr:last-child th {
  vertical-align: top;
}