@charset "UTF-8";
@import url(ui.fancytree.skin-win8.css);
@import url(fullcalendar.css);
@import url(jquery-ui.css);
@import url(../../css/style.css);
@import url(../../css/color/semantic.css);
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
  height: 100%;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

.auto_complete .input_area:after, .regist_file_btn:after {
  content: "";
  display: block;
  clear: both;
}

legend {
  margin-left: auto;
  margin-right: auto;
}

.blind, .btn_favorite_toggle span, .btn_input_modify span, .btn_input_delete span, .list_wrap .notice .btn_close span, .label_wrap .notice .btn_close span, .move_wrap .notice .btn_close span, .notice_wrap .notice .btn_close span, .toggle_list input[type="radio"], .btn_open_arrow span, .btn_close_arrow span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}

/*body {*/
/*  font-family: "Apple Gothic", "돋움", dotum, Helvetica, Arial, sans-serif;*/
/*}*/

body {
  font-family: "Apple Gothic", "맑은 고딕", "Malgun Gothic", Helvetica, Arial, sans-serif;
}

html {
  height: 100%;
}

body {
  font-size: 1em;
}
body.main {/* just7 수정 */
  background-color: #fff;
}
.main_bg {/* just7 추가 */
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /* background-color: #fff; */
  /* background-image: url(../img/bg_main.jpg?ver=2017_1123); */
  /* background-position: center; */
  /* background-repeat: no-repeat; */
  /* background-size: 100% 100%; */
}
body.main .copyright_area {
  padding: 20px 10px 10px;
  border-width: 0;
  background-color: #180053;
  color: #fff;
}
body.main .header {
  line-height: 2.2em;
  padding: 0 20px;
  text-align: left;
  color: #000;
}


body.main .header .btn_logout2 {
  position: unset;
  /* vertical-align: top; */
}

/*body.main .header .btn_notice, body.main .header a:first-child {*/
/*  margin: 0 10px 0 0;*/
/*}*/

html, body, ul, li, p, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

ul, li {
  list-style: none;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.none {
  display: none !important;
}

a {
  text-decoration: none;
  color: #000;
}

.bold {
  font-weight: bold;
}

select {
  -webkit-appearance: none;
  height: 30px;
  border-color: #cccccc;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #fff;
  background-image: url("../img/arrow_down.svg");
  background-size: 16px 5px;
  background-position: right center;
  background-repeat: no-repeat;
}

textarea,
input[type="text"],
input[type="search"],
input[type="button"],
input[type="submit"],
input[type="password"] {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-color: #cccccc;
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

input[type="search"], input[type="text"], input[type="password"] {
  height: 30px;
  padding: 0 5px;
  margin: 0;
}

input[type=date] {
  min-width: 120px;
  height: 30px;
  line-height: 28px;
  padding: 0 5px;
  margin: 0;
  border-color: #cccccc;
  background-color: #fff;
  background-color: -webkit-gradient(linear, left top, left bottom, from(white), to(white));
  -webkit-appearance: none;
  -webkit-box-shadow: #fff;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

input[type="checkbox"] {
  width: 18px;
  height: 18px;
  border-color: #666666;
  background: #dddddd;
  background: #fff;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

textarea.type1 {
  width: 100%;
  height: 130px;
}

.textarea_area {
  margin: 0 10px;
}
.textarea_area textarea {
  width: 100%;
  height: 80px;
}
.textarea_area textarea.type1 {
  height: 120px;
}
.textarea_area .input {
  width: 100%;
}

legend {
  display: none;
}

form, fieldset {
  border-width: 0;
}

.change_pw_wrap form {
  padding: 10px;
}
.change_pw_wrap .toggle_list.type_login {
  display: block;
  width: 100%;
  height: 40px;
}
.change_pw_wrap .toggle_list.type_login .arrow {
  height: 40px;
  line-height: 40px;
}
.change_pw_wrap .input_type_text label.error {
  margin: 5px 0 0;
  color: #f00;
}
.change_pw_wrap input[type=text], .change_pw_wrap input[type=password] {
  width: 100%;
  height: 40px;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px;
}
.change_pw_wrap input[type=text]:focus, .change_pw_wrap input[type=password]:focus {
  border-color: #5c74d8;
}

.submit_area {
  margin: 20px 0 0;
  text-align: center;
}
.submit_area .btn_login {
  display: block;
  width: 100%;
  padding: 10px 20px;
  background-color: #5c74d8;
  border-style: solid;
  border-color: #4c61ba;
  border-width: 1px;
  color: #fff;
  font-weight: bold;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.submit_area .btn {
  display: block;
  width: 100%;
  padding: 10px 20px;
  background-color: #fff;
}

.login_page h1 {
  margin: 20px 0 10px;
  text-align: center;
  font-size: 20px;
  font-weight: normal;
  color: #5c74d8;
}
.login_page.ver_001 .select_language_area {
  padding: 10px;
  text-align: right;
}
.login_page.ver_001 .h1_area {
  text-align: center;
}
.login_page.ver_001 .gw_url {
  margin: 10px 12px;
}
.login_page.ver_001 .gw_url p {
  margin: 0 0 5px;
}
.login_page.ver_001 .gw_url .gw_url_btn {
  margin: 20px 0 0;
  text-align: center;
}
.login_page.ver_001 .toggle_list.type_login.select_language {
  display: inline-block;
  width: 150px;
  text-align: left;
}
.login_page.ver_001 h1 {
  display: inline-block;
  position: relative;
  padding: 20px 0 10px;
  margin: 0;
  font-size: 250%;
  font-weight: bold;
}
.login_page.ver_001 h1 span {
  display: inline-block;
  position: absolute;
  top: 15px;
  right: -30px;
  padding: 0 5px;
  font-size: 28%;
  font-weight: normal;
  background-color: #5c74d8;
  color: #fff;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}
.login_page form {
  padding: 10px;
}
.login_page .toggle_list.type_login {
  display: block;
  width: 100%;
  height: 40px;
}
.login_page .toggle_list.type_login .arrow {
  height: 40px;
  line-height: 40px;
}
.login_page .input_type_text label.error {
  margin: 5px 0 0;
  color: #f00;
}
.login_page .auto_login {
  position: relative;
}
.login_page .auto_login .auto_login_input {
  padding: 10px 0 0;
}
.login_page .auto_login * {
  vertical-align: middle;
}
.login_page .auto_login .toggle_list {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  width: 130px;
}
.login_page input[type=text], .login_page input[type=password] {
  width: 100%;
  height: 40px;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px;
}
.login_page input[type=text]:focus, .login_page input[type=password]:focus {
  border-color: #5c74d8;
}
.login_page .btn {
  height: 35px;
  line-height: 35px;
  padding: 0 10px;
  border-style: solid;
  border-color: #4c61ba;
  border-width: 1px;
  color: #5c74d8;
  background-color: #fff;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.login_page .btn.confirm {
  position: absolute;
  top: 2px;
  left: 5px;
  width: 35px;
  background-color: transparent;
  background-image: url("../img/arrow_prev_white.svg");
  background-size: 12px auto;
  background-position: center;
  background-repeat: no-repeat;
  border-width: 0;
}
.login_page .btn.confirm span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}

.accent, .alert {
  color: #f00;
}
.accent.type1, .alert.type1 {
  color: #0031ff;
}

.mt_3 {
  margin-top: 3px;
}

.mt_5 {
  margin-top: 5px;
}

.mt_10 {
  margin-top: 10px;
}

.mt_15 {
  margin-top: 15px;
}

.none_pad {
  padding: 0 !important;
}

.none_mb {
  margin-bottom: 0 !important;
}

.none_mr {
  margin-right: 0 !important;
}

.mb_5 {
  margin-bottom: 5px;
}

.mb_10 {
  margin-bottom: 10px !important;
}

.mb_15 {
  margin-bottom: 15px !important;
}

.mb_20 {
  margin-bottom: 20px !important;
}

.mt_20 {
  margin-top: 20px;
}

.mt_30 {
  margin-top: 30px;
}

.ml_5 {
  margin-left: 5px;
}

.mlr_10 {
  margin-left: 10px;
  margin-right: 10px;
}

.ml_10 {
  margin-left: 10px;
}

.ml_20 {
  margin-left: 20px;
}

.ml_30 {
  margin-left: 30px;
}

.ml_50 {
  margin-left: 50px;
}

.mr_5 {
  margin-right: 5px;
}

.mr_10 {
  margin-right: 10px;
}

.va_mid {
  vertical-align: middle;
}

.va_top {
  vertical-align: top;
}

.va_bottom {
  vertical-align: bottom;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
}

.no_result {
  padding: 20px;
  text-align: center;
}

.thema_color {
  color: #5c74d8;
}

.block {
  display: block;
}

.inline_block {
  display: inline-block;
}

.else_index {
  position: relative;
  z-index: 88;
}

.none_bor {
  border-width: 0 !important;
}

.underline {
  text-decoration: underline;
}

.overflow_hidden {
  overflow: hidden;
}

.none_list_txt {
  padding: 120px 0;
}

.pad_10 {
  padding: 10px;
}

.pad_20 {
  padding: 20px;
}

.pt_5 {
  padding-top: 5px !important;
}

.pr_10 {
  padding-right: 10px;
}

.pl_10 {
  padding-left: 10px;
}

.responsive_radio_type1 {
  display: inline-block;
}
.responsive_radio_type1.active {
  display: block;
  margin: 10px 0 0 0;
}
@media all and (min-width: 470px) {
  .responsive_radio_type1.active {
    display: inline-block;
    margin: 0;
  }
}

/*
.snb_header {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 45px;
	line-height: 45px;
	background: #CD235C;
	padding: 0;
	color: #eee;
	font-size: 20px;
	text-align: center;
	font-weight: bold;

}
#footer {
	display: none;
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 48px;
	background: #fff;
	padding: 0;
	border-top: 1px solid #fff;
}
*/
/* .wrap {
  padding: 40px 0 0;
} */
.wrap {
  padding: 0px;
  height: 100%;
}

.view_snb {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.view_snb .wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.view_snb .window_blind {
  display: block;
  z-index: 100;
}
.view_snb .snb_wrap {
  display: block;
}

.mobile-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.main.mobileMain:has(.mobile-content) .mobile-content{
  overflow: unset;
}

.mobile-content {
  height: 100%;
  overflow: hidden;
}

.snb_wrap {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -350px;
  width: 260px;
  height: 100%;
  z-index: 101;
}
.snb_wrap .btn_close {
  position: absolute;
  top: 15px;
  right: -35px;
  background-image: url("../img/btn_new_close.svg");
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1000;
}
.snb_wrap .btn_close span {
  position: absolute;
  top: -9999px;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}
.snb_wrap .tab_contents {
  display: none;
}
.snb_wrap .tab_contents.tab_active {
  display: block;
}

.snb_list_wrap {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  overflow: hidden;
}

.snb_list_scroller {
  position: absolute;
  z-index: 1;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 100%;
  padding: 0 0 90px;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -o-text-size-adjust: none;
  text-size-adjust: none;
}
.snb_list_scroller li:last-child {
  border-width: 0 0 1px !important;
}
.snb_list_scroller .snb_header {
  position: relative;
  padding: 10px 0;
  background-color: #5c74d8;
  color: #fff;
}
.snb_list_scroller .snb_header .user {
  display: inline-block;
  margin: 0 10px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  vertical-align: middle;
  overflow: hidden;
}
.snb_list_scroller .snb_header .user .user_photo {
  width: 40px;
  height: 40px;
  background-image: url("../img/user_photo.svg");
  background-size: 50px;
  background-position: center 0;
  background-repeat: no-repeat;
}
.snb_list_scroller .snb_header .user .user_photo img {
  width: 100%;
}
.snb_list_scroller .btn_write_wrap {
  padding: 10px;
}
.snb_list_scroller .btn_write_wrap.set_border_bottom {
  border-style: solid;
  border-color: #cccccc;
  border-width: 0 0 1px 0;
}
.snb_list_scroller .subtab {
  border-width: 0;
}
.snb_list_scroller .scroll_list li:first-child {
  border-width: 1px 0 !important;
}
.snb_list_scroller .scroll_list li:first-child.none_bt {
  border-width: 0 0 1px !important;
}

.subtab {
  height: 40px;
  border-style: solid;
  border-color: #cccccc;
  border-width: 0 0 1px 0;
  background-color: #ddd;
}
.subtab.type1 {
  margin: 0 10px 20px;
}
.subtab.type3 {
  margin: 0;
  padding: 0 10px;
  background-color: #fff;
}
.subtab.type3 li {
  width: 33.3%;
}
.subtab.type3 li a {
  background-color: #ddd;
}
.subtab.type3 li:first-child a {
  border-width: 1px;
}
.subtab.type3 li:last-child a {
  border-width: 1px;
}
.subtab li {
  position: relative;
  float: left;
  width: 50%;
  text-align: center;
}
.subtab li a {
  display: block;
  height: 40px;
  padding: 0;
  line-height: 40px;
  color: #666666;
  font-weight: bold;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px;
}
.subtab li:first-child a {
  border-width: 1px 1px 1px 0;
}
.subtab li:last-child a {
  border-width: 1px 0 1px 1px;
}
.subtab li + li {
  margin: 0 0 0 -1px;
}
.subtab li.tab_active {
  z-index: 10;
}
.subtab li.tab_active a {
  color: #7b8edd;
  border-color: #cccccc #cccccc white #cccccc;
  background-color: #fff;
}
.subtab li:hover a.btn_close {
  display: block;
}

.scroll_list {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  text-align: left;
}
.scroll_list.type1 li {
  background-color: #f8f8f8;
}
.scroll_list > li {
  position: relative;
  padding: 10px 40px 10px 10px;
  border-style: solid;
  border-color: #eaeaea;
  border-width: 0 0 1px;
  font-size: 14px;
}
.scroll_list > li:last-child {
  border-width: 0;
}
.scroll_list > li > a {
  display: block;
}
.scroll_list > li > a.active {
  color: #5c74d8;
  font-weight: bold;
}
.scroll_list .arrow_next {
  position: absolute;
  top: 7px;
  right: 10px;
  z-index: 10000;
}

.scroll_list_head {
  position: relative;
  padding: 0 60px 0 0;
  border-style: solid;
  border-color: #cccccc;
  border-width: 0;
}
.scroll_list_head.type3 {
  padding: 0;
}
.scroll_list_head.type3.checkbox_list li > div {
  padding: 10px 10px 10px 40px;
}
.scroll_list_head.type3 li {
  padding: 0;
}
.scroll_list_head.type3 .icon_folder.type1 {
  padding: 10px 0 10px 35px;
  background-position: 12px 10px;
}
.scroll_list_head.type3 .icon_organi.type1 {
  padding: 10px 0 10px 35px;
  background-position: 12px 12px;
}
.scroll_list_head.type3 .scroll_list .icon_normal {
  padding: 10px 0 10px 55px;
  background-position: 30px 10px;
}
.scroll_list_head.type3 a.active {
  color: #5c74d8;
  font-weight: bold;
}
.scroll_list_head .btn_right {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
}

.tree_area {
  margin: 0;
}
.tree_area .dep1 {
  font-size: 1em;
}
.tree_area .scroll_list li {
  font-size: 1em;
}
.tree_area .scroll_list li > a {
  display: inline;
}

.arrow_next {
  display: inline-block;
  width: 25px;
  height: 25px;
  background-color: #fff;
  background-image: url("../img/arrow_next.svg");
  background-size: 6px 9px;
  background-position: center;
  background-repeat: no-repeat;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-indent: -9999px;
}
.arrow_next span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}

.window_blind {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  z-index: 99;
}

.header {
  position: relative;
  width: 100%;
  z-index: 99;
  height: 40px;
  padding: 0 80px;
  line-height: 2.5em;
  background-color: #5c74d8;
  border-style: solid;
  border-color: #4c61ba;
  border-width: 0 0 1px;
  text-align: center;
}

/* .header .header_contents {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 60px;
} */

.header > div {
  height: auto;
}
.header strong, .header h1 {
  display: inline-block;
  font-size: 1.2em;
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.header strong a, .header h1 a {
  color: #fff;
}
.header strong .count, .header h1 .count {
  display: inline-block;
  line-height: 14px;
  padding: 0 3px;
  margin: 0 0 0 5px;
  background-color: white;
  border-style: solid;
  border-color: #fff;
  border-width: 1px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  color: #5c74d8;
  font-weight: normal;
}
.header .btn {
  display: inline-block;
  height: 39px;
  border-width: 0;
}
.header .btn_all_menu {
  position: absolute;
  top: 0;
  left: 7px;
  width: 30px;
  background-image: url("../img/btn_all_menu.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25px auto;
}
.header .btn_back_white {
  display: inline-block;
  position: absolute;
  top: 4px;
  left: 7px;
  width: 30px;
  height: 30px;
  background-image: url("../img/btn_back_white.svg");
  background-size: 22px auto;
  background-position: center;
  background-repeat: no-repeat;
  text-indent: -9999px;
}
.header .btn_txt {
  line-height: 1.5em;
  padding: 0 10px;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px;
  color: #fff;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.header .btn_home {
  position: absolute;
  top: 0;
  left: 43px;
  width: 30px;
}
.header .else_menu {
    position: absolute;
    top: 0px;
    right: 5px;
}


/*.header .else_menu > a {*/
/*  position: relative;*/
/*}*/
.header .else_menu .btn_write2, .header .else_menu .btn_checked {
  margin: 0 5px 0 0;
  vertical-align: middle;
}
.header .else_menu .btn_delete {
  margin: 0 10px;
  vertical-align: middle;
}
.header .else_menu .count {
  display: inline-block;
  position: absolute;
  top: 5px;
  right: 0;
  min-width: 10px;
  height: 12px;
  padding: 0 3px;
  border-style: solid;
  border-color: #5c74d8;
  border-width: 1px;
  color: #5c74d8 !important;
  background-color: #fff;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  text-indent: 0;
  text-align: center;
  line-height: 1;
  font-size: 0.6em;
}
.header .btn_organization {
  width: 30px;
  background-image: url("../img/btn_organization.svg");
  background-repeat: no-repeat;
  background-position: center center;
}
.header .btn_msg {
  width: 30px;
  background-image: url("../img/btn_msg.svg");
  background-repeat: no-repeat;
  background-position: center center;
}
/*.header .btn_module, .header .btn_set, .header .btn_header_search {*/
/*  width: 30px;*/
/*}*/

.lnb_wrap {
  display: none;
  padding: 5px;
  background-color: #5c74d8;
  z-index: 200;
}
.lnb_wrap ul {
  position: relative;
  padding: 10px 0;
  border-style: solid;
  border-color: #4c61ba;
  border-width: 1px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #fff;
  overflow: hidden;
}
.lnb_wrap li {
  float: left;
  width: 25%;
}
.lnb_wrap li a {
  display: block;
  padding: 60px 0 10px;
  text-align: center;
  font-size: 0.9em;
}

.lnb_mail {
  background-image: url(../img/lnb_mail_01.svg);
  background-position: center 5px;
  background-repeat: no-repeat;
  background-size: 40px;
}

.lnb_approval {
  background-image: url(../img/lnb_approval_01.svg);
  background-position: center 3px;
  background-repeat: no-repeat;
  background-size: 40px;
}

.lnb_address {
  background-image: url(../img/lnb_address_01.svg);
  background-position: center 5px;
  background-repeat: no-repeat;
  background-size: 40px;
}

.lnb_board {
  background-image: url(../img/lnb_board_01.svg);
  background-position: center 2px;
  background-repeat: no-repeat;
  background-size: 45px;
}

.lnb_calendar {
  background-image: url(../img/lnb_calendar_01.svg);
  background-position: center 3px;
  background-repeat: no-repeat;
  background-size: 48px;
}

.container {
  clear: both;
  position: relative;
  z-index: 10;
  height: 100%;
}

.clear_both {
  clear: both;
}

.container_head {
  position: relative;
}
.container_head h1 {
  height: 38px;
  line-height: 38px;
  padding: 0 0 0 10px;
  background-color: #eaeaea;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px 0;
  font-size: 1em;
}
.container_head .btn_write {
  position: absolute;
  top: 0;
  right: 5px;
  width: 38px;
  height: 38px;
  background-position: center;
  background-size: 25px;
}
.container_head .btn_search {
  position: absolute;
  top: 5px;
  left: 5px;
}

.reply_help {
  padding: 10px;
  border-style: solid;
  border-color: #cccccc;
  border-width: 0 0 1px;
  background-color: #f8f8f8;
}
.reply_help p {
  font-size: 0.9em;
  color: #666666;
}
.reply_help .icon_mail_all_mail {
  display: block;
  padding: 0 0 0 30px;
  margin: 5px 0 0;
  background-position: 2px 4px;
  background-size: 18px auto;
  font-size: 1em;
  font-weight: bold;
}

.write_wrap {
  display: none;
}
.write_wrap.active {
  display: block;
}
.write_wrap.pt_10 {
  padding-top: 10px;
}
.write_wrap .write_list {
  margin: 0 0 20px;
}
@media all and (min-width: 321px) {
  .write_wrap .write_list {
    margin: 10px 0 20px;
  }
}
.write_wrap .write_list.type_01 {
  margin: 5px 0 20px;
}
.write_wrap .write_list > li {
  position: relative;
  padding: 10px 10px 0;
}
.write_wrap .write_list > li strong {
  display: inline-block;
  font-size: 0.8em;
}
.write_wrap .write_list > li p.gray {
  font-size: 0.9em;
}
.write_wrap .write_list > li select {
  display: block;
}
@media all and (min-width: 321px) {
  .write_wrap .write_list > li.type1 {
    padding: 10px 10px;
  }
}
.write_wrap .write_list > li.type1 input[type=text] {
  display: block;
  width: 100%;
  margin: 3px 0 0;
}
@media all and (min-width: 321px) {
  .write_wrap .write_list > li.type1 input[type=text] {
    position: absolute;
    top: 0;
    left: 95px;
    right: 10px;
    width: inherit;
  }
}
.write_wrap .write_list > li.type1 .regist_file_btn {
  position: absolute;
  top: 2px;
  left: 80px;
  right: 10px;
}
.write_wrap .write_list > li.type1.type_fixed {
  padding: 10px 10px;
}
.write_wrap .write_list > li.type1.type_fixed input[type=text] {
  position: absolute;
  top: 0;
  left: 75px;
  right: 10px;
  width: inherit;
}
.write_wrap .write_list > li.type1.type_fixed .input_type_date {
  position: absolute;
  top: 0;
  left: 95px;
}
.write_wrap .write_list > li.type1.type_fixed select.select_130 {
  width: 100%;
  padding: 0 10px;
  margin: 10px 0 0;
}
@media (min-width: 400px) {
  .write_wrap .write_list > li.type1.type_fixed select.select_130 {
    display: inline-block;
    width: 150px;
    margin: 0;
  }
}
.write_wrap .write_list > li.type2 .right_opt {
  position: absolute;
  top: 10px;
  right: 10px;
}
.write_wrap .write_list > li.type2 .right_opt input {
  margin: 0 0 0 10px;
}
.write_wrap .write_list > li.type2 input[type=text] {
  display: block;
  margin: 3px 0 0;
  width: 100%;
}
.write_wrap .write_list > li .type_autocomplete {
  position: relative;
  padding: 0 35px 0 0;
}
.write_wrap .write_list > li .type_autocomplete .btn_organi2 {
  position: absolute;
  top: 0;
  right: 0;
  height: 31px;
}
.write_wrap textarea {
  width: 100%;
  height: 100px;
}
.write_wrap textarea.height_100 {
  height: 100px;
}

.view_wrap {
  display: none;
}
.view_wrap.active {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.view_wrap.pt_10 {
  padding-top: 10px;
}
.view_wrap .page_option {
  position: relative;
  padding: 0 50px 0 0;
  border-style: solid;
  border-color: #cccccc;
  border-width: 0 0 1px;
}
.view_wrap .page_option > ul > li {
  display: inline-block;
  text-align: center;
}
.view_wrap .page_option .checkbox_li {
  position: absolute;
  top: 10px;
  left: 12px;
}
.view_wrap .page_option .type1 {
  min-height: 40px;
}
.view_wrap .page_option .type1 > li:nth-last-child(1) {
  position: absolute;
  top: 0;
  right: 10px;
  margin: 0;
}
.view_wrap .page_option .type1 > li:nth-last-child(2) {
  width: 30px;
  position: absolute;
  top: 0;
  right: 62px;
  margin: 0;
}
@media all and (min-width: 321px) {
  .view_wrap .page_option li {
    margin: 0 10px 0 0;
  }
  .view_wrap .page_option .type1 > li:nth-last-child(2) {
    width: 30px;
    position: absolute;
    top: 0;
    right: 70px;
    margin: 0;
  }
}
@media all and (min-width: 480px) {
  .view_wrap .page_option li {
    margin: 0 15px 0 0;
  }
}
.view_wrap .page_option .toggle_list > div {
  z-index: 100;
}
.view_wrap .regist_file_list_area {
  margin: 0 5px 10px;
}
.view_wrap .view_contents {
  margin: 15px 10px 0;
}
.view_wrap .view_contents ul, .view_wrap .view_contents ol  {
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
 /* padding-inline-start: 40px;*/
  padding-inline-start: 0px;
}

.view_wrap .view_contents ul li, .view_wrap .view_contents ol li  {
  list-style: inherit !important;
}
.view_wrap .user_info_list {
  margin: 5px 0 20px;
}
.view_wrap .user_info_list > li {
  position: relative;
  min-height: 40px;
  padding: 0 10px;
}
.view_wrap .user_info_list > li dl {
  margin: 0;
  padding: 0;
}
.view_wrap .user_info_list > li dt {
  display: inline-block;
  width: 85px;
  font-size: 0.9em;
  color: #666666;
  border-style: solid;
  border-color: #ccc;
  border-width: 0 1px 0 0;
}
.view_wrap .user_info_list > li p.gray {
  font-size: 0.9em;
}
.view_wrap .user_info_list > li select {
  display: block;
}
.view_wrap .user_info_list > li dd {
  display: block;
  position: absolute;
  top: 0;
  left: 110px;
  right: 10px;
  width: inherit;
  margin: 3px 0 0;
}

.btn_favorite_toggle {
  position: absolute;
  top: 0;
  right: 50px;
  width: 20px;
  height: 20px;
  background-color: #eaeaea;
}

.auto_complete {
  position: relative;
  margin: 3px 0 0;
  font-size: 0.8em;
}
.auto_complete .input_area {
  min-height: 23px;
  line-height: 23px;
  padding: 0;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  cursor: text;
}
.auto_complete .input_area .temp {
  position: absolute;
  top: -9999999px;
  left: -9999999px;
}
.auto_complete .input_area.active {
  position: relative;
}
.auto_complete .input_area.active .btn.btn_favorite_toggle {
  border-color: #555555 #555555 #555555 #cccccc;
}
.auto_complete .input_area.active.btn_border_reset .btn.btn_favorite_toggle {
  border-color: #cccccc #555555 #555555 #cccccc;
}
.auto_complete .input_area.active > ul > li.input_zone {
  display: block;
  opacity: 1;
}
.auto_complete .input_area textarea {
  display: inline;
  width: 50px;
  min-width: 100px;
  height: 20px;
  line-height: 23px;
  margin: 2px 0 0;
  vertical-align: middle;
  overflow: hidden;
  resize: none;
  border: 0;
  white-space: nowrap;
}
.auto_complete .input_area > ul {
  padding: 0 1px 1px;
  overflow-y: hidden;
}
.auto_complete .input_area > ul > li {
  position: relative;
  float: left;
  height: 27px;
  line-height: 20px;
  padding: 0 60px 0 10px;
  margin: 1px 2px 0 0;
  border-style: solid;
  border-color: rgba(127, 181, 231, 0.2);
  border-width: 1px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  vertical-align: middle;
  letter-spacing: 0;
  background-color: rgba(165, 206, 241, 0.2);
  white-space: nowrap;
}
.auto_complete .input_area > ul > li.active {
  background-color: rgba(165, 206, 241, 0.5);
  border-color: rgba(127, 181, 231, 0.5);
}
.auto_complete .input_area > ul > li.input_zone {
  padding: 0 0 0 6px;
  border: 0;
  margin: 1px 2px 0 0;
  opacity: 0;
  background-color: #fff;
}
.auto_complete .input_area > ul > li .btn_input_modify {
  position: absolute;
  top: 0;
  right: 25px;
}
.auto_complete .input_area > ul > li .btn_input_delete {
  position: absolute;
  top: 0;
  right: 0;
}
.auto_complete .input_area > ul > li.alert {
  background-color: rgba(251, 198, 188, 0.2);
  border-color: rgba(231, 153, 138, 0.2);
}
.auto_complete .input_area > ul > li.alert a {
  color: #d77965;
}
.auto_complete .input_area > ul > li.alert input[type=text] {
  color: rgba(255, 45, 0, 0.8);
}
.auto_complete .input_area > ul > li.alert .btn_input_modify {
  background-image: url(../img/btn_input_modify_alert.svg);
}
.auto_complete .input_area > ul > li.alert .btn_input_delete {
  background-image: url(../img/btn_input_delete_alert.svg);
}
.auto_complete .input_area > ul > li.alert.active {
  background-color: rgba(251, 198, 188, 0.5);
  border-color: rgba(231, 153, 138, 0.5);
}
.auto_complete .input_area > ul > li.alert.active input[type=text] {
  color: #ff2d00;
}
.auto_complete .input_area > ul > li.mail_input {
  padding: 0 0 0 10px;
  background-color: #fff;
  border-color: #ccc;
}
.auto_complete .input_area > ul > li.mail_input .btn_input_modify, .auto_complete .input_area > ul > li.mail_input .btn_input_delete {
  top: -999999px;
}
.auto_complete .input_area > ul > li.mail_input input[type=text] {
  color: #333333;
}
.auto_complete .input_area > ul > li.mail_input .cursor_move {
  display: none;
}
.auto_complete .input_area > ul > li .cursor_move {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 31px;
  background: #f00;
  opacity: 0;
}
.auto_complete .input_area > ul > li .cursor_move.focus {
  cursor: move;
}
.auto_complete .input_area > ul > li input[type=text] {
  height: 19px;
  line-height: 16px;
  padding: 0 0 0 0;
  border: 0;
  background: none;
}
.auto_complete .input_area > ul > li input[type=text].active {
  cursor: move;
}
.auto_complete .auto_complete_list {
  display: none;
  z-index: 10;
}
.auto_complete .favorite_list {
  display: none;
  padding: 1px 0;
  background-color: #fff;
  line-height: 25px;
  overflow-y: auto;
  overflow-x: hidden;
  border-style: solid;
  border-color: #555555;
  border-width: 1px;
}
.auto_complete .favorite_list ul {
  width: 100%;
  border-width: 0;
}
.auto_complete .favorite_list li {
  width: 100%;
  padding: 0 10px;
  background: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.auto_complete .favorite_list li label {
  display: inline-block;
  height: 31px;
  padding: 3px 0;
}
.auto_complete .favorite_list li .btn_delete {
  display: none;
  margin: 0 0;
  background-position: 0 -120px;
  vertical-align: middle;
}
.auto_complete .favorite_list li:hover .btn_delete {
  display: inline-block;
}
.auto_complete .favorite_list input[type=checkbox] {
  margin: -1px 5px 0 0;
  cursor: pointer;
}
.auto_complete .btn_area {
  display: none;
  position: relative;
  height: 40px;
  padding: 0;
  border-style: solid;
  border-color: #555555;
  border-width: 1px 0;
  background-color: #fff;
}
.auto_complete .btn_area .tab_area a {
  float: left;
  display: block;
  height: 38px;
  line-height: 40px;
  padding: 0 10px;
}
.auto_complete .btn_area .tab_area a.btn_favorite {
  border-style: solid;
  border-color: #cccccc;
  border-width: 0 1px 0 0;
}
.auto_complete .btn_area .tab_area a.active {
  background-color: #7b8edd;
  border-color: #7b8edd;
  color: #fff;
  font-weight: bold;
  letter-spacing: -1px;
}
.auto_complete .btn_area .btn.bold {
  display: none;
}
.auto_complete .btn_area.active .btn.bold {
  display: inline-block;
}

.auto_complete_list {
  display: none;
  background-color: #fff;
  line-height: 25px;
  overflow: hidden;
}
.auto_complete_list .ui-menu {
  width: 100%;
  border-width: 0;
  padding: 1px 0;
}
.auto_complete_list .ui-menu-item {
  width: 100%;
  min-height: 31px;
  line-height: 1.3;
  padding: 10px;
  margin: 0 1px;
  background: #fff;
  z-index: 1000;
}
.auto_complete_list .ui-state-focus {
  border: 0;
  font-weight: normal;
  background: #ddd;
  color: #333333;
}
.auto_complete_list .ui-autocomplete {
  position: relative;
  top: auto;
  left: auto;
  max-height: 156px;
  overflow-y: auto;
  overflow-x: hidden;
}

.ui-autocomplete-highlight {
  font-weight: bold;
}

.btn_input_modify {
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url(../img/btn_input_modify.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px;
}

.btn_input_delete {
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url(../img/btn_input_delete.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px;
}

.regist_file_title {
  margin: 10px 10px 5px;
}

.file_temp {
  position: relative;
}
.file_temp .file_label_title {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  margin: 6px 0 0;
  font-weight: bold;
}
.file_temp .file_label_title .btn_plus, .file_temp .file_label_title .btn_minus {
  vertical-align: top;
}
.file_temp .regist_file_area {
  margin: 0 0 0 105px;
}

.regist_file_btn li {
  float: left;
  margin: 0 1px 0 0;
}
.regist_file_btn li:first-child {
  position: relative;
}
.regist_file_btn li:first-child input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  opacity: 0;
  cursor: pointer;
}

.regist_file_list_area {
  background-color: #fff;
}

.regist_file_head {
  position: relative;
  min-height: 34px;
  padding: 4px 0 4px 10px;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px 1px 0;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  z-index: 10;
  background-color: #fff;
}
.regist_file_head input {
  margin: 6px 7px 0 0;
  vertical-align: top;
}
.regist_file_head label {
  display: inline-block;
  vertical-align: top;
  margin: 5px 20px 0 0;
}
.regist_file_head .toggle_list {
  display: inline-block;
}
.regist_file_head .toggle_list.type1 {
  width: 170px;
}
.regist_file_head select {
  position: absolute;
  top: 4px;
  left: 92px;
  width: 170px;
  opacity: 0;
}
.regist_file_head .regist_title_head {
  display: inline-block;
  padding-top: 3px;
}

.regist_file_list_wrap {
  position: relative;
  margin: 5px 0 0 0;
}
.regist_file_list_wrap .icon_drag {
  position: absolute;
  top: 55px;
  left: 0;
  width: 100%;
  text-align: center;
}
.regist_file_list_wrap .icon_drag .txt {
  display: inline-block;
  padding: 0 0 0 20px;
  height: 17px;
  line-height: 20px;
  color: #666666;
  vertical-align: middle;
}
.regist_file_list_wrap .mb_10 {
  margin: 10px 0 0;
  padding: 0 30px 0 0;
}
.regist_file_list_wrap .btn_all_delete {
  position: absolute;
  top: -7px;
  right: 2px;
  border-width: 0;
  background-color: transparent;
}

.regist_file_list, .related_document {
  padding: 5px 0;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  z-index: 9;
}
.regist_file_list.height_auto, .related_document.height_auto {
  min-height: 72px;
}
.regist_file_list.head_set, .related_document.head_set {
  min-height: 27px;
  max-height: 110px;
  overflow-y: auto;
  margin: 0;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.regist_file_list.head_set .bite, .related_document.head_set .bite {
  display: inline;
  position: static;
  top: auto;
  right: auto;
  margin: 0 0 0 5px;
  font-size: 0.9em;
  float: right;
}
@media all and (min-width: 400px) {
  .regist_file_list.head_set li, .related_document.head_set li {
    padding: 0 10px 0 10px;
  }
}
.regist_file_list.head_set li .file_name, .related_document.head_set li .file_name {
  max-width: 51%;
}
@media all and (min-width: 413px) {
  .regist_file_list.head_set li .file_name, .related_document.head_set li .file_name {
    max-width: 51%;
  }
}
@media all and (min-width: 480px) {
  .regist_file_list.head_set li .file_name, .related_document.head_set li .file_name {
    max-width: 66%;
  }
}
.regist_file_list li, .related_document li {
  position: relative;
  padding: 0 20px 0 10px;
  height: 32px;
  line-height: 32px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media all and (min-width: 400px) {
  .regist_file_list li, .related_document li {
    padding: 0 100px 0 10px;
  }
}
.regist_file_list li .icon_file, .related_document li .icon_file {
  margin: -4px 5px 0 0;
  vertical-align: middle;
}
.regist_file_list li .file_name, .related_document li .file_name {
  display: inline-block;
  max-width: 70%;
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media all and (min-width: 400px) {
  .regist_file_list li .file_name, .related_document li .file_name {
    max-width: 70%;
  }
}
@media all and (min-width: 550px) {
  .regist_file_list li .file_name, .related_document li .file_name {
    max-width: 77%;
  }
}
.regist_file_list li span, .related_document li span {
  vertical-align: top;
}
.regist_file_list input[type=checkbox], .related_document input[type=checkbox] {
  margin: -4px 2px 0 0;
  vertical-align: middle;
}
@media all and (min-width: 400px) {
  .regist_file_list input[type=checkbox], .related_document input[type=checkbox] {
    margin: -4px 7px 0 0;
  }
}
.regist_file_list .bite, .related_document .bite {
  display: none;
  position: absolute;
  top: 0;
  right: 30px;
  width: 80px;
  text-align: right;
  color: #666666;
}
@media all and (min-width: 400px) {
  .regist_file_list .bite, .related_document .bite {
    display: inline-block;
  }
}
.regist_file_list .file_volume, .related_document .file_volume {
  display: none;
  width: 60px;
  position: absolute;
  top: 13px;
  right: 95px;
  text-align: center;
  letter-spacing: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  overflow: none;
}
@media all and (min-width: 400px) {
  .regist_file_list .file_volume, .related_document .file_volume {
    display: inline-block;
  }
}
.regist_file_list .file_volume .volume_bg, .related_document .file_volume .volume_bg {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 7px;
  background-color: #eaeaea;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.regist_file_list .file_volume .volume, .related_document .file_volume .volume {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 7px;
  background-color: #7b8edd;
  border-style: solid;
  border-color: #7b8edd;
  border-width: 1px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.regist_file_list .file_volume .volume.none, .related_document .file_volume .volume.none {
  display: none;
}
.regist_file_list .btn_delete, .related_document .btn_delete {
  position: absolute;
  top: 0;
  right: 0;
  border-width: 0;
  background-color: transparent;
  background-size: 13px;
}

.file_normal {
  position: relative;
}
.file_normal input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 25px;
  opacity: 0;
  cursor: pointer;
}
.file_normal.type1 input[type=file] {
  width: 36px;
  height: 36px;
}

.prev_next {
  line-height: 1.7;
  margin: 20px 0 0;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px 0 0;
}
.prev_next .icon_file {
  display: inline-block;
  width: 12px;
  height: 18px;
  background-image: url("../img/icon_file.svg");
  background-size: 9px auto;
  background-repeat: no-repeat;
  background-position: center 0;
  text-indent: -9999px;
  vertical-align: middle;
}
.prev_next .icon_mail_no_read {
  display: inline-block;
  width: 16px;
  height: 15px;
  margin: 0 3px 0 0;
  background-image: url("../img/icon_mail_noread.svg");
  background-size: 16px 11px;
  background-position: 0;
  background-repeat: no-repeat;
  vertical-align: middle;
  text-indent: -9999px;
}
.prev_next .icon_mail_read {
  display: inline-block;
  width: 16px;
  height: 15px;
  margin: 0 3px 0 0;
  background-image: url("../img/icon_mail_read.svg");
  background-size: 16px 13px;
  background-position: 0;
  background-repeat: no-repeat;
  vertical-align: middle;
  text-indent: -9999px;
}
.prev_next .icon_mail_forwarding {
  display: inline-block;
  width: 16px;
  height: 15px;
  margin: 0 3px 0 0;
  background-image: url("../img/icon_mail_forwarding.svg");
  background-size: 16px 13px;
  background-position: 0;
  background-repeat: no-repeat;
  vertical-align: middle;
  text-indent: -9999px;
}
.prev_next .icon_mail_reply {
  display: inline-block;
  width: 16px;
  height: 15px;
  margin: 0 3px 0 0;
  background-image: url("../img/icon_mail_reply.svg");
  background-size: 16px 13px;
  background-position: 0;
  background-repeat: no-repeat;
  vertical-align: middle;
  text-indent: -9999px;
}
.prev_next .icon_mail_absence {
  display: inline-block;
  width: 16px;
  height: 15px;
  margin: 0 3px 0 0;
  background-image: url("../img/icon_mail_absence.svg");
  background-size: 16px 11px;
  background-position: 0;
  background-repeat: no-repeat;
  vertical-align: middle;
  text-indent: -9999px;
}
.prev_next li {
  padding: 5px 10px;
  border-style: solid;
  border-color: #cccccc;
  border-width: 0 0 1px;
}
.prev_next li:last-child {
  border-width: 0;
}
.prev_next li a {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.prev_next li a:hover .arrow {
  color: #7b8edd;
}
.prev_next li .arrow {
  display: inline-block;
  width: 70px;
  padding: 0 15px 0 0;
  margin: 0 5px 0 0;
  text-align: center;
  background-position: right 10px;
  background-repeat: no-repeat;
}
.prev_next li .arrow.prev {
  background-image: url("../img/arrow_up.svg");
}
.prev_next li .arrow.next {
  background-image: url("../img/arrow_down.svg");
}

@media all and (min-width: 400px) {
  .icon_file {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../img/icon_file.png);
    background-repeat: no-repeat;
    vertical-align: middle;
  }
  .icon_file.img {
    background-position: left 0;
  }
  .icon_file.txt {
    background-position: left -16px;
  }
  .icon_file.pdf {
    background-position: left -32px;
  }
  .icon_file.pdf {
    background-position: left -32px;
  }
  .icon_file.hwp {
    background-position: left -48px;
  }
  .icon_file.docx {
    background-position: left -64px;
  }
  .icon_file.xls {
    background-position: left -80px;
  }
  .icon_file.ppt {
    background-position: left -96px;
  }
  .icon_file.etc {
    background-position: left -112px;
  }
  .icon_file.mov {
    background-position: left -128px;
  }
  .icon_file.sound {
    background-position: left -144px;
  }
  .icon_file.alz {
    background-position: left -160px;
  }
  .icon_file.outlook {
    background-position: left -210px;
  }
  .icon_file.outlook_ex {
    background-position: left -226px;
  }

  .icon_rela_doc {
    display: inline-block;
    width: 20px;
    height: 30px;
    background-image: url("../img/icon_related_document.svg");
    background-size: 18px auto;
    background-position: 0 9px;
    background-repeat: no-repeat;
  }
}
.btn_modify {
  display: inline-block;
  width: 20px;
  height: 30px;
  background-image: url("../img/icon_related_document.svg");
  background-size: 20px auto;
  background-position: center 9px;
  background-repeat: no-repeat;
  text-indent: -9999px;
}

.page_head {
  position: relative;
  padding: 5px 10px;
  min-height: 41px;
  border-style: solid;
  border-color: #cccccc;
  border-width: 0 0 1px;
  z-index: 20;
}
.page_head.type1 {
  padding: 5px 10px 5px 5px;
}
.page_head > ul > li {
  display: inline-block;
  vertical-align: middle;
}
.page_head .btn_next {
  float: left;
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: #eaeaea;
  background-image: url("../img/arrow_next.svg");
  background-size: 6px 9px;
  background-position: center;
  background-repeat: no-repeat;
  text-indent: -9999px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  opacity: 0.5;
}
.page_head .btn_next.active {
  background-color: #fff;
  opacity: 1;
}
.page_head .btn_prev {
  float: left;
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: #eaeaea;
  background-image: url("../img/arrow_prev.svg");
  background-size: 6px 9px;
  background-position: center;
  background-repeat: no-repeat;
  text-indent: -9999px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  opacity: 0.5;
}
.page_head .btn_prev.active {
  background-color: #fff;
  opacity: 1;
}
.page_head .btn_prev_next li {
  display: inline-block;
}
.page_head .toggle_list .btn_reply.arrow {
  width: 32px;
}
.page_head .btn_delete {
  margin: 0 10px;
  height: 25px;
  vertical-align: middle;
}
.page_head .btn_label {
  height: 25px;
  vertical-align: middle;
}

.page_option {
  position: relative;
  min-height: 41px;
  border-style: solid;
  border-color: #cccccc;
  border-width: 0 0 1px;
}
.page_option.type1 {
  padding: 0 !important;
  height: 41px;
}
.page_option .none {
  display: none !important;
}
.page_option > ul > li {
  display: inline-block;
  text-align: center;
  margin: 0 10px 0 0;
  vertical-align: middle;
}
.page_option .checkbox_li {
  position: absolute;
  top: 10px;
  left: 12px;
}
.page_option .checkbox_li .checkbox_label {
  position: static;
  top: auto;
  left: auto;
}
.page_option .checkbox_li input[type=checkbox] {
  position: absolute;
  top: -99999px;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}
.page_option .type1 {
  padding: 5px 0 0 6px;
  /*
  > li:nth-last-child(1) {
  	position: absolute;
  	top: 0;
  	right: 10px;
  	margin: 0;
  }
  > li:nth-last-child(2) {
  	width: 30px;
  	position: absolute;
  	top: 0;
  	right: 62px;
  	margin: 0;
  }
  */
}
.page_option .type1.else1 {
  padding: 0 0 0 10px;
}
.page_option .type1 > li > a {
  min-width: 25px;
  margin: 0;
}
.page_option .type2 {
  padding: 0 0 0 7px;
  /*
  > li:nth-last-child(1) {
  	position: absolute;
  	top: 0;
  	right: 10px;
  	margin: 0;
  	padding: 5px 0 0;
  }
  > li:nth-last-child(2) {
  	width: 80px;
  	position: absolute;
  	top: 0;
  	right: 50px;
  	margin: 0;
  	padding: 10px 0 0;
  }
  */
}
.page_option .type2 li {
  height: 40px;
  padding: 5px 0 0;
}
.page_option .type3 {
  padding: 0 0 0 6px;
}
.page_option .type3 > li > a {
  width: auto;
}
@media all and (min-width: 321px) {
  .page_option {
    /*
    .type1 {
    	> li {
    		margin: 0 10px 0 0;
    	}
    	> li:nth-last-child(2) {
    		width: 30px;
    		position: absolute;
    		top: 0;
    		right: 70px;
    		margin: 0;
    	}
    }
    */
  }
}
@media all and (min-width: 480px) {
  .page_option .type1 > li {
    margin: 0 15px 0 0;
  }
}

.btn_checked {
  display: inline-block;
  height: 25px;
  line-height: 1.5em;
  padding: 0 10px 0 20px;
  background-image: url("../img/bg_checkbox.svg");
  background-size: 18px;
  background-position: 2px center;
  background-repeat: no-repeat;
  border-style: solid;
  border-color: white;
  border-width: 1px;
  color: #fff;
  -webkit-border-radius: 12px;
  border-radius: 12px;
}

.checkbox_list {
  position: relative;
}
.checkbox_list.scroll_list li {
  padding: 10px 10px 10px 40px;
}
.checkbox_list.list_type1 li {
  padding: 10px;
}
.checkbox_list.type_normal {
  margin: 0 10px 0 0;
  padding: 0 10px 0 40px;
}
.checkbox_list.type_normal .checkbox_label {
  top: 0;
}
.checkbox_list.type_normal_1 {
  margin: 0 10px 0 0;
  padding: 0 10px 0 30px;
}
.checkbox_list.type_normal_1 .checkbox_label {
  top: 0;
  left: 0;
}
.checkbox_list.type_normal_1.mt_20 {
  margin: 20px 10px 0 0;
}
.checkbox_list.multi {
  margin: 0 0 20px;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px 0;
}
.checkbox_list > li {
  position: relative;
}
.checkbox_list > li.active {
  background-color: #e4e8f8;
  border-color: #fff;
}
.checkbox_list input[type=checkbox], .checkbox_list input[type=radio] {
  position: absolute;
  top: -99999px;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}
.checkbox_list .checkbox_label {
  top: 10px;
}

.checkbox_label {
  position: absolute;
  top: 9px;
  left: 12px;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-indent: -99999px;
}
.checkbox_label.active {
  background-color: #aebaec;
  background-image: url("../img/bg_checkbox.svg");
  background-size: 20px;
  background-position: -1px 0;
  background-repeat: no-repeat;
  border-color: #9aa9e7;
}
.checkbox_label.radio {
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.checkbox_label.radio.active {
  background-image: none;
  border-width: 6px;
  border-color: #aebaec;
  background-color: #fff;
}
.checkbox_label.disabled {
  background-color: #eaeaea;
  background-image: none;
  border-color: #cccccc;
}

.disabled_label label {
  color: #999999;
}
.disabled_label label.checkbox_label {
  background-color: #cccccc;
  background-image: none;
  border-color: #cccccc;
}
.disabled_label label.checkbox_label.active {
  background-image: url("../img/bg_checkbox.svg");
}

.select_doc {
  position: relative;
  padding: 5px 10px 0 70px;
}
.select_doc .btn_txt {
  position: absolute;
  top: 0;
  left: 10px;
}

.organi_wrap .page_option.type_txt {
  padding: 10px;
}
.organi_wrap .page_option.type_txt p {
  color: #666666;
  text-align: left;
  letter-spacing: -0.7px;
}

.notice_wrap .notice {
  display: block !important;
}

.notice_wrap .survey {
  display: block !important;
}


.notice_wrap.padding_type_1 .search_wrap {
  display: block;
}
.notice_wrap .search_wrap {
  display: none;
}
.notice_wrap .person {
  display: block !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.notice_wrap .link_txt {
  display: block !important;
  word-wrap: break-word;
}

.list_wrap, .label_wrap, .move_wrap, .notice_wrap {
  display: none;
}
.list_wrap.active, .label_wrap.active, .move_wrap.active, .notice_wrap.active {
  display: block;
}
.list_wrap .page_option, .label_wrap .page_option, .move_wrap .page_option, .notice_wrap .page_option {
  position: relative;
  min-height: 41px;
  padding: 0 50px 0 40px;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px 0 1px;
  z-index: 40;
  /*
  > li {	
  	display: inline-block;
  	text-align: center;
  	&:nth-child(2) {
  		margin: 0 0 0 50px;
  	}
  }
  */
  /*
  @media all and (min-width:321px) {
  	.type1 {
  		> li:nth-last-child(2) {
  			width: 30px;
  			position: absolute;
  			top: 0;
  			right: 70px;
  			margin: 0;
  		}
  	}
  }
  */
}
.list_wrap .page_option .checkbox_li, .label_wrap .page_option .checkbox_li, .move_wrap .page_option .checkbox_li, .notice_wrap .page_option .checkbox_li {
  position: absolute;
  top: 10px;
  left: 12px;
}
.list_wrap .page_option .type1, .label_wrap .page_option .type1, .move_wrap .page_option .type1, .notice_wrap .page_option .type1 {
  min-height: 40px;
  /*
  > li:nth-last-child(1) {
  	position: absolute;
  	top: 0;
  	right: 10px;
  	margin: 0;
  }
  > li:nth-last-child(2) {
  	width: 30px;
  	position: absolute;
  	top: 0;
  	right: 62px;
  	margin: 0;
  }
  */
}
.list_wrap .page_option .type1 .btn_search, .label_wrap .page_option .type1 .btn_search, .move_wrap .page_option .type1 .btn_search, .notice_wrap .page_option .type1 .btn_search {
  position: absolute;
  top: 5px;
  right: 80px;
  margin: 0;
}
.list_wrap .page_option .type2 .btn_search, .label_wrap .page_option .type2 .btn_search, .move_wrap .page_option .type2 .btn_search, .notice_wrap .page_option .type2 .btn_search {
  position: absolute;
  top: 5px;
  right: 10px;
  margin: 0;
}
.list_wrap .page_option.type_txt, .label_wrap .page_option.type_txt, .move_wrap .page_option.type_txt, .notice_wrap .page_option.type_txt {
  padding: 10px;
}
.list_wrap .page_option.type_txt p, .label_wrap .page_option.type_txt p, .move_wrap .page_option.type_txt p, .notice_wrap .page_option.type_txt p {
  color: #666666;
  text-align: left;
  letter-spacing: -0.7px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.list_wrap .page_option.bg_type_01, .label_wrap .page_option.bg_type_01, .move_wrap .page_option.bg_type_01, .notice_wrap .page_option.bg_type_01 {
  background-color: #f8f8f8;
}

.list_wrap .page_option.p-relative,
.contents_wrap .page_option.p-relative,
.contents_wrap .page_head.p-relative,
.contents_wrap .type_head.p-relative{
  position: relative;
  top: 0;
  left: 0;
}

.list_wrap .list, .label_wrap .list, .move_wrap .list, .notice_wrap .list {
  min-height: 220px;
}
.list_wrap .list > ul, .label_wrap .list > ul, .move_wrap .list > ul, .notice_wrap .list > ul {
  min-height: 220px;
}
.list_wrap .list input[type=checkbox], .label_wrap .list input[type=checkbox], .move_wrap .list input[type=checkbox], .notice_wrap .list input[type=checkbox] {
  position: absolute;
  top: 0px;
  left: -99999px;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}
.list_wrap .list .list_area, .label_wrap .list .list_area, .move_wrap .list .list_area, .notice_wrap .list .list_area {
  position: relative;
  padding: 32px 10px 10px 43px;
  background-color: #fff;
  z-index: 20;
}
.list_wrap .list .list_area.type_none_pt, .label_wrap .list .list_area.type_none_pt, .move_wrap .list .list_area.type_none_pt, .notice_wrap .list .list_area.type_none_pt {
  padding: 6px 10px 10px 43px;
}
.list_wrap .list .list_type1.type_normal_1, .list_wrap .list .list_type2.type_normal_1, .list_wrap .list .list_type3.type_normal_1, .label_wrap .list .list_type1.type_normal_1, .label_wrap .list .list_type2.type_normal_1, .label_wrap .list .list_type3.type_normal_1, .move_wrap .list .list_type1.type_normal_1, .move_wrap .list .list_type2.type_normal_1, .move_wrap .list .list_type3.type_normal_1, .notice_wrap .list .list_type1.type_normal_1, .notice_wrap .list .list_type2.type_normal_1, .notice_wrap .list .list_type3.type_normal_1 {
  min-height: 220px;
}
.list_wrap .list .list_type1.type_normal_1 > li, .list_wrap .list .list_type2.type_normal_1 > li, .list_wrap .list .list_type3.type_normal_1 > li, .label_wrap .list .list_type1.type_normal_1 > li, .label_wrap .list .list_type2.type_normal_1 > li, .label_wrap .list .list_type3.type_normal_1 > li, .move_wrap .list .list_type1.type_normal_1 > li, .move_wrap .list .list_type2.type_normal_1 > li, .move_wrap .list .list_type3.type_normal_1 > li, .notice_wrap .list .list_type1.type_normal_1 > li, .notice_wrap .list .list_type2.type_normal_1 > li, .notice_wrap .list .list_type3.type_normal_1 > li {
  padding: 10px 10px 10px 15px;
}
.list_wrap .list .list_type1.set_nowrap .title_area, .list_wrap .list .list_type2.set_nowrap .title_area, .list_wrap .list .list_type3.set_nowrap .title_area, .label_wrap .list .list_type1.set_nowrap .title_area, .label_wrap .list .list_type2.set_nowrap .title_area, .label_wrap .list .list_type3.set_nowrap .title_area, .move_wrap .list .list_type1.set_nowrap .title_area, .move_wrap .list .list_type2.set_nowrap .title_area, .move_wrap .list .list_type3.set_nowrap .title_area, .notice_wrap .list .list_type1.set_nowrap .title_area, .notice_wrap .list .list_type2.set_nowrap .title_area, .notice_wrap .list .list_type3.set_nowrap .title_area {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.list_wrap .list .list_type1 > li, .list_wrap .list .list_type2 > li, .list_wrap .list .list_type3 > li, .label_wrap .list .list_type1 > li, .label_wrap .list .list_type2 > li, .label_wrap .list .list_type3 > li, .move_wrap .list .list_type1 > li, .move_wrap .list .list_type2 > li, .move_wrap .list .list_type3 > li, .notice_wrap .list .list_type1 > li, .notice_wrap .list .list_type2 > li, .notice_wrap .list .list_type3 > li {
  position: relative;
  border-style: solid;
  border-color: #f2f2f2;
  border-width: 0 0 1px;
}
.list_wrap .list .list_type1 > li.read .person, .list_wrap .list .list_type1 > li.read .list_type, .list_wrap .list .list_type1 > li.read .title, .list_wrap .list .list_type1 > li.read .subject_category, .list_wrap .list .list_type1 > li.read .date, .list_wrap .list .list_type1 > li.read p, .list_wrap .list .list_type1 > li.read .inline_list.type1 li, .list_wrap .list .list_type2 > li.read .person, .list_wrap .list .list_type2 > li.read .list_type, .list_wrap .list .list_type2 > li.read .title, .list_wrap .list .list_type2 > li.read .subject_category, .list_wrap .list .list_type2 > li.read .date, .list_wrap .list .list_type2 > li.read p, .list_wrap .list .list_type2 > li.read .inline_list.type1 li, .list_wrap .list .list_type3 > li.read .person, .list_wrap .list .list_type3 > li.read .list_type, .list_wrap .list .list_type3 > li.read .title, .list_wrap .list .list_type3 > li.read .subject_category, .list_wrap .list .list_type3 > li.read .date, .list_wrap .list .list_type3 > li.read p, .list_wrap .list .list_type3 > li.read .inline_list.type1 li, .label_wrap .list .list_type1 > li.read .person, .label_wrap .list .list_type1 > li.read .list_type, .label_wrap .list .list_type1 > li.read .title, .label_wrap .list .list_type1 > li.read .subject_category, .label_wrap .list .list_type1 > li.read .date, .label_wrap .list .list_type1 > li.read p, .label_wrap .list .list_type1 > li.read .inline_list.type1 li, .label_wrap .list .list_type2 > li.read .person, .label_wrap .list .list_type2 > li.read .list_type, .label_wrap .list .list_type2 > li.read .title, .label_wrap .list .list_type2 > li.read .subject_category, .label_wrap .list .list_type2 > li.read .date, .label_wrap .list .list_type2 > li.read p, .label_wrap .list .list_type2 > li.read .inline_list.type1 li, .label_wrap .list .list_type3 > li.read .person, .label_wrap .list .list_type3 > li.read .list_type, .label_wrap .list .list_type3 > li.read .title, .label_wrap .list .list_type3 > li.read .subject_category, .label_wrap .list .list_type3 > li.read .date, .label_wrap .list .list_type3 > li.read p, .label_wrap .list .list_type3 > li.read .inline_list.type1 li, .move_wrap .list .list_type1 > li.read .person, .move_wrap .list .list_type1 > li.read .list_type, .move_wrap .list .list_type1 > li.read .title, .move_wrap .list .list_type1 > li.read .subject_category, .move_wrap .list .list_type1 > li.read .date, .move_wrap .list .list_type1 > li.read p, .move_wrap .list .list_type1 > li.read .inline_list.type1 li, .move_wrap .list .list_type2 > li.read .person, .move_wrap .list .list_type2 > li.read .list_type, .move_wrap .list .list_type2 > li.read .title, .move_wrap .list .list_type2 > li.read .subject_category, .move_wrap .list .list_type2 > li.read .date, .move_wrap .list .list_type2 > li.read p, .move_wrap .list .list_type2 > li.read .inline_list.type1 li, .move_wrap .list .list_type3 > li.read .person, .move_wrap .list .list_type3 > li.read .list_type, .move_wrap .list .list_type3 > li.read .title, .move_wrap .list .list_type3 > li.read .subject_category, .move_wrap .list .list_type3 > li.read .date, .move_wrap .list .list_type3 > li.read p, .move_wrap .list .list_type3 > li.read .inline_list.type1 li, .notice_wrap .list .list_type1 > li.read .person, .notice_wrap .list .list_type1 > li.read .list_type, .notice_wrap .list .list_type1 > li.read .title, .notice_wrap .list .list_type1 > li.read .subject_category, .notice_wrap .list .list_type1 > li.read .date, .notice_wrap .list .list_type1 > li.read p, .notice_wrap .list .list_type1 > li.read .inline_list.type1 li, .notice_wrap .list .list_type2 > li.read .person, .notice_wrap .list .list_type2 > li.read .list_type, .notice_wrap .list .list_type2 > li.read .title, .notice_wrap .list .list_type2 > li.read .subject_category, .notice_wrap .list .list_type2 > li.read .date, .notice_wrap .list .list_type2 > li.read p, .notice_wrap .list .list_type2 > li.read .inline_list.type1 li, .notice_wrap .list .list_type3 > li.read .person, .notice_wrap .list .list_type3 > li.read .list_type, .notice_wrap .list .list_type3 > li.read .title, .notice_wrap .list .list_type3 > li.read .subject_category, .notice_wrap .list .list_type3 > li.read .date, .notice_wrap .list .list_type3 > li.read p, .notice_wrap .list .list_type3 > li.read .inline_list.type1 li {
  color: #666666;
  font-weight: normal;
}
.list_wrap .list .list_type1 > li.read .person, .list_wrap .list .list_type2 > li.read .person, .list_wrap .list .list_type3 > li.read .person, .label_wrap .list .list_type1 > li.read .person, .label_wrap .list .list_type2 > li.read .person, .label_wrap .list .list_type3 > li.read .person, .move_wrap .list .list_type1 > li.read .person, .move_wrap .list .list_type2 > li.read .person, .move_wrap .list .list_type3 > li.read .person, .notice_wrap .list .list_type1 > li.read .person, .notice_wrap .list .list_type2 > li.read .person, .notice_wrap .list .list_type3 > li.read .person {
  font-weight: normal;
}
.list_wrap .list .list_type1 .nowrap, .list_wrap .list .list_type2 .nowrap, .list_wrap .list .list_type3 .nowrap, .label_wrap .list .list_type1 .nowrap, .label_wrap .list .list_type2 .nowrap, .label_wrap .list .list_type3 .nowrap, .move_wrap .list .list_type1 .nowrap, .move_wrap .list .list_type2 .nowrap, .move_wrap .list .list_type3 .nowrap, .notice_wrap .list .list_type1 .nowrap, .notice_wrap .list .list_type2 .nowrap, .notice_wrap .list .list_type3 .nowrap {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.list_wrap .list .list_type1 .person, .list_wrap .list .list_type2 .person, .list_wrap .list .list_type3 .person, .label_wrap .list .list_type1 .person, .label_wrap .list .list_type2 .person, .label_wrap .list .list_type3 .person, .move_wrap .list .list_type1 .person, .move_wrap .list .list_type2 .person, .move_wrap .list .list_type3 .person, .notice_wrap .list .list_type1 .person, .notice_wrap .list .list_type2 .person, .notice_wrap .list .list_type3 .person {
  position: absolute;
  top: 9px;
  left: 43px;
  right: 160px;
  color: #555;
  font-weight: bold;
  font-size: 1em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.list_wrap .list .list_type1 .date, .list_wrap .list .list_type2 .date, .list_wrap .list .list_type3 .date, .label_wrap .list .list_type1 .date, .label_wrap .list .list_type2 .date, .label_wrap .list .list_type3 .date, .move_wrap .list .list_type1 .date, .move_wrap .list .list_type2 .date, .move_wrap .list .list_type3 .date, .notice_wrap .list .list_type1 .date, .notice_wrap .list .list_type2 .date, .notice_wrap .list .list_type3 .date {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #666666;
  font-size: 0.85em;
}
.list_wrap .list .list_type1 .btn_readinfo, .list_wrap .list .list_type2 .btn_readinfo, .list_wrap .list .list_type3 .btn_readinfo, .label_wrap .list .list_type1 .btn_readinfo, .label_wrap .list .list_type2 .btn_readinfo, .label_wrap .list .list_type3 .btn_readinfo, .move_wrap .list .list_type1 .btn_readinfo, .move_wrap .list .list_type2 .btn_readinfo, .move_wrap .list .list_type3 .btn_readinfo, .notice_wrap .list .list_type1 .btn_readinfo, .notice_wrap .list .list_type2 .btn_readinfo, .notice_wrap .list .list_type3 .btn_readinfo {
  position: absolute;
  top: 3px;
  right: 145px;
}
.list_wrap .list .list_type1 .btn_readinfo span, .list_wrap .list .list_type2 .btn_readinfo span, .list_wrap .list .list_type3 .btn_readinfo span, .label_wrap .list .list_type1 .btn_readinfo span, .label_wrap .list .list_type2 .btn_readinfo span, .label_wrap .list .list_type3 .btn_readinfo span, .move_wrap .list .list_type1 .btn_readinfo span, .move_wrap .list .list_type2 .btn_readinfo span, .move_wrap .list .list_type3 .btn_readinfo span, .notice_wrap .list .list_type1 .btn_readinfo span, .notice_wrap .list .list_type2 .btn_readinfo span, .notice_wrap .list .list_type3 .btn_readinfo span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}
.list_wrap .list .list_type1 .important_star, .list_wrap .list .list_type2 .important_star, .list_wrap .list .list_type3 .important_star, .label_wrap .list .list_type1 .important_star, .label_wrap .list .list_type2 .important_star, .label_wrap .list .list_type3 .important_star, .move_wrap .list .list_type1 .important_star, .move_wrap .list .list_type2 .important_star, .move_wrap .list .list_type3 .important_star, .notice_wrap .list .list_type1 .important_star, .notice_wrap .list .list_type2 .important_star, .notice_wrap .list .list_type3 .important_star {
  display: inline-block;
  position: absolute;
  top: 33px;
  left: 5px;
  width: 30px;
  height: 35px;
  background-image: url("../img/icon_important_off.svg");
  background-size: 20px auto;
  background-position: 7px 5px;
  background-repeat: no-repeat;
}
.list_wrap .list .list_type1 .important_star.active, .list_wrap .list .list_type2 .important_star.active, .list_wrap .list .list_type3 .important_star.active, .label_wrap .list .list_type1 .important_star.active, .label_wrap .list .list_type2 .important_star.active, .label_wrap .list .list_type3 .important_star.active, .move_wrap .list .list_type1 .important_star.active, .move_wrap .list .list_type2 .important_star.active, .move_wrap .list .list_type3 .important_star.active, .notice_wrap .list .list_type1 .important_star.active, .notice_wrap .list .list_type2 .important_star.active, .notice_wrap .list .list_type3 .important_star.active {
  background-image: url("../img/icon_important_on.svg");
}
.list_wrap .list .list_type1 .important_star span, .list_wrap .list .list_type2 .important_star span, .list_wrap .list .list_type3 .important_star span, .label_wrap .list .list_type1 .important_star span, .label_wrap .list .list_type2 .important_star span, .label_wrap .list .list_type3 .important_star span, .move_wrap .list .list_type1 .important_star span, .move_wrap .list .list_type2 .important_star span, .move_wrap .list .list_type3 .important_star span, .notice_wrap .list .list_type1 .important_star span, .notice_wrap .list .list_type2 .important_star span, .notice_wrap .list .list_type3 .important_star span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}
.list_wrap .list .list_type1 .icon_mail_no_read, .list_wrap .list .list_type2 .icon_mail_no_read, .list_wrap .list .list_type3 .icon_mail_no_read, .label_wrap .list .list_type1 .icon_mail_no_read, .label_wrap .list .list_type2 .icon_mail_no_read, .label_wrap .list .list_type3 .icon_mail_no_read, .move_wrap .list .list_type1 .icon_mail_no_read, .move_wrap .list .list_type2 .icon_mail_no_read, .move_wrap .list .list_type3 .icon_mail_no_read, .notice_wrap .list .list_type1 .icon_mail_no_read, .notice_wrap .list .list_type2 .icon_mail_no_read, .notice_wrap .list .list_type3 .icon_mail_no_read {
  display: inline-block;
  width: 16px;
  height: 15px;
  margin: 0 3px 0 0;
  background-image: url("../img/icon_mail_noread.svg");
  background-size: 16px 11px;
  background-position: 0 3px;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.list_wrap .list .list_type1 .icon_mail_no_read span, .list_wrap .list .list_type2 .icon_mail_no_read span, .list_wrap .list .list_type3 .icon_mail_no_read span, .label_wrap .list .list_type1 .icon_mail_no_read span, .label_wrap .list .list_type2 .icon_mail_no_read span, .label_wrap .list .list_type3 .icon_mail_no_read span, .move_wrap .list .list_type1 .icon_mail_no_read span, .move_wrap .list .list_type2 .icon_mail_no_read span, .move_wrap .list .list_type3 .icon_mail_no_read span, .notice_wrap .list .list_type1 .icon_mail_no_read span, .notice_wrap .list .list_type2 .icon_mail_no_read span, .notice_wrap .list .list_type3 .icon_mail_no_read span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}
.list_wrap .list .list_type1 .icon_mail_read, .list_wrap .list .list_type2 .icon_mail_read, .list_wrap .list .list_type3 .icon_mail_read, .label_wrap .list .list_type1 .icon_mail_read, .label_wrap .list .list_type2 .icon_mail_read, .label_wrap .list .list_type3 .icon_mail_read, .move_wrap .list .list_type1 .icon_mail_read, .move_wrap .list .list_type2 .icon_mail_read, .move_wrap .list .list_type3 .icon_mail_read, .notice_wrap .list .list_type1 .icon_mail_read, .notice_wrap .list .list_type2 .icon_mail_read, .notice_wrap .list .list_type3 .icon_mail_read {
  display: inline-block;
  width: 16px;
  height: 15px;
  margin: 0 3px 0 0;
  background-image: url("../img/icon_mail_read.svg");
  background-size: 16px 13px;
  background-position: 0 2px;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.list_wrap .list .list_type1 .icon_mail_read span, .list_wrap .list .list_type2 .icon_mail_read span, .list_wrap .list .list_type3 .icon_mail_read span, .label_wrap .list .list_type1 .icon_mail_read span, .label_wrap .list .list_type2 .icon_mail_read span, .label_wrap .list .list_type3 .icon_mail_read span, .move_wrap .list .list_type1 .icon_mail_read span, .move_wrap .list .list_type2 .icon_mail_read span, .move_wrap .list .list_type3 .icon_mail_read span, .notice_wrap .list .list_type1 .icon_mail_read span, .notice_wrap .list .list_type2 .icon_mail_read span, .notice_wrap .list .list_type3 .icon_mail_read span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}
.list_wrap .list .list_type1 .icon_mail_forwarding, .list_wrap .list .list_type2 .icon_mail_forwarding, .list_wrap .list .list_type3 .icon_mail_forwarding, .label_wrap .list .list_type1 .icon_mail_forwarding, .label_wrap .list .list_type2 .icon_mail_forwarding, .label_wrap .list .list_type3 .icon_mail_forwarding, .move_wrap .list .list_type1 .icon_mail_forwarding, .move_wrap .list .list_type2 .icon_mail_forwarding, .move_wrap .list .list_type3 .icon_mail_forwarding, .notice_wrap .list .list_type1 .icon_mail_forwarding, .notice_wrap .list .list_type2 .icon_mail_forwarding, .notice_wrap .list .list_type3 .icon_mail_forwarding {
  display: inline-block;
  width: 16px;
  height: 15px;
  margin: 0 3px 0 0;
  background-image: url("../img/icon_mail_forwarding.svg");
  background-size: 16px 13px;
  background-position: 0 2px;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.list_wrap .list .list_type1 .icon_mail_forwarding span, .list_wrap .list .list_type2 .icon_mail_forwarding span, .list_wrap .list .list_type3 .icon_mail_forwarding span, .label_wrap .list .list_type1 .icon_mail_forwarding span, .label_wrap .list .list_type2 .icon_mail_forwarding span, .label_wrap .list .list_type3 .icon_mail_forwarding span, .move_wrap .list .list_type1 .icon_mail_forwarding span, .move_wrap .list .list_type2 .icon_mail_forwarding span, .move_wrap .list .list_type3 .icon_mail_forwarding span, .notice_wrap .list .list_type1 .icon_mail_forwarding span, .notice_wrap .list .list_type2 .icon_mail_forwarding span, .notice_wrap .list .list_type3 .icon_mail_forwarding span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}
.list_wrap .list .list_type1 .icon_mail_reply, .list_wrap .list .list_type2 .icon_mail_reply, .list_wrap .list .list_type3 .icon_mail_reply, .label_wrap .list .list_type1 .icon_mail_reply, .label_wrap .list .list_type2 .icon_mail_reply, .label_wrap .list .list_type3 .icon_mail_reply, .move_wrap .list .list_type1 .icon_mail_reply, .move_wrap .list .list_type2 .icon_mail_reply, .move_wrap .list .list_type3 .icon_mail_reply, .notice_wrap .list .list_type1 .icon_mail_reply, .notice_wrap .list .list_type2 .icon_mail_reply, .notice_wrap .list .list_type3 .icon_mail_reply {
  display: inline-block;
  width: 16px;
  height: 15px;
  margin: 0 3px 0 0;
  background-image: url("../img/icon_mail_reply.svg");
  background-size: 16px 13px;
  background-position: 0 2px;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.list_wrap .list .list_type1 .icon_mail_reply span, .list_wrap .list .list_type2 .icon_mail_reply span, .list_wrap .list .list_type3 .icon_mail_reply span, .label_wrap .list .list_type1 .icon_mail_reply span, .label_wrap .list .list_type2 .icon_mail_reply span, .label_wrap .list .list_type3 .icon_mail_reply span, .move_wrap .list .list_type1 .icon_mail_reply span, .move_wrap .list .list_type2 .icon_mail_reply span, .move_wrap .list .list_type3 .icon_mail_reply span, .notice_wrap .list .list_type1 .icon_mail_reply span, .notice_wrap .list .list_type2 .icon_mail_reply span, .notice_wrap .list .list_type3 .icon_mail_reply span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}
.list_wrap .list .list_type1 .icon_mail_absence, .list_wrap .list .list_type2 .icon_mail_absence, .list_wrap .list .list_type3 .icon_mail_absence, .label_wrap .list .list_type1 .icon_mail_absence, .label_wrap .list .list_type2 .icon_mail_absence, .label_wrap .list .list_type3 .icon_mail_absence, .move_wrap .list .list_type1 .icon_mail_absence, .move_wrap .list .list_type2 .icon_mail_absence, .move_wrap .list .list_type3 .icon_mail_absence, .notice_wrap .list .list_type1 .icon_mail_absence, .notice_wrap .list .list_type2 .icon_mail_absence, .notice_wrap .list .list_type3 .icon_mail_absence {
  display: inline-block;
  width: 16px;
  height: 15px;
  margin: 0 3px 0 0;
  background-image: url("../img/icon_mail_absence.svg");
  background-size: 16px 11px;
  background-position: 0 3px;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.list_wrap .list .list_type1 .icon_mail_absence span, .list_wrap .list .list_type2 .icon_mail_absence span, .list_wrap .list .list_type3 .icon_mail_absence span, .label_wrap .list .list_type1 .icon_mail_absence span, .label_wrap .list .list_type2 .icon_mail_absence span, .label_wrap .list .list_type3 .icon_mail_absence span, .move_wrap .list .list_type1 .icon_mail_absence span, .move_wrap .list .list_type2 .icon_mail_absence span, .move_wrap .list .list_type3 .icon_mail_absence span, .notice_wrap .list .list_type1 .icon_mail_absence span, .notice_wrap .list .list_type2 .icon_mail_absence span, .notice_wrap .list .list_type3 .icon_mail_absence span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}
.list_wrap .list .list_type1 .icon_file, .list_wrap .list .list_type2 .icon_file, .list_wrap .list .list_type3 .icon_file, .label_wrap .list .list_type1 .icon_file, .label_wrap .list .list_type2 .icon_file, .label_wrap .list .list_type3 .icon_file, .move_wrap .list .list_type1 .icon_file, .move_wrap .list .list_type2 .icon_file, .move_wrap .list .list_type3 .icon_file, .notice_wrap .list .list_type1 .icon_file, .notice_wrap .list .list_type2 .icon_file, .notice_wrap .list .list_type3 .icon_file {
  display: inline-block;
  width: 12px;
  height: 18px;
  background-image: url("../img/icon_file.svg");
  background-size: 10px auto;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.list_wrap .list .list_type1 .icon_file span, .list_wrap .list .list_type2 .icon_file span, .list_wrap .list .list_type3 .icon_file span, .label_wrap .list .list_type1 .icon_file span, .label_wrap .list .list_type2 .icon_file span, .label_wrap .list .list_type3 .icon_file span, .move_wrap .list .list_type1 .icon_file span, .move_wrap .list .list_type2 .icon_file span, .move_wrap .list .list_type3 .icon_file span, .notice_wrap .list .list_type1 .icon_file span, .notice_wrap .list .list_type2 .icon_file span, .notice_wrap .list .list_type3 .icon_file span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}
.list_wrap .list .list_type1 .list_type, .list_wrap .list .list_type2 .list_type, .list_wrap .list .list_type3 .list_type, .label_wrap .list .list_type1 .list_type, .label_wrap .list .list_type2 .list_type, .label_wrap .list .list_type3 .list_type, .move_wrap .list .list_type1 .list_type, .move_wrap .list .list_type2 .list_type, .move_wrap .list .list_type3 .list_type, .notice_wrap .list .list_type1 .list_type, .notice_wrap .list .list_type2 .list_type, .notice_wrap .list .list_type3 .list_type {
  color: #5c74d8;
}
.list_wrap .list .list_type1 .list_type.number, .list_wrap .list .list_type2 .list_type.number, .list_wrap .list .list_type3 .list_type.number, .label_wrap .list .list_type1 .list_type.number, .label_wrap .list .list_type2 .list_type.number, .label_wrap .list .list_type3 .list_type.number, .move_wrap .list .list_type1 .list_type.number, .move_wrap .list .list_type2 .list_type.number, .move_wrap .list .list_type3 .list_type.number, .notice_wrap .list .list_type1 .list_type.number, .notice_wrap .list .list_type2 .list_type.number, .notice_wrap .list .list_type3 .list_type.number {
  letter-spacing: -0.5px;
}
.list_wrap .list .list_type1 .list_type, .list_wrap .list .list_type1 .accent, .list_wrap .list .list_type1 .icon_file, .list_wrap .list .list_type1 .title, .list_wrap .list .list_type2 .list_type, .list_wrap .list .list_type2 .accent, .list_wrap .list .list_type2 .icon_file, .list_wrap .list .list_type2 .title, .list_wrap .list .list_type3 .list_type, .list_wrap .list .list_type3 .accent, .list_wrap .list .list_type3 .icon_file, .list_wrap .list .list_type3 .title, .label_wrap .list .list_type1 .list_type, .label_wrap .list .list_type1 .accent, .label_wrap .list .list_type1 .icon_file, .label_wrap .list .list_type1 .title, .label_wrap .list .list_type2 .list_type, .label_wrap .list .list_type2 .accent, .label_wrap .list .list_type2 .icon_file, .label_wrap .list .list_type2 .title, .label_wrap .list .list_type3 .list_type, .label_wrap .list .list_type3 .accent, .label_wrap .list .list_type3 .icon_file, .label_wrap .list .list_type3 .title, .move_wrap .list .list_type1 .list_type, .move_wrap .list .list_type1 .accent, .move_wrap .list .list_type1 .icon_file, .move_wrap .list .list_type1 .title, .move_wrap .list .list_type2 .list_type, .move_wrap .list .list_type2 .accent, .move_wrap .list .list_type2 .icon_file, .move_wrap .list .list_type2 .title, .move_wrap .list .list_type3 .list_type, .move_wrap .list .list_type3 .accent, .move_wrap .list .list_type3 .icon_file, .move_wrap .list .list_type3 .title, .notice_wrap .list .list_type1 .list_type, .notice_wrap .list .list_type1 .accent, .notice_wrap .list .list_type1 .icon_file, .notice_wrap .list .list_type1 .title, .notice_wrap .list .list_type2 .list_type, .notice_wrap .list .list_type2 .accent, .notice_wrap .list .list_type2 .icon_file, .notice_wrap .list .list_type2 .title, .notice_wrap .list .list_type3 .list_type, .notice_wrap .list .list_type3 .accent, .notice_wrap .list .list_type3 .icon_file, .notice_wrap .list .list_type3 .title {
  vertical-align: middle;
  margin: 0 3px 0 0;
}
.list_wrap .list .list_type1 .title_area, .list_wrap .list .list_type2 .title_area, .list_wrap .list .list_type3 .title_area, .label_wrap .list .list_type1 .title_area, .label_wrap .list .list_type2 .title_area, .label_wrap .list .list_type3 .title_area, .move_wrap .list .list_type1 .title_area, .move_wrap .list .list_type2 .title_area, .move_wrap .list .list_type3 .title_area, .notice_wrap .list .list_type1 .title_area, .notice_wrap .list .list_type2 .title_area, .notice_wrap .list .list_type3 .title_area {
  margin: 0 0 0;
  line-height: 1.6;
}
.list_wrap .list .list_type1 .title_area .writer, .list_wrap .list .list_type2 .title_area .writer, .list_wrap .list .list_type3 .title_area .writer, .label_wrap .list .list_type1 .title_area .writer, .label_wrap .list .list_type2 .title_area .writer, .label_wrap .list .list_type3 .title_area .writer, .move_wrap .list .list_type1 .title_area .writer, .move_wrap .list .list_type2 .title_area .writer, .move_wrap .list .list_type3 .title_area .writer, .notice_wrap .list .list_type1 .title_area .writer, .notice_wrap .list .list_type2 .title_area .writer, .notice_wrap .list .list_type3 .title_area .writer {
  display: inline-block;
  color: #666666;
  font-size: 0.9em;
  vertical-align: middle;
}
.list_wrap .list .list_type1 .title, .list_wrap .list .list_type1 .subject_category, .list_wrap .list .list_type2 .title, .list_wrap .list .list_type2 .subject_category, .list_wrap .list .list_type3 .title, .list_wrap .list .list_type3 .subject_category, .label_wrap .list .list_type1 .title, .label_wrap .list .list_type1 .subject_category, .label_wrap .list .list_type2 .title, .label_wrap .list .list_type2 .subject_category, .label_wrap .list .list_type3 .title, .label_wrap .list .list_type3 .subject_category, .move_wrap .list .list_type1 .title, .move_wrap .list .list_type1 .subject_category, .move_wrap .list .list_type2 .title, .move_wrap .list .list_type2 .subject_category, .move_wrap .list .list_type3 .title, .move_wrap .list .list_type3 .subject_category, .notice_wrap .list .list_type1 .title, .notice_wrap .list .list_type1 .subject_category, .notice_wrap .list .list_type2 .title, .notice_wrap .list .list_type2 .subject_category, .notice_wrap .list .list_type3 .title, .notice_wrap .list .list_type3 .subject_category {
  font-weight: bold;
  word-break: break-all;
}
.list_wrap .list .list_type1 .title.read, .list_wrap .list .list_type1 .subject_category.read, .list_wrap .list .list_type2 .title.read, .list_wrap .list .list_type2 .subject_category.read, .list_wrap .list .list_type3 .title.read, .list_wrap .list .list_type3 .subject_category.read, .label_wrap .list .list_type1 .title.read, .label_wrap .list .list_type1 .subject_category.read, .label_wrap .list .list_type2 .title.read, .label_wrap .list .list_type2 .subject_category.read, .label_wrap .list .list_type3 .title.read, .label_wrap .list .list_type3 .subject_category.read, .move_wrap .list .list_type1 .title.read, .move_wrap .list .list_type1 .subject_category.read, .move_wrap .list .list_type2 .title.read, .move_wrap .list .list_type2 .subject_category.read, .move_wrap .list .list_type3 .title.read, .move_wrap .list .list_type3 .subject_category.read, .notice_wrap .list .list_type1 .title.read, .notice_wrap .list .list_type1 .subject_category.read, .notice_wrap .list .list_type2 .title.read, .notice_wrap .list .list_type2 .subject_category.read, .notice_wrap .list .list_type3 .title.read, .notice_wrap .list .list_type3 .subject_category.read {
  font-weight: normal;
}
.list_wrap .list .list_type1 p, .list_wrap .list .list_type1 .explain_text, .list_wrap .list .list_type2 p, .list_wrap .list .list_type2 .explain_text, .list_wrap .list .list_type3 p, .list_wrap .list .list_type3 .explain_text, .label_wrap .list .list_type1 p, .label_wrap .list .list_type1 .explain_text, .label_wrap .list .list_type2 p, .label_wrap .list .list_type2 .explain_text, .label_wrap .list .list_type3 p, .label_wrap .list .list_type3 .explain_text, .move_wrap .list .list_type1 p, .move_wrap .list .list_type1 .explain_text, .move_wrap .list .list_type2 p, .move_wrap .list .list_type2 .explain_text, .move_wrap .list .list_type3 p, .move_wrap .list .list_type3 .explain_text, .notice_wrap .list .list_type1 p, .notice_wrap .list .list_type1 .explain_text, .notice_wrap .list .list_type2 p, .notice_wrap .list .list_type2 .explain_text, .notice_wrap .list .list_type3 p, .notice_wrap .list .list_type3 .explain_text {
  margin: 5px 0 3px;
  color: #666666;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.9em;
}
.list_wrap .list .list_type1 p .readinfo, .list_wrap .list .list_type1 .explain_text .readinfo, .list_wrap .list .list_type2 p .readinfo, .list_wrap .list .list_type2 .explain_text .readinfo, .list_wrap .list .list_type3 p .readinfo, .list_wrap .list .list_type3 .explain_text .readinfo, .label_wrap .list .list_type1 p .readinfo, .label_wrap .list .list_type1 .explain_text .readinfo, .label_wrap .list .list_type2 p .readinfo, .label_wrap .list .list_type2 .explain_text .readinfo, .label_wrap .list .list_type3 p .readinfo, .label_wrap .list .list_type3 .explain_text .readinfo, .move_wrap .list .list_type1 p .readinfo, .move_wrap .list .list_type1 .explain_text .readinfo, .move_wrap .list .list_type2 p .readinfo, .move_wrap .list .list_type2 .explain_text .readinfo, .move_wrap .list .list_type3 p .readinfo, .move_wrap .list .list_type3 .explain_text .readinfo, .notice_wrap .list .list_type1 p .readinfo, .notice_wrap .list .list_type1 .explain_text .readinfo, .notice_wrap .list .list_type2 p .readinfo, .notice_wrap .list .list_type2 .explain_text .readinfo, .notice_wrap .list .list_type3 p .readinfo, .notice_wrap .list .list_type3 .explain_text .readinfo {
  position: absolute;
  bottom: 0;
  right: 0;
}
.list_wrap .list .list_type1 p .readinfo span, .list_wrap .list .list_type1 .explain_text .readinfo span, .list_wrap .list .list_type2 p .readinfo span, .list_wrap .list .list_type2 .explain_text .readinfo span, .list_wrap .list .list_type3 p .readinfo span, .list_wrap .list .list_type3 .explain_text .readinfo span, .label_wrap .list .list_type1 p .readinfo span, .label_wrap .list .list_type1 .explain_text .readinfo span, .label_wrap .list .list_type2 p .readinfo span, .label_wrap .list .list_type2 .explain_text .readinfo span, .label_wrap .list .list_type3 p .readinfo span, .label_wrap .list .list_type3 .explain_text .readinfo span, .move_wrap .list .list_type1 p .readinfo span, .move_wrap .list .list_type1 .explain_text .readinfo span, .move_wrap .list .list_type2 p .readinfo span, .move_wrap .list .list_type2 .explain_text .readinfo span, .move_wrap .list .list_type3 p .readinfo span, .move_wrap .list .list_type3 .explain_text .readinfo span, .notice_wrap .list .list_type1 p .readinfo span, .notice_wrap .list .list_type1 .explain_text .readinfo span, .notice_wrap .list .list_type2 p .readinfo span, .notice_wrap .list .list_type2 .explain_text .readinfo span, .notice_wrap .list .list_type3 p .readinfo span, .notice_wrap .list .list_type3 .explain_text .readinfo span {
  vertical-align: middle;
}
.list_wrap .list .list_type1 p .btn_readinfo, .list_wrap .list .list_type1 .explain_text .btn_readinfo, .list_wrap .list .list_type2 p .btn_readinfo, .list_wrap .list .list_type2 .explain_text .btn_readinfo, .list_wrap .list .list_type3 p .btn_readinfo, .list_wrap .list .list_type3 .explain_text .btn_readinfo, .label_wrap .list .list_type1 p .btn_readinfo, .label_wrap .list .list_type1 .explain_text .btn_readinfo, .label_wrap .list .list_type2 p .btn_readinfo, .label_wrap .list .list_type2 .explain_text .btn_readinfo, .label_wrap .list .list_type3 p .btn_readinfo, .label_wrap .list .list_type3 .explain_text .btn_readinfo, .move_wrap .list .list_type1 p .btn_readinfo, .move_wrap .list .list_type1 .explain_text .btn_readinfo, .move_wrap .list .list_type2 p .btn_readinfo, .move_wrap .list .list_type2 .explain_text .btn_readinfo, .move_wrap .list .list_type3 p .btn_readinfo, .move_wrap .list .list_type3 .explain_text .btn_readinfo, .notice_wrap .list .list_type1 p .btn_readinfo, .notice_wrap .list .list_type1 .explain_text .btn_readinfo, .notice_wrap .list .list_type2 p .btn_readinfo, .notice_wrap .list .list_type2 .explain_text .btn_readinfo, .notice_wrap .list .list_type3 p .btn_readinfo, .notice_wrap .list .list_type3 .explain_text .btn_readinfo {
  position: static;
  top: auto;
  right: auto;
  height: 20px;
}
.list_wrap .list .list_type1 p .date, .list_wrap .list .list_type1 .explain_text .date, .list_wrap .list .list_type2 p .date, .list_wrap .list .list_type2 .explain_text .date, .list_wrap .list .list_type3 p .date, .list_wrap .list .list_type3 .explain_text .date, .label_wrap .list .list_type1 p .date, .label_wrap .list .list_type1 .explain_text .date, .label_wrap .list .list_type2 p .date, .label_wrap .list .list_type2 .explain_text .date, .label_wrap .list .list_type3 p .date, .label_wrap .list .list_type3 .explain_text .date, .move_wrap .list .list_type1 p .date, .move_wrap .list .list_type1 .explain_text .date, .move_wrap .list .list_type2 p .date, .move_wrap .list .list_type2 .explain_text .date, .move_wrap .list .list_type3 p .date, .move_wrap .list .list_type3 .explain_text .date, .notice_wrap .list .list_type1 p .date, .notice_wrap .list .list_type1 .explain_text .date, .notice_wrap .list .list_type2 p .date, .notice_wrap .list .list_type2 .explain_text .date, .notice_wrap .list .list_type3 p .date, .notice_wrap .list .list_type3 .explain_text .date {
  position: static;
  top: auto;
  right: auto;
}
.list_wrap .list .list_type2 > li, .label_wrap .list .list_type2 > li, .move_wrap .list .list_type2 > li, .notice_wrap .list .list_type2 > li {
  padding: 8px 10px 10px 43px;
}
.list_wrap .list .list_type2 input[type=checkbox], .label_wrap .list .list_type2 input[type=checkbox], .move_wrap .list .list_type2 input[type=checkbox], .notice_wrap .list .list_type2 input[type=checkbox] {
  position: absolute;
  top: 10px;
  left: 13px;
}
.list_wrap .list .list_type2 .date, .label_wrap .list .list_type2 .date, .move_wrap .list .list_type2 .date, .notice_wrap .list .list_type2 .date {
  position: static;
}
.list_wrap .list .list_type3 .list_area, .label_wrap .list .list_type3 .list_area, .move_wrap .list .list_type3 .list_area, .notice_wrap .list .list_type3 .list_area {
  padding: 10px 10px 10px 80px;
}
.list_wrap .list .list_type3 .thumb .list_area, .label_wrap .list .list_type3 .thumb .list_area, .move_wrap .list .list_type3 .thumb .list_area, .notice_wrap .list .list_type3 .thumb .list_area {
  min-height: 60px;
}
.list_wrap .list .list_type3 .thumb img, .label_wrap .list .list_type3 .thumb img, .move_wrap .list .list_type3 .thumb img, .notice_wrap .list .list_type3 .thumb img {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 60px;
  height: 60px;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px;
}
.list_wrap .toggle_list.type7, .label_wrap .toggle_list.type7, .move_wrap .toggle_list.type7, .notice_wrap .toggle_list.type7 {
  width: 100px;
}
.list_wrap .notice, .label_wrap .notice, .move_wrap .notice, .notice_wrap .notice {
  display: none;
}
.list_wrap .notice.type_chatting, .label_wrap .notice.type_chatting, .move_wrap .notice.type_chatting, .notice_wrap .notice.type_chatting {
  right: -60px;
}
.list_wrap .notice.active, .label_wrap .notice.active, .move_wrap .notice.active, .notice_wrap .notice.active {
  display: block;
}
.list_wrap .notice.src_option_active .src_option, .label_wrap .notice.src_option_active .src_option, .move_wrap .notice.src_option_active .src_option, .notice_wrap .notice.src_option_active .src_option {
  display: block;
}
.list_wrap .notice.src_option_active .notice_list, .label_wrap .notice.src_option_active .notice_list, .move_wrap .notice.src_option_active .notice_list, .notice_wrap .notice.src_option_active .notice_list {
  top: 127px;
}
.list_wrap .notice.src_option_active .btn.none, .label_wrap .notice.src_option_active .btn.none, .move_wrap .notice.src_option_active .btn.none, .notice_wrap .notice.src_option_active .btn.none {
  display: inline-block;
}
.list_wrap .notice.search_active .notice_list.type_invitate, .label_wrap .notice.search_active .notice_list.type_invitate, .move_wrap .notice.search_active .notice_list.type_invitate, .notice_wrap .notice.search_active .notice_list.type_invitate, .notice_wrap .survey.search_active .survey_list.type_invitate {
  display: block;
}
.list_wrap .notice.search_active .notice_list.type_list, .label_wrap .notice.search_active .notice_list.type_list, .move_wrap .notice.search_active .notice_list.type_list, .notice_wrap .notice.search_active .notice_list.type_list {
  display: none;
}
.list_wrap .notice.show_pagination .notice_list, .label_wrap .notice.show_pagination .notice_list, .move_wrap .notice.show_pagination .notice_list, .notice_wrap .notice.show_pagination .notice_list {
  bottom: 49px;
}
.list_wrap .notice.show_pagination .pagination, .label_wrap .notice.show_pagination .pagination, .move_wrap .notice.show_pagination .pagination, .notice_wrap .notice.show_pagination .pagination {
  display: block;
}
.list_wrap .notice .pagination, .label_wrap .notice .pagination, .move_wrap .notice .pagination, .notice_wrap .notice .pagination {
  display: none;
}
.list_wrap .notice .btn.none, .label_wrap .notice .btn.none, .move_wrap .notice .btn.none, .notice_wrap .notice .btn.none {
  display: none;
}
.list_wrap .notice .btn_area, .label_wrap .notice .btn_area, .move_wrap .notice .btn_area, .notice_wrap .notice .btn_area {
  position: absolute;
  top: 10px;
  right: 10px;
}
.list_wrap .notice .btn_close, .label_wrap .notice .btn_close, .move_wrap .notice .btn_close, .notice_wrap .notice .btn_close {
  display: inline-block;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 18px;
  margin: 0 0 0 30px;
  background-image: url("../img/btn.png");
  background-position: 0 -1290px;
  background-repeat: no-repeat;
}
.list_wrap .notice .line_list, .label_wrap .notice .line_list, .move_wrap .notice .line_list, .notice_wrap .notice .line_list {
  margin: 30px;
}
.list_wrap .notice .list, .label_wrap .notice .list, .move_wrap .notice .list, .notice_wrap .notice .list {
  padding: 0;
}
.list_wrap .notice .list input[type=checkbox], .label_wrap .notice .list input[type=checkbox], .move_wrap .notice .list input[type=checkbox], .notice_wrap .notice .list input[type=checkbox] {
  top: -9999px !important;
}
.list_wrap .notice .src_option, .label_wrap .notice .src_option, .move_wrap .notice .src_option, .notice_wrap .notice .src_option {
  position: relative;
  display: none;
  height: 45px;
  padding: 10px;
  border-style: solid;
  border-color: #cccccc;
  border-width: 0 0 1px;
  background-color: #dddddd;
}
.list_wrap .notice .src_option input[type=search], .label_wrap .notice .src_option input[type=search], .move_wrap .notice .src_option input[type=search], .notice_wrap .notice .src_option input[type=search] {
  width: 380px;
}
.list_wrap .notice .src_option .cancle, .label_wrap .notice .src_option .cancle, .move_wrap .notice .src_option .cancle, .notice_wrap .notice .src_option .cancle {
  position: absolute;
  top: 10px;
  right: 10px;
}
.list_wrap .notice_top_area, .label_wrap .notice_top_area, .move_wrap .notice_top_area, .notice_wrap .notice_top_area {
  position: relative;
  min-height: 36px;
  padding: 10px;
  border-style: solid;
  border-color: #cccccc;
  border-width: 0 0 1px;
}
.list_wrap .notice_top_area.type_pad_1, .label_wrap .notice_top_area.type_pad_1, .move_wrap .notice_top_area.type_pad_1, .notice_wrap .notice_top_area.type_pad_1 {
  padding: 10px 10px 10px 35px;
}
.list_wrap .notice_top_area.type_pad_1 input[type=checkbox], .label_wrap .notice_top_area.type_pad_1 input[type=checkbox], .move_wrap .notice_top_area.type_pad_1 input[type=checkbox], .notice_wrap .notice_top_area.type_pad_1 input[type=checkbox] {
  position: absolute;
  top: 19px;
  left: 10px;
}
.list_wrap .notice_list.onoff_line .person_name, .label_wrap .notice_list.onoff_line .person_name, .move_wrap .notice_list.onoff_line .person_name, .notice_wrap .notice_list.onoff_line .person_name {
  position: relative;
  padding: 0 0 0 12px;
}
.list_wrap .notice_list.onoff_line .offline, .label_wrap .notice_list.onoff_line .offline, .move_wrap .notice_list.onoff_line .offline, .notice_wrap .notice_list.onoff_line .offline {
  display: inline-block;
  position: absolute;
  top: 3px;
  left: 0;
  width: 8px;
  height: 8px;
  background-color: #999999;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  text-indent: -9999px;
}
.list_wrap .notice_list.onoff_line .offline.online, .label_wrap .notice_list.onoff_line .offline.online, .move_wrap .notice_list.onoff_line .offline.online, .notice_wrap .notice_list.onoff_line .offline.online {
  background-color: #7b8edd;
}
.list_wrap .notice_list.type_invitate, .label_wrap .notice_list.type_invitate, .move_wrap .notice_list.type_invitate, .notice_wrap .notice_list.type_invitate {
  display: none;
}
.list_wrap .notice_list.type_invitate > ul > li, .label_wrap .notice_list.type_invitate > ul > li, .move_wrap .notice_list.type_invitate > ul > li, .notice_wrap .notice_list.type_invitate > ul > li {
  padding: 10px 10px 15px 100px;
  background-color: white;
}
.list_wrap .notice_list.type_invitate > ul > li.none_img, .label_wrap .notice_list.type_invitate > ul > li.none_img, .move_wrap .notice_list.type_invitate > ul > li.none_img, .notice_wrap .notice_list.type_invitate > ul > li.none_img {
  padding: 10px 10px 15px 37px;
}
.list_wrap .notice_list.type_invitate > ul > li.none_img, .label_wrap .notice_list.type_invitate > ul > li.none_img, .move_wrap .notice_list.type_invitate > ul > li.none_img, .notice_wrap .notice_list.type_invitate > ul > li.survey_none_img {
  padding: 10px 10px 15px 15px;
}
.list_wrap .notice_list.type_invitate > ul > li.read, .label_wrap .notice_list.type_invitate > ul > li.read, .move_wrap .notice_list.type_invitate > ul > li.read, .notice_wrap .notice_list.type_invitate > ul > li.read {
  background-color: #fff;
}
.list_wrap .notice_list.type_invitate > ul > li.read .link_txt, .label_wrap .notice_list.type_invitate > ul > li.read .link_txt, .move_wrap .notice_list.type_invitate > ul > li.read .link_txt, .notice_wrap .notice_list.type_invitate > ul > li.read .link_txt {
  font-weight: normal;
  color: #666666;
}
.list_wrap .notice_list.type_invitate > ul > li.read .person_btn_wrap > a, .label_wrap .notice_list.type_invitate > ul > li.read .person_btn_wrap > a, .move_wrap .notice_list.type_invitate > ul > li.read .person_btn_wrap > a, .notice_wrap .notice_list.type_invitate > ul > li.read .person_btn_wrap > a {
  color: #666666;
}
.list_wrap .notice_list.type_invitate .user_img, .label_wrap .notice_list.type_invitate .user_img, .move_wrap .notice_list.type_invitate .user_img, .notice_wrap .notice_list.type_invitate .user_img {
  left: 40px;
}
.list_wrap .notice_list.type_invitate .user_img, .label_wrap .notice_list.type_invitate .user_img, .move_wrap .notice_list.type_invitate .user_img, .notice_wrap .notice_list.type_invitate .user_img.survey_img {
	left: 15px;
	width: 75px;
	height: 75px;
}
.list_wrap .notice_list.type_invitate .normal_txt, .label_wrap .notice_list.type_invitate .normal_txt, .move_wrap .notice_list.type_invitate .normal_txt, .notice_wrap .notice_list.type_invitate .normal_txt {
  display: block;
  margin: 5px 0 0;
  font-weight: normal;
}
.list_wrap .notice_list.type_invitate .normal_txt .part, .label_wrap .notice_list.type_invitate .normal_txt .part, .move_wrap .notice_list.type_invitate .normal_txt .part, .notice_wrap .notice_list.type_invitate .normal_txt .part {
  color: #666666;
}
.list_wrap .notice_list.type_invitate input[type=radio], .list_wrap .notice_list.type_invitate input[type=checkbox], .label_wrap .notice_list.type_invitate input[type=radio], .label_wrap .notice_list.type_invitate input[type=checkbox], .move_wrap .notice_list.type_invitate input[type=radio], .move_wrap .notice_list.type_invitate input[type=checkbox], .notice_wrap .notice_list.type_invitate input[type=radio], .notice_wrap .notice_list.type_invitate input[type=checkbox] {
  position: absolute;
  top: 35px;
  left: 10px;
}
.list_wrap .notice_list > ul > li, .label_wrap .notice_list > ul > li, .move_wrap .notice_list > ul > li, .notice_wrap .notice_list > ul > li {
  position: relative;
  min-height: 83px;
  padding: 15px 15px 30px 75px;
  border-style: solid;
  border-color: #cccccc;
  border-width: 0 0 1px;
}
.list_wrap .notice_list > ul > li > a, .label_wrap .notice_list > ul > li > a, .move_wrap .notice_list > ul > li > a, .notice_wrap .notice_list > ul > li > a {
  display: inline-block;
  max-height: 33px;
  margin: 5px 0 0 0;
  font-size: 11px;
  line-height: 1.5;
  text-overflow: ellipsis;
  overflow: hidden;
}
.list_wrap .notice_list > ul > li > a:hover, .label_wrap .notice_list > ul > li > a:hover, .move_wrap .notice_list > ul > li > a:hover, .notice_wrap .notice_list > ul > li > a:hover {
  text-decoration: underline;
}
.list_wrap .notice_list > ul > li .link_txt, .label_wrap .notice_list > ul > li .link_txt, .move_wrap .notice_list > ul > li .link_txt, .notice_wrap .notice_list > ul > li .link_txt {
  display: inline-block;
  max-height: 40px;
  margin: 5px 0 0;
  font-size: 0.9em;
  line-height: 1.5;
  text-overflow: ellipsis;
  overflow: hidden;
}
.list_wrap .notice_list > ul > li .link_txt:hover, .label_wrap .notice_list > ul > li .link_txt:hover, .move_wrap .notice_list > ul > li .link_txt:hover, .notice_wrap .notice_list > ul > li .link_txt:hover {
  text-decoration: underline;
}
.list_wrap .notice_list > ul > li:hover, .label_wrap .notice_list > ul > li:hover, .move_wrap .notice_list > ul > li:hover, .notice_wrap .notice_list > ul > li:hover {
  background-color: white;
}
.list_wrap .notice_list .btn_area, .label_wrap .notice_list .btn_area, .move_wrap .notice_list .btn_area, .notice_wrap .notice_list .btn_area {
  position: absolute;
  top: auto;
  bottom: 5px;
  right: 15px;
}
.list_wrap .notice_list .date, .label_wrap .notice_list .date, .move_wrap .notice_list .date, .notice_wrap .notice_list .date {
  margin: 0 10px 0 0;
  color: #666666;
  vertical-align: middle;
}
.list_wrap .notice_list .icon_send, .list_wrap .notice_list .btn_icon_confirm, .label_wrap .notice_list .icon_send, .label_wrap .notice_list .btn_icon_confirm, .move_wrap .notice_list .icon_send, .move_wrap .notice_list .btn_icon_confirm, .notice_wrap .notice_list .icon_send, .notice_wrap .notice_list .btn_icon_confirm {
  width: 28px;
  height: 28px;
  vertical-align: middle;
}
.list_wrap .notice_list .icon_send, .label_wrap .notice_list .icon_send, .move_wrap .notice_list .icon_send, .notice_wrap .notice_list .icon_send {
  background-position: 6px -2744px;
}
.list_wrap .user_img, .label_wrap .user_img, .move_wrap .user_img, .notice_wrap .user_img {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 52px;
  height: 62px;
  background-size: 28px auto;
}
.list_wrap .user_img img, .label_wrap .user_img img, .move_wrap .user_img img, .notice_wrap .user_img img {
  width: 50px;
  height: 60px;
}

.list_wrap .user_img img, .label_wrap .user_img img, .move_wrap .user_img img, .notice_wrap .user_img.survey_img img {
  width: 75px;
  height: 75px;
}

.list_wrap .user_img label, .label_wrap .user_img label, .move_wrap .user_img label, .notice_wrap .user_img label {
  display: inline-block;
  width: 50px;
  height: 60px;
}
.list_wrap .person_name, .label_wrap .person_name, .move_wrap .person_name, .notice_wrap .person_name {
  padding: 0;
  font-weight: bold;
}
.list_wrap .person_btn_wrap > a, .label_wrap .person_btn_wrap > a, .move_wrap .person_btn_wrap > a, .notice_wrap .person_btn_wrap > a {
  font-weight: bold;
}
.list_wrap .person_btn_wrap .person_btn_list, .label_wrap .person_btn_wrap .person_btn_list, .move_wrap .person_btn_wrap .person_btn_list, .notice_wrap .person_btn_wrap .person_btn_list {
  left: 0;
  min-width: 200px;
}
.list_wrap .notice_header_area, .label_wrap .notice_header_area, .move_wrap .notice_header_area, .notice_wrap .notice_header_area {
  height: 36px;
  line-height: 36px;
  font-weight: bold;
  text-align: center;
  border-style: solid;
  border-color: #cccccc;
  border-width: 0 0 1px;
  color: #7b8edd;
  font-size: 13px;
}

.icon_file_normal {
  display: inline-block;
  width: 12px;
  height: 18px;
  background-image: url("../img/icon_file.svg");
  background-size: 10px auto;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
  text-indent: -9999px;
}

.icon_survey {
  display: inline-block;position: absolute;background-image: url(../img/survey_02.svg);top: 5px;left: 0;width: 20px;height: 20px;background-size: 20px auto;background-position: 0px 0px;background-repeat: no-repeat;
}

.icon_survey_view {
	top: 10px;	
	width: 70px;
	height: 70px;
	display: inline-block;
	background-image: url(../img/survey_02.svg);
	background-size: 70px auto;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.icon_survey.active, .icon_survey_view.active{
  background-image: url(../img/survey_01.svg);
}

.notice_wrap .page_option .type1 {
  padding: 5px 0 0 10px;
}

.label_type_wrap li {
  display: inline-block;
  position: relative;
  background-color: #5c74d8;
  padding: 0 20px 0 5px;
  margin: 0 5px 0 0;
}
.label_type_wrap .btn_close_label {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  width: 21px;
  height: 21px;
  background-image: url("../img/btn_close_white.svg");
  background-size: 8px 7px;
  background-position: center;
  background-repeat: no-repeat;
}
.label_type_wrap .btn_close_label span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}

.label_type {
  margin: 0 5px 0 0;
  color: #fff;
}

.gray {
  color: #666666;
}

.font_small {
  font-size: 0.9em;
}
.font_small.inline_block_60 {
  display: inline-block;
  width: 60px;
}

.date {
  color: #666666;
  font-size: 0.9em;
}

.category_list {
  display: none;
  border-style: solid;
  border-color: #cccccc;
  border-width: 0 0 1px;
}

.more_menu {
  display: none;
  border-style: solid;
  border-color: #cccccc;
  border-width: 0 0 1px;
}

.search_wrap, .type_head {
  position: relative;
  display: none;
  height: 75px;
  padding: 5px 10px;
  border-style: solid;
  border-color: #cccccc;
  border-width: 0 0 1px;
  background-color: #f8f8f8;
  z-index: 30;
}
.search_wrap.block, .type_head.block {
  display: block;
}
.search_wrap.header_search, .type_head.header_search {
  z-index: 100;
}
.search_wrap.type1, .type_head.type1 {
  padding: 5px 10px 5px 40px;
}
.search_wrap.type1 > input[type="checkbox"], .type_head.type1 > input[type="checkbox"] {
  position: absolute;
  top: -9999px;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}
.search_wrap.type1 .checkbox_label, .type_head.type1 .checkbox_label {
  top: 10px;
}
.search_wrap.type1 input[type="search"], .search_wrap.type1 input[type="text"], .type_head.type1 input[type="search"], .type_head.type1 input[type="text"] {
  width: 77%;
}
@media all and (min-width: 400px) {
  .search_wrap.type1 input[type="search"], .search_wrap.type1 input[type="text"], .type_head.type1 input[type="search"], .type_head.type1 input[type="text"] {
    width: auto;
    left: 175px;
    right: 75px;
  }
}
.search_wrap.type2, .type_head.type2 {
  height: 40px;
  z-index: 41;
  display: block;
}
.search_wrap.type2 input[type="text"], .type_head.type2 input[type="text"] {
  float: none;
  margin: 0;
  position: absolute;
  top: 5px;
  left: 15px;
  right: 75px;
  width: auto;
}
.search_wrap.type3, .type_head.type3 {
  height: 40px;
}
.search_wrap.type3 input[type="text"], .type_head.type3 input[type="text"] {
  float: none;
  margin: 0;
  position: absolute;
  top: 5px;
  left: 10px;
  right: 75px;
  width: auto;
}
.search_wrap.type3 .btn_list, .type_head.type3 .btn_list {
  margin: 0;
}
.search_wrap.type_input_alone, .type_head.type_input_alone {
  height: 41px;
  padding: 5px 100px 5px 10px;
}
.search_wrap.type_input_alone.add_padding, .type_head.type_input_alone.add_padding {
  padding: 5px 160px 5px 10px;
}
.search_wrap.type_input_alone.add_padding .btn_list, .type_head.type_input_alone.add_padding .btn_list {
  right: 90px;
}
.search_wrap.type_input_alone input[type="text"], .type_head.type_input_alone input[type="text"] {
  float: none;
  position: static;
  width: 100%;
  margin: 0;
}
.search_wrap.type_input_alone .btn_list, .type_head.type_input_alone .btn_list {
  position: absolute;
  top: 5px;
  right: 9px;
  margin: 0;
}
.search_wrap.fixed_type_1, .type_head.fixed_type_1 {
  position: absolute;
  top: 80px;
  width: 100%;
}
.search_wrap.fixed_type_2, .type_head.fixed_type_2 {
  top: 121px !important;
  width: 100%;
  z-index: 87 !important;
}
.search_wrap.active, .type_head.active {
  display: block;
}
@media all and (min-width: 400px) {
  .search_wrap, .type_head {
    height: 40px;
  }
}
.search_wrap input[type="search"], .search_wrap input[type="text"], .type_head input[type="search"], .type_head input[type="text"] {
  float: left;
  width: 78%;
  min-width: auto;
  margin: 5px 0 0;
  vertical-align: top;
}
@media all and (min-width: 400px) {
  .search_wrap input[type="search"], .search_wrap input[type="text"], .type_head input[type="search"], .type_head input[type="text"] {
    float: none;
    margin: 0;
    position: absolute;
    top: 5px;
    left: 145px;
    right: 75px;
    width: auto;
  }
}
.search_wrap .btn_list, .type_head .btn_list {
  float: right;
  margin: 5px 0 0;
  background-color: #fff;
}
.search_wrap .btn_list.type1, .type_head .btn_list.type1 {
  margin: 0;
}
@media all and (min-width: 400px) {
  .search_wrap .btn_list, .type_head .btn_list {
    position: absolute;
    top: 5px;
    right: 9px;
    margin: 0;
  }
}
.search_wrap .btn_list > li, .type_head .btn_list > li {
  margin: 0;
}
.search_wrap .btn_write3, .type_head .btn_write3 {
  position: absolute;
  top: 5px;
  right: 9px;
  margin: 0;
  background-color: #fff;
}
.search_wrap .btn_search, .type_head .btn_search {
  background-size: 18px;
}
.search_wrap .toggle_list.type1, .type_head .toggle_list.type1 {
  width: 78%;
}
@media all and (min-width: 400px) {
  .search_wrap .toggle_list.type1, .type_head .toggle_list.type1 {
    width: 130px;
  }
}

.all_search_wrap {
  position: relative;
  padding: 0 80px 0 0;
}
.all_search_wrap .container {
  height: 74px;
}
.all_search_wrap .toggle_list.type1 {
  float: left;
  width: 99%;
  margin: 0 0 10px 0;
}
.all_search_wrap .toggle_list.type1 > div {
  display: none;
}
.all_search_wrap input[type="search"], .all_search_wrap input[type="text"] {
  float: left;
  width: 160px;
}
@media all and (min-width: 400px) {
  .all_search_wrap .toggle_list.type1 {
    display: inline-block;
    width: 130px;
    margin: 0 10px 0 0;
  }
  .all_search_wrap input[type="search"], .all_search_wrap input[type="text"] {
    width: 40%;
  }
  .all_search_wrap .container {
    height: 32px;
  }
}
.all_search_wrap .btn_list {
  position: absolute;
  bottom: 0;
  right: 0;
}
.all_search_wrap .btn_area {
  margin: 20px 0 !important;
}

.inline_list > li {
  display: inline-block;
  font-size: 0.9em;
}
.inline_list.type1.else1 {
  margin: 10px;
}
.inline_list.type1.else1 > li {
  display: block;
  padding: 7px 0 7px 10px;
  text-align: left;
  font-size: 1em;
  background-position: 0 12px;
}
.inline_list.type1.else1 > li .num {
  color: #5c74d8;
  font-weight: bold;
}
.inline_list.type1.else2 li {
  background-image: none;
}
.inline_list.type1 li {
  display: inline-block;
  position: relative;
  margin: 0 5px 0 0;
  text-align: center;
  line-height: 0.85em;
  padding: 0 0 0 10px;
  color: #666666;
  background-image: url("../img/dot.svg");
  background-repeat: no-repeat;
  background-position: 0 4px;
  background-size: 3px;
}
.inline_list.type1 li:first-child {
  margin: 0 5px 1px 0;
}
.inline_list.type1 .underline {
  color: #5c74d8;
}

.view_head {
  position: relative;
  width: 100%;
  background-color: #f8f8f8;
}
.view_head.type1 {
  padding: 10px 10px 10px 35px;
  margin: 0 0 10px;
  border-style: solid;
  border-color: #cccccc;
  border-width: 0 0 1px;
}
.view_head.type1 .btn_star {
  position: absolute;
  top: 10px;
  left: 10px;
}
.view_head.type1 .date {
  margin: 5px 0 0;
}
.view_head.type1 .head_info {
  position: relative;
  margin: 10px 0 0 0;
  white-space: normal;
}
.view_head.type1 .btn_plus {
  position: absolute;
  top: 2px;
  left: -23px;
}
.view_head.type1 .detail {
  margin: 5px 0 0;
}
.view_head.type2 {
  padding: 10px;
  border-style: solid;
  border-color: #cccccc;
  border-width: 0 0 1px;
}
.view_head .label_type_wrap {
  margin: 5px 0 0;
}

.approval_arrow_1 {
  margin: 0 5px;
  font-size: 0.9em;
}

.approval_arrow_2 {
  display: inline-blosk;
  margin: 0 5px;
  font-size: 0.9em;
  vertical-align: top;
}

.iframe_wrap {
  /*margin: 0 auto 20px;*/
  margin: 20px 0;
  height: 100%;
}
.iframe_wrap iframe {
  border-style: solid;
  border-color: #ccc;
  border-width: 1px 0;
}

/*
.tree_wrap {
	> ul {
		padding: 5px 0 5px 10px;
		ul {
			padding: 0 0 5px 0;
		}
	}
	li {
		line-height: 1.8;
		padding: 0 10px 0 25px;
	}
	.num {
		display: inline-block;
		padding: 1px 0 0;
		font-size: 0.9em;
		vertical-align: top;
	}
}
*/
.pagination {
  position: relative;
  padding: 10px 0 5px;
  margin: 10px 0 0;
  text-align: center;
}
.pagination li {
  display: inline-block;
  height: 40px;
  text-align: center;
}
.pagination li a {
  display: inline-block;
  min-width: 40px;
  height: 40px;
  margin: 0 0 0 -1px;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px;
}
.pagination li:first-child a {
  margin: 0 0;
  -webkit-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
.pagination li:last-child a {
  -webkit-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}
.pagination li.active a {
  cursor: default;
  color: white;
}
.pagination li span {
  display: inline-block;
}
.pagination li:nth-child(2) {
  margin: 0 146px 0 0;
}
.pagination .this_page {
  position: absolute;
  top: 17px;
  left: 50%;
  margin: 0 20px 0 -70px;
  letter-spacing: 0;
  font-weight: bold;
}
.pagination .this_page input[type=text] {
  width: 45px;
  height: 29px;
  padding: 0;
  border-width: 0;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-align: right;
  color: #4c61ba;
}
.pagination .this_page .line {
  margin: 0 10px;
  border-width: 0 !important;
}
.pagination .first {
  width: 40px;
  height: 40px;
  background-image: url("../img/arrow_first.svg");
  background-size: 11px 9px;
  background-position: center;
  background-repeat: no-repeat;
}
.pagination .last {
  width: 40px;
  height: 40px;
  background-image: url("../img/arrow_last.svg");
  background-size: 11px 9px;
  background-position: center;
  background-repeat: no-repeat;
}
.pagination .next {
  width: 40px;
  height: 40px;
  background-image: url("../img/arrow_next.svg");
  background-size: 6px 9px;
  background-position: center;
  background-repeat: no-repeat;
}
.pagination .prev {
  width: 40px;
  height: 40px;
  background-image: url("../img/arrow_prev.svg");
  background-size: 6px 9px;
  background-position: center;
  background-repeat: no-repeat;
}
.pagination > ul li {
  display: none;
}
.pagination > ul li:first-child {
  display: inline-block;
}
.pagination > ul li:nth-child(2) {
  display: inline-block;
}
.pagination > ul li:last-child {
  display: inline-block;
}
.pagination > ul li:nth-last-child(2) {
  display: inline-block;
}
.pagination.view {
  position: fixed;
  bottom: 10px;
  right: 10px;
  padding: 0;
  -webkit-backface-visibility: hidden;
  z-index: 10;
}
.pagination.view span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}
.pagination.view .this_page {
  display: none;
}
.pagination.view .btn_list {
  display: inline-block;
  height: 41px;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.pagination.view .btn_list li {
  display: inline-block;
  border-style: solid;
  border-color: #cccccc;
  border-width: 0 1px 0 0;
  line-height: 10px;
}
.pagination.view .btn_list li > a span {
  display: inline-block;
  width: 40px;
  height: 40px;
}
.pagination.view .btn_list li + li {
  border-width: 0;
}
.pagination.view li:nth-child(2) {
  margin: 0;
}
.pagination .btn_next {
  width: 40px;
  height: 40px;
  background-image: url("../img/arrow_next.svg");
  background-size: 6px 9px;
  background-position: center;
  background-repeat: no-repeat;
}
.pagination .btn_prev {
  width: 40px;
  height: 40px;
  background-image: url("../img/arrow_prev.svg");
  background-size: 6px 9px;
  background-position: center;
  background-repeat: no-repeat;
}
.pagination .inactive a, .pagination .disabled a {
  background-color: #eaeaea;
  opacity: 0.5;
}
.pagination .blind {
  top: -9999px;
  left: -9999px;
}

.result_msg {
  display: none;
  position: fixed;
  bottom: 10px;
  left: 10px;
  right: 10px;
  padding: 0.5em 1em;
  background: rgba(0, 0, 0, 0.6);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  -webkit-backface-visibility: hidden;
  z-index: 98;
}

.select_130 {
  width: 130px;
}

.toggle_list {
  position: relative;
  height: 30px;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  vertical-align: middle;
  background-color: #fff;
}
@media all and (min-width: 400px) {
  .toggle_list.type1 {
    display: inline-block;
    width: 130px;
    margin: 0;
    background: #fff;
  }
  .toggle_list.type3 {
    position: absolute;
    top: 0;
    left: 95px;
    right: 10px;
  }
}
.toggle_list .arrow {
  display: block;
  line-height: 30px;
  padding: 0 15px 0 5px;
  background-image: url("../img/arrow_down.svg");
  background-size: 16px 5px;
  background-position: right center;
  background-repeat: no-repeat;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
}
.toggle_list .arrow.btn_more_dot {
  width: 30px;
  background-image: url("../img/btn_more_dot.svg");
  background-position: center;
  text-indent: -99999px;
}
.toggle_list .arrow.btn_reply {
  width: 25px;
  background-image: url("../img/btn_reply.svg");
  background-size: auto 20px;
  background-position: center;
}
.toggle_list label.arrow {
  padding: 0 0 0 10px;
  margin: 0;
}
.toggle_list.active .arrow {
  background-image: url("../img/arrow_up.svg");
}
.toggle_list.active .arrow.btn_more_dot {
  background-image: url("../img/btn_more_dot_active.svg");
}
.toggle_list.active .arrow.btn_reply {
  background-image: url("../img/btn_reply_active.svg");
}
.toggle_list.type1 > div, .toggle_list.type_login > div {
  display: none;
  position: absolute;
  top: 28px;
  left: -1px;
  right: -1px;
  border-style: solid;
  border-color: #666666;
  border-width: 1px;
  background-color: #fff;
  z-index: 10;
}
.toggle_list.type1 > div li a, .toggle_list.type1 > div li label, .toggle_list.type_login > div li a, .toggle_list.type_login > div li label {
  display: block;
  line-height: 1.8;
  padding: 0 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.toggle_list.type2 {
  height: auto;
  border-style: solid;
  border-color: #cccccc;
  border-width: 0 0 1px;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.toggle_list.type2:last-child {
  border-width: 0;
}
.toggle_list.type2 .arrow {
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0 20px 0 10px;
  margin: 0 10px 0 0;
  font-weight: bold;
  background-image: url("../img/arrow_up.svg");
}
.toggle_list.type2.active > div {
  border-style: solid;
  border-color: #cccccc;
  border-width: 0;
}
.toggle_list.type2.active .arrow {
  background-image: url("../img/arrow_down.svg");
}
.toggle_list.type2 > div {
  padding: 5px 0;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px 0 0;
  background-color: #f8f8f8;
}
.toggle_list.type2 li {
  padding: 0 0 0 10px;
  line-height: 1.8;
}
.toggle_list.type3 {
  margin: 3px 0 0;
}
.toggle_list.type3 > div {
  display: none;
  position: absolute;
  top: 28px;
  left: -1px;
  right: -1px;
  border-style: solid;
  border-color: #666666;
  border-width: 1px;
  background-color: #fff;
  z-index: 100;
}
.toggle_list.type3 > div li {
  padding: 0;
}
.toggle_list.type3 > div li a, .toggle_list.type3 > div li label {
  display: block;
  line-height: 1.8;
  padding: 0 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.toggle_list.type4 {
  width: 100%;
}
.toggle_list.type4 > div {
  display: none;
  position: absolute;
  top: 28px;
  left: -1px;
  right: -1px;
  border-style: solid;
  border-color: #666666;
  border-width: 1px;
  background-color: #fff;
  z-index: 10;
  text-align: left !important;
}
.toggle_list.type4 > div li a, .toggle_list.type4 > div li label {
  display: block;
  line-height: 1.8;
  padding: 0 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.toggle_list.type4 .arrow {
  text-align: left !important;
}
.toggle_list.type5 {
  width: auto;
  border-width: 0;
}
.toggle_list.type5 > div {
  display: none;
  position: absolute;
  top: 33px;
  left: -1px;
  width: auto;
  border-style: solid;
  border-color: #666666;
  border-width: 1px;
  background-color: #fff;
  z-index: 30;
}
.toggle_list.type5 > div li {
  display: block;
  float: none;
  position: static;
  margin: 0;
  text-align: left;
}
.toggle_list.type5 > div li a, .toggle_list.type5 > div li label {
  display: block;
  min-width: 70px;
  line-height: 1.8;
  padding: 0 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.toggle_list.type6 {
  position: absolute;
  top: 5px;
  left: 10px;
  width: auto;
  z-index: 10;
}
.toggle_list.type6 .arrow {
  height: 28px;
  line-height: 1;
}
.toggle_list.type6 .arrow .icon {
  width: 30px;
}
.toggle_list.type6 .arrow .type {
  display: none;
  text-indent: -99999px;
}
.toggle_list.type6 > div {
  display: none;
  position: absolute;
  top: 28px;
  width: 110px;
  border-style: solid;
  border-color: #666666;
  border-width: 1px;
  background-color: #fff;
  text-align: left;
}
.toggle_list.type6 > div span {
  vertical-align: middle;
}
.toggle_list.type6 > div .icon {
  background-position: 9px center;
}
.toggle_list.type7 {
  width: 100px;
}
.toggle_list.type7 > div {
  display: none;
  position: absolute;
  top: 28px;
  left: -1px;
  right: -1px;
  width: auto;
  border-style: solid;
  border-color: #666666;
  border-width: 1px;
  background-color: #fff;
  z-index: 10;
}
.toggle_list.type7 > div li {
  display: block;
  float: none;
  position: static;
  margin: 0;
  text-align: left;
}
.toggle_list.type7 > div li a, .toggle_list.type7 > div li label {
  display: block;
  min-width: 70px;
  line-height: 1.8;
  padding: 0 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.toggle_list.num {
  width: 60px;
}
.toggle_list.num.absolute_right {
  position: absolute;
  top: 5px;
  right: 10px;
  height: 30px;
}
.toggle_list.num > div {
  display: none;
  position: absolute;
  top: 28px;
  left: -1px;
  right: -1px;
  border-style: solid;
  border-color: #666666;
  border-width: 1px;
  background-color: #fff;
  z-index: 10;
}
.toggle_list.num > div li a, .toggle_list.num > div li label {
  display: block;
  line-height: 1.8;
  padding: 0 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.toggle_list.type_01 {
  width: 170px;
  text-align: left;
}
.toggle_list.type_01 > div {
  display: none;
  position: absolute;
  top: 28px;
  left: -1px;
  right: -1px;
  border-style: solid;
  border-color: #666666;
  border-width: 1px;
  background-color: #fff;
  z-index: 10;
}
.toggle_list.type_01 > div li a, .toggle_list.type_01 > div li label {
  display: block;
  line-height: 1.8;
  padding: 0 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.toggle_list.type_02 {
  width: 120px;
  text-align: left;
}
.toggle_list.type_02.width_100 {
  display: inline-block;
  width: 100px;
  vertical-align: middle;
}
.toggle_list.type_02 > div {
  display: none;
  position: absolute;
  top: 28px;
  left: -1px;
  right: -1px;
  border-style: solid;
  border-color: #666666;
  border-width: 1px;
  background-color: #fff;
  z-index: 10;
}
.toggle_list.type_02 > div li a, .toggle_list.type_02 > div li label {
  display: block;
  line-height: 1.8;
  padding: 0 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.toggle_list.type_03 {
  display: inline-block;
  width: 100px;
  text-align: left;
}
.toggle_list.type_03 > div {
  display: none;
  position: absolute;
  top: 28px;
  left: -1px;
  right: -1px;
  border-style: solid;
  border-color: #666666;
  border-width: 1px;
  background-color: #fff;
  z-index: 10;
}
.toggle_list.type_03 > div li a, .toggle_list.type_03 > div li label {
  display: block;
  line-height: 1.8;
  padding: 0 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.toggle_list.type_04 {
  display: block;
  max-width: 100%;
  text-align: left;
  border-width: 0;
  background-color: transparent;
}
.toggle_list.type_04 .arrow {
  padding: 0 25px 0 5px;
  color: #fff;
  background-image: url(../img/arrow_down_white.svg);
}
.toggle_list.type_04.active .arrow {
  background-image: url(../img/arrow_up_white.svg);
}
.toggle_list.type_04 > div {
  display: none;
  position: absolute;
  top: 43px;
  left: -1px;
  right: -1px;
  border-style: solid;
  border-color: #666666;
  border-width: 1px;
  background-color: #fff;
  z-index: 10;
}
.toggle_list.type_04 > div ul {
  padding: 5px 0;
}
.toggle_list.type_04 > div li a, .toggle_list.type_04 > div li label {
  color: #333;
  display: block;
  padding: 0 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.toggle_list input[type="radio"] {
  top: -9999px;
}

.help_list li {
  padding: 0 0 5px 10px;
  background-image: url(../img/dot.svg);
  background-repeat: no-repeat;
  background-position: 0 8px;
  background-size: 3px;
}

.layerPop_alert {
  font-size: 1em;
}
.layerPop_alert.alert_set, .layerPop_alert.complete_set {
  padding: 10px 20px 10px 50px;
}
.layerPop_alert.alert_set .icon_alert, .layerPop_alert.alert_set .icon_complete, .layerPop_alert.complete_set .icon_alert, .layerPop_alert.complete_set .icon_complete {
  display: block;
  position: absolute;
  top: 10px;
  left: 20px;
  width: 20px;
  height: 20px;
  background-image: url(../img/bg.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}
.layerPop_alert.alert_set .icon_complete, .layerPop_alert.complete_set .icon_complete {
  width: 24px;
  background-position: -20px 0;
}
.layerPop_alert.alert_set .btn_area, .layerPop_alert.complete_set .btn_area {
  padding: 0 30px 0 0;
}
.layerPop_alert .help_list li {
  font-size: 0.9em;
  padding: 0 0 0 10px;
}
@media all and (min-height: 381px) {
  .layerPop_alert .help_list li {
    padding: 0 0 5px 10px;
    font-size: 1em;
  }
}
.layerPop_alert .accent_txt {
  display: inline;
  margin: 0 0 10px;
  text-align: center;
  line-height: 1.5;
}
.layerPop_alert .bg_complete {
  min-height: 20px;
  padding: 2px 24px 0;
  background-image: url("../img/bg_complete.png");
  background-repeat: no-repeat;
  background-position: 0 0;
}
.layerPop_alert .bg_alert {
  display: inline-block;
  padding: 2px 24px 0 30px;
  min-height: 20px;
  background-image: url("../img/bg_alert.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: #fff !important;
  color: #333;
}
.layerPop_alert .bg_alert.accent_txt {
  display: block;
}
.layerPop_alert .bg_alert.alone {
  margin: 0 0 5px;
  background-position: center;
}

.ui-dialog .regist_spam_mail .head_txt {
  text-align: left;
}
.ui-dialog .regist_spam_mail .explain_txt {
  margin: 10px 0;
}
.ui-dialog .regist_spam_mail .block {
  line-height: 1.7em;
  padding: 0 0 5px 25px;
}
.ui-dialog .regist_spam_mail .block input {
  margin: 0 0 0 -22px;
}

.ui-dialog {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 10px 0 0 0;
  border-style: solid;
  border-color: #666666;
  border-width: 1px;
  background-color: #fff;
  font-family: "Apple Gothic", "맑은 고딕", "Malgun Gothic", Helvetica, Arial, sans-serif;
  font-size: 1em;
}
.ui-dialog * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.ui-dialog .head_txt {
  text-align: center;
  color: #5c74d8;
  font-weight: bold;
  font-size: 1.1em;
}
.ui-dialog.all_menu {
  padding: 0;
  border-width: 0;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-border-radius: 0;
  border-radius: 0;
}
.ui-dialog.all_menu .ui-dialog-titlebar {
  display: none;
}
.ui-dialog.all_menu .lnb_wrap ul {
  border-width: 0;
  background-color: transparent;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.ui-dialog.all_menu .lnb_wrap {
  padding: 0;
}
.ui-dialog.all_menu .lnb_wrap li {
  position: relative;
  width: 33.3%;
  margin: 0 0 20px;
}
.ui-dialog.all_menu .lnb_wrap li a {
  width: 50px;
  padding: 0;
  margin: 0 auto 30px;
  border-style: solid;
  border-color: #999;
  border-width: 1px;
  -webkit-border-radius: 26px;
  border-radius: 26px;
}
.ui-dialog.all_menu .lnb_wrap .macro_image {
  width: 70%;
  height: 50px;
  margin: 0 auto;
}
.ui-dialog.all_menu .lnb_wrap .macro_txt {
  right: 5%;
  text-align: center;
  font-size: 14px;
}
@media all and (min-width: 480px) {
  .ui-dialog.all_menu .lnb_wrap li {
    position: relative;
    width: 25%;
  }
}
@media all and (min-width: 600px) {
  .ui-dialog.all_menu .lnb_wrap li {
    position: relative;
    width: 20%;
  }
}
.ui-dialog.all_menu .btn_close_white {
  position: absolute;
  top: 5px;
  right: 6px;
  background-size: 18px auto;
}
.ui-dialog.alert {
  position: fixed;
  top: 40px;
}
.ui-dialog.alert .ui-dialog-titlebar {
  display: none;
}
.ui-dialog .btn_area {
  padding: 10px 0 0;
  margin: 10px 0;
  text-align: center;
}
.ui-dialog .btn_area .btn {
  padding: 5px 10px 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.ui-dialog .btn {
  padding: 5px 10px 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.ui-dialog .btn_close {
  position: absolute;
  top: 0;
  right: 10px;
  background-size: 15px auto;
}

.block_btn .btn {
  display: block;
}

.ui-widget-overlay {
  width: 100%;
  height: 100%;
  background: none;
  background-color: #000;
  opacity: 0.2;
}

.dialog_confirm_cancle {
  padding: 10px 0;
}

.msg_volume .head_txt {
  color: #333333;
}
.msg_volume ul {
  margin: 10px 0 0;
}
.msg_volume ul li {
  display: inline-block;
  margin: 0 20px 10px 0;
}
.msg_volume .explain_txt {
  margin: 20px 0;
}

.volume_wrap {
  position: relative;
  text-align: center;
  letter-spacing: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  overflow: none;
}
.volume_wrap .volume_bg {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 7px;
  background-color: #eaeaea;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.volume_wrap .volume {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 7px;
  background-color: #7b8edd;
  border-style: solid;
  border-color: #7b8edd;
  border-width: 1px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.volume_wrap .volume.none {
  display: none;
}

.ui-widget-content {
  background-image: none;
}

.copyright_area {
  width: 100%;
  padding: 10px;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px 0 0;
  background-color: #f8f8f8;
  font-size: 8.5pt;
  color: #666666;
  text-align: center;
}

.line_list {
  padding: 10px;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.line_list.icon_rela_doc {
  padding: 5px 0;
  margin: 10px 10px 0;
  background-image: none;
}
.line_list.icon_rela_doc li {
  min-height: 32px;
  line-height: 32px;
  padding: 0 10px;
}
@media all and (min-width: 480px) {
  .line_list.icon_rela_doc li {
    padding: 5px 10px 3px 30px;
    background-image: url("../img/icon_related_document.svg");
    background-size: 18px auto;
    background-position: 10px 14px;
    background-repeat: no-repeat;
  }
}

.aprroval_status_num {
  margin: 10px;
}
.aprroval_status_num li {
  padding: 3px 0 3px 10px;
  background-image: url("../img/dot.svg");
  background-repeat: no-repeat;
  background-position: 0 10px;
  background-size: 5px;
}
.aprroval_status_num .circle {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 0 0 15px;
  background-color: #aaa;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  vertical-align: middle;
}
.aprroval_status_num .num.active {
  color: #5c74d8;
}
.aprroval_status_num .num.active .circle {
  background-color: #5c74d8;
}

.relative {
  position: relative;
}

.aprroval_status_area {
  /*clear: both;*/
  position: relative;
  margin: 0 0 15px;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: auto;
}
.aprroval_status_area .status_title {
  height: 39px;
  line-height: 37px;
  padding: 0 40px 0 10px;
  margin: -1px 0 0;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px;
  background-color: #f8f8f8;
  font-weight: bold;
}

.aprroval_status_area > .appr__status-list:first-child .status_title {
  margin-top: 0;
}

.aprroval_status_area .status_list {
  padding: 5px 0;
}
.aprroval_status_area .status_list > li {
  position: relative;
  padding: 8px 20px 7px 10px;
  line-height: 1.5em;
  background-position: -92px 6px;
  border-style: solid;
  border-color: #cccccc;
  border-width: 0 0 1px;
}
.aprroval_status_area .status_list > li:last-child {
  border-width: 0 !important;
}
.aprroval_status_area .status_list > li.read * {
  color: #666666;
}
.aprroval_status_area .status_list > li.read .thema_color {
  color: #5c74d8;
}
.aprroval_status_area .status_list .person {
  font-size: 0.9em;
}
.aprroval_status_area .status_list .person.ml_5 {
  font-size: 1em;
}
.aprroval_status_area .btn_view_detail {
  position: absolute;
  top: 10px;
  right: 0;
}
.aprroval_status_area .btn_txt.absolute_right {
  position: absolute;
  top: 6px;
  right: 45px;
  font-size: 0.9em;
  background-color: #fff;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.aprroval_status_area .regist_info {
  position: absolute;
  top: 6px;
  right: 10px;
}
.aprroval_status_area .blank {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 0 0 10px;
  background-image: url("../img/btn_blank.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 15px auto;
  text-indent: -9999px;
  vertical-align: middle;
}
.aprroval_status_area .date {
  display: inline-block;
  color: #666666;
  font-size: 1em;
}

.btn_open_arrow {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  width: 39px;
  height: 39px;
  background-image: url("../img/btn_arrow_up.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px auto;
  border-style: solid;
  border-color: #cccccc;
  border-width: 0 0 0 1px;
}

.btn_close_arrow {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  width: 39px;
  height: 39px;
  background-image: url("../img/btn_arrow_down.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px auto;
  border-style: solid;
  border-color: #cccccc;
  border-width: 0 0 0 1px;
}

.btn_open_folder {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url("../img/icon_folder_arrow_on.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25px auto;
  text-indent: -9999px;
}

.btn_close_folder {
  display: none !important;
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url("../img/icon_folder_arrow_off.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25px auto;
  text-indent: -9999px;
}

.approval_line_title {
  clear: both;
  min-height: 30px;
  margin: 10px 10px 5px;
  padding: 5px 0 0;
  font-size: 1em;
  font-weight: bold;
}
.approval_line_title.type1 {
  padding: 20px 0 0;
}
.approval_line_title.type2 {
  display: inline-block;
  padding: 0;
  margin: 0 10px 0 0;
}

.line_through {
  text-decoration: line-through;
}

.line_area {
  min-height: 105px;
  max-height: 171px;
  padding: 0;
  margin: 0 10px 0;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 0.9em;
  overflow: auto;
}
.line_area.type1 {
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.line_area.type2 {
  min-height: 0;
  max-height: auto;
  padding: 10px;
  margin: -1px 10px 0;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.line_area li.selected {
  background-color: #e4e8f8;
}
.line_area a {
  display: block;
  line-height: 1;
  padding: 10px;
  overflow: hidden;
}

.move_list {
  min-height: 105px;
  max-height: 171px;
  padding: 0;
  margin: 0 10px 0;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px;
  font-size: 0.9em;
  overflow: auto;
}
.move_list li.selected {
  background-color: #e4e8f8;
}
.move_list li.selected.ui-state-disabled {
  background-color: #fff;
}
.move_list li.selected.ui-state-disabled a {
  color: #333333;
}
.move_list a {
  display: block;
  line-height: 1;
  padding: 10px;
  overflow: hidden;
}
.move_list a > strong {
  clear: both;
  float: left;
  display: block;
  width: 30%;
  vertical-align: top;
}
.move_list a > span {
  float: left;
  display: block;
  width: 68%;
  margin-left: 1%;
  vertical-align: top;
}

.btn_move_list {
  margin: 5px 10px 0;
}

.normal_position {
  line-height: 2.5em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.company_logo {
  max-height: 80px;
  padding: 5px;
  margin: 0 0 10px;
  background-color: #fff;
  text-align: center;
  font-size: 0;
}
.company_logo img {
  max-height: 60px;
}

.macro_container {
  text-align: center;
  overflow: hidden;
  /*
  .gradient_type_01 {
  	$gradient_start_color:		#d24726;
  	$gradient_last_color:		#fe9677;
  	background: $gradient_start_color;
  	background: -webkit-linear-gradient(left top, $gradient_start_color, $gradient_last_color);
  	background: -o-linear-gradient(bottom right, $gradient_start_color, $gradient_last_color);
  	background: -moz-linear-gradient(bottom right, $gradient_start_color, $gradient_last_color);
  	background: linear-gradient(to bottom right, $gradient_start_color, $gradient_last_color);
  }
  .gradient_type_02 {
  	$gradient_start_color:		#094ab2;
  	$gradient_last_color:		#418ae7;
  	background: $gradient_start_color;
  	background: -webkit-linear-gradient(left top, $gradient_start_color, $gradient_last_color);
  	background: -o-linear-gradient(bottom right, $gradient_start_color, $gradient_last_color);
  	background: -moz-linear-gradient(bottom right, $gradient_start_color, $gradient_last_color);
  	background: linear-gradient(to bottom right, $gradient_start_color, $gradient_last_color);
  }
  .gradient_type_03 {
  	$gradient_start_color:		#008a00;
  	$gradient_last_color:		#37d637;
  	background: $gradient_start_color;
  	background: -webkit-linear-gradient(left top, $gradient_start_color, $gradient_last_color);
  	background: -o-linear-gradient(bottom right, $gradient_start_color, $gradient_last_color);
  	background: -moz-linear-gradient(bottom right, $gradient_start_color, $gradient_last_color);
  	background: linear-gradient(to bottom right, $gradient_start_color, $gradient_last_color);
  }
  .gradient_type_04 {
  	$gradient_start_color:		#ff8c00;
  	$gradient_last_color:		#febe43;
  	background: $gradient_start_color;
  	background: -webkit-linear-gradient(left top, $gradient_start_color, $gradient_last_color);
  	background: -o-linear-gradient(bottom right, $gradient_start_color, $gradient_last_color);
  	background: -moz-linear-gradient(bottom right, $gradient_start_color, $gradient_last_color);
  	background: linear-gradient(to bottom right, $gradient_start_color, $gradient_last_color);
  }
  .gradient_type_05 {
  	$gradient_start_color:		#ac193d;
  	$gradient_last_color:		#f75b86;
  	background: $gradient_start_color;
  	background: -webkit-linear-gradient(left top, $gradient_start_color, $gradient_last_color);
  	background: -o-linear-gradient(bottom right, $gradient_start_color, $gradient_last_color);
  	background: -moz-linear-gradient(bottom right, $gradient_start_color, $gradient_last_color);
  	background: linear-gradient(to bottom right, $gradient_start_color, $gradient_last_color);
  }
  .gradient_type_06 {
  	$gradient_start_color:		#008399;
  	$gradient_last_color:		#0bbed1;
  	background: $gradient_start_color;
  	background: -webkit-linear-gradient(left top, $gradient_start_color, $gradient_last_color);
  	background: -o-linear-gradient(bottom right, $gradient_start_color, $gradient_last_color);
  	background: -moz-linear-gradient(bottom right, $gradient_start_color, $gradient_last_color);
  	background: linear-gradient(to bottom right, $gradient_start_color, $gradient_last_color);
  }
  .gradient_type_07 {
  	$gradient_start_color:		#7c0000;
  	$gradient_last_color:		#d43e3e;
  	background: $gradient_start_color;
  	background: -webkit-linear-gradient(left top, $gradient_start_color, $gradient_last_color);
  	background: -o-linear-gradient(bottom right, $gradient_start_color, $gradient_last_color);
  	background: -moz-linear-gradient(bottom right, $gradient_start_color, $gradient_last_color);
  	background: linear-gradient(to bottom right, $gradient_start_color, $gradient_last_color);
  }
  .gradient_type_08 {
  	$gradient_start_color:		#d24726;
  	$gradient_last_color:		#fc7951;
  	background: $gradient_start_color;
  	background: -webkit-linear-gradient(left top, $gradient_start_color, $gradient_last_color);
  	background: -o-linear-gradient(bottom right, $gradient_start_color, $gradient_last_color);
  	background: -moz-linear-gradient(bottom right, $gradient_start_color, $gradient_last_color);
  	background: linear-gradient(to bottom right, $gradient_start_color, $gradient_last_color);
  }
  .gradient_type_09 {
  	$gradient_start_color:		#6e0e9b;
  	$gradient_last_color:		#9e38cd;
  	background: $gradient_start_color;
  	background: -webkit-linear-gradient(left top, $gradient_start_color, $gradient_last_color);
  	background: -o-linear-gradient(bottom right, $gradient_start_color, $gradient_last_color);
  	background: -moz-linear-gradient(bottom right, $gradient_start_color, $gradient_last_color);
  	background: linear-gradient(to bottom right, $gradient_start_color, $gradient_last_color);
  }
  */
}
.macro_container li {
  float: left;
  position: relative;
  width: 31%;
  height: 100px;
  margin: 1.1599%;
  text-align: left;
}
.macro_container li a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}
@media all and (min-width: 400px) {
  .macro_container li {
    width: 23%;
    margin: 1%;
  }
}
@media all and (min-width: 500px) {
  .macro_container li {
    width: 18%;
    margin: 1%;
  }
}
@media all and (min-width: 600px) {
  .macro_container li {
    width: 14%;
    margin: 1%;
  }
}
@media all and (min-width: 800px) {
  .macro_container li {
    width: 14%;
    margin: 1%;
  }
}
.macro_container .macro_txt {
  position: relative;
  top: auto;
  left: auto;
}

.macro_image {
  display: block;
  width: 50%;
  height: 50%;
  margin: 17% auto 0;
}

.macro_mail {
  background-image: url(../img/macro_mail.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
} 
.macro_approval {
  background-image: url(../img/macro_approval.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
}

.macro_address {
  background-image: url(../img/macro_address.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 90%;
}

.macro_calendar, .macro_resource {
  background-image: url(../img/macro_calendar.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
}

.macro_resource {
  background-image: url(../img/macro_calendar.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
}

.macro_organization {
  background-image: url(../img/macro_organization.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
}

.macro_notice {
  background-image: url(../img/macro_notice.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.macro_board {
  background-image: url(../img/macro_board.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.macro_board2 {
  background-image: url(../img/macro_board.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.macro_board3 {
  background-image: url(../img/macro_board.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.macro_report {
  background-image: url(../img/macro_report.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
}

.macro_survey {
  background-image: url(../img/macro_new_survey.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
}

.macro_attendance {
  background-image: url(../img/macro_attendance.svg);
  background-repeat: no-repeat;
  background-position: center 36%;
  background-size: 70%;
}

/* 2019.12.07 경동 그룹사용 모바일 관계사 게시판 이미지 임시추가*/
.macro_rel {
  background-image: url(../img/macro_board.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

/* 2022.03.25 다이나믹 결재문서함 이미지 추가*/
.macro_ApprDocMng {
  background-image: url(../img/macro_approval.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
}

.macro_works {
  background-image: url(../img/macro_works.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 115%;
}

.macro_document_box {
  background-image: url(../img/macro_document_box.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 105%;
}

.macro_messenger {
  background-image: url(../img/macro_messenger.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 90%;
}

.macro_todo {
  background-image: url(../img/macro_todo.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 75%;
}

.macro_txt {
  position: absolute;
  left: 5%;
  bottom: 5%;
  color: #fff;
  font-size: 90%;
  font-weight: bold;
}

.macro_note	{
  background-image: url(../img/macro_new_note.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;	
}

.macro_pay, .macro_pay_demo {
    background-image: url(../img/macro_new_board.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.macro_outsystem {
    background-image: url(../img/hr.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}


.macro_count {
  position: absolute;
  right: 5%;
  bottom: 5%;
  font-size: 90%;
  color: #fff;
}

.blank_img {
  background-color: #eaeaea;
  background-image: url(../img/blank_img.png);
  background-repeat: no-repeat;
  background-position: center;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px;
}

.user_photo_wrap {
  position: relative;
  min-height: 142px;
  padding: 10px 10px 10px 132px;
}
.user_photo_wrap .blank_img {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 112px;
  height: 132px;
}
.user_photo_wrap .files {
  position: absolute;
  top: -46px;
  left: -121px;
}
.user_photo_wrap .files canvas {
  width: 110px;
  height: 130px;
}

.address_user_menu li {
  float: left;
  width: 25%;
  text-align: center;
}

.contents_wrap {
   /*padding: 40px 0 0; */
}
.contents_wrap .page_option, .contents_wrap .page_head {
 /* position: unset;*/
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 89;
}
.contents_wrap .page_option.type2, .contents_wrap .page_head.type2 {
  top: 80px;
  z-index: 88;
}
.contents_wrap .page_option.type_normal, .contents_wrap .page_head.type_normal {
  position: relative;
  top: auto;
  left: auto;
}
.contents_wrap .type_head {
  position: absolute;;
  top: 40px;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 89;
}
.contents_wrap.read_confirm_wrap {
  padding: 0;
}
.contents_wrap.none_pad {
  padding: 0;
}

.layer_title.type1 {
  color: #5c74d8;
  font-size: 16px;
}
.layer_title.type2 {
  height: 40px;
  line-height: 40px;
  border-style: solid;
  border-color: #4c61ba;
  border-width: 0 0 1px;
  background-color: #5c74d8;
  text-align: center;
}
.layer_title.type2 strong {
  font-size: 1.1em;
  color: #fff;
}

.table_type_01 table {
  width: 100%;
  border-collapse: separate;
}
.table_type_01 table th {
  padding: 10px 10px 10px 10px;
  text-align: left;
  border-style: solid;
  border-color: #eaeaea;
  border-width: 0 0 1px 0;
  color: #666666;
  font-size: 0.9em;
  font-weight: normal;
}
.table_type_01 table td {
  padding: 10px 10px 10px 10px;
  border-style: solid;
  border-color: #eaeaea;
  border-width: 0 0 1px 0;
  font-size: 0.9em;
}
.table_type_01 table tr:last-child th, .table_type_01 table tr:last-child td {
  border-width: 0;
}

.relative {
  position: relative;
}

.ui-fancytree.fancytree-container {
  width: 100%;
  line-height: 0.9;
  border: 0;
  padding: 0;
  overflow: visible;
  outline: none;
  font-family: "Apple Gothic", "맑은 고딕", "Malgun Gothic", Helvetica, Arial, sans-serif;
  font-size: 1em;
}
.ui-fancytree.fancytree-container li > span {
  padding: 7px 0 5px 0;
}
.ui-fancytree.fancytree-container span.none_icon .fancytree-icon {
  display: none;
}

span.fancytree-title {
  color: inherit;
  vertical-align: middle;
  line-height: 19px;
}

span.fancytree-icon, span.fancytree-checkbox, span.fancytree-radio, span.fancytree-custom-icon {
  margin: 0;
}

span.fancytree-checkbox {
  width: 14px;
  height: 14px;
  margin: 2px 3px 0;
}

.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-active, .fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-selected, span.fancytree-node.fancytree-active:hover, span.fancytree-node.fancytree-selected:hover {
  border: 0;
  background-color: #eaeaea;
  background-color: #fff;
}

span.fancytree-node {
  border: 0;
  background-color: #fff;
  cursor: pointer;
}

span.fancytree-node.fancytree-active, span.fancytree-node.fancytree-selected {
  background-color: #eaeaea;
  background-color: #fff;
  font-weight: bold;
  color: #4c61ba;
}
span.fancytree-node.fancytree-active:hover, span.fancytree-node.fancytree-selected:hover {
  color: #4c61ba;
}

.snb span.fancytree-node.fancytree-active, .snb span.fancytree-node.fancytree-selected, .drafting_tree span.fancytree-node.fancytree-active, .drafting_tree span.fancytree-node.fancytree-selected {
  font-weight: bold;
}

span.fancytree-node:hover {
  background-color: #eaeaea;
  background-color: #fff;
  color: #333333;
}

ul.fancytree-container ul {
  padding: 0;
}
ul.fancytree-container ul li {
  float: none;
  width: 100%;
  padding: 0 0 0 13px;
}

.muti .ui-fancytree.fancytree-container {
  height: 225px;
}
.muti .mail_list_label .btn_label_confirm {
  top: 249px;
}

.fancytree-node.fancytree-selected {
  font-style: normal;
}

.drop-hover {
  font-weight: bold !important;
}

.fancytree-node.fancytree-exp-n.fancytree-ico-c {
  display: inline-block;
}

span.fancytree-icon {
  width: 17px;
}

span.fancytree-node.fancytree-active, span.fancytree-node.fancytree-selected {
  color: #5c74d8;
  font-weight: bold;
}

.fc-toolbar {
  margin: 0;
  padding: 10px;
}
.fc-toolbar h2 {
  margin: 2px 0 0;
  font-size: 16px;
  font-weight: normal;
  color: #5c74d8;
}
.fc-toolbar button {
  font-size: 11px;
}
.fc-toolbar .fc-left button {
  font-size: 12px;
}

.fc button {
  height: 25px;
  padding: 0 5px;
  background-color: #fff;
}

.fc-state-default {
  background-color: #fff;
  background-image: -moz-linear-gradient(top, white, white);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(white));
  background-image: -webkit-linear-gradient(top, white, white);
  background-image: -o-linear-gradient(top, white, white);
  background-image: linear-gradient(to bottom, white, white);
  border-color: #cccccc;
}

.fc-day-grid-container.fc-scroller {
  height: auto !important;
  overflow-y: auto;
}

.fc th, .fc td {
  border-width: 1px 0;
}

.fc .fc-head th, .fc .fc-head td {
  border-width: 0;
  border-color: #777;
  font-size: 11px;
  font-weight: normal;
  color: #aaa;
}

.fc-unthemed thead {
  border-width: 0;
}

.fc-ltr .fc-basic-view .fc-day-number {
  font-size: 0.8em;
  text-align: center;
}

.fc-other-month {
  background-color: #eaeaea;
}

.fc-sun {
  color: #f00;
}

.fc-sat {
  color: #2c4ed6;
}

.fc-day-grid-event .fc-time {
  font-weight: normal;
}

.fc-basic-view .fc-body .fc-row {
  min-height: 1em;
}

.bg_ac725e {
  background-color: #ac725e !important;
}

.bg_d06b64 {
  background-color: #d06b64 !important;
}

.bg_f83a22 {
  background-color: #f83a22 !important;
}

.bg_fa573c {
  background-color: #fa573c !important;
}

.bg_ff7537 {
  background-color: #ff7537 !important;
}

.bg_ffad46 {
  background-color: #ffad46 !important;
}

.bg_42d692 {
  background-color: #42d692 !important;
}

.bg_16a765 {
  background-color: #16a765 !important;
}

.bg_7bd148 {
  background-color: #7bd148 !important;
}

.bg_b3dc6c {
  background-color: #b3dc6c !important;
}

.bg_fbe983 {
  background-color: #fbe983 !important;
}

.bg_fad165 {
  background-color: #fad165 !important;
}

.bg_92e1c0 {
  background-color: #92e1c0 !important;
}

.bg_9fe1e7 {
  background-color: #9fe1e7 !important;
}

.bg_9fc6e7 {
  background-color: #9fc6e7 !important;
}

.bg_4986e7 {
  background-color: #4986e7 !important;
}

.bg_9a9cff {
  background-color: #9a9cff !important;
}

.bg_b99aff {
  background-color: #b99aff !important;
}

.bg_c2c2c2 {
  background-color: #c2c2c2 !important;
}

.bg_cabdbf {
  background-color: #cabdbf !important;
}

.bg_cca6ac {
  background-color: #cca6ac !important;
}

.bg_f691b2 {
  background-color: #f691b2 !important;
}

.bg_cd74e6 {
  background-color: #cd74e6 !important;
}

.bg_a47ae2 {
  background-color: #a47ae2 !important;
}

.bg_00afb5 {
    background-color: #00afb5;
}

/**
 * jQuery toast plugin created by Kamran Ahmed copyright MIT license 2014
 * v0.1
 */
.jq-toast-wrap {
  display: block;
  position: fixed;
  width: 420px;
  min-height: 90px;
  margin: 0;
  padding: 0;
  pointer-events: none !important;
  letter-spacing: normal;
  z-index: 99999;
}

.jq-toast-wrap * {
  margin: 0;
  padding: 0;
}

.jq-toast-wrap.bottom-left {
  bottom: 20px;
  left: 20px;
}

.jq-toast-wrap.bottom-right {
  bottom: 20px;
  right: 40px;
}

.jq-toast-wrap.top-left {
  top: 20px;
  left: 20px;
}

.jq-toast-wrap.top-right {
  top: 20px;
  right: 40px;
}

.jq-toast-single {
  display: block;
  position: relative;
  width: 100%;
  padding: 10px;
  margin: 0px 0px 5px;
  line-height: 17px;
  border-style: solid;
  border-color: #7b8edd;
  border-width: 2px;
  border-radius: 5px;
  pointer-events: all !important;
  background-color: #fff;
  font-size: 12px;
}
.jq-toast-single .user_img {
  float: left;
  display: inline-block;
  width: 52px;
  height: 62px;
  background-size: 28px auto;
  vertical-align: top;
}
.jq-toast-single .user_img img {
  width: 50px;
  height: 60px;
}
.jq-toast-single .user_head {
  float: left;
  display: inline-block;
  width: 320px;
  vertical-align: top;
  margin: 0 0 0 10px;
  font-weight: bold;
}
.jq-toast-single .user_txt {
  float: left;
  display: inline-block;
  width: 320px;
  height: 34px;
  margin: 3px 0 0 10px;
  vertical-align: top;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #333333;
}

.jq-toast-single h2 {
  font-family: arial, sans-serif;
  font-size: 14px;
  margin: 0px 0px 7px;
  background: none;
  color: inherit;
  line-height: inherit;
  letter-spacing: normal;
}

.jq-toast-single a {
  font-size: 11px;
}
.jq-toast-single a:hover {
  text-decoration: underline;
}

.jq-toast-single ul {
  margin: 0px 0px 0px 15px;
  background: none;
  padding: 0px;
}

.jq-toast-single ul li {
  list-style-type: disc !important;
  line-height: 17px;
  background: none;
  margin: 0;
  padding: 0;
  letter-spacing: normal;
}

.close-jq-toast-single {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 13px;
  height: 12px;
  background-image: url("../img/btn_close.svg");
  background-size: 13px auto;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  text-indent: -99999px;
}

.list_type_01 > li {
  padding: 10px;
  border-style: solid;
  border-color: #cccccc;
  border-width: 0 0 1px;
}
.list_type_01 > li:last-child {
  border-width: 0;
}
.list_type_01 .li_contents {
  position: relative;
  padding: 0 0 0 80px;
}
.list_type_01 .li_contents input[type=checkbox] {
  position: absolute;
  top: -99999px;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  vertical-align: middle;
}
.list_type_01 .li_contents .checkbox_label {
  position: static;
}
.list_type_01 .li_contents label {
  font-size: 0.9em;
  vertical-align: middle;
}
.list_type_01 .contents_fixed {
  position: absolute;
  top: 0;
  left: 0;
}
.list_type_01 .inline_list.type1 li {
  margin: 0;
}

.inactive {
  opacity: 0.3;
}

.btn {
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px;
}

.btn_txt {
  display: inline-block;
  min-height: 31px;
  padding: 4px 10px 3px;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.btn_txt.btn_active {
  border-color: #5c74d8;
  background-color: #5c74d8;
  color: #fff;
}

.btn_list {
  display: inline;
  height: 30px;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px;
  background-color: #fff;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.btn_list li {
  float: left;
  display: inline;
}
.btn_list li > a {
  display: inline-block;
  min-width: 29px;
  height: 29px;
  border-style: solid;
  border-color: #cccccc;
  border-width: 0 1px 0 0;
}
.btn_list li:last-child > a {
  min-width: 28px;
  border-width: 0;
}

.btn_write2 {
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url("../img/btn_write.svg");
  background-size: 25px;
  background-position: center;
  background-repeat: no-repeat;
  border-style: solid;
  border-color: white;
  border-width: 1px;
  text-indent: -9999px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.btn_write2 span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}

.btn_write3 {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url("../img/btn_write2.svg");
  background-size: 25px;
  background-position: center;
  background-repeat: no-repeat;
  border-style: solid;
  border-color: white;
  border-width: 1px;
  text-indent: -9999px;
}
.btn_write3 span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}

.btn_write_area {
  position: relative;
  padding: 7px 10px;
  text-align: right;
}
.btn_write_area.border_bottom {
  border-style: solid;
  border-color: #cccccc;
  border-width: 0 0 1px;
}
.btn_write_area.type1 a {
  padding: 4px 20px 2px;
}
.btn_write_area a {
  display: inline-block;
  padding: 4px 15px 2px;
  min-height: 20px;
  border-style: solid;
  border-color: #5c74d8;
  border-width: 1px;
  -webkit-border-radius: 13px;
  border-radius: 13px;
  color: #4c61ba;
  font-size: 0.85em;
  vertical-align: middle;
  font-weight: bold;
}

.btn_back {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url("../img/btn_back.svg");
  background-size: 17px;
  background-position: center;
  background-repeat: no-repeat;
}
.btn_back span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}

.btn_more_category {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("../img/btn_more_category.svg");
  background-size: 16px;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.btn_more_category.active {
  background-image: url("../img/btn_more_category_active.svg");
}
.btn_more_category span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}

.btn_label {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url("../img/btn_mail_label.svg");
  background-size: auto 17px;
  background-position: center;
  background-repeat: no-repeat;
}
.btn_label span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}

.btn_reply {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url("../img/btn_reply.svg");
  background-size: auto 20px;
  background-position: center;
  background-repeat: no-repeat;
}
.btn_reply span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}

.btn_reply_all {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url("../img/btn_reply_all.svg");
  background-size: auto 18px;
  background-position: center;
  background-repeat: no-repeat;
}
.btn_reply_all span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}

.btn_delivery {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url("../img/btn_delivery.svg");
  background-size: auto 14px;
  background-position: center;
  background-repeat: no-repeat;
}
.btn_delivery span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}

.btn_label_list {
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 80px;
  background-color: #7b8edd;
  background-image: url("../img/btn_label_list.svg");
  background-size: 14px auto;
  background-position: center;
  background-repeat: no-repeat;
  text-indent: -9999px;
  z-index: 10;
}

.btn_delete_list {
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 80px;
  background-color: #f43c35;
  background-image: url("../img/btn_delete_list.svg");
  background-size: 20px auto;
  background-position: center;
  background-repeat: no-repeat;
  text-indent: -9999px;
  z-index: 10;
}

.btn_delete {
  display: inline-block;
  width: 20px;
  height: 30px;
  background-image: url("../img/btn_delete.svg");
  background-size: 16px auto;
  background-position: center;
  background-repeat: no-repeat;
}
.btn_delete span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}
.btn_delete.type1 {
  margin: 0 0 0 10px;
  background-size: 14px auto;
  vertical-align: middle;
}
.btn_delete.type_white {
  width: 30px;
  height: 30px;
  background-image: url("../img/btn_delete_list.svg");
  background-position: center 3px;
  background-size: 20px auto;
}

.btn_wiping {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url("../img/btn_wiping.svg");
  background-size: 19px auto;
  background-position: center 2px;
  background-repeat: no-repeat;
}
.btn_wiping span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}

.btn_delete_all {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url("../img/btn_delete_all.svg");
  background-size: 14px 19px;
  background-position: center 4px;
  background-repeat: no-repeat;
}
.btn_delete_all span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}

.btn_more_dot {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url("../img/btn_more_dot.svg");
  background-size: 22px auto;
  background-position: center;
  background-repeat: no-repeat;
}
.btn_more_dot span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}
.btn_more_dot.active {
  background-image: url("../img/btn_more_dot_active.svg");
}

.btn_more_menu {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url("../img/btn_more_menu.svg");
  background-size: 23px auto;
  background-position: center;
  background-repeat: no-repeat;
}
.btn_more_menu.active {
  background-image: url("../img/btn_more_menu_active.svg");
}
.btn_more_menu span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}

.btn_close, .btn_all_delete {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url("../img/btn_close.svg");
  background-size: 13px auto;
  background-position: center;
  background-repeat: no-repeat;
  text-indent: -9999px;
}
.btn_close.type_src_result, .btn_all_delete.type_src_result {
  top: 42px;
  right: 10px;
}

.btn_close_white {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url("../img/btn_close_white2.svg");
  background-size: 13px auto;
  background-position: center;
  background-repeat: no-repeat;
  text-indent: -9999px;
}

.btn_save_temp {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url("../img/btn_save_temp.svg");
  background-size: 20px auto;
  background-position: center;
  background-repeat: no-repeat;
}
.btn_save_temp span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}

.btn_send_mail {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url("../img/btn_send_mail.svg");
  background-size: 26px auto;
  background-position: center;
  background-repeat: no-repeat;
}
.btn_send_mail span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}

.btn_readinfo {
  display: inline-block;
  width: 35px;
  height: 30px;
  background-image: url("../img/icon_mail_admission.svg");
  background-size: 20px auto;
  background-position: center;
  background-repeat: no-repeat;
}
.btn_readinfo span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}

.btn_plus {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: #5c74d8;
  background-image: url("../img/btn_plus.svg");
  background-size: 16px;
  background-position: center;
  background-repeat: no-repeat;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px;
  vertical-align: middle;
}
.btn_plus span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}
.btn_plus.active {
  background-image: url("../img/btn_minus.svg");
}

.btn_search {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url("../img/btn_search.svg");
  background-size: 22px;
  background-position: center;
  background-repeat: no-repeat;
}
.btn_search.active {
  background-image: url("../img/btn_search_active.svg");
}
.btn_search span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}

.btn_reset {
  background-image: url("../img/btn_reset.svg");
  background-size: 15px 14px;
  background-position: center;
  background-repeat: no-repeat;
}
.btn_reset span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}

.icon_folder {
  background-image: url("../img/icon_folder.svg");
  background-size: 13px 16px;
  background-position: 2px 5px;
  background-repeat: no-repeat;
}
.icon_folder.dep1 {
  line-height: 1.5;
  padding: 0 0 0 20px;
}

.regist_file_btn .btn {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 0 0 0 5px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.regist_file_btn .btn span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}
.regist_file_btn .btn_file {
  margin: 0 10px 0 0;
}

.icon_lock {
  display: inline-block;
  width: 20px;
  height: 18px;
  background-image: url("../img/icon_locked.svg");
  background-size: 13px auto;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.icon_lock span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}

.btn_file_wrap {
  display: inline-block;
  width: 35px;
  height: 35px;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}

.btn_file {
  background-image: url("../img/icon_file.svg");
  background-size: 9px auto;
  background-position: center;
  background-repeat: no-repeat;
}
.btn_file.type1 {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-size: 12px auto;
  -ms-transform: rotate(30deg);
  /* IE 9 */
  -webkit-transform: rotate(30deg);
  /* Chrome, Safari, Opera */
  transform: rotate(30deg);
}

.btn_cloud, .btn_MyFolder {
  background-image: url("../img/btn_cloud.svg");
  background-size: 18px 13px;
  background-position: center;
  background-repeat: no-repeat;
}

.btn_dropbox {
  background-image: url("../img/btn_dropbox.svg");
  background-size: 18px 16px;
  background-position: center;
  background-repeat: no-repeat;
}

.btn_GoogleDrive {
  background-image: url("../img/btn_googledrive.svg");
  background-size: 18px 14px;
  background-position: center;
  background-repeat: no-repeat;
}

.btn_oneDrive {
  background-image: url("../img/btn_onedrive.svg");
  background-size: 17px 12px;
  background-position: center;
  background-repeat: no-repeat;
}

.btn_view_list {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url("../img/btn_list.svg");
  background-size: 15px 12px;
  background-position: center;
  background-repeat: no-repeat;
}
.btn_view_list span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}

.btn_star {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("../img/icon_important_off.svg");
  background-size: 18px auto;
  background-position: center;
  background-repeat: no-repeat;
}
.btn_star.active {
  background-image: url("../img/icon_important_on.svg");
}
.btn_star span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}

.btn_home {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("../img/btn_home.svg");
  background-size: 16px auto;
  background-position: center;
  background-repeat: no-repeat;
}

.btn_header_search {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("../img/btn_header_search.svg");
  background-size: 18px auto;
  background-position: center;
  background-repeat: no-repeat;
}

.btn_module {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("../img/btn_module.svg");
  background-size: 18px auto;
  background-position: center;
  background-repeat: no-repeat;
}

.btn_set {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("../img/btn_set.svg");
  background-size: 22px auto;
  background-position: center;
  background-repeat: no-repeat;
  text-indent: -9999px;
}

.btn_write {
  position: fixed;
  bottom: 40px;
  right: 20px;
  width: 70px;
  height: 70px;
  background-image: url("../img/btn_write.svg");
  background-position: center;
  background-size: 55px;
  background-repeat: no-repeat;
  background-position: center;
  text-indent: -9999px;
  z-index: 97;
  	/*
  	&.type_snb {
  		display: block;
  		position: static;
  		bottom: auto;
  		left: auto;
  
  		
  		width: 100%;
  		height: 35px;
  		line-height: 33px;
  		border-style: solid;
  		border-color: $thema-color-dark;
  		border-width: 1px;
  		@include border-radius(3px);
  		background-color: $thema-color-light;
  		background-image: none;
  		text-align: center;
  		
  		color: #fff;
  
  
  
  		span {
  			position: absolute;
  			width: 0;
  			height: 0;
  			line-height: 0;
  			font-size: 0;
  			overflow: hidden;
  		}
  	}
  
  	*/
}
@media all and (min-width: 321px) {
  .btn_write {
    bottom: 40px;
  }
}

.btn_category_back {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #fff;
  background-image: url("../img/btn_back.svg");
  background-position: center;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  text-indent: -9999px;
}

.btn_category_top {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #fff;
  background-image: url("../img/btn_top.svg");
  background-position: center;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  text-indent: -9999px;
}

.btn_back {
  position: fixed;
  bottom: 95px;
  right: 70px;
  width: 40px;
  height: 40px;
  border-color: #ccc;
  background-color: #fff;
  background-image: url("../img/btn_back.svg");
  background-position: center;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  z-index: 97;
  opacity: 0.8;
}
@media all and (min-width: 321px) {
  .btn_back {
    bottom: 85px;
  }
}
.btn_back span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}

.btn_top {
  position: fixed;
  bottom: 95px;
  right: 5px;
  width: 40px;
  height: 40px;
  border-color: #ccc;
  background-color: #fff;
  background-image: url("../img/btn_top.svg");
  background-position: center;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 97;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  opacity: 0.8;
}
@media all and (min-width: 321px) {
  .btn_top {
    bottom: 85px;
  }
}
.btn_top span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}

.btn_logout2 {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(../img/btn_logout2.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25px 25px;
  text-indent: -9999px;
}

.btn_organi {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(../img/btn_organi.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px auto;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-indent: -9999px;
}
.btn_organi.absolute_right {
  top: -4px;
}

.btn_organi2 {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(../img/btn_organi2.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px auto;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-indent: -9999px;
}
.btn_organi2.absolute_right {
  top: -4px;
}

.absolute_right {
  position: absolute;
  top: 0;
  right: 10px;
}
.absolute_right.type_top_1 {
  top: -4px;
}
.absolute_right.type_top_2 {
  top: 6px;
}
.absolute_right.type_right_1 {
  right: 0;
}
.absolute_right.type_right_2 {
  top: 5px;
  right: 5px;
}

.btn_up_first {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(../img/icon_arrow_up_first.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 9px auto;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-indent: -9999px;
}

.btn_up {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(../img/icon_arrow_up.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 9px auto;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-indent: -9999px;
}

.btn_down_last {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(../img/icon_arrow_down_last.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 9px auto;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-indent: -9999px;
}

.btn_down {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(../img/icon_arrow_down.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 9px auto;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-indent: -9999px;
}

.btn_vcard {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(../img/btn_vcard.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25px auto;
  text-indent: -9999px;
  opacity: 0.7;
}

.btn_mail {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(../img/btn_mail.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25px auto;
  text-indent: -9999px;
  opacity: 0.7;
}

.btn_messenger {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(../img/btn_messenger.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25px auto;
  text-indent: -9999px;
  opacity: 0.7;
}

.btn_call {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(../img/btn_call.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 19px auto;
  text-indent: -9999px;
  opacity: 0.7;
}

.icon_list {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(../img/icon_list.svg);
  background-repeat: no-repeat;
  background-position: 5px center;
  background-size: 14px auto;
}

.icon_news {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(../img/icon_news.svg);
  background-repeat: no-repeat;
  background-position: 5px center;
  background-size: 14px auto;
}

.icon_album {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(../img/icon_album.svg);
  background-repeat: no-repeat;
  background-position: 5px center;
  background-size: 14px;
}

.icon_infotype {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(../img/icon_infotype.svg);
  background-repeat: no-repeat;
  background-position: 5px center;
  background-size: 14px;
}

.icon_reply {
  display: inline-block;
  height: 26px;
  padding: 0 0 0 25px;
  background-image: url(../img/icon_reply.svg);
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: 18px;
}
.icon_reply.alert {
  font-weight: bold;
}

.btn_google_sync {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(../img/btn_google_sync.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px;
  text-indent: -9999px;
}

.icon_down {
  display: inline-block;
  width: 30px;
  height: 20px;
  background-image: url(../img/icon_down.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 15px;
  text-indent: -9999px;
  vertical-align: middle;
}

.icon_send {
  display: inline-block;
  width: 30px;
  height: 20px;
  background-image: url(../img/icon_send.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 15px 16px;
  text-indent: -9999px;
  vertical-align: middle;
}

.icon_modify {
  display: inline-block;
  width: 30px;
  height: 20px;
  background-image: url(../img/icon_modify.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 15px;
  text-indent: -9999px;
  vertical-align: middle;
}

.btn_notice {
  display: inline-block;
  width: 30px;
  height: 20px;
  margin: 0 5px 0 0;
  background-image: url(../img/icon_notice.svg);
  background-repeat: no-repeat;
  background-position: center 8px;
  background-size: 40px 24px;
  text-indent: -9999px;
}


.scroll_list .icon_mail_all_mail, .scroll_list .icon_mail_no_read, .scroll_list .icon_mail_inbox, .scroll_list .icon_mail_sent_mail, .scroll_list .icon_mail_temporary_mail, .scroll_list_head .icon_mail_all_mail, .scroll_list_head .icon_mail_no_read, .scroll_list_head .icon_mail_inbox, .scroll_list_head .icon_mail_sent_mail, .scroll_list_head .icon_mail_temporary_mail {
  padding: 0 0 0 30px;
  background-size: 20px auto;
  background-position: 0 3px;
}
.scroll_list .icon_mail_reception, .scroll_list .icon_normal, .scroll_list_head .icon_mail_reception, .scroll_list_head .icon_normal {
  padding: 0 0 0 30px;
  background-size: 16px auto;
  background-position: 0 0;
}
.scroll_list.type2, .scroll_list_head.type2 {
  padding: 10px 0 0;
}
.scroll_list.type2 li, .scroll_list_head.type2 li {
  position: relative;
  padding: 5px 40px 5px 10px;
  border: 0;
}
.scroll_list.type2 .icon_normal, .scroll_list_head.type2 .icon_normal {
  padding: 0 0 3px 58px;
  background-position: 35px 0;
}
.scroll_list.type2 .icon_folder, .scroll_list_head.type2 .icon_folder {
  padding: 0 0 3px 50px;
  background-position: 30px 0;
}
.scroll_list.type2 .btn_plus, .scroll_list_head.type2 .btn_plus {
  position: absolute;
  top: 5px;
  left: 15px;
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-color: #666666;
}
.scroll_list.type_select a.active, .scroll_list_head.type_select a.active {
  color: #5c74d8;
  font-weight: bold;
}
.scroll_list .icon_mail_spam_mail, .scroll_list .icon_mail_delete_mail, .scroll_list_head .icon_mail_spam_mail, .scroll_list_head .icon_mail_delete_mail {
  padding: 0 0 0 30px;
  background-size: 21px auto;
  background-position: 0 3px;
}
.scroll_list .icon_folder.arrow_next, .scroll_list_head .icon_folder.arrow_next {
  display: block;
  padding: 0 0 0 30px;
  background-image: url("../img/icon_folder.svg"), url("../img/arrow_next.svg");
  background-size: 16px auto, 8px auto;
  background-position: 2px 10px, right center;
  background-repeat: no-repeat;
}
.scroll_list .icon_folder, .scroll_list_head .icon_folder {
  display: block;
  padding: 0 0 0 30px;
  background-image: url("../img/icon_folder.svg");
  background-size: 16px auto;
  background-repeat: no-repeat;
  word-break: break-all;
}
.scroll_list_head .icon_organi {
  display: block;
  padding: 0 0 0 30px;
  background-image: url("../img/icon_organi.png");
  background-size: 16px auto;
  background-repeat: no-repeat;
  word-break: break-all;
}
.scroll_list .icon_folder {
    background-image: url(../img/icon_folder.svg);
    padding: 0 0 0 30px;
    background-size: 16px auto;
    background-position: 0 0;
}
.scroll_list .icon_folder.type1, .scroll_list_head .icon_folder.type1 {
  background-position: 2px 0;
}
.scroll_list .icon_folder.type2, .scroll_list_head .icon_folder.type2 {
  padding: 10px 0 10px 30px;
  margin: 0 10px;
  font-size: 14px;
  font-weight: bold;
  background-position: 2px 10px;
}
.scroll_list .list_head, .scroll_list_head .list_head {
  padding: 10px 0;
  margin: 0 10px;
  font-size: 1em;
  background-position: 2px 10px;
}
.scroll_list .icon_mail_person, .scroll_list_head .icon_mail_person {
  padding: 0 0 0 30px;
  background-size: 20px auto;
  background-position: 0 1px;
}
.scroll_list .icon_mail_person.arrow_next, .scroll_list_head .icon_mail_person.arrow_next {
  display: block;
  padding: 0 0 0 30px;
  background-image: url("../img/icon_mail_person.svg"), url("../img/arrow_next.svg");
  background-size: 20px auto, 8px auto;
  background-position: 0 center, right center;
  background-repeat: no-repeat;
}

.src_result_list {
  position: relative;
  height: 155px;
  border-style: solid;
  border-color: #eaeaea;
  border-width: 0 0 1px 0;
  overflow: auto;
}
.src_result_list .scroll_list li {
  position: relative;
  padding: 5px 10px 5px 10px;
  border: 0;
  font-size: 1em;
}
.src_result_list .icon_mail_reception, .src_result_list .icon_normal {
  padding: 0 0 0 25px;
}

.icon_flag {
  padding: 0 0 0 30px;
  background-image: url("../img/icon_flag.svg");
  background-size: 20px auto;
  background-position: 2px 0;
  background-repeat: no-repeat;
}
.icon_flag span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}

.icon_label {
  padding: 0 0 0 30px;
  background-image: url("../img/icon_label.svg");
  background-size: auto 15px;
  background-position: 5px 2px;
  background-repeat: no-repeat;
}

.icon_mail_all_mail {
  background-image: url("../img/icon_mail_all.svg");
  background-size: 16px 11px;
  background-position: 0 8px;
  background-repeat: no-repeat;
}

.icon_mail_no_read {
  background-image: url("../img/icon_mail_noread.svg");
  background-size: 16px 11px;
  background-position: 0 8px;
  background-repeat: no-repeat;
}

.icon_mail_inbox {
  background-image: url("../img/icon_mail_receive.svg");
  background-size: 17px 11px;
  background-position: 0 8px;
  background-repeat: no-repeat;
}

.icon_mail_sent_mail {
  background-image: url("../img/icon_mail_send.svg");
  background-size: 17px 11px;
  background-position: 0 8px;
  background-repeat: no-repeat;
}

.icon_mail_reception, .icon_normal {
  background-image: url("../img/icon_mail_reception.svg");
  background-size: 13px 16px;
  background-position: 1px 6px;
  background-repeat: no-repeat;
}

.icon_mail_temporary_mail {
  background-image: url("../img/icon_mail_temp.svg");
  background-size: 16px 12px;
  background-position: 0 8px;
  background-repeat: no-repeat;
}

.icon_mail_reservation {
  background-image: url("../img/icon_mail_reservation.svg");
  background-size: 20px 13px;
  background-position: 0 8px;
  background-repeat: no-repeat;
}

.icon_mail_person {
  background-image: url("../img/icon_mail_person.svg");
  background-size: 16px 12px;
  background-position: 0 8px;
  background-repeat: no-repeat;
}

.icon_mail_admission {
  background-image: url("../img/icon_mail_admission.svg");
  background-size: 17px 11px;
  background-position: 0 8px;
  background-repeat: no-repeat;
}

.icon_mail_spam_mail {
  background-image: url("../img/icon_mail_spam.svg");
  background-size: 19px 13px;
  background-position: 0 8px;
  background-repeat: no-repeat;
}

.icon_mail_delete_mail {
  background-image: url("../img/icon_mail_delete.svg");
  background-size: 17px 12px;
  background-position: 0 8px;
  background-repeat: no-repeat;
}

.mail_sign {
  padding: 10px;
  margin: 10px 0 10px;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.read_confirm_wrap {
  display: none;
}
.read_confirm_wrap.active {
  display: block;
}
.read_confirm_wrap input[type=checkbox] {
  position: absolute;
  top: -9999px;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}
.read_confirm_wrap .reply_help {
  background-color: #fff;
}
.read_confirm_wrap .reply_help p {
  color: #333333;
}
.read_confirm_wrap .icon_mail_all_mail {
  margin: 0;
}

.read_confirm_wrap, .change_pw_wrap {
  position: relative;
  /*
  .mail_subject {
  	position: relative;
  	padding: 10px;
  	min-height: 41px;
  	border-style: solid;
  	border-color: $normal_border;
  	border-width: 0 0 1px;
  	h2 {
  		display: inline;
  		font-size: 1em;
  	}
  	> span {
  		// font-size: 0.9em;
  		display: inline-block;
  		background-color: $gray-lighter;
  		border-style: solid;
  		border-color: $normal_border;
  		border-width: 1px;
  		color: $gray;
  	}
  	//.btn_search {
  	//	position: absolute;
  	//	top: 4px;
  	//	right: 10px;
  	//}
  }
  */
}
.read_confirm_wrap .header .btn, .change_pw_wrap .header .btn {
  height: 35px;
  line-height: 35px;
  padding: 0 10px;
  border-style: solid;
  border-color: #4c61ba;
  border-width: 1px;
  color: #5c74d8;
  background-color: #fff;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.read_confirm_wrap .header .btn.confirm, .change_pw_wrap .header .btn.confirm {
  position: absolute;
  top: 2px;
  left: 5px;
  width: 35px;
  background-color: transparent;
  background-image: url("../img/arrow_prev_white.svg");
  background-size: 12px auto;
  background-position: center;
  background-repeat: no-repeat;
  border-width: 0;
}
.read_confirm_wrap .header .btn.confirm span, .change_pw_wrap .header .btn.confirm span {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}
.read_confirm_wrap .header .btn.txt, .change_pw_wrap .header .btn.txt {
  height: auto;
  line-height: 1.5em;
  margin-right: 5px;
  color: #fff;
  background-color: transparent;
  border-color: #fff;
  -webkit-border-radius: 12px;
  border-radius: 12px;
}
.read_confirm_wrap .header .btn.collection, .change_pw_wrap .header .btn.collection {
  padding: 0 10px 0 20px;
  background-image: url("../img/btn_delivery_white.svg");
  background-size: auto 8px;
  background-position: 6px 8px;
  background-repeat: no-repeat;
}
.read_confirm_wrap .read_confirm_list ul, .change_pw_wrap .read_confirm_list ul {
  min-height: 200px;
}
.read_confirm_wrap .read_confirm_list li, .change_pw_wrap .read_confirm_list li {
  position: relative;
  padding: 10px 10px 10px 40px;
  border-style: solid;
  border-color: #f2f2f2;
  border-width: 0 0 1px;
  word-break: break-all;
}
.read_confirm_wrap .read_confirm_list li > div, .change_pw_wrap .read_confirm_list li > div {
  position: relative;
  padding: 10px 100px 10px 0;
}
.read_confirm_wrap .read_confirm_list li.active, .change_pw_wrap .read_confirm_list li.active {
  background-color: #e4e8f8;
}
.read_confirm_wrap .read_confirm_list li.disabled, .change_pw_wrap .read_confirm_list li.disabled {
  background-color: #eaeaea;
  opacity: 0.6;
}
.read_confirm_wrap .read_confirm_list li .read_info, .change_pw_wrap .read_confirm_list li .read_info {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  text-align: center;
}
.read_confirm_wrap .read_confirm_list li dl, .change_pw_wrap .read_confirm_list li dl {
  position: relative;
  padding: 0;
  margin: 0;
}
.read_confirm_wrap .read_confirm_list li dl dt, .change_pw_wrap .read_confirm_list li dl dt {
  padding: 0 70px 0 0;
}
.read_confirm_wrap .read_confirm_list li dl dd, .change_pw_wrap .read_confirm_list li dl dd {
  padding: 0;
  margin: 0;
}
.read_confirm_wrap .read_confirm_list li .date, .change_pw_wrap .read_confirm_list li .date {
  font-size: 1em;
  letter-spacing: -0.5px;
}

/* just7 : 메인 페이지 */
.main_macro_container {
	width: 100%;
	padding: 10px;
	margin: 0 auto;
	overflow: hidden;
	background-color: rgba(255, 255, 255, 0);
}

.macro_type {
	float: left;
	/*width: 98px;*/
	padding: 10px;
}
.macro_type a {
	color: #000;
}

.macro_contents {
	position: relative;
  /* min-width: 240px;  */
  min-height: 150px;  
  border: 1px solid #ccc; 
  background-color: #ffffff;
	-webkit-border-radius: 10px;
	border-radius: 4px;
}

.macro_title {
	padding: 0px;
	font-size: 0.8em;
}

.macro_title span {
	margin: 0 0 0 5px;
	font-weight: normal;
	font-size: 0.8em;
}

.macro_number {
	position: absolute;
	top: 10px;
	right: 10px;
	padding:  0 10px 5px 0;
	font-size: 0.8em;
}

.macro_explain {/* just7 : 수정 */
	height: 48px;
	padding:  5px 10px 0;
	color: #000;
	line-height: 1.5;
	font-size: 0.9em;
	overflow:hidden;
	text-overflow:ellipsis;
  white-space:nowrap;
}
.macro_explain p {
	height: 21px;
	overflow:hidden;
	white-space:nowrap;
}

.mc_title1, .mc_title2, .mc_title3 	{
	height:25px;
	white-space: nowrap;
	/*padding: 5px 100px 0 10px;*/
}

.app_date1	 	{font-size: 0.8em; padding: 5px 10px 0; color: gray;}
.app_date2	 	{font-size: 0.8em; padding: 5px 10px 0; color: gray;}
.app_date3	 	{font-size: 0.8em; padding: 5px 10px 0; color: gray;}

.macro_type_01 {
}
.macro_type_02 {
	width: 196px;
}
.macro_type_03 {
  width: 294px;
}
.macro_type_04 {
}

.macro_color_01 {
	background-color: rgba(86, 108, 186, 0.75);/* 퍼플 계열 */
}
.macro_color_02 {
	background-color: rgba(42, 172, 255, 0.75);/* 블루 계열 */
}
.macro_color_03 {
	background-color: rgba(171, 0, 43, 0.75);/* 핑크 계열 */
}
.macro_color_04 {
	background-color: rgba(236, 106, 0, 0.75);/* 오렌지 계열 */;
}
.macro_color_05 {
	background-color: rgba(36, 152, 152, 0.75);/* 카키 계열 */;
}

/* .macro_new_appr {
	background-image: url(../img/macro_new_appr.svg);
    background-repeat: no-repeat;
    background-position: center 35%;
    background-size: 40%;
}
.macro_new_notice {
	background-image: url(../img/macro_new_notice.svg);
    background-repeat: no-repeat;
    background-position: center 35%;
    background-size: 40%;
} */
/*.macro_new_messenger {*/
/*  background-image: url(../img/macro_new_messenger.svg);*/
/*  background-repeat: no-repeat;*/
/*  background-position: center 35%;*/
/*  background-size: 40%;*/
/*}*/
/* .macro_new_note {
	background-image: url(../img/macro_new_note.svg);
    background-repeat: no-repeat;
    background-position: center 35%;
    background-size: 40%;
}
.macro_new_address {
	background-image: url(../img/macro_new_address.svg);
    background-repeat: no-repeat;
    background-position: center 35%;
    background-size: 40%;
}
.macro_new_organization {
	background-image: url(../img/macro_new_organization.svg);
    background-repeat: no-repeat;
    background-position: center 35%;
    background-size: 40%;
}
.macro_new_todo {
	background-image: url(../img/macro_new_todo.svg);
    background-repeat: no-repeat;
    background-position: center 35%;
    background-size: 40%;
}
.macro_new_board {
	background-image: url(../img/macro_new_board.svg);
    background-repeat: no-repeat;
    background-position: center 35%;
    background-size: 40%;
}
.macro_new_doc {
	background-image: url(../img/macro_new_doc.svg);
    background-repeat: no-repeat;
    background-position: center 35%;
    background-size: 40%;
}
.macro_new_alarm {
	background-image: url(../img/macro_new_alarm.svg);
    background-repeat: no-repeat;
    background-position: center 35%;
    background-size: 40%;
} */
/* .macro_new_report {
	background-image: url(../img/macro_report.svg);
	background-repeat: no-repeat;
	background-position: center 36%;
	background-size: 35%;
} */
.macro_new_attendance {
	background-image: url(../img/macro_attendance.svg);
	background-repeat: no-repeat;
	background-position: center 36%;
    background-size: 30%;
}
/*.macro_new_survey {*/
/*	background-image: url(../img/macro_new_survey.svg);*/
/*	background-repeat: no-repeat;*/
/*    background-position: center 37%;*/
/*    background-size: 19%;*/
/*}*/
.main_header {
	min-height: 45px;
	padding: 15px 13px 5px;
	margin: 0 auto;
}

.main_header li {
	float: left;
	
}
.main_header li a {
	display: inline-block;
	padding: 0 10px 5px;
	font-size: 1em;
	color: rgba(255, 255, 255, 0.5);
	font-weight: bold;
}
.main_header li.active a {
	border-style: solid;
	border-width: 0 0 3px;
	border-color: rgba(255, 0, 0, 0.5);
	-webkit-border-radius: 1.5px;
	border-radius: 1.5px;
	color: rgba(255, 255, 255, 1);
}


/*youni1007*/
.scroll_list > li > a.btn_star_active {
	display: inline-block;
	width: 20px;
	height: 20px;
	padding: 0 0 0 30px;
	background-size: 18px auto;
	background-repeat: no-repeat;
	background-image: url("../img/icon_important_on.svg");
	cursor:pointer;
}

/*youni1007*/
a.btn_star_active {
	left: 15px;
	display: block;
	width: 20px;
	height: 20px;
	padding: 0 0 0 30px;
	background-size: 18px auto;
	background-repeat: no-repeat;
	background-image: url("../img/icon_important_on.svg");
	cursor:pointer;
}

/*youni1007*/
.star_input	{
	padding: 0 50px 0 10px !important;
}

/*youni1007*/
.toggle_list .arrow.btn_more_view {
  width: 30px;
  height:30px;
  background-image: url("../img/macro_view.svg");
  background-size: 24px 24px !important;
  background-position: center;
  text-indent: -99999px;
}

.toggle_list .arrow.btn_more_upload {
  width: 30px;
  height:30px;
  margin-left: 1px;
  background-image: url("../img/macro_upload.svg");
  background-size: 24px 24px !important;
  background-position: center;
  text-indent: -99999px;
}

.toggle_list .btn_modify {
  width: 30px;

  background-image: url("../img/icon_modify.svg");
  background-position: center;
  text-indent: -99999px;
}

.toggle_list .btn_trash {
	width: 20px;
	display: block;
	height:30px;
	margin-left: 5px;
	background-image: url("../img/btn_delete.svg");
	background-repeat: no-repeat;
	background-size: 18px auto;
	background-position: center;
	text-indent: -99999px;
}

.btn_upload {
  background-image: url("../img/macro_upload.svg");
  background-size: 20px auto;
  background-position: center;
  background-repeat: no-repeat;
}

.btn_mtrash {
  background-image: url("../img/btn_delete.svg");
  background-size: 15px auto;
  background-position: center;
  background-repeat: no-repeat;
}

/* just7 */
/* .macro_new_mail {
	background-image: url(../img/macro_new_mail.svg);
    background-repeat: no-repeat;
    background-position: center 35%;
    background-size: 40%;
}

.macro_new_appr {
	background-image: url(../img/macro_new_appr.svg);
    background-repeat: no-repeat;
    background-position: center 35%;
    background-size: 40%;
} */

/* .macro_type_02 .macro_new_messenger, .macro_type_02 .macro_new_board  {
	background-size: 24%;
} */

.macro_type_02 ._main_pay_demo  {
    min-height: 40px;
}

.macro_type_02 .macro_new_calendar {
	background-size: 20%;
}

.macro_type_03 .macro_new_mail,.macro_type_03 .macro_new_appr,.macro_type_02 .macro_new_mail  {
	background-size: 16%;
}

/*.macro_new_calendar {*/
/*	background-image: url(../img/macro_new_calender.svg);*/
/*    background-repeat: no-repeat;*/
/*    background-position: center 35%;*/
/*    background-size: 40%;*/
/*}*/



.macro_new_work {
	background-image: url(../img/macro_new_work.svg);
    background-repeat: no-repeat;
    background-position: center 35%;
    background-size: 40%;
}

.macro_type_02 .macro_new_work {
	background-size: 20%;
}

#emlMobileView_mailHtmlView .linkPopup.thema_color.default_underline {
	display: none;
}

.read_btn {
	float: left;
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url(../img/read_btn.png);
	background-size: 20px;
	background-position: center;
	background-repeat: no-repeat;
	text-indent: -9999px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}


.newtxt_btn {
	width: 30px;
	vertical-align: middle;
	display: inline-block;
	height: 24px;
	background-image: url(../img/btn.png);
	background-repeat: no-repeat;
	background-position: -21px -1290px;
}

.table_type_02{
	padding:10px;
}					 
.table_type_02 table {
	width: 100%;
	border-collapse: separate;
}
.table_type_02 table th {
	padding: 10px 10px 10px 10px;
	text-align: center;
	border-style: solid;
	border-color: #cccccc;
	border-width: 1px 1px 0 1px;
	background-color: #ddd;
	color: #666666;
	font-size: 1em;
	font-weight: bold;
}

.table_type_02 table th:first-child {
	border-width: 1px 0 0 1px;
}

.table_type_02 table td {
	padding: 10px 10px 10px 10px;
	border-style: solid;
	border-color: #eaeaea;
	text-align: left;
	border-width: 1px 1px 0 1px;
	font-size: 1em;
}

.table_type_02 table td:first-child {
	border-width: 1px 0 0 1px;
}

.table_type_02 table tr:last-child td:first-child {
	border-width: 1px  0 1px 1px;
}

.table_type_02 table tr:last-child td:last-child {
	border-width: 1px;
}

.sel_disabled {
	background:#cccccc;
	opacity:1;
}

.m_repul	 {
	font-size:10pt;
	clear: both;
	background-color: #f2f2f2;
    padding: 5px 10px;
}

/* 캘린더 추가 */
.checkbox_label.active.select_position, .checkbox_label.select_position	{
	left: 2px;
	top: 3px;
	border-width: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.checkbox_list input[type=checkbox].cal_checkbox {width: 18px;height: 18px;left: 10px;top: 10px;}

li.checkbox_width div	{
	width:33%;
}

.scroll_y_228 {
	overflow-y: scroll;
	bottom: 0;
	top: 79px;
	width: 100%;
	position: absolute;
}	

.cal_selectul	{
	border:1px solid #ccc;
	line-height:1.5;
	background:#fff;
	z-index:10000;
	position:absolute;
	width:100%;
	padding-left:5px;
}

.cal_alram_icon	{
	width: 30px;
	height: 30px;
	right: 0;
	top: 3px;
	background-image: url(../img/btn.png);
	background-position: 0 -2096px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

.cal_alram_icon.active {
	width: 30px;
	height: 30px;
	right: 0;
	top: 3px;
	background-image: url(../img/btn.png);
	background-position: 0 -2128px;
	background-repeat: no-repeat;
	text-indent: -9999px;
} 

.cal_list_alram_icon	{
	width: 30px;
	height: 30px;
	right: 0;
	top: 3px;
	background-image: url(../img/btn.png);
	background-position: -10px -277px;
	background-repeat: no-repeat;
}

.calendar_snb_list	{
	position: absolute;
	overflow: auto;
	left: 0;
	top: 136px;
	border-style: solid;
	border-color: #ccc;
	border-width: 1px 0 0 0;
	bottom: 48px;
	width: 100%;
}

.anvrs_icon {
	-webkit-border-radius: 0;
	top: 18px;
	border-radius: 0;
	background-position: 3px -242px;
	background-image: url(../img/tree_icons.png);
	background-repeat: no-repeat;
} 	

.cake_icon {
	-webkit-border-radius: 0;
	top: 18px;
	border-radius: 0;
	background-position: 3px -273px;
	background-image: url(../img/tree_icons.png);
	background-repeat: no-repeat;
} 		

.btn_term_title {
	left: 32px;
	border-width: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	background-image: url(../img/btn.png);
	background-position: 0px -925px;
}

 
.btn_fileclose	{
	background-image: url(../img/btn.png);
	background-repeat: no-repeat;
	background-position: 0 -123px;
	background-size: 50px !important;
}

.btn_link_plus	{
	width:30px;
	height: 30px;
	border-radius: 3px;
	background-image: url(../img/btn.png);
	background-repeat: no-repeat;
	background-position: 8px -2902px;
	vertical-align: baseline;
	top: 52px;
	margin: 3px 0 0;
	display: inline-block;
	vertical-align: top;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.btn_schedule_invited .icon {
	display: inline-block;
	position: absolute;
	top: 11px;
	left: 12px;
	width: 20px;
	height: 20px;
	background-image: url(../img/btn.png);
	background-position: 0 -2070px;
	background-repeat: no-repeat;
	background-color: #999;
}

.btn_close_src_result {
	height: 15px;
	display: block;
	background-image: url(../img/bg_arrow_vertical.png);
	background-repeat: no-repeat;
	background-position: center -25px;
	text-indent: -99999px;
}

.btn_new_write	 {
	display: inline-block; 
	float:right;
	width: 16px; 
	height: 15px;	
	background-image: url(../img/btn.png); 
	background-repeat: no-repeat; 
	background-position: -3px -2163px; 
	vertical-align: middle;
}

.btn_memo_title {
	width: 18px;
	left: 32px;
	border-width: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	background-image: url(../img/btn.png);
	background-position: 16px -2070px;
}

.btn_close_src_result {
	height: 15px;
    display: block;
    background-image: url(../img/bg_arrow_vertical.png);
    background-repeat: no-repeat;
    background-position: center -25px;
    text-indent: -99999px;
}

.btn_calrender_area	{position:absolute;padding: 10px;bottom: 0;width: 100%;z-index: 2;background:#fff}

.btn_calrender_search	 {border-color: #5c74d8;min-height: 20px;	 font-size: 0.85em; padding: 4px 20px 2px;display: block;vertical-align: middle;font-weight: bold;border-style:solid;border-width: 1px;	-webkit-border-radius: 13px; border-radius: 13px;color: #4c61ba;}

.inline_list.type2 li {
	display: block;
	float: left;
	position: relative;
	padding: 0 30px 0 20px;
	margin: 0 2px 1px 0;
	border-style: solid;
	border-color: rgba(127, 181, 231, 0.2);
	border-width: 1px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: rgba(165, 206, 241, 0.2);
	text-align: center;
}

.input_cal {	  							
	background-image: url(../img/btn.png);
	background-repeat: no-repeat;
	background-position: 137px -389px;
}

.input_time {
	background-image: url(../img/btn.png);
	background-repeat: no-repeat;
	background-position: 93px -921px;
}

.invited_n_search li {
	position: relative;
	padding: 10px 0 10px 0 !important;
	border-style: solid;
	border-color: #eaeaea;
	border-width: 0 0 1px;
	word-break: break-all;
}

.invited_n_search li:last-child {
	border-width: 0 !important;
}

.fc-event.line_through:hover {
	text-decoration: line-through !important;
}

.fc-event.btn_memorial_day {
	background-image: url(../img/tree_icons.png);
	background-repeat: no-repeat;
	background-position: -21px -244px;
	padding: 0 0 0 20px;
	cursor: default;
}

.fc-event.btn_company_memorial_day {
	background-image: url(../img/tree_icons.png);
	background-repeat: no-repeat;
	background-position: -21px -274px;
	padding: 0 0 0 20px;
	cursor: default;
}

.fc-event.btn_notice_day {
	background-image: url(../img/tree_icons.png);
	background-repeat: no-repeat;
	background-position: -80px -463px;
	padding: 0 0 0 20px;
	cursor: default;
}

.schedule_type {
	display: inline-block;
	width: 8px;
	height: 8px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-indent: -9999px;
}

.snb_tab li { 
	position: relative;
	float: left;
	width: 50%;
	margin: 0 0 0 1px;
}

.snb_tab li a {
	display: block;
	height: 30px;
	line-height: 28px;
	background-color: #eaeaea;
	border-style: solid;
	border-color: #cccccc;
	border-width: 1px;
	color: #5e5e5e;
	text-align: center;
	font-family: "Apple Gothic", "나눔고딕 bold", NanumGothicBold, nanumgothicwebB, "돋움", dotum, Helvetica, Arial, sans-serif;
	font-size: 13px;
}

.snb_tab li.tab_active {
	z-index: 10;
}

.snb_tab li.tab_active a {
	background-color: #f38729;
	border-color: #d36708;
	color: white;
}

.snb_tab li + li {
	margin: 0 0 0 -1px;
}		  

.snb.calendar.active .btn_schedule_invited .icon {
	background-color: #5c74d8;
}

.snb h2 {
	height: 39px;
	line-height: 36px;
	text-align: center;
	font-size: 19px;
}

.snb.calendar .btn_wrap .btn_division_horizontal {
	display: none;
	position: absolute;
	top: 0;
	right: 20px;
	width: 13px;
	min-width: 13px;
	height: 40px;
	padding: 0;
	background-position: -6px -112px;
	background-color: transparent;
	border-width: 0;
}

.snb.calendar .snb_setting {
	height: 100px;
}

.snb.calendar .btn_schedule_invited {
	position: relative;
	padding: 2px 0 0 35px;
}

.snb.calendar .btn_schedule_invited .alert {
	margin: 0 0 0 5px;
}

.snb.calendar .btn_close_src_result {
	display: none;
	border-width: 1px 0 0;
	background-color: #fff;
	bottom: 100px;
}

.snb.calendar .btn_wrap {
	position: relative;
}

.snb.calendar .btn_close {
	position: absolute;
	top: 14px;
	right: 0;
	display: none;
	width: 13px;
	height: 13px;
	background-image: url(../img/btn.png);
	background-position: 0 -120px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

.snb.calendar.active .btn_close {
	display: block;
}

.snb.calendar.active .search_category {
	display: none;
}

.snb.calendar.active .calendar_snb_list {
	top: 377px
}

.snb.calendar.active .btn_close_src_result {
	display: block;
}

.snb.calendar.active .invited_n_search {
	display: block;
	height: 225px;
}

.snb.calendar.active .btn_close_src_result {
	top: 304px;
	border-width: 1px 0;
}

.snb.calendar.active .btn_schedule_invited {
	padding: 2px 10px 0 35px;
}

.snb.calendar.active .btn_division_horizontal {
	display: inline-block;
}

.snb.calendar.active.type_search .btn_close {
	display: none;
}

.snb.calendar.active.type_search .search_category {
	display: block;
}

.snb.calendar.active.type_search .calendar_snb_list {
	display: block;
	top: 315px;
}

.snb.calendar.active.type_search .invited_n_search {
	top: 109px;
	bottom: auto;
	height: 195px;
}

.snb.calendar.active.type_search .btn_close_src_result {
	display: block;
	top: 304px;
	bottom: auto;
	border-width: 1px 0 1px;
}

.snb.calendar.active.type_search .btn_schedule_invited {
	padding: 2px 0 0 35px;
}

.snb.calendar.active.type_search .btn_schedule_invited .alert {
	right: 10px;
}

.snb.calendar.active.type_search .btn_division_horizontal {
	display: none;
}

.snb.calendar .btn_invited_close {
	position: absolute;
	background-size: 14px;
	right: 7px;
	border-radius: 4px;
	top: 6px;
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc;
	width: 25px;
	height: 25px;
	background-image: url(../img/btn_close.svg);
	background-position: 5px;
	background-repeat:no-repeat;
	text-indent: -9999px;
	display:none;
}

.snb.calendar.active .btn_invited_close {
	display:inline-block;
}

.fc th, .fc td, .fc th, .fc td {
	border-width: 1px;
}

.fc th:first-child, .fc td:first-child, .fc th:last-child, .fc td:last-child {
	border-width: 1px 0;
}

.absolute	{position:absolute;}

.initial { position: initial; }

.scroll_reply	{
	height: 18px;
	font-weight: 500;
	color: #000;
}

.icon_file_survey	{
	display: inline-block;
	left: 30px;
	top: 5px;
	position: absolute;
	width: 12px;
    height: 18px;
    background-image: url(../img/icon_file.svg);
    background-size: 10px auto;
    background-position: center;
    background-repeat: no-repeat;
}

.progress_bar	{position: relative; width: 60%; padding: 14px 0 8px; margin-top: 10px; text-align: center;letter-spacing: 0px;}
.volume_bg	{position: absolute;top:5px;left: 0; width: 100%;height: 7px;margin: 0 0 3px 0;background-color: #eaeaea;border-style: solid;border-color: #cccccc;border-width: 1px;border-radius: 4px;}
.volume	{top:5px;position: absolute;left: 0;width:25.0%;height: 7px;background-color: #5c74d8;border-radius: 4px;border-style: solid;border-color: #5c74d8;border-width: 0;}
.progress_percent	{position:absolute;top: 35px;width: 90px;right: 0;}

.calendar_search_wrap	{
	padding: 5px 10px; 
	line-height: 30px; 
	height: 40px !important;
	border-style: solid;
	border-color: #cccccc;
	border-width: 0 0 1px;
	background-color: #f8f8f8;
}

.editor_orderlist_reset * {
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
  border-collapse: inherit !important;
  -webkit-border-horizontal-spacing: 1px !important;
  -webkit-border-vertical-spacing: 1px !important;
  -ms-border-horizontal-spacing: 1px !important;
  -ms-border-vertical-spacing: 1px !important;
  border-spacing: 1px !important;
}














/*모바일 css 신규 추가 20230608*/
@media all and (max-width:370px) {
  .macro_type{width: 100%; max-width: 350px;  padding: 10px;}
}
@media all and (min-width:370px) and (max-width:720px){
  .macroContainer {width: 100% !important;}
  #touchSlider ul li {width: 100% !important;}
  .macro_type {max-width: 100% !important;}
  .macro_divide_type1, .macro_divide_type2 {max-width: 100%;}
}
@media all and (min-width:720px) {
  .macro_divide_type1, .macro_divide_type2 {max-width: 350px;}
  .macro_type{width: 100%; max-width: 350px;  padding: 10px;}
}

.bg_section {position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: auto; height: 100%;}
.bg_01 {background: rgb(58,62,180); background: linear-gradient(90deg, rgba(58,62,180,1) 0%, rgba(100,29,253,1) 50%); height: 190px;}
.bg_02 {height: 100%; background-color: #f2f2f2;}

.m_count_01 {width: 65px; height: 65px; border: 1px solid #efefef;  border-radius: 50%; background-color: #deebf7;}
.m_count_02 {width: 65px; height: 65px; border: 1px solid #efefef; border-radius: 50%; background-color: #fff2cc;}
.m_count_03 {width: 65px; height: 65px; border: 1px solid #efefef; border-radius: 50%; background-color: #e2f0d9;}
.m_count_04 {width: 65px; height: 65px; border: 1px solid #efefef; border-radius: 50%; background-color: #fbe5d6;}
.m_count_txt{font-weight: bold; position: absolute; top: 50%; left: 50%; transform: translate( -50%, -50% );}
.m_count .macro_number {position: absolute; top: 50%; left: 50%; right: unset; color: #000; font-weight: bold; transform: translate(-50%, -50%); padding: 0px; font-size: 16px;}
.m_mail_txt {position: relative; bottom: -70px; text-align: center; width: 100%; white-space: nowrap; font-size: 12px;}



.macro_divide_type1 {display: flex; justify-content: space-around; gap: 15px; width: 100%; padding: 10px; float: left;}
.macro_divide_type1 .macro_contents {width: 100%; min-height: 120px; padding: 10px; border-radius: 4px; min-width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-around;}
.macro_divide_type1 .macro_type {padding: 0px;}



.macro_divide_type2 {display: flex; justify-content: space-around; gap: 15px; width: 100%; padding: 10px; float: left;}
.macro_divide_type2 .macro_contents {width: 100%; min-height: 100px; padding: 10px; border-radius: 4px; min-width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-around;}
.macro_divide_type2 .macro_type {padding: 0px;}

.macro_divide_type1 .macro_number, .macro_divide_type2 .macro_number {
  position: unset;
  width: 50px;
  height: 20px;
  line-height: 20px;
  background-color: #5c74d8;
  border-radius: 15px;
  color: #ffffff;
  padding: 0px;
  text-align: center;
}


.m_count_01,.m_count_02,.m_count_03,.m_count_04 {position: relative;}
.m_count {display: flex; justify-content: space-evenly; padding: 0 10px;}

.macro_contents .survey_portlet_contents {
  position: absolute;
  top: 25px;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px 20px 55px 95px;
}

.macro_contents .survey_portlet_contents .bg {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 60px;
  height: 60px;
  background-image: url(../img/survey_03.svg);
  background-repeat: no-repeat;
}

.macro_contents .survey_portlet_txt {
  position: relative;
  min-height: 60px;
  max-height: 60px;
  padding: 2px 0 0 15px;
  line-height: 1.6;
  border-style: solid;
  border-color: #ddd;
  border-width: 0 0 0 3px;
  font-size: 12px;
  overflow: hidden;
}

.survey_portlet .survey_portlet_btn {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  text-align: center;
}



/* 신규 20230822 */
hr {border: 0px; height: 1px; background-color: #cccccc; margin: 10px 0 0px 0px;}
		
#publish_mobileMain_header {
  height: auto;
  border: none; 
  padding: 10px 20px; 
  background-color: #5c74d8;
}

.wok_wrap {background-color: #ccc; width: 100%; height: 60px; display: flex; align-items: center; justify-content: space-around}
.wok_wrap .wok_contents {width: 80px; height: 45px; border-radius: 20px; display: flex; flex-direction: column; align-items: center; background-color: #ffffff; font-weight: bold;}
.border_red {border: 1px solid red; color: red;}
.border_green {border: 1px solid green; color: green;}
.border_gray {border: 1px solid gray; color: gray;}
.m_header {width: auto; padding: 10px;}
/*	css 기존적용 수정 header*/

.main_bg_01 {			
  background-color: #5c74d8;
  height: 80px; 
  position: absolute; 
  width: 100%; z-index: 1;
}
.main_bg {background-color: #f2f2f2;}


/* test */

.btn_all_navi {
position: absolute;
display: block;
width: 46px;
height: 40px;
top: 1px;
background-position: 0 0 !important;
right: auto;
background-repeat: no-repeat;
background-image: url(../img/btn_allmenu_new.png);
background-color: #ffffff !important;
}

.portlet_calendar_wrap .portlet_select_type ul li {

  display: block;
  height: 26px;
  line-height: 26px;
  padding: 0 20px 0 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

 .portlet_calendar_wrap .portlet_schedule_head {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 45px;
  text-align: center;
  font-size: 16px;
  color: #5c74d8;
  z-index: 5;
}

/* 캘린더 메뉴 클릭시 */
.portlet_calendar_wrap .portlet_select_type {
  top: 35px;
  background-color: #fff;
  z-index: 20;
  position: absolute;
  max-height: 175px !important;
}
 

.portlet_select_type ul {
  display: none;
  max-height: 134px;
  padding: 1px;
  border-style: solid;
  border-color: #555555;
  border-width: 1px;
  background-color: white;
  overflow: auto;
}

.portlet_select_type.active .btn_close_01, .portlet_select_type.active ul {
  display: block;
}


.portlet_calendar_wrap .fc-basic-view .fc-body .fc-row {height: 30px;}
#publish_mobileMain_header h1{ display: inline-block !important;}
.portlet_contents .fc-day-grid-event {display: none;}

/* 캘린더 오늘날자 css */
.portlet_calendar_wrap .fc-today.fc-day-number.fc-state-highlight > span {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 auto;
  color: #fff;
  background-color: #f00;
  -webkit-border-radius: 13px;
  border-radius: 13px;
}
.portlet_calendar_wrap .default_underline {cursor: pointer !important; font-weight: bold; text-decoration: underline;}
.fc-unthemed .fc-today {background-color: transparent;}

/*2024-01-10 모바일 개편 css 추가*/
.help_txt {
  line-height: 18px;
  padding: 0 0 0 10px;
  background-image: url(../img/bg.png);
  background-repeat: no-repeat;
  background-position: -97px -3px;
}

.portlet_calendar_list {
  display: none;
  position: absolute;
  top: 47px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px 0 0;
  background: #fff;
  overflow: auto;
  z-index: 15;
}
.portlet_calendar_list.active {
  display: block;
}
.portlet_calendar_list ul {
  padding: 10px 10px 0;
}
.portlet_calendar_list .help_txt {
  padding: 0 0 7px 10px;
}
.portlet_calendar_list .btn_memorial_day {
  display: inline-block;
  padding: 0 0 0 23px;
  background-image: url(../img/tree_icons.png);
  background-repeat: no-repeat;
  background-position: 0 -242px;
}
.portlet_calendar_list .btn_company_memorial_day {
  display: inline-block;
  padding: 0 0 0 23px;
  background-image: url(../img/tree_icons.png);
  background-repeat: no-repeat;
  background-position: 0 -272px;
}
.portlet_calendar_wrap.display_schedule_list .portlet_calendar_list, .portlet_calendar_wrap.display_schedule_list .portlet_schedule_head{
  display: block;
}

.portlet_calendar_wrap.display_schedule_list .fc-center, .portlet_calendar_wrap.display_schedule_list .fc-right {
  display: none;
}
.portlet_calendar_wrap .fc-toolbar {
  margin: 0;
  padding: 0 10px;
  min-height: 45px;
}
.portlet_calendar_wrap .fc-center {
  vertical-align: middle;
  padding: 10px 0 0;
}

.portlet_calendar_wrap .fc-right {
  position: absolute;
  top: 1px;
  right: 10px;
}
.fc-right {
  padding: 10px 0 0;
}

.portlet_calendar_wrap .portlet_schedule_head strong {
  display: inline-block;
}

.btn_new_back {
  display: inline-block;
  background-image: url(../img/newImageM/btn_newback.png);
  background-repeat: no-repeat;
  background-size: 14px;
  text-indent: -9999px;
  width: 20px;
  height: 20px;
  background-position: center;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  z-index: 97;
  opacity: 1;
}
.portlet_calendar_wrap .portlet_schedule_head .btn_new_back {
  position: absolute;
  top: 15px;
  right: 10px;
}

._main_mail {
	padding: 0px 5px 5px 5px;
}
._main_mail .macro_explain {
	padding: 5px 0px 0px;
}
._main_mail .app_date1,
._main_mail .app_date2,
._main_mail .app_date3 {
	padding: 5px 0 0;
}

.full-height {
  height: 100%;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-column.active {
  display: flex;
  flex-direction: column;
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}
.portlet_contents {
  overflow-y: hidden;
}

.attPtlTodayAbsence_portlet {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding:10px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #cccccc;
  background-color: #ffffff;
  border: 4px 4px 0 0;
}

.absen_wrap > div {
  background-repeat: no-repeat;
  background-position-y: 7px;
  background-size: 16px;
  padding-left: 25px;
  line-height: 30px;
  min-width: 130px;
  font-size: 12px;
  padding-right: 10px;
}

.circle_1 {
  background-image: url(/style/img/blue_circle.png);
}
.circle_2 {
  background-image: url(/style/img/red_circle.png);
}
.circle_3 {
  background-image: url(/style/img/yellow_circle.png);
}
.circle_4 {
  background-image: url(/style/img/purple_circle.png);
}

.attPtlTodayAbsence_list {
  max-height: 192px;
  overflow-y: auto;
  font-size: 12px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 0 0 4px 4px;
}
.attPtlTodayAbsence_list ul li{
  line-height: 25px;
  margin-bottom: 10px;
}
.attPtlTodayAbsence_list ul li:last-child {
  margin-bottom: 0px;
}
.absen_type {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}

.absen_type .absen_title {
  font-size: 11px;
  width: 60px;
  max-height: 25px;
  text-align: center;
  color: #ffffff;
  border-radius: 12px;
  display: inline-block;
  background-color: #b6b4f3;
  min-width: 60px;
}
.absen_type .deptName {
  color: #7d7d7d;
}
.absen_type .absen_exp {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.absen_type img {width: 25px; border-radius: 15px; height: 25px;}

/*.absen_title {background-color: #b6b4f3;}*/
.absen_title.annual_leave{background-color: #45bfff;}
.absen_title.morning_off{background-color: #ff7e82;}
.absen_title.afternoon_off{background-color: #ffc265;}


/* 캔버스 스타일 설정 */
canvas {
  display: block;
  max-width: 140px;
  height: 140px;
}

.no_absence {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 10px;
  min-height: 185px;
}
.no_absence.none {display: none !important;}

.login_page.autoL_001 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

/* GPS 출퇴근 기능 START */
.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-row {
  display: flex;
  flex-direction: row;
}

.flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* gps 스타일 */
.gps-portlet {
  font-family: 'Pretendard';
  min-height: 150px;
  border: 1px solid #ccc;
  background-color: #ffffff;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding:10px;
  gap: 20px;
  color: #3F4150;
}
.title-area .title-date {
  color: #3F4150;
  font-size: 0.9rem;
}
.title-area .title {
  font-weight:600;
  font-size:1rem;
}

.gps .work-before-font {
  color:#63C265;
  font-weight: 600;
}
.gps .btn.work-before {
  background-color:#63C265;
  color: #fff;
}
.gps .working-font {
  color:#FB8C00;
  font-weight: 600;
}
.gps .btn.working{
  background-color:#FB8C00;
  color: #fff;
}
.gps .work-after-font {
  color:#FB8C00;
  font-weight: 600;
}
.gps .btn.work-after {
  background-color:#FB8C00;
  color: #fff;
}

.gps-portlet .btn {
  display: inline-block;
  padding:12px 30px;
  border-radius:8px;
  border:none;
  color:#3F4150;
  text-align: center;
  font-size: 0.9rem;
  font-weight: 600;
}
.gps-portlet .btn-area {
  gap: 8px;
  box-sizing: border-box;
}
.btn.request {
  background-color: #EFF0F2;
}
.gps-portlet .btn.work-before,
.gps-portlet .btn.working,
.gps-portlet .btn.work-after{
  flex: 1;
}
.work-time-area {
  padding-top: 10px;
  font-size: 0.9rem;
}
.work-time-area .title {
  position:relative;
  padding: 0 10px 0 20px;
  background-image: url('../img/gps/work-icon.svg');
  background-repeat: no-repeat;
  background-position: left 0 center;
  vertical-align: middle;
}
.work-time-area .title:after {
  content:"";
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  width:2px;
  height:60%;
  background-color:#CFD1D6;
}
.work-time-area .date {
  vertical-align: middle;
}
.state-area {
  font-size: 1rem;
}
.state-area > li {
  padding: 10px 0; // [요청] 시 사유 입력까지 보이도록 수정 -25.06.26 yoonseo
  border-bottom: 1px solid #EFF0F2;
}
.state-area > li:last-child {
  border-bottom: none;
}
.contents-area {
  gap: 20px;
}
.list-area {
  max-height: 185px;
  overflow-y: auto;
  padding-top: 8px;
  border-top: 1px solid #E0E2E7;
}
.list-area .list > li {
  font-size: 0.9rem;
  padding: 5px 0;
  white-space: nowrap;
}
.map-view {
  padding: 10px;
}
.map-icon {
  background-image: url('../img/gps/map-icon.svg');
  background-repeat: no-repeat;
  background-position: center;
}
.i-icon {
  background-image: url('../img/gps/i-icon.svg');
  background-repeat: no-repeat;
  background-position: center;
}
.gps .right-area {
  gap: 5px;
  overflow: hidden;
  margin-left: 5px;
}
.gps .right-area > span {
  text-overflow: ellipsis;
  overflow: hidden;
}
.gps .left-area .state {
  position: relative;
  padding-right:10px;
}
.gps .left-area .state:after {
  content:"";
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  width:2px;
  height:60%;
  background-color:#CFD1D6;
}
.gps .left-area {
  gap: 10px;
}
.gps .right-area > span {
  color: #787982;
}
.gps.popup-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 99;
}
.gps .popup {
  position: absolute;
  padding: 15px;
  box-sizing: border-box;
  border-radius: 10px;
  width: 90%;
  max-width: 350px;
  background: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  text-align: center;
  font-size: 0.9rem;
  font-weight: 400;
  font-family: 'Pretendard';
}
.gps .popup > div {
  gap: 30px;
}
.gps .img-box {
  padding: 20px 0;
}
.gps .popup .btn-area {
  display: inline-block;
  width: 100%;
  background-color: #EFF0F2;
  padding: 15px 0;
  border-radius: 16px;
  cursor: pointer;
}
.complete-toast {
  position: fixed;
  bottom: 5%;
  left: 50%;
  transform: translateX(-50%);
  width: 65%;
  padding: 15px 20px;
  background-color: #1C1D24E5;
  box-shadow: 0 4px 10px 0 #1F1F1F26;
  z-index: 10;
  font-size: 0.9rem;
  border-radius: 100px;
  min-width: 300px;
  transition: bottom 0.3s ease;
}
.complete-toast .text {
  justify-content: center;
  align-items: center;
  color: #fff;
  gap: 10px;
}
.complete-toast .bg-icon {
  width: 18px;
  height: 18px;
  background-image: url('../img/gps/complete.svg');
  background-repeat: no-repeat;
  background-position: left 0 center;
}
.complete-toast.none {
  bottom: 0%;
}

.list-area .red-color {
  color: #FF3B30;
}

@media screen and (max-width:375px) {
  .list-area .list > li {
    font-size: 0.8rem;
  }
  .left-area {
    gap: 5px;
  }
  .left-area .state {
    padding-right: 7px;
  }
}

/* gps view detail */
.gps-view-detail {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 99;
  font-family: 'Pretendard';
}
.gps-view-detail .btn-area {
  padding: 10px 20px;
}
.gps-view-detail .btn {
  display: inline-block;
  width: 100%;
  padding:15px 30px;
  border-radius:8px;
  border:none;
  color:#3F4150;
  text-align: center;
  font-size: 0.9rem;
  font-weight: 600;
  box-sizing: border-box;
}
.gps-view-detail textarea {
  resize: none;
  padding: 10px;
  margin-top: 15px;
  width: 100%;
  height: 130px;
  border: 1px solid #E0E2E7;
  border-radius: 10px;
  background-color: #F7F8FA;
  outline: none;
  box-sizing: border-box;
}
.gps-view-detail textarea::placeholder {
  color: #B2B3B9;
}
.gps-header {
  position: relative;
  text-align: center;
  padding: 15px 0;
}
.gps-header h2 {
  font-size: 1.1rem;
}
.gps-header .close-btn {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
}
/* 임시 지도 */
.map-area {
  position: relative;
  width: 100%;
  height: 85%;
  /* background-color: #ddd;
  background-image: url('../img/gps/test-map.JPG');
  background-repeat: no-repeat;
  background-size: cover; */
  aspect-ratio: 390 / 210;  // [요청] 시 사유 입력까지 보이도록 수정 -25.06.26 yoonseo
  text-align: center;
  overflow: hidden;
}
.map-area::after {
  content: "";
  position: absolute;
  top: 60%;
  left: 60%;
  width: 15px;
  height: 15px;
  background-color: #008AFF;
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 4px 10px 0 #1F1F1F26;
}
.map-area::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40%;
  height: 60%;
  background-color: #000;
  border-radius: 50%;
  opacity: 0.1;
}
.gps-map {
  height: 80%;
}
.gps-map .state-text {
  padding: 15px 20px 20px 45px ;  // [요청] 시 사유 입력까지 보이도록 수정 -25.06.26 yoonseo
  background-image: url('../img/gps/gps-icon.svg');
  background-repeat: no-repeat;
  background-position: left 20px center;
}
.gps-container {
  height: 100%;
  overflow-y: auto;
}
.gps-contents {
  padding: 0 20px 20px 20px;
}
.gps-contents > .gap {
  gap: 5px;  // [요청] 시 사유 입력까지 보이도록 수정 -25.06.26 yoonseo
}
.gps-contents .title {
  font-size: 0.9rem;
  font-weight: 500;
}
.sub-text {
  margin-top: 5px;
  font-size: 0.8rem;
  color: #787982;
}
.list-style {
  align-items: flex-start;
  gap: 10px;
}
.detail-wrap {
  height: 100%;
}

.gps input[type="radio"] {
  display: none;
}
.custom-radio-label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  line-height: 20px;
  user-select: none;
  font-weight: 400;
}
.custom-radio-label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 20px;
  height: 20px;
  border: 1px solid #ccc;
  border-radius: 50%;
  box-sizing: border-box;
}
.gps input[type="radio"]:checked + .custom-radio-label::before {
  border-color: #1E90FF;
}
.gps input[type="radio"]:checked + .custom-radio-label::after {
  content: '';
  position: absolute;
  left: 5px;
  top: 7px;
  width: 10px;
  height: 10px;
  background-color: #1E90FF;
  border-radius: 50%;
}
.state-area > li.disabled .custom-radio-label::before {
  background-color: #eee;
}
/* GPS 출퇴근 기능 END */


/* 일정 TimePicker S */

.time-picker__container, .custom-datepicker__input {
  line-height: 1;
}

.cal-wrapper .time-picker__container {
  width: 130px;
}

.time-picker__container.disabled .time-picker__select-box{
  background-color: #e7e7e7;
  pointer-events: none;
}

.time-picker__container.disabled .time-picker__preview {
  visibility: hidden;
}

.cal-wrapper .time-picker__select-box{
  height: 36px;
}

.cal-wrapper {
  display: flex;
  column-gap: 4px;
  color: #333;
}

.cal-wrapper:first-of-type {
  margin-bottom: 5px;
}

.cal-wrapper .custom-datepicker__select-box {
  height: 36px;
}

.floating-dropdown .time-picker__column {
  overflow-y: scroll;
}

.custom_scroll {
  &::-webkit-scrollbar {
    background: none;
    width: 10px;
    height: 10px;
  }

  &::-webkit-scrollbar-button{
    display: none;
  }

  &::-webkit-scrollbar-thumb {
    background-color: #B2B3B9;
    border-radius: 51px;
    background-clip: padding-box;
    border: 3px solid transparent;
  }

  &::-webkit-scrollbar-track {
    background: none;
  }
}

/* 일정 TimePicker E */

/* 모바일 전용 전체메뉴 (디자인이 완성되기 전까지 임시) */
.ui-dialog {
    background-color: #fff !important;
    border: none !important;

    .ui-dialog-titlebar {
        padding: 16px 24px !important;
        font-size: 1.1rem;
        font-weight: 600 !important;
        border-bottom: 1px solid #ddd;
    }
    .lnb_wrap {

        ul {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            margin: 0 auto;


            > li {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                width: auto !important;
                margin: unset !important;
                padding: 0 !important;
                border-right: 1px solid #ddd;
                border-bottom: 1px solid #ddd;

                > a {
                    position: relative;
                    height: 100%;
                    width: 100% !important;
                    padding: 10px 0;
                    background-color: #fff;
                    color: #333;
                    border: none !important;
                    margin: unset !important;
                    border-radius: unset !important;
                }
            }
        }
        .macro_txt {
            position: absolute;
            left: 50%;
            bottom: 20%;
            color: #333;
            transform: translate(-50%,-20%);
            font-size: 0.75rem !important;
            white-space: nowrap;
            pointer-events: none; /* @VENDOR 5.0 - 바둑판 메뉴 텍스트영역 클릭 오류 해결 */
        }
        .macro_count {
            position: absolute;
            top: 5px;
            right: 8px;
            bottom: unset;
            padding: 0 4px;
            border-radius: 50px;
            overflow: hidden;
            font-size: 0.875rem;
            line-height: 140%;
            color: #fff;
            background-color: #ff3b30;
            min-width: 20px;
        }
        /* 아이콘 */
        .macro_image {
            display: block;
            width: 100% !important;
            height: 80px !important;
            margin: 0 !important;
            background-color: #5c74d8;
        }
        .macro_image.macro_mail {
            background-image: none !important;

            -webkit-mask-image: url('../img/allmenu/macro_mail.svg');
            -webkit-mask-repeat: no-repeat;
            -webkit-mask-size: 22px;
            -webkit-mask-position: center 35%;

            mask-image: url('../img/allmenu/macro_mail.svg');
            mask-repeat: no-repeat;
            mask-size: 22px;
            mask-position: center 35%;
        }
        .macro_image.macro_approval {
            background-image: none !important;

            -webkit-mask-image: url('../img/allmenu/macro_approval.svg');
            -webkit-mask-repeat: no-repeat;
            -webkit-mask-size: 24px;
            -webkit-mask-position: center 35%;

            mask-image: url('../img/allmenu/macro_approval.svg');
            mask-repeat: no-repeat;
            mask-size: 24px;
            mask-position: center 35%;
        }
        .macro_image.macro_address {
            background-image: none !important;
            -webkit-mask-image: url('../img/allmenu/macro_address.svg');
            -webkit-mask-repeat: no-repeat;
            -webkit-mask-size: 24px;
            -webkit-mask-position: center 35%;
            mask-image: url('../img/allmenu/macro_address.svg');
            mask-repeat: no-repeat;
            mask-size: 24px;
            mask-position: center 35%;
        }
        .macro_image.macro_messenger {
            background-image: none !important;

            -webkit-mask-image: url('../img/allmenu/macro_messenger.svg');
            -webkit-mask-repeat: no-repeat;
            -webkit-mask-size: 24px;
            -webkit-mask-position: center 35%;

            mask-image: url('../img/allmenu/macro_messenger.svg');
            mask-repeat: no-repeat;
            mask-size: 24px;
            mask-position: center 35%;
        }
        .macro_image.macro_board {
            background-image: none !important;

            -webkit-mask-image: url('../img/allmenu/macro_board.svg');
            -webkit-mask-repeat: no-repeat;
            -webkit-mask-size: 26px;
            -webkit-mask-position: center 35%;

            mask-image: url('../img/allmenu/macro_board.svg');
            mask-repeat: no-repeat;
            mask-size: 26px;
            mask-position: center 35%;
        }
        .macro_image.macro_notice {
            background-image: none !important;

            -webkit-mask-image: url('../img/allmenu/macro_notice.svg');
            -webkit-mask-repeat: no-repeat;
            -webkit-mask-size: 24px;
            -webkit-mask-position: center 35%;

            mask-image: url('../img/allmenu/macro_notice.svg');
            mask-repeat: no-repeat;
            mask-size: 24px;
            mask-position: center 35%;
        }
        .macro_image.macro_document_box {
            background-image: none !important;

            -webkit-mask-image: url('../img/allmenu/macro_document_box.svg');
            -webkit-mask-repeat: no-repeat;
            -webkit-mask-size: 24px;
            -webkit-mask-position: center 35%;

            mask-image: url('../img/allmenu/macro_document_box.svg');
            mask-repeat: no-repeat;
            mask-size: 24px;
            mask-position: center 35%;
        }
        .macro_image.macro_calendar {
            background-image: none !important;

            -webkit-mask-image: url('../img/allmenu/macro_calendar.svg');
            -webkit-mask-repeat: no-repeat;
            -webkit-mask-size: 24px;
            -webkit-mask-position: center 35%;

            mask-image: url('../img/allmenu/macro_calendar.svg');
            mask-repeat: no-repeat;
            mask-size: 24px;
            mask-position: center 35%;
        }
        .macro_image.macro_report {
            background-image: none !important;

            -webkit-mask-image: url('../img/allmenu/macro_report.svg');
            -webkit-mask-repeat: no-repeat;
            -webkit-mask-size: 24px;
            -webkit-mask-position: center 35%;

            mask-image: url('../img/allmenu/macro_report.svg');
            mask-repeat: no-repeat;
            mask-size: 24px;
            mask-position: center 35%;
        }
        .macro_image.macro_survey {
            background-image: none !important;

            -webkit-mask-image: url('../img/allmenu/macro_new_survey.svg');
            -webkit-mask-repeat: no-repeat;
            -webkit-mask-size: 22px;
            -webkit-mask-position: center 35%;

            mask-image: url('../img/allmenu/macro_new_survey.svg');
            mask-repeat: no-repeat;
            mask-size: 22px;
            mask-position: center 35%;
        }
        .macro_image.macro_note {
            background-image: none !important;

            -webkit-mask-image: url('../img/allmenu/macro_new_note.svg');
            -webkit-mask-repeat: no-repeat;
            -webkit-mask-size: 24px;
            -webkit-mask-position: center 35%;

            mask-image: url('../img/allmenu/macro_new_note.svg');
            mask-repeat: no-repeat;
            mask-size: 24px;
            mask-position: center 35%;
        }
        .macro_image.macro_pay_demo {
            background-image: none !important;

            -webkit-mask-image: url('../img/allmenu/macro_new_board.svg');
            -webkit-mask-repeat: no-repeat;
            -webkit-mask-size: 24px;
            -webkit-mask-position: center 35%;

            mask-image: url('../img/allmenu/macro_new_board.svg');
            mask-repeat: no-repeat;
            mask-size: 24px;
            mask-position: center 35%;
        }
        .macro_image.macro_attendance {
            background-image: none !important;

            -webkit-mask-image: url('../img/allmenu/macro_new_attendance.svg');
            -webkit-mask-repeat: no-repeat;
            -webkit-mask-size: 20px;
            -webkit-mask-position: center 35%;

            mask-image: url('../img/allmenu/macro_new_attendance.svg');
            mask-repeat: no-repeat;
            mask-size: 20px;
            mask-position: center 35%;
        }
        .macro_image.macro_organization {
            background-image: none !important;

            -webkit-mask-image: url('../img/allmenu/macro_organization.svg');
            -webkit-mask-repeat: no-repeat;
            -webkit-mask-size: 24px;
            -webkit-mask-position: center 35%;

            mask-image: url('../img/allmenu/macro_organization.svg');
            mask-repeat: no-repeat;
            mask-size: 24px;
            mask-position: center 35%;
        }
        .macro_image.macro_resource {
            background-image: none !important;

            -webkit-mask-image: url('../img/allmenu/macro_calendar.svg');
            -webkit-mask-repeat: no-repeat;
            -webkit-mask-size: 24px;
            -webkit-mask-position: center 35%;

            mask-image: url('../img/allmenu/macro_calendar.svg');
            mask-repeat: no-repeat;
            mask-size: 24px;
            mask-position: center 35%;
        }
    }
}