@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_back_white_teams {
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 40px;
    width: 30px;
    height: 30px;
    background-image: url("../img/btn_back_white.svg");
    background-size: 20px 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: 75px;
    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;
    top: 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;
    font-family: 'Pretendard', 'Apple SD Gothic Neo', 'Noto Sans CJK KR', 'Malgun Gothic', '맑은 고딕', sans-serif;
}
.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_record {
    background-image: url(../img/macro_document_box.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 105%;
}


.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;
}

.attPtlTodayAbsence_portlet .circle_1 {
    background-image: url(/style/img/blue_circle.png);
}
.attPtlTodayAbsence_portlet .circle_2 {
    background-image: url(/style/img/red_circle.png);
}
.attPtlTodayAbsence_portlet .circle_3 {
    background-image: url(/style/img/yellow_circle.png);
}
.attPtlTodayAbsence_portlet .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;
}
.attPtlTodayAbsence_list .absen_type {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.attPtlTodayAbsence_list .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;
}
.attPtlTodayAbsence_list .absen_type .deptName {
    color: #7d7d7d;
}
.attPtlTodayAbsence_list .absen_type .absen_exp {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.attPtlTodayAbsence_list .absen_type img {width: 25px; border-radius: 15px; height: 25px; flex-shrink: 0;}

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


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

.attPtlTodayAbsence_list .no_absence {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 10px;
    min-height: 185px;
}
.attPtlTodayAbsence_list .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 .map-state-area{
    padding: 15px 20px 20px 20px;
}
.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;
    padding-left: 45px;
}
.gps-map .state-btn { /* 내 위치 찾기 버튼 */
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 12px 10px 35px;
    border: 1px solid #E1E4E8;
    border-radius: 30px;
    width: 100px;
    cursor: pointer;
}
.gps-map .state-btn span {
    margin: 0 8px;
}
.gps-map .state-btn div {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    background-image: url(../img/gps/gps-crosshair-icon.svg);
    background-repeat: no-repeat;
    background-position: center 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 */

/* mobile 전자결재 sortlist S */

/*2026.03.31 jblee 양식 기본 결재선(고정) 선택 및 이동 가능하도록 수정*/
#eapMobileLine_apprLineList > li.fixed {
    opacity: 0.35;
}

/* mobile 전자결재 sortlist 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 {

        .layer_title.type2 {
            height: auto;
            padding: 16px 24px;
            line-height: unset;
            border-color: #ddd;
            background-color: #fff;
            text-align: left;
            font-weight: 500;
        }
        .layer_title.type2 strong {
            color: #333;
        }
        ul {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            margin: 0 auto;
            padding: 0;

            > 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: 15px;
            color: #333;
            transform: translate(-50%,-20%);
            font-size: 0.75rem !important;
            white-space: nowrap;
            pointer-events: none; /* @VENDOR 5.0 - 바둑판 메뉴 텍스트영역 클릭 오류 해결 */
            font-weight: 500;
        }
        .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 15px;

            mask-image: url('../img/allmenu/macro_mail.svg');
            mask-repeat: no-repeat;
            mask-size: 22px;
            mask-position: center 15px;
        }
        .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 15px;

            mask-image: url('../img/allmenu/macro_approval.svg');
            mask-repeat: no-repeat;
            mask-size: 24px;
            mask-position: center 15px;
        }
        .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 15px;
            mask-image: url('../img/allmenu/macro_address.svg');
            mask-repeat: no-repeat;
            mask-size: 24px;
            mask-position: center 15px;
        }
        .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 15px;

            mask-image: url('../img/allmenu/macro_messenger.svg');
            mask-repeat: no-repeat;
            mask-size: 24px;
            mask-position: center 15px;
        }
        .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 15px;

            mask-image: url('../img/allmenu/macro_board.svg');
            mask-repeat: no-repeat;
            mask-size: 26px;
            mask-position: center 15px;
        }
        .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 15px;

            mask-image: url('../img/allmenu/macro_notice.svg');
            mask-repeat: no-repeat;
            mask-size: 24px;
            mask-position: center 15px;
        }
        .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 15px;

            mask-image: url('../img/allmenu/macro_document_box.svg');
            mask-repeat: no-repeat;
            mask-size: 24px;
            mask-position: center 15px;
        }
        .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 15px;

            mask-image: url('../img/allmenu/macro_calendar.svg');
            mask-repeat: no-repeat;
            mask-size: 24px;
            mask-position: center 15px;
        }
        .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 15px;

            mask-image: url('../img/allmenu/macro_report.svg');
            mask-repeat: no-repeat;
            mask-size: 24px;
            mask-position: center 15px;
        }
        .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 15px;

            mask-image: url('../img/allmenu/macro_new_survey.svg');
            mask-repeat: no-repeat;
            mask-size: 22px;
            mask-position: center 15px;
        }
        .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 15px;

            mask-image: url('../img/allmenu/macro_new_note.svg');
            mask-repeat: no-repeat;
            mask-size: 24px;
            mask-position: center 15px;
        }
        .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 15px;

            mask-image: url('../img/allmenu/macro_new_board.svg');
            mask-repeat: no-repeat;
            mask-size: 24px;
            mask-position: center 15px;
        }
        .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 15px;

            mask-image: url('../img/allmenu/macro_new_attendance.svg');
            mask-repeat: no-repeat;
            mask-size: 20px;
            mask-position: center 15px;
        }
        .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 15px;

            mask-image: url('../img/allmenu/macro_organization.svg');
            mask-repeat: no-repeat;
            mask-size: 24px;
            mask-position: center 15px;
        }
        .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 15px;

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

        .macro_record {
            background-image: none !important;

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

            mask-image: url(../img/macro_document_box.svg);
            mask-repeat: no-repeat;
            mask-size: 24px;
            mask-position: center 15px;
        }
    }
}
.ui-dialog.all_menu .lnb_wrap .btn_close_white {
    top: 15px;
    right: 15px;
    width: 24px;
    height: 24px;
    background-size: 16px;
    background-image: url("../img/close_gray.svg");
    background-repeat: no-repeat;
    background-position: center;
}
.btn_gray_close {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("../img/close_gray.svg");
    background-repeat: no-repeat;
    background-position: center;
}