@charset "UTF-8";
/*!
 * --------------------------------------
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 * 
 * Modifier ~2019 JM (T:12,D:12,A:88)
 * -------------------------------------- 
 */
/*작동시간*/
.animated01s {
  -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s; }

.animated02s {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s; }

.animated03s {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s; }

.animated04s {
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s; }

.animated05s {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s; }

.animated1s {
  -webkit-animation-duration: 1s;
  animation-duration: 1s; }

.animated15s {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s; }

.animated2s {
  -webkit-animation-duration: 2s;
  animation-duration: 2s; }

.animated25s {
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s; }

.animated3s {
  -webkit-animation-duration: 3s;
  animation-duration: 3s; }

.animated35s {
  -webkit-animation-duration: 3.5s;
  animation-duration: 3.5s; }

.animated4s {
  -webkit-animation-duration: 4s;
  animation-duration: 4s; }

.animated45s {
  -webkit-animation-duration: 4.5s;
  animation-duration: 4.5s; }

.animated5s {
  -webkit-animation-duration: 5s;
  animation-duration: 5s; }

/*지연시간*/
.delay01s {
  animation-delay: 0.1s;
  -webkit-animation-delay: 0.1s; }

.delay02s {
  animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s; }

.delay03s {
  animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s; }

.delay04s {
  animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s; }

.delay05s {
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s; }

.delay06s {
  animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s; }

.delay07s {
  animation-delay: 0.7s;
  -webkit-animation-delay: 0.7s; }

.delay08s {
  animation-delay: 0.8s;
  -webkit-animation-delay: 0.8s; }

.delay09s {
  animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s; }

.delay1s {
  animation-delay: 1s;
  -webkit-animation-delay: 1s; }

.delay11s {
  animation-delay: 1.1s;
  -webkit-animation-delay: 1.1s; }

.delay12s {
  animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s; }

.delay13s {
  animation-delay: 1.3s;
  -webkit-animation-delay: 1.3s; }

.delay14s {
  animation-delay: 1.4s;
  -webkit-animation-delay: 1.4s; }

.delay15s {
  animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s; }

.delay16s {
  animation-delay: 1.6s;
  -webkit-animation-delay: 1.6s; }

.delay17s {
  animation-delay: 1.7s;
  -webkit-animation-delay: 1.7s; }

.delay18s {
  animation-delay: 1.8s;
  -webkit-animation-delay: 1.8s; }

.delay19s {
  animation-delay: 1.9s;
  -webkit-animation-delay: 1.9s; }

.delay2s {
  animation-delay: 2s;
  -webkit-animation-delay: 2s; }

.delay25s {
  animation-delay: 2.5s;
  -webkit-animation-delay: 2.5s; }

.delay3s {
  animation-delay: 3s;
  -webkit-animation-delay: 3s; }

.delay35s {
  animation-delay: 3.5s;
  -webkit-animation-delay: 3.5s; }

.delay4s {
  animation-delay: 4s;
  -webkit-animation-delay: 4s; }

.delay45s {
  animation-delay: 4.5s;
  -webkit-animation-delay: 4.5s; }

.delay5s {
  animation-delay: 5s;
  -webkit-animation-delay: 5s; }

/*무한*/
.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

/*동작 클래스*/
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0); }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0); }
  90% {
    transform: translate3d(0, -4px, 0); } }

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0); }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0); }
  90% {
    transform: translate3d(0, -4px, 0); } }

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  transform-origin: center bottom; }

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1; }
  25%,
  75% {
    opacity: 0; } }

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1; }
  25%,
  75% {
    opacity: 0; } }

.flash {
  -webkit-animation-name: flash;
  animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    transform: scale3d(1, 1, 1); }
  50% {
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    transform: scale3d(1, 1, 1); } }

@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1); }
  50% {
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    transform: scale3d(1, 1, 1); } }

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse; }

@-webkit-keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1); }
  30% {
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    transform: scale3d(1.05, 0.95, 1); }
  to {
    transform: scale3d(1, 1, 1); } }

@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1); }
  30% {
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    transform: scale3d(1.05, 0.95, 1); }
  to {
    transform: scale3d(1, 1, 1); } }

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand; }

@-webkit-keyframes shake {
  from,
  to {
    transform: translate3d(0, 0, 0); }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-10px, 0, 0); }
  20%,
  40%,
  60%,
  80% {
    transform: translate3d(10px, 0, 0); } }

@keyframes shake {
  from,
  to {
    transform: translate3d(0, 0, 0); }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-10px, 0, 0); }
  20%,
  40%,
  60%,
  80% {
    transform: translate3d(10px, 0, 0); } }

.shake {
  -webkit-animation-name: shake;
  animation-name: shake; }

@-webkit-keyframes headShake {
  0% {
    transform: translateX(0); }
  6.5% {
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    transform: translateX(2px) rotateY(3deg); }
  50% {
    transform: translateX(0); } }

@keyframes headShake {
  0% {
    transform: translateX(0); }
  6.5% {
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    transform: translateX(2px) rotateY(3deg); }
  50% {
    transform: translateX(0); } }

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake; }

@-webkit-keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    transform: rotate3d(0, 0, 1, -5deg); }
  to {
    transform: rotate3d(0, 0, 1, 0deg); } }

@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    transform: rotate3d(0, 0, 1, -5deg); }
  to {
    transform: rotate3d(0, 0, 1, 0deg); } }

.swing {
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing; }

@-webkit-keyframes tada {
  from {
    transform: scale3d(1, 1, 1); }
  10%,
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    transform: scale3d(1, 1, 1); } }

@keyframes tada {
  from {
    transform: scale3d(1, 1, 1); }
  10%,
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    transform: scale3d(1, 1, 1); } }

.tada {
  -webkit-animation-name: tada;
  animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    transform: translate3d(0, 0, 0); }
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes wobble {
  from {
    transform: translate3d(0, 0, 0); }
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to {
    transform: translate3d(0, 0, 0); } }

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble; }

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    transform: translate3d(0, 0, 0); }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    transform: skewX(0.39062deg) skewY(0.39062deg); }
  88.8% {
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

@keyframes jello {
  from,
  11.1%,
  to {
    transform: translate3d(0, 0, 0); }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    transform: skewX(0.39062deg) skewY(0.39062deg); }
  88.8% {
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  transform-origin: center; }

@-webkit-keyframes heartBeat {
  0% {
    transform: scale(1); }
  14% {
    transform: scale(1.3); }
  28% {
    transform: scale(1); }
  42% {
    transform: scale(1.3); }
  70% {
    transform: scale(1); } }

@keyframes heartBeat {
  0% {
    transform: scale(1); }
  14% {
    transform: scale(1.3); }
  28% {
    transform: scale(1); }
  42% {
    transform: scale(1.3); }
  70% {
    transform: scale(1); } }

.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out; }

@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1); } }

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1); } }

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn; }

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0); }
  75% {
    transform: translate3d(0, -10px, 0); }
  90% {
    transform: translate3d(0, 5px, 0); }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0); }
  75% {
    transform: translate3d(0, -10px, 0); }
  90% {
    transform: translate3d(0, 5px, 0); }
  to {
    transform: translate3d(0, 0, 0); } }

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0); }
  75% {
    transform: translate3d(-10px, 0, 0); }
  90% {
    transform: translate3d(5px, 0, 0); }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0); }
  75% {
    transform: translate3d(-10px, 0, 0); }
  90% {
    transform: translate3d(5px, 0, 0); }
  to {
    transform: translate3d(0, 0, 0); } }

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0); }
  75% {
    transform: translate3d(10px, 0, 0); }
  90% {
    transform: translate3d(-5px, 0, 0); }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0); }
  75% {
    transform: translate3d(10px, 0, 0); }
  90% {
    transform: translate3d(-5px, 0, 0); }
  to {
    transform: translate3d(0, 0, 0); } }

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0); }
  75% {
    transform: translate3d(0, 10px, 0); }
  90% {
    transform: translate3d(0, -5px, 0); }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0); }
  75% {
    transform: translate3d(0, 10px, 0); }
  90% {
    transform: translate3d(0, -5px, 0); }
  to {
    transform: translate3d(0, 0, 0); } }

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9); }
  50%,
  55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9); }
  50%,
  55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); } }

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0); }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0); } }

@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0); }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0); } }

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0); } }

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0); } }

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0); } }

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0); } }

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0); }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0); } }

@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0); }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0); } }

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0); } }

@keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0); } }

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0); } }

@keyframes fadeOutDownBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0); } }

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0); } }

@keyframes fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0); } }

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0); } }

@keyframes fadeOutLeftBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0); } }

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0); } }

@keyframes fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0); } }

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0); } }

@keyframes fadeOutRightBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0); } }

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0); } }

@keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0); } }

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0); } }

@keyframes fadeOutUpBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0); } }

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig; }

@-webkit-keyframes flip {
  from {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes flip {
  from {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip; }

@-webkit-keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    transform: perspective(400px); } }

@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    transform: perspective(400px); } }

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX; }

@-webkit-keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    transform: perspective(400px); } }

@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    transform: perspective(400px); } }

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY; }

@-webkit-keyframes flipOutX {
  from {
    transform: perspective(400px); }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutX {
  from {
    transform: perspective(400px); }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
  from {
    transform: perspective(400px); }
  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutY {
  from {
    transform: perspective(400px); }
  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    transform: skewX(-5deg); }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes lightSpeedIn {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    transform: skewX(-5deg); }
  to {
    transform: translate3d(0, 0, 0); } }

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1; }
  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

@keyframes lightSpeedOut {
  from {
    opacity: 1; }
  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to {
    transform-origin: center;
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to {
    transform-origin: center;
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to {
    transform-origin: left bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes rotateInDownLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to {
    transform-origin: left bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    transform-origin: right bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes rotateInDownRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    transform-origin: right bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    transform-origin: left bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    transform-origin: left bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to {
    transform-origin: right bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes rotateInUpRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to {
    transform-origin: right bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut {
  from {
    transform-origin: center;
    opacity: 1; }
  to {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

@keyframes rotateOut {
  from {
    transform-origin: center;
    opacity: 1; }
  to {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft {
  from {
    transform-origin: left bottom;
    opacity: 1; }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft {
  from {
    transform-origin: left bottom;
    opacity: 1; }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight {
  from {
    transform-origin: right bottom;
    opacity: 1; }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@keyframes rotateOutDownRight {
  from {
    transform-origin: right bottom;
    opacity: 1; }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft {
  from {
    transform-origin: left bottom;
    opacity: 1; }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft {
  from {
    transform-origin: left bottom;
    opacity: 1; }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight {
  from {
    transform-origin: right bottom;
    opacity: 1; }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight {
  from {
    transform-origin: right bottom;
    opacity: 1; }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge {
  0% {
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%,
  60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%,
  80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

@keyframes hinge {
  0% {
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%,
  60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%,
  80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge; }

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom; }
  50% {
    transform: rotate(-10deg); }
  70% {
    transform: rotate(3deg); }
  to {
    opacity: 1;
    transform: scale(1); } }

@keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom; }
  50% {
    transform: rotate(-10deg); }
  70% {
    transform: rotate(3deg); }
  to {
    opacity: 1;
    transform: scale(1); } }

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

@keyframes rollOut {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut; }

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn; }

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp; }

@-webkit-keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

@keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center; } }

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center; } }

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center; } }

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center; } }

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight; }

@-webkit-keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp; }

@-webkit-keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0); } }

@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0); } }

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0); } }

@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0); } }

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0); } }

@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0); } }

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0); } }

@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0); } }

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp; }

/* 허정명 추가 */
.clipTvOut {
  -webkit-animation-name: clipTvOut;
  animation-name: clipTvOut; }

@keyframes clipTvOut {
  0% {
    transform: none; }
  50% {
    transform: scale(1, 0.0005); }
  100% {
    transform: scale(0, 0.0005); } }

@-webkit-keyframes clipTvOut {
  0% {
    -webkit-transform: none; }
  50% {
    -webkit-transform: scale(1, 0.0005); }
  100% {
    -webkit-transform: scale(0, 0.0005); } }

/* Clip */
.clipXIn {
  -webkit-animation-name: clipXIn;
  animation-name: clipXIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@keyframes clipXIn {
  0% {
    transform: scale(1, 0); }
  100% {
    transform: none; } }

@-webkit-keyframes clipXIn {
  0% {
    -webkit-transform: scale(1, 0); }
  100% {
    -webkit-transform: none; } }

.clipYIn {
  -webkit-animation-name: clipYIn;
  animation-name: clipYIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@keyframes clipYIn {
  0% {
    transform: scale(0, 1); }
  100% {
    transform: none; } }

@-webkit-keyframes clipYIn {
  0% {
    -webkit-transform: scale(0, 1); }
  100% {
    -webkit-transform: none; } }

.clipXYIn {
  -webkit-animation-name: clipXYIn;
  animation-name: clipXYIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@keyframes clipXYIn {
  0% {
    transform: scale(0, 0.5); }
  50% {
    transform: scale(1, 0.5); }
  100% {
    transform: none; } }

@-webkit-keyframes clipXYIn {
  0% {
    -webkit-transform: scale(0, 0.5); }
  50% {
    -webkit-transform: scale(1, 0.5); }
  100% {
    -webkit-transform: none; } }

.clipXOut {
  -webkit-animation-name: clipXOut;
  animation-name: clipXOut;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@keyframes clipXOut {
  0% {
    transform: none; }
  100% {
    transform: scale(1, 0); } }

@-webkit-keyframes clipXOut {
  0% {
    -webkit-transform: none; }
  100% {
    -webkit-transform: scale(1, 0); } }

.clipYOut {
  -webkit-animation-name: clipYOut;
  animation-name: clipYOut;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@keyframes clipYOut {
  0% {
    transform: none; }
  100% {
    transform: scale(0, 1); } }

@-webkit-keyframes clipYOut {
  0% {
    -webkit-transform: none; }
  100% {
    -webkit-transform: scale(0, 1); } }

.clipXYOut {
  -webkit-animation-name: clipXYOut;
  animation-name: clipXYOut;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@keyframes clipXYOut {
  0% {
    transform: none; }
  50% {
    transform: scale(1, 0.5); }
  100% {
    transform: scale(0, 0.5); } }

@-webkit-keyframes clipXYOut {
  0% {
    -webkit-transform: none; }
  50% {
    -webkit-transform: scale(1, 0.5); }
  100% {
    -webkit-transform: scale(0, 0.5); } }

/*float*/
.float {
  -webkit-animation-name: float;
  animation-name: float; }

@keyframes float {
  0%, 100% {
    transform: translateY(0); }
  50% {
    transform: translateY(-20px); } }

@-webkit-keyframes float {
  0%, 100% {
    -webkit-transform: translateY(0); }
  50% {
    -webkit-transform: translateY(-20px); } }

/*orbit*/
.orbit {
  -webkit-animation-name: orbit;
  animation-name: orbit;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear; }

@keyframes orbit {
  0% {
    transform: rotate(0deg) translateX(20px) rotate(0deg); }
  100% {
    transform: rotate(360deg) translateX(20px) rotate(-360deg); } }

@-webkit-keyframes orbit {
  0% {
    -webkit-transform: rotate(0deg) translateX(20px) rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg) translateX(20px) rotate(-360deg); } }

/*spiral*/
.spiral {
  -webkit-animation-name: spiral;
  animation-name: spiral;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards; }

@keyframes spiral {
  0% {
    transform: rotateY(-360deg) translateY(-150%); }
  100% {
    transform: rotateY(0) translateY(0px); } }

@-webkit-keyframes spiral {
  0% {
    -webkit-transform: rotateY(-360deg) translateY(-150%); }
  100% {
    -webkit-transform: rotateY(0) translateY(0px); } }

/*whirl*/
.whirl {
  -webkit-animation-name: whirl;
  animation-name: whirl;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards; }

@keyframes whirl {
  0% {
    transform: translateY(1000px) rotateY(0deg); }
  80% {
    transform: translateY(-100%) rotateY(720deg); }
  100% {
    transform: translateY(0px); } }

@-webkit-keyframes whirl {
  0% {
    -webkit-transform: translateY(1000px) rotateY(0deg); }
  80% {
    -webkit-transform: translateY(-100%) rotateY(720deg); }
  100% {
    -webkit-transform: translateY(0px); } }

/*rotateInScale*/
.rotateInScale {
  -webkit-animation-name: rotateInScale;
  animation-name: rotateInScale;
  -webkit-animation-timing-function: easec;
  animation-timing-function: ease-in-out; }

@keyframes rotateInScale {
  0% {
    transform: scale(0) rotate(-540deg);
    opacity: 0; }
  80% {
    opacity: 1; }
  100% {
    transform: scale(1) rotate(0deg); } }

@-webkit-keyframes rotateInScale {
  0% {
    -webkit-transform: scale(0) rotate(-540deg);
    opacity: 0; }
  80% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(1) rotate(0deg); } }

/*rotateOutScale*/
.rotateOutScale {
  -webkit-animation-name: rotateOutScale;
  animation-name: rotateOutScale;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out; }

@keyframes rotateOutScale {
  0% {
    transform: scale(1) rotate(0deg); }
  40% {
    opacity: 1; }
  100% {
    transform: scale(0) rotate(540deg);
    opacity: 0; } }

@-webkit-keyframes rotateOutScale {
  0% {
    -webkit-transform: scale(1) rotate(0deg); }
  40% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(0) rotate(540deg);
    opacity: 0; } }

/*sleepyEyes*/
.sleepyEyes {
  -webkit-animation-name: sleepyEyes;
          animation-name: sleepyEyes;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important; }

@-webkit-keyframes sleepyEyes {
  0% {
    transform: perspective(400px); }
  5% {
    transform: perspective(400px) rotateX(-20deg);
    opacity: .5; }
  15% {
    transform: perspective(400px);
    opacity: 1; }
  35% {
    transform: perspective(400px) rotateX(-20deg);
    opcity: .75; }
  45% {
    transform: perspective(400px) rotateX(-2deg);
    opacity: 1; }
  to {
    transform: perspective(400px) rotateX(-90deg);
    opacity: 0; } }

@keyframes sleepyEyes {
  0% {
    transform: perspective(400px); }
  5% {
    transform: perspective(400px) rotateX(-20deg);
    opacity: .5; }
  15% {
    transform: perspective(400px);
    opacity: 1; }
  35% {
    transform: perspective(400px) rotateX(-20deg);
    opcity: .75; }
  45% {
    transform: perspective(400px) rotateX(-2deg);
    opacity: 1; }
  to {
    transform: perspective(400px) rotateX(-90deg);
    opacity: 0; } }

@charset "UTF-8";
/**************************************************  
   layout  
**************************************************/
#wrap {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1; }

#klagoWrap {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  /*min-width: 1280px;min-height: 840px;*/
  overflow: hidden; }

#customerNoticeBox {
  display: none;
  position: relative;
  width: 100%;
  height: 70px;
  z-index: 9999; }
  #customerNoticeBox.on {
    display: block; }
  #customerNoticeBox.on + #klagoWrap {
    top: 70px;
    height: calc(100% - 70px); }
  #customerNoticeBox.on + #klagoWrap #containerWrap #headerWrap {
    top: 70px; }
  #customerNoticeBox.on + #klagoWrap .newPortalWrap .newPortalHeaderWrap {
    top: 70px; }
  #customerNoticeBox.on + #klagoWrap .newPortalWrap .userPortletControll {
    top: 70px; }
  #customerNoticeBox.on + #klagoWrap .newPortalWrap.mode-SRT .searchCategory {
    top: 120px; }
  #customerNoticeBox.on + #klagoWrap .newPortalWrap.mode-SRT .relationKeyword {
    top: 172px; }
  #customerNoticeBox.on + #klagoWrap.eventBanner {
    top: 140px;
    height: calc(100% - 140px); }
  #customerNoticeBox.on + #klagoWrap.eventBanner #containerWrap #headerWrap {
    top: 140px; }
  #customerNoticeBox.on + #klagoWrap.eventBanner .newPortalWrap .newPortalHeaderWrap {
    top: 140px; }
  #customerNoticeBox.on + #klagoWrap.eventBanner .newPortalWrap .userPortletControll {
    top: 140px; }
  #customerNoticeBox.on + #klagoWrap.eventBanner .newPortalWrap.mode-SRT .searchCategory {
    top: 190px; }
  #customerNoticeBox.on + #klagoWrap.eventBanner .newPortalWrap.mode-SRT .relationKeyword {
    top: 242px; }

.ieChrome {
  position: relative;
  width: 100%;
  height: 100px;
  background-color: #303c52;
  box-sizing: border-box;
  justify-content: center; }
  .ieChrome .textBox {
    padding: 0 200px 0 70px; }
    .ieChrome .textBox .text01 {
      font-size: 22px;
      font-weight: bold;
      line-height: 26px;
      color: #ffffff;
      letter-spacing: -0.55px; }
    .ieChrome .textBox .text02 {
      margin: 8px 20px 0 0;
      font-size: 13px;
      line-height: 20px;
      color: #ffffff;
      opacity: 0.65;
      letter-spacing: -0.65px; }
  .ieChrome .chromeBtn {
    position: absolute;
    top: 27px;
    right: 50px;
    width: 146px;
    height: 46px;
    padding: 7px 0 0 40px;
    font-size: 12px;
    line-height: 14px;
    color: #37b9fc;
    letter-spacing: -1px;
    border: 2px solid #40b2ed;
    border-radius: 10px;
    background: rgba(64, 178, 237, 0) url(/static/media/img_download_chrome.60cff3ce.png) no-repeat left 11px center;
    background-size: 22px;
    box-sizing: border-box;
    cursor: pointer; }
    .ieChrome .chromeBtn:hover {
      color: #ffffff;
      background: rgba(58, 188, 255, 0.4) url(/static/media/img_download_chrome.60cff3ce.png) no-repeat left 11px center;
      background-size: 22px; }
  .ieChrome .closeBtn {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 14px;
    height: 14px;
    background: url(/static/media/ic_close_01_s_normal.bbcea031.png) no-repeat center;
    cursor: pointer; }
    .ieChrome .closeBtn:hover {
      background: url(/static/media/ic_close_01_s_disable.c3291840.png) no-repeat center; }

.popIeChromeGuide {
  position: relative; }
  .popIeChromeGuide .tit_p {
    margin: 70px 0 0 0; }
  .popIeChromeGuide .chromeDownBtn {
    position: absolute;
    top: 7px;
    right: 10px; }
    .popIeChromeGuide .chromeDownBtn > div > img {
      width: 16px; }
  .popIeChromeGuide .borderBox {
    margin: 0 0 30px 0;
    border: 1px solid #cccccc;
    border-radius: 4px;
    background-color: #ffffff;
    overflow: hidden; }
    .popIeChromeGuide .borderBox img {
      width: 100%; }

/*window 팝업*/
.pubWindowPopup {
  width: 100%;
  height: 100%; }
  .pubWindowPopup > div {
    min-width: auto !important; }

.pop_wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
  overflow: hidden;
  /* [class*="OBTDockPanel_middle"] {margin-top:0 !important;} */ }
  .pop_wrap .pop_head {
    padding: 20px 20px 0 20px;
    box-sizing: border-box; }
  .pop_wrap .pop_head_submit {
    position: relative; }
    .pop_wrap .pop_head_submit .layer_title {
      height: 32px;
      padding: 10px 20px;
      background-color: #394456;
      box-sizing: content-box; }
    .pop_wrap .pop_head_submit .left_div {
      float: left; }
      .pop_wrap .pop_head_submit .left_div .layer_tit {
        font-size: 18px;
        line-height: 32px;
        letter-spacing: -1px;
        font-weight: bold;
        color: #fff; }
    .pop_wrap .pop_head_submit .right_div {
      float: right; }
      .pop_wrap .pop_head_submit .right_div .line {
        width: 1px;
        height: 16px;
        margin: 0 6px !important;
        background-color: #b5b5b5; }
  .pop_wrap .pop_con {
    padding: 0px 20px 10px 20px;
    box-sizing: border-box;
    overflow-y: auto;
    height: 100%; }
  .pop_wrap .pop_foot .cen_div {
    padding-top: 15px;
    width: 100%;
    height: 62px;
    box-sizing: border-box;
    background-color: #f2f2f2;
    text-align: center; }
    .pop_wrap .pop_foot .cen_div > div {
      margin-left: 4px; }
    .pop_wrap .pop_foot .cen_div > div:first-child {
      margin-left: 0; }
  .pop_wrap .layer_title {
    margin-right: 0; }
  .pop_wrap [class*="OBTDockPanel_bottom"] {
    height: 62px; }
  .pop_wrap.pop_notice [class*="OBTDockPanel_bottom"] {
    height: 35px; }
  .pop_wrap.pop_admin [class*="OBTDockPanel_bottom"] {
    height: 35px; }
  .pop_wrap.pop_admin .cen_div {
    display: none; }

.pop_closeall {
  height: 35px;
  background: #767676;
  line-height: 35px;
  color: #fff;
  padding: 0 15px;
  width: 100%;
  box-sizing: border-box; }

.pop_close {
  color: #fff;
  background: url(/static/media/ic_close_01_m_normal.fce64b7a.png) no-repeat right 3px;
  padding-right: 20px;
  cursor: pointer; }

.newPop_wrap {
  position: relative;
  height: 100%;
  text-align: left; }
  .newPop_wrap .pop_head {
    box-sizing: border-box;
    height: 100px;
    background: url(/static/media/img_notice_bg.abd94b1e.png) no-repeat right bottom, linear-gradient(to right, #d9f0ff, #e3f4ff 35%, #ebf7ff);
    display: flex;
    align-items: center;
    padding: 0 0 0 30px; }
    .newPop_wrap .pop_head::after {
      content: '';
      position: absolute;
      right: 20px;
      width: 160px;
      height: 100px;
      background: url(/static/media/img_notice@2x.8de3c9fa.png) no-repeat right center;
      background-size: 160px 100px;
      z-index: 1; }
    .newPop_wrap .pop_head .layer_tit {
      font-size: 22px;
      line-height: 1.05;
      letter-spacing: -1.1px;
      color: #0c2b65;
      font-weight: bold;
      min-width: -webkit-fit-content;
      min-width: -moz-fit-content;
      min-width: fit-content; }
    .newPop_wrap .pop_head .left_div_in {
      padding: 0 190px 0 12px;
      font-size: 13px;
      line-height: 20px;
      color: #5c7198; }
  .newPop_wrap .pop_title {
    border-bottom: 1px solid #e6e6e6;
    margin: 20px 30px 0;
    padding-bottom: 20px;
    box-sizing: border-box; }
    .newPop_wrap .pop_title .titleTooltip {
      max-width: 100%; }
    .newPop_wrap .pop_title .title {
      font-size: 16px;
      font-weight: bold;
      line-height: 1.38;
      letter-spacing: -0.8px;
      margin-right: 30px; }
    .newPop_wrap .pop_title .sub {
      color: #8c8c8c;
      padding-top: 3px; }
    .newPop_wrap .pop_title .line {
      width: 1px;
      height: 8px;
      background-color: #e6e6e6; }
  .newPop_wrap .pop_con {
    padding: 20px 30px 30px 30px; }
    .newPop_wrap .pop_con .conBox {
      line-height: 20px; }
      .newPop_wrap .pop_con .conBox img {
        max-width: 100%; }
  .newPop_wrap .pop_foot {
    height: 62px;
    padding: 15px 0;
    background-color: #f7f7f7;
    box-sizing: border-box; }

/* side */
#sideWrap {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: #333948;
  z-index: 9999;
  transition: all 0s; }

#sideWrap .bmMenuBtn {
  display: none; }

#sideWrap.on .sideWrapIn {
  transition: all 0.2s; }

#sideWrap.on .bmMenuBtn {
  display: block; }

#sideWrap .module-item {
  position: relative;
  height: 44px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  box-sizing: border-box; }

#sideWrap .module-item.selected {
  background-color: rgba(0, 0, 0, 0.5); }

#sideWrap .module-item.selected .module-link {
  opacity: 1 !important; }

#sideWrap #sideGnb .module-item.selected .module-name:before {
  color: #fff; }

#sideWrap .module-link {
  position: relative;
  display: block;
  width: 48px;
  height: 50px;
  opacity: .4;
  transition: opacity 0.5s;
  text-indent: -9999px;
  cursor: pointer;
  background: no-repeat center;
  z-index: 5; }

#sideWrap .fixed_top {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 50px;
  background: #333948;
  z-index: 6;
  overflow: hidden; }

#sideWrap .fixed_top .module-name {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 47px;
  transform: translateX(-150%);
  z-index: 5; }

#sideWrap .fixed_top .module-name:before {
  content: attr(data-name);
  display: block;
  width: 0px;
  height: 50px;
  line-height: 50px;
  padding: 0 0 0 20px;
  font-size: 16px;
  color: #ffffff;
  letter-spacing: -0.5px;
  border: 1px solid #13141a;
  background: #2b2e37;
  box-sizing: border-box;
  transition: 0.3s;
  overflow: hidden; }

#sideWrap .fixed_top .module-name.sub-item ul {
  display: none; }

#sideWrap .fixed_top .module-link.allMenu {
  background-image: url(/static/media/ic_allmemu_open.ffc90ea1.png);
  background-size: 48px 44px; }

/*전체메뉴*/
#sideWrap .fixed_top .module-link.personalMenu {
  background-image: url(/static/media/ico_mymenu.7bccc58b.png);
  background-size: 48px 44px; }

/*개인메뉴*/
#sideWrap .fixed_top > ul li {
  float: left; }

#sideWrap .fixed_top .allM {
  height: 50px;
  width: 48px;
  float: left;
  background-color: #333948;
  z-index: 10;
  position: relative; }

#sideWrap .fixed_top .allM .ico {
  width: 100%;
  height: 100%;
  opacity: 0.2;
  background: url(/static/media/ic_allmemu_open.ffc90ea1.png) no-repeat center center;
  background-size: 48px 44px; }

#sideWrap .fixed_top .allM:hover .ico {
  opacity: 1;
  cursor: pointer; }

#sideWrap .fixed_top .allM.selected .ico {
  background: url(/static/media/ic_allmemu_close.3f7bf11e.png) no-repeat center center;
  background-size: 48px 44px;
  opacity: 1; }

#sideWrap.on .fixed_top .allM .ico {
  background: url(/static/media/ic_allmemu_close.3f7bf11e.png) no-repeat center center;
  background-size: 48px 44px; }

#sideWrap .fixed_top .fixed_top_in {
  height: 50px;
  box-sizing: border-box;
  overflow: hidden;
  border-bottom: 1px solid #333948; }

#sideWrap .fixed_top .fixed_top_ul {
  overflow: hidden;
  padding: 0 12px;
  display: flex; }

#sideWrap.on .fixed_top .fixed_top_ul li div.ico {
  width: 38px; }

#sideWrap.on .fixed_top .fixed_top_in {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

#sideWrap .fixed_top .fixed_top_ul li {
  flex: 1 1;
  text-align: center; }

#sideWrap .fixed_top .fixed_top_ul li div.ico {
  height: 49px;
  width: 0px;
  margin: 0 auto;
  opacity: 0.2;
  transition: all 0.3s;
  cursor: pointer;
  box-sizing: border-box;
  position: absolute;
  top: 1px;
  border-bottom: 2px solid transparent; }

#sideWrap .fixed_top .fixed_top_ul li:hover div.ico {
  opacity: 1;
  border-bottom: 2px solid #fff; }

#sideWrap.on .fixed_top .fixed_top_ul li.selected div.ico {
  opacity: 1;
  border-bottom: 2px solid #fff; }

#sideWrap .fixed_top .fixed_top_ul li.snbTabM .ico {
  background: url(/static/media/ic_snb_tab_menu.43ccb9e6.png) no-repeat center center;
  background-size: 22px; }

#sideWrap .fixed_top .fixed_top_ul li.snbTabF .ico {
  background: url(/static/media/ic_snb_tab_favorite.acda79ca.png) no-repeat center center;
  background-size: 22px; }

#sideWrap .fixed_top .fixed_top_ul li.snbTabR .ico {
  background: url(/static/media/ic_snb_tab_recent.35d8774d.png) no-repeat center center;
  background-size: 22px; }

#sideWrap #sideGnb.mini li {
  width: 48px !important; }

#sideWrap .snbScWrap .stab {
  display: none; }

#sideWrap .snbScWrap .stab.on {
  display: block;
  position: absolute;
  top: 56px;
  bottom: 0;
  left: 48px;
  right: 0;
  color: #fff;
  z-index: 2;
  background-color: #333948; }

#sideWrap .snbScWrap .stR_div .intoMenu .dep1 .dep2 li {
  margin-left: 14px; }

.intoMenu .dep1 > li > .tit_div {
  height: 44px;
  line-height: 44px;
  font-size: 15px;
  font-weight: normal;
  padding-left: 16px;
  box-sizing: border-box;
  color: #858891;
  background: url(/static/media/btn_snb_arrow_down@2x.0084ec65.png) no-repeat right 20px center;
  background-size: 11px;
  cursor: pointer; }

.intoMenu .dep1 > li.open > .tit_div {
  font-weight: bold;
  color: #fff;
  background: #354064 url(/static/media/btn_snb_arrow_up@2x.fb7c3c9c.png) no-repeat right 20px center;
  background-size: 11px; }

.intoMenu .dep1 > li.open .dep2 {
  height: auto;
  padding: 0px 0 8px 0px; }
  .intoMenu .dep1 > li.open .dep2 > li:first-child {
    margin-top: 14px; }

.intoMenu .dep1 .dep2 {
  background: #2d313e;
  box-sizing: border-box;
  height: 0px;
  padding: 0px 0 0px 10px;
  overflow: hidden; }
  .intoMenu .dep1 .dep2 li {
    margin-left: 14px;
    position: relative; }
    .intoMenu .dep1 .dep2 li .tit_div {
      height: 18px;
      line-height: 18px;
      font-size: 13px;
      box-sizing: border-box;
      color: #fff;
      background: url(/static/media/ic_menu.d3f3da83.png) no-repeat left center;
      cursor: pointer;
      padding-left: 24px;
      margin-bottom: 8px; }
      .intoMenu .dep1 .dep2 li .tit_div:hover .tit {
        color: #1c90fb; }
    .intoMenu .dep1 .dep2 li .tit_div.folder {
      background: url(/static/media/ic_folder_close.c231b033.png) no-repeat left center; }
    .intoMenu .dep1 .dep2 li .clo {
      width: 16px;
      height: 16px;
      vertical-align: top;
      background: url(/static/media/ic_close_01_s_normal@2x.6cfcade9.png) no-repeat center;
      background-size: 14px;
      cursor: pointer;
      display: none;
      position: absolute;
      top: 1px;
      right: 10px; }
    .intoMenu .dep1 .dep2 li .tit_div:hover > .clo {
      display: inline-block; }
    .intoMenu .dep1 .dep2 li .tit {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: calc(100% - 30px);
      display: block; }
    .intoMenu .dep1 .dep2 li .tit_clone {
      visibility: hidden;
      white-space: nowrap;
      z-index: -10;
      text-indent: -50000px;
      font-size: 13px; }
  .intoMenu .dep1 .dep2 li.open .tit_div.folder {
    background: url(/static/media/ic_folder_open.dc6abb33.png) no-repeat left center;
    color: #fff; }
  .intoMenu .dep1 .dep2 li.open .dep3 {
    height: auto; }
  .intoMenu .dep1 .dep2 .on > .tit_div {
    color: #1c90fb; }
  .intoMenu .dep1 .dep2 .open > .tit_div {
    color: #1c90fb; }

.intoMenu .dep1 .dep3 {
  box-sizing: border-box;
  height: 0px;
  transition: all 0.3s ease;
  overflow: hidden; }
  .intoMenu .dep1 .dep3 li {
    margin-left: 20px; }

.gnbTreeViewWrap {
  position: relative; }
  .gnbTreeViewWrap .bmMenu {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: 44px;
    padding: 0 20px 0 16px;
    background-color: #354064;
    box-sizing: border-box;
    cursor: pointer; }
    .gnbTreeViewWrap .bmMenu.close {
      background-color: transparent; }
      .gnbTreeViewWrap .bmMenu.close p {
        font-weight: normal;
        color: #858891; }
    .gnbTreeViewWrap .bmMenu p {
      max-width: calc(100% - 30px);
      text-align: left;
      font-size: 15px;
      font-weight: bold;
      color: #ffffff; }
    .gnbTreeViewWrap .bmMenu .icoArrowUp {
      width: 11px;
      height: 11px;
      padding: 0 !important;
      border: none !important;
      background: url(/static/media/btn_snb_arrow_up@2x.fb7c3c9c.png) no-repeat center center !important;
      background-size: 11px !important; }
    .gnbTreeViewWrap .bmMenu .icoArrowDown {
      width: 11px;
      height: 11px;
      padding: 0 !important;
      border: none !important;
      background: url(/static/media/btn_snb_arrow_down@2x.0084ec65.png) no-repeat center center !important;
      background-size: 11px !important; }
  .gnbTreeViewWrap .bmMenuBtn {
    position: absolute;
    right: 40px;
    top: 13px;
    align-items: center; }
    .gnbTreeViewWrap .bmMenuBtn .icoFolderAdd {
      width: 18px;
      height: 18px;
      padding: 0 !important;
      border: none !important;
      background: url(/static/media/ic_folder_new_m_normal@2x.5e101b66.png) no-repeat center center !important;
      background-size: 18px !important; }
      .gnbTreeViewWrap .bmMenuBtn .icoFolderAdd:hover {
        background: url(/static/media/ic_folder_new_m_over@2x.dca4ae97.png) no-repeat center center !important;
        background-size: 18px !important; }
  .gnbTreeViewWrap .bmCon {
    padding: 12px 0;
    background-color: #2d313e; }
    .gnbTreeViewWrap .bmCon .bmTooltip {
      line-height: 18px;
      max-width: 100%; }
    .gnbTreeViewWrap .bmCon .itemDiv {
      position: relative;
      height: 27px;
      padding: 0 20px 0 13px;
      align-items: center;
      box-sizing: border-box;
      cursor: pointer; }
      .gnbTreeViewWrap .bmCon .itemDiv::before {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        display: none;
        width: 14px;
        height: 14px;
        background: url(/static/media/ic_view_list_02_s_normal@2x.30862f8d.png) no-repeat center center;
        background-size: 14px; }
      .gnbTreeViewWrap .bmCon .itemDiv:hover::before {
        display: block; }
      .gnbTreeViewWrap .bmCon .itemDiv:hover .titleBox .txt {
        color: #1c90fb; }
      .gnbTreeViewWrap .bmCon .itemDiv:hover .conBtnBox {
        display: flex;
        align-items: center; }
      .gnbTreeViewWrap .bmCon .itemDiv.dep2 {
        padding: 0 20px 0 23px; }
        .gnbTreeViewWrap .bmCon .itemDiv.dep2::before {
          left: 11px; }
      .gnbTreeViewWrap .bmCon .itemDiv.dep3 {
        padding: 0 20px 0 33px; }
        .gnbTreeViewWrap .bmCon .itemDiv.dep3::before {
          left: 21px; }
      .gnbTreeViewWrap .bmCon .itemDiv.dep4 {
        padding: 0 20px 0 43px; }
        .gnbTreeViewWrap .bmCon .itemDiv.dep4::before {
          left: 31px; }
      .gnbTreeViewWrap .bmCon .itemDiv.dep5 {
        padding: 0 20px 0 53px; }
        .gnbTreeViewWrap .bmCon .itemDiv.dep5::before {
          left: 41px; }
      .gnbTreeViewWrap .bmCon .itemDiv .titleBox {
        padding: 0 5px;
        align-items: center; }
        .gnbTreeViewWrap .bmCon .itemDiv .titleBox .txt {
          font-size: 13px;
          color: #ffffff;
          white-space: nowrap;
          text-overflow: ellipsis;
          word-break: break-all;
          overflow: hidden; }
      .gnbTreeViewWrap .bmCon .itemDiv .textFieldBox {
        padding: 0 0 0 6px;
        align-items: center; }
        .gnbTreeViewWrap .bmCon .itemDiv .textFieldBox .textField {
          margin-right: 4px; }
          .gnbTreeViewWrap .bmCon .itemDiv .textFieldBox .textField > div > div {
            height: 17px !important; }
      .gnbTreeViewWrap .bmCon .itemDiv .conBtnBox {
        display: none; }
        .gnbTreeViewWrap .bmCon .itemDiv .conBtnBox > div {
          display: block;
          margin-right: 4px; }
          .gnbTreeViewWrap .bmCon .itemDiv .conBtnBox > div:last-child {
            margin-right: 0; }
          .gnbTreeViewWrap .bmCon .itemDiv .conBtnBox > div button {
            padding: 0 !important; }
      .gnbTreeViewWrap .bmCon .itemDiv .checkBtn {
        width: 14px;
        height: 14px;
        padding: 0 !important;
        border: none !important;
        background: url(/static/media/ic_check_01_s_normal@2x.86ca0e61.png) no-repeat center center !important;
        background-size: 14px !important; }
      .gnbTreeViewWrap .bmCon .itemDiv .editBtn {
        width: 14px;
        height: 14px;
        border: none !important;
        background: url(/static/media/ic_edit_s_normal@2x.2bc6c747.png) no-repeat center center !important;
        background-size: 14px !important; }
      .gnbTreeViewWrap .bmCon .itemDiv .deleteBtn {
        width: 14px;
        height: 14px;
        border: none !important;
        background: url(/static/media/ic_close_01_s_normal@2x.6cfcade9.png) no-repeat center center !important;
        background-size: 14px !important; }
      .gnbTreeViewWrap .bmCon .itemDiv .ico-folder-open {
        width: 18px;
        height: 18px;
        background: url(/static/media/ic_snb_folder_open@2x.95ceaf44.png) no-repeat center center;
        background-size: 18px; }
      .gnbTreeViewWrap .bmCon .itemDiv .ico-folder-close {
        width: 18px;
        height: 18px;
        background: url(/static/media/ic_snb_folder_close@2x.1ad7ad4d.png) no-repeat center center;
        background-size: 18px; }
      .gnbTreeViewWrap .bmCon .itemDiv .ico-menu {
        width: 18px;
        height: 18px;
        background: url(/static/media/ic_snb_menu@2x.6cf37275.png) no-repeat center center;
        background-size: 18px; }

#sideWrap .fixed-bottom {
  display: block;
  position: relative;
  left: 0;
  right: 0;
  bottom: 0;
  top: 6px;
  min-height: 40px;
  box-sizing: border-box; }

#sideWrap .fixed-bottom .arrow-item {
  height: 17px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  cursor: pointer;
  background: transparent no-repeat center;
  opacity: .4;
  width: 48px; }

#sideWrap .fixed-bottom .arrow-item:hover {
  opacity: 1; }

#sideWrap .fixed-bottom .arrow-item.up {
  background-image: url(/static/media/ico_arrowItem_up.4cacd99f.png); }

#sideWrap .fixed-bottom .arrow-item.down {
  background-image: url(/static/media/ico_arrowItem_down.8b2b39c8.png); }

#sideWrap .fixed-bottom .arrow-item.disabled {
  cursor: inherit;
  opacity: .1 !important; }

/* side gnb */
#sideWrap #sideGnb {
  position: absolute;
  top: 0px;
  bottom: 0px;
  margin: 0;
  padding: 0;
  width: 48px;
  background: #333948;
  transition: top 0.5s;
  width: 100%; }

#sideWrap #sideGnb .module-link {
  position: relative;
  display: block;
  width: 48px;
  height: 44px;
  opacity: .4;
  transition: opacity 0.5s;
  text-indent: -9999px;
  cursor: pointer;
  background: no-repeat center;
  z-index: 1; }

#sideWrap .module-name {
  cursor: pointer;
  width: calc(100% - 48px);
  position: absolute;
  top: 0;
  left: 47px;
  z-index: 1; }

#sideWrap .module-name:before {
  content: attr(data-name);
  position: relative;
  display: block;
  height: 44px;
  line-height: 44px;
  margin: 0 0 0 20px;
  font-size: 15px;
  color: #858891;
  letter-spacing: -0.5px;
  box-sizing: border-box;
  z-index: 1;
  transition: 0.3s;
  overflow: hidden; }

#sideWrap #sideGnb .module-name.sub-item:before {
  background: #2b2e37; }

#sideWrap #sideGnb .module-name ul {
  position: relative;
  width: 100%;
  padding: 3px 0;
  font-size: 14px;
  color: #000000;
  letter-spacing: -0.5px;
  border: 1px solid #13141a;
  background: #ffffff;
  box-sizing: border-box;
  z-index: 1; }

#sideWrap #sideGnb .module-name ul li {
  height: 36px;
  line-height: 36px;
  padding: 0 0 0 20px;
  transition: all 0.3s; }

#sideWrap #sideGnb .module-name ul li span {
  cursor: pointer;
  padding: 0 0 0 8px;
  background: url(/static/media/ico_subItem_bullet.5487f5fa.png) no-repeat left; }

#sideWrap .module-name.selected {
  font-weight: bold; }

#sideWrap li.module-item:hover {
  background-color: rgba(0, 0, 0, 0.4); }

#sideWrap li.module-item:hover .module-name:before {
  color: #fff; }

#sideWrap li.module-item:hover .module-link {
  opacity: 1 !important; }

#sideWrap .sideWrapIn {
  position: relative;
  height: 100%; }

.snbScWrap {
  margin-top: 56px; }

.snbScroll.scrollNo > div:first-child {
  overflow: hidden !important;
  margin-bottom: 0 !important; }

.snbScroll > div:last-child {
  right: 6px !important;
  z-index: 10; }

.snbScroll > div:last-child > div {
  background-color: #fff !important;
  visibility: hidden; }

#sideWrap:hover .snbScroll > div:last-child > div {
  visibility: visible; }

/* gnb icon */
#sideWrap #sideGnb .module-link.EA {
  background-image: url(/static/media/ic_gnb_ea@2x.7b884e0e.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.EC {
  background-image: url(/static/media/ic_gnb_ec@2x.37a3f325.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.ML {
  background-image: url(/static/media/ic_gnb_ml@2x.13d0197b.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.CL {
  background-image: url(/static/media/ic_gnb_cl@2x.5e527ca3.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.RM {
  background-image: url(/static/media/ic_gnb_rm@2x.29bd9a69.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.BD {
  background-image: url(/static/media/ic_gnb_bd@2x.be62a148.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.GSM {
  background-image: url(/static/media/ic_gnb_management@2x.a0ad628a.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.OF {
  background-image: url(/static/media/ic_gnb_of@2x.b0b75a02.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.OC {
  background-image: url(/static/media/ic_gnb_oc@2x.de902628.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.KS {
  background-image: url(/static/media/ic_gnb_ks@2x.98e53ade.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.FAX {
  background-image: url(/static/media/ic_gnb_fax@2x.e7c2b0b7.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.SMS {
  background-image: url(/static/media/ic_gnb_sms@2x.f6dc3071.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.UMS {
  background-image: url(/static/media/ic_gnb_fax_sms@2x.c32b3681.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.ADDR {
  background-image: url(/static/media/ic_gnb_address@2x.936c63e7.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.CU {
  background-image: url(/static/media/ic_gnb_cr@2x.30cd4c11.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.OFB {
  background-image: url(/static/media/ic_gnb_onebook@2x.6d049867.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.MA {
  background-image: url(/static/media/ic_gnb_ma@2x.2940d8f6.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.FI {
  background-image: url(/static/media/ic_gnb_fi@2x.68484526.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.CO {
  background-image: url(/static/media/ic_gnb_co@2x.673c2aa6.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.IA {
  background-image: url(/static/media/ic_gnb_ia@2x.cea6d9c7.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.CA {
  background-image: url(/static/media/ic_gnb_ca@2x.8ac9539f.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.TR {
  background-image: url(/static/media/ic_gnb_tr@2x.eb05dc06.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.BM {
  background-image: url(/static/media/ic_gnb_bm@2x.25a6120f.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.TX {
  background-image: url(/static/media/ic_gnb_tx@2x.45f5fac4.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.AU {
  background-image: url(/static/media/ic_gnb_au@2x.739b81c6.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.OSS {
  background-image: url(/static/media/ic_gnb_os@2x.1a058349.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.HR {
  background-image: url(/static/media/ic_gnb_hr@2x.eafb5993.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.HM {
  background-image: url(/static/media/ic_gnb_hm@2x.28c1183c.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.BPM {
  background-image: url(/static/media/ic_gnb_bpm@2x.6a2e4552.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.BI {
  background-image: url(/static/media/ic_gnb_bi@2x.f34ed440.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.LE {
  background-image: url(/static/media/ic_gnb_le@2x.292db240.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.LO {
  background-image: url(/static/media/ic_gnb_lo@2x.47dd64e0.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.PU {
  background-image: url(/static/media/ic_gnb_pu@2x.191eb86f.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.PM {
  background-image: url(/static/media/ic_gnb_pm@2x.1fe92b13.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.PP {
  background-image: url(/static/media/ic_gnb_pp@2x.1709ff72.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.ME {
  background-image: url(/static/media/ic_gnb_me@2x.3bf88783.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.IM {
  background-image: url(/static/media/ic_gnb_im@2x.37fb1ae4.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.IE {
  background-image: url(/static/media/ic_gnb_ie@2x.22889a54.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.SD {
  background-image: url(/static/media/ic_gnb_sd@2x.8b5e0505.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.BP {
  background-image: url(/static/media/ic_gnb_bp@2x.59530d00.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.PS {
  background-image: url(/static/media/ic_gnb_ps@2x.af259e8e.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.SF {
  background-image: url(/static/media/ic_gnb_sf@2x.fe97b9f7.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.SR {
  background-image: url(/static/media/ic_gnb_sr@2x.e2ec9a79.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.QM {
  background-image: url(/static/media/ic_gnb_qm@2x.0d0cd016.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.CI {
  background-image: url(/static/media/ic_gnb_ci@2x.d5bc0881.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.MP {
  background-image: url(/static/media/ic_gnb_mp@2x.ec74b3ae.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.SET {
  background-image: url(/static/media/ic_gnb_setting@2x.727649d5.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.SC {
  background-image: url(/static/media/ic_gnb_sc@2x.2ee1736b.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.EX {
  background-image: url(/static/media/ic_gnb_ex@2x.1bf2b0dd.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.AM {
  background-image: url(/static/media/ic_gnb_AM@2x.698ff194.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.OS {
  background-image: url(/static/media/ic_gnb_erp10_subcontractor@2x.9ffe5df7.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.SM {
  background-image: url(/static/media/ic_gnb_smart_manufacturing@2x.441816af.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.LH {
  background-image: url(/static/media/ic_gnb_hlm@2x.2d5c093b.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.ERP10CI {
  background-image: url(/static/media/ic_gnb_ci@2x.d5bc0881.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.ERP10MA {
  background-image: url(/static/media/ic_gnb_ma@2x.2940d8f6.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.ERP10BPM {
  background-image: url(/static/media/ic_gnb_bpm@2x.6a2e4552.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.ERP10BI {
  background-image: url(/static/media/ic_gnb_bi@2x.f34ed440.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.ERP10MP {
  background-image: url(/static/media/ic_gnb_mp@2x.ec74b3ae.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.ERP10AU {
  background-image: url(/static/media/ic_gnb_au@2x.739b81c6.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.ERP10OS {
  background-image: url(/static/media/ic_gnb_os@2x.1a058349.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.ERP10FI {
  background-image: url(/static/media/ic_gnb_fi@2x.68484526.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.ERP10CO {
  background-image: url(/static/media/ic_gnb_co@2x.673c2aa6.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.ERP10IA {
  background-image: url(/static/media/ic_gnb_ia@2x.cea6d9c7.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.ERP10CA {
  background-image: url(/static/media/ic_gnb_ca@2x.8ac9539f.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.ERP10TR {
  background-image: url(/static/media/ic_gnb_tr@2x.eb05dc06.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.ERP10BM {
  background-image: url(/static/media/ic_gnb_bm@2x.25a6120f.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.ERP10TX {
  background-image: url(/static/media/ic_gnb_tx@2x.45f5fac4.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.ERP10LR {
  background-image: url(/static/media/ic_gnb_erp10_lr@2x.ba08b24e.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.ERP10RE {
  background-image: url(/static/media/ic_gnb_erp10_re@2x.d5396623.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.ERP10LE {
  background-image: url(/static/media/ic_gnb_le@2x.292db240.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.ERP10LO {
  background-image: url(/static/media/ic_gnb_lo@2x.47dd64e0.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.ERP10PU {
  background-image: url(/static/media/ic_gnb_pu@2x.191eb86f.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.ERP10PM {
  background-image: url(/static/media/ic_gnb_pm@2x.1fe92b13.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.ERP10PP {
  background-image: url(/static/media/ic_gnb_pp@2x.1709ff72.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.ERP10IM {
  background-image: url(/static/media/ic_gnb_im@2x.37fb1ae4.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.ERP10IE {
  background-image: url(/static/media/ic_gnb_ie@2x.22889a54.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.ERP10SD {
  background-image: url(/static/media/ic_gnb_sd@2x.8b5e0505.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.ERP10PS {
  background-image: url(/static/media/ic_gnb_ps@2x.af259e8e.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.ERP10SF {
  background-image: url(/static/media/ic_gnb_sf@2x.fe97b9f7.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.ERP10SR {
  background-image: url(/static/media/ic_gnb_sr@2x.e2ec9a79.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.ERP10QM {
  background-image: url(/static/media/ic_gnb_qm@2x.0d0cd016.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.ERP10BP {
  background-image: url(/static/media/ic_gnb_bp@2x.59530d00.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.ERP10CR {
  background-image: url(/static/media/ic_cr@2x.30cd4c11.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.ERP10ME {
  background-image: url(/static/media/ic_gnb_me@2x.3bf88783.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.ERP10SC {
  background-image: url(/static/media/ic_gnb_sc@2x.2ee1736b.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.ERP10MB {
  background-image: url(/static/media/ic_gnb_sms@2x.f6dc3071.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.ERP10MF {
  background-image: url(/static/media/ic_gnb_erp10_mf@2x.eb839749.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.ERP10EC {
  background-image: url(/static/media/ic_gnb_erp10_ec@2x.a8e4deb6.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.ERP10PX {
  background-image: url(/static/media/ic_gnb_erp10_px@2x.27f250d0.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.ERP10EH {
  background-image: url(/static/media/ic_gnb_erp10_eh@2x.6ac4afbc.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.ERP10HR {
  background-image: url(/static/media/ic_gnb_erp10_hr@2x.0e8a74d6.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.ERP10WF {
  background-image: url(/static/media/ic_gnb_erp10_wf@2x.0c6bf880.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.ERP10SM {
  background-image: url(/static/media/ic_gnb_sm@2x.6d662346.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.HCZ {
  background-image: url(/static/media/ic_snb_HCZ@3x.c09938b8.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.HCM {
  background-image: url(/static/media/ic_snb_HCM@2x.a0ad15b7.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.HCB {
  background-image: url(/static/media/ic_snb_HCB@3x.ef501e82.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.HCR {
  background-image: url(/static/media/ic_snb_HCR@2x.7d03cb9b.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.HCS {
  background-image: url(/static/media/ic_snb_HCS@2x.c95a3241.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.HCC {
  background-image: url(/static/media/ic_snb_HCC@2x.ca6ef69e.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.HCI {
  background-image: url(/static/media/ic_snb_HCI@2x.1b5e6a4d.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.HCF {
  background-image: url(/static/media/ic_snb_HCF@2x.f93f4cbe.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.HCN {
  background-image: url(/static/media/ic_snb_HCN@2x.1f2ae636.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.HCA {
  background-image: url(/static/media/ic_snb_HCA@3x.70fa2c24.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.HEXCE {
  background-image: url(/static/media/ic_snb_HEXCE@3x.773c53f3.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.HCL {
  background-image: url(/static/media/ic_education@3x.1af94455.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.HEXCL {
  background-image: url(/static/media/ic_labor@3x.da3b8fdf.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.HEXCP {
  background-image: url(/static/media/ic_theporterzone@3x.5210ea42.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.HCH {
  background-image: url(/static/media/ic_industrial@2x.079c75ad.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.HCK {
  background-image: url(/static/media/ic_notice@2x.f4690664.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.MOD {
  background-image: url(/static/media/ic_gnb_MOD@2x.11b2ca4c.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.NUO {
  background-image: url(/static/media/ic_gnb_NUO@2x.aae01f79.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.NUI {
  background-image: url(/static/media/ic_gnb_NUI@2x.2a97779f.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.PHA {
  background-image: url(/static/media/ic_gnb_PHA@2x.5bfb66c6.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.INJ {
  background-image: url(/static/media/ic_gnb_INJ@2x.0d7904df.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.OPS {
  background-image: url(/static/media/ic_gnb_OPS@2x.629d488e.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.NUK {
  background-image: url(/static/media/ic_gnb_NUK@2x.e9677d95.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.NUT {
  background-image: url(/static/media/ic_gnb_NUT@2x.a2beefb5.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.EMR {
  background-image: url(/static/media/ic_gnb_EMR@2x.24fd1a1a.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.CDT {
  background-image: url(/static/media/ic_gnb_CDT@2x.151ffc2e.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.IRA {
  background-image: url(/static/media/ic_gnb_IRA@2x.3647751e.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.EMS {
  background-image: url(/static/media/ic_gnb_EMS@2x.b14d2546.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.CSR {
  background-image: url(/static/media/ic_gnb_CSR@2x.e9cfda3b.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.MSW {
  background-image: url(/static/media/ic_gnb_socialwork.0ade0c25.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.ICU {
  background-image: url(/static/media/ic_gnb_icu.301646ac.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.QPS {
  background-image: url(/static/media/ic_gnb_QPS@2x.cab044b6.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.ANR {
  background-image: url(/static/media/ic_gnb_ANR@2x.e2c19870.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.IPC {
  background-image: url(/static/media/ic_gnb_IPC@2x.b34e906e.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.STA {
  background-image: url(/static/media/ic_gnb_chart.00b0c8c5.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.WK {
  background-image: url(/static/media/ic_wk.cc95c705.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.DC {
  background-image: url(/static/media/ic_dc.3560c1c2.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.ECM {
  background-image: url(/static/media/ic_ecm.fa439756.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.WR {
  background-image: url(/static/media/ic_wr.59e34338.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.CR {
  background-image: url(/static/media/ic_cr@2x.30cd4c11.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.TADDR {
  background-image: url(/static/media/ic_gnb_total_address@2x.9ed4b424.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.LT {
  background-image: url(/static/media/ic_gnb_lt@2x.fc61d198.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.UT {
  background-image: url(/static/media/ic_gnb_gift@2x.b5c50ebc.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.EB {
  background-image: url(/static/media/ic_gnb_erp_banking@2x.fc06d1cd.png);
  background-size: 48px 44px; }

#sideWrap .module-link.SERVICE {
  height: 44px;
  background-image: url(/static/media/ic_gnb_service@2x.8c0c92a3.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.BuminEdu {
  background-image: url(/static/media/ic_bumin_edu@2x.23ec99f7.png);
  background-size: 48px 44px; }

#sideWrap #sideGnb .module-link.DongaMla {
  background-image: url(/static/media/ic_gnb_ml_archiving@2x.b7aa9fb6.png);
  background-size: 48px 44px; }

.gnbService {
  position: relative; }
  .gnbService .line {
    width: 18px;
    height: 1px;
    margin: 10px 0 2px 15px;
    background-color: #666a74; }
  .gnbService .arrowGo {
    background: url(/static/media/btn_snb_arrow_go@2x.4042e315.png) no-repeat right 18px center;
    background-size: 11px; }
  .gnbService .serviceMenu {
    position: absolute;
    bottom: 0;
    visibility: hidden;
    min-height: 44px;
    background-color: #2d313e;
    cursor: pointer; }
    .gnbService .serviceMenu.on {
      transition: all 0.2s;
      visibility: visible; }
      .gnbService .serviceMenu.on li {
        opacity: 1; }
    .gnbService .serviceMenu li {
      opacity: 0;
      display: flex;
      flex-direction: row;
      align-items: center;
      min-width: 200px;
      min-height: 44px;
      padding-left: 40px;
      font-size: 15px;
      color: #ffffff;
      background-repeat: no-repeat;
      background-size: 18px;
      background-position: left 16px center;
      box-sizing: border-box; }
      .gnbService .serviceMenu li:hover {
        background-color: rgba(0, 0, 0, 0.15); }
      .gnbService .serviceMenu li.credview {
        background-image: url(/static/media/ic_snb_credview_s@2x.f085527f.png); }
      .gnbService .serviceMenu li.douzonetv {
        background-image: url(/static/media/ic_snb_douzonetv_s@2x.b076ecdd.png); }

/* 헤더영역 */
#headerWrap {
  position: fixed;
  top: 0;
  left: 48px;
  right: 0px;
  height: 94px;
  z-index: 12; }

/* 로고영역 */
#headerWrap #main-ci {
  position: relative;
  width: 200px;
  height: 50px;
  margin: 0;
  padding: 5px 20px;
  background-color: #fff;
  box-sizing: border-box;
  z-index: 101; }

#headerWrap #main-ci h1 {
  overflow: hidden;
  margin: 0;
  font-size: 1px;
  height: 40px;
  line-height: 40px; }

#headerWrap #main-ci h1 img {
  max-width: 150px;
  max-height: 38px;
  vertical-align: middle;
  cursor: pointer; }

/* 헤더 공통기능 */
#headerWrap #headFnc {
  position: relative;
  width: 100%;
  height: 50px;
  background: #ffffff;
  z-index: 1; }

#headerWrap #headFnc .headfnc {
  padding: 0 20px 0 20px;
  height: 50px; }

#headerWrap #headFnc .headfnc::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

/* 헤더 검색 */
#headerWrap #headFnc .headfnc .head-misc .directSearchWrap {
  position: absolute;
  top: 10px;
  right: 0;
  z-index: 1;
  width: 0%;
  transition: all 0.1s;
  display: none; }

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap.on {
  width: calc(100% - 45px);
  display: block; }

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap .searchBar {
  position: relative;
  z-index: 1; }

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap .searchBar .searchInput {
  width: 0px;
  height: 32px;
  padding: 0 10px 0 10px;
  border-radius: 16px;
  background-color: #fff;
  box-sizing: border-box;
  outline: none;
  transition: all 0.2s;
  border: solid 1px #fff; }

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap.on .searchBar {
  position: relative;
  z-index: 1;
  margin-left: 0px; }

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap.on .searchBar .searchInput {
  width: 100%;
  border: solid 1px #e6e6e6;
  padding: 0 60px 0 10px; }

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap.on .searchBar .searchInput:focus {
  border: solid 1px #1c90fb;
  background-color: #ffffff;
  box-sizing: border-box;
  outline: none; }

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap.on .searchBar .searchInput::-moz-placeholder {
  font-weight: normal !important;
  color: #a6a6a6; }

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap.on .searchBar .searchInput:-ms-input-placeholder {
  font-weight: normal !important;
  color: #a6a6a6; }

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap.on .searchBar .searchInput::placeholder {
  font-weight: normal !important;
  color: #a6a6a6; }

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap .searchBar .deleteBtn {
  position: absolute;
  top: 7px;
  right: 75px;
  width: 18px;
  height: 18px;
  background: url(/static/media/icon_tabon_close_normal@2x.38578df3.png) no-repeat center;
  background-size: 14px;
  cursor: pointer; }

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap .searchBar .searchBtn {
  position: absolute;
  top: 7px;
  right: 50px;
  width: 18px;
  height: 18px;
  background: url(/static/media/icon_misc_search@2x.4cbc2a57.png) no-repeat center;
  background-size: 30px;
  cursor: pointer; }

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap .searchBar .closeBtn {
  width: 40px;
  font-size: 12px;
  line-height: 32px;
  color: #000000;
  text-align: center;
  cursor: pointer; }

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap .searchBar .aiBtn {
  display: none; }

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap .searchBar.oneAi .deleteBtn {
  position: absolute;
  top: 7px;
  right: 115px;
  width: 18px;
  height: 18px;
  background: url(/static/media/icon_tabon_close_normal@2x.38578df3.png) no-repeat center;
  background-size: 14px;
  cursor: pointer; }

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap .searchBar.oneAi .searchBtn {
  position: absolute;
  top: 7px;
  right: 90px;
  width: 18px;
  height: 18px;
  background: url(/static/media/icon_misc_search@2x.4cbc2a57.png) no-repeat center;
  background-size: 30px;
  cursor: pointer; }

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap .searchBar.oneAi .aiBtn {
  display: block;
  margin: -3px 0 0 0;
  width: 40px;
  height: 40px;
  background: url(/static/media/img_oneai_40_normal@2x.92068c95.png) no-repeat center;
  background-size: 40px;
  cursor: pointer; }

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap .searchBar.oneAi .aiBtn:hover {
  background: url(/static/media/img_oneai_40_over@2x.edd1a281.png) no-repeat center;
  background-size: 40px; }

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap .autoText {
  display: none;
  position: absolute;
  top: 35px;
  right: 5px;
  margin: 0;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
  background: #ffffff;
  border-radius: 15px;
  overflow: hidden;
  z-index: 10; }

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap .autoText .autoTextIn {
  max-width: 500px;
  height: auto;
  max-height: 460px;
  padding: 0 0 20px 0;
  overflow: auto; }

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap .autoText .autoTextIn dl {
  padding: 20px 20px 0px 0px; }

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap .autoText .autoTextIn dl dt {
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  padding: 0 0 7px 15px;
  background: url(/static/media/ico_autotext_arrow.5eaca010.png) no-repeat left 10px; }

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap .autoText .autoTextIn dl dd {
  padding: 0 15px;
  line-height: 22px;
  white-space: nowrap; }

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap .autoText .autoTextIn dl dd .link {
  position: relative;
  display: inline-block;
  font-size: 12px;
  color: #000000;
  outline: none;
  cursor: pointer; }

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap .autoText .autoTextIn dl dd .link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 1px;
  background: #000000;
  transition: all 0.5s; }

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap .autoText .autoTextIn dl dd .link:hover::after {
  width: 100%;
  transition: all 0.5s; }

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap .autoText .autoTextIn dl dd .link:focus::after {
  width: 100%;
  transition: all 0.5s; }

#headerWrap #headFnc .headfnc .head-misc .directSearchWrap .autoText .autoTextIn dl dd .match {
  color: #1c90fb; }

/* 헤더 기능버튼 */
#headerWrap #headFnc .headfnc .head-misc {
  position: relative;
  height: 50px; }

#headerWrap #headFnc .headfnc .head-misc ul li {
  position: relative;
  margin: 10px 0 0 6px;
  min-width: 30px;
  min-height: 30px; }

#headerWrap #headFnc .headfnc .head-misc ul li span.btn {
  display: block;
  width: 30px;
  height: 30px;
  background: transparent no-repeat center;
  cursor: pointer; }

#headerWrap #headFnc .headfnc .head-misc ul li span.btnCnt {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 14px;
  height: 14px;
  line-height: 1;
  padding: 1px 3px 0 3px;
  font-family: '돋움',Dotum,Helvetica,'Apple SD Gothic Neo',sans-serif;
  font-size: 11px;
  color: #ffffff;
  text-align: center;
  border-radius: 10px;
  background: #fc5356;
  box-sizing: border-box;
  cursor: pointer; }

#headerWrap #headFnc .headfnc .head-misc ul li span.alert {
  background-image: url(/static/media/icon_misc_alert@2x.77642175.png);
  background-size: 30px; }

#headerWrap #headFnc .headfnc .head-misc ul li span.org {
  background-image: url(/static/media/icon_misc_org@2x.8b1c7a8a.png);
  background-size: 30px; }

#headerWrap #headFnc .headfnc .head-misc ul li span.search {
  background-image: url(/static/media/icon_misc_search@2x.4cbc2a57.png);
  background-size: 30px; }

#headerWrap #headFnc .headfnc .head-misc ul li span.more {
  background-image: url(/static/media/icon_misc_more@2x.893b6488.png);
  background-size: 30px; }

#headerWrap #headFnc .headfnc .head-misc ul li span.manual {
  background-image: url(/static/media/ic_misc_manual@2x.7edc7166.png);
  background-size: 30px; }

#headerWrap #headFnc .headfnc .head-misc ul li span.notice {
  background-image: url(/static/media/ic_misc_notice@2x.47695a0c.png);
  background-size: 30px; }

#headerWrap #headFnc .headfnc .user-info {
  float: left;
  position: relative;
  cursor: pointer;
  padding: 0 14px 0 0; }

#headerWrap #headFnc .headfnc .user-info.on:hover {
  background-color: transparent !important; }

#headerWrap #headFnc .headfnc .user-info::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

#headerWrap #headFnc .headfnc .user-info::before {
  content: "";
  position: absolute;
  top: 8px;
  right: 0;
  width: 1px;
  height: 16px;
  background-color: #e6e6e6; }

#headerWrap #headFnc .headfnc .user-info.on::before {
  display: none; }

#headerWrap #headFnc .headfnc .user-info .divi_pic {
  float: left;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  color: #ffffff;
  background: transparent no-repeat center;
  cursor: pointer;
  overflow: hidden; }

#headerWrap #headFnc .headfnc .user-info .divi_pic img {
  width: 100%;
  min-height: 32px;
  vertical-align: top; }

#headerWrap #headFnc .headfnc .user-info .name_txt {
  position: relative;
  display: inline-block;
  margin: 1px 0 0 10px;
  line-height: 14px;
  font-size: 11px;
  color: #000000;
  letter-spacing: -0.5px;
  transition: all 0.2s;
  min-width: 52px;
  box-sizing: border-box; }

#headerWrap #headFnc .headfnc .user-info .divi_txt {
  position: relative;
  display: inline-block;
  padding-right: 18px;
  margin: 0 0 0 10px;
  line-height: 14px;
  font-size: 10px;
  color: #000000;
  background: url(/static/media/ic_arrow_down_01_s_normal.57adc5b1.png) no-repeat right center;
  letter-spacing: -0.5px;
  transition: all 0.2s;
  min-width: 52px;
  box-sizing: border-box; }

#headerWrap #headFnc .headfnc .logoutTimer {
  position: relative;
  align-items: center; }
  #headerWrap #headFnc .headfnc .logoutTimer::after {
    content: '';
    margin: 1px 5px 0 10px;
    width: 1px;
    height: 16px;
    background-color: #e6e6e6; }
  #headerWrap #headFnc .headfnc .logoutTimer .clockIcon {
    margin: 0 5px 0 0;
    width: 14px;
    height: 14px;
    background: url(/static/media/ic_time_s_normal.c0ec0283.png) no-repeat center; }
  #headerWrap #headFnc .headfnc .logoutTimer .timeText {
    margin: 0 5px 0 0;
    font-size: 12px;
    line-height: 18px;
    color: #000000; }

/* 컨텐츠 탭 */
#headerWrap #headTabs {
  position: relative;
  width: 100%;
  height: 50px;
  overflow: hidden; }

#headerWrap #headTabs .homePortal {
  position: absolute;
  top: 0;
  left: 0;
  width: 52px;
  height: 44px;
  background: url(/static/media/ico_home_portal.c5fc6bb5.png) no-repeat center;
  cursor: pointer;
  border-right: 1px solid rgba(7, 102, 190, 0.41);
  box-sizing: border-box;
  background-color: #1c90fb; }

#headerWrap #headTabs .homePortal:hover {
  background-color: #067add;
  transition: all 0.3s; }

#headerWrap #headTabs .tabs {
  margin: 10px 30px 0 0;
  font-size: 0;
  white-space: nowrap;
  overflow: hidden; }

#headerWrap #headTabs .tabs::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

#headerWrap #headTabs .tabs .tab-item {
  position: relative;
  display: inline-block;
  width: 138px;
  height: 32px;
  padding: 0 23px 0 0px;
  border-style: solid;
  border-radius: 3px;
  border: solid 1px #e6e6e6;
  box-sizing: border-box;
  vertical-align: top;
  margin-right: 2px; }

#headerWrap #headTabs .tabs .tab-item .react-contextmenu-wrapper {
  padding-left: 30px; }

#headerWrap #headTabs .tabs .tab-item:hover {
  border: solid 1px #9f9f9f;
  background-color: #eff7ff;
  transition: all 0.3s; }

#headerWrap #headTabs .tabs .tab-item.rightOn {
  border: solid 1px #8c8c8c;
  transition: all 0.3s; }

#headerWrap #headTabs .tabs .tab-item .new-window {
  position: absolute;
  top: 0;
  left: 8px;
  width: 18px;
  height: 30px;
  background: url(/static/media/icon_tabon_new_normal@2x.0e97ace0.png) no-repeat center;
  background-size: 11px;
  cursor: pointer; }

#headerWrap #headTabs .tabs .tab-item .module-name {
  display: block;
  font-size: 12px;
  color: #8c8c8c;
  line-height: 30px;
  letter-spacing: -0.5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer; }

#headerWrap #headTabs .tabs .tab-item .item-close {
  position: absolute;
  top: 0;
  right: 8px;
  width: 18px;
  height: 30px;
  background: url(/static/media/icon_tabon_close_normal@2x.38578df3.png) no-repeat center;
  background-size: 11px;
  cursor: pointer; }

#headerWrap #headTabs .tabs .tab-item.on .module-name {
  color: #1c90fb; }

#headerWrap #headTabs .tabs .tab-item:active {
  background-color: #eff7ff; }

#headerWrap #headTabs .tabs .tab-item.on {
  border: solid 1px #0e7add;
  background-color: #eff7ff;
  box-sizing: border-box; }

#headerWrap #headTabs .tabs .tab-item.on .new-window {
  background: url(/static/media/icon_tabon_new_select@2x.1c91d1a8.png) no-repeat center;
  background-size: 11px; }

#headerWrap #headTabs .tabs .tab-item.on .item-close {
  background: url(/static/media/icon_tabon_close_select@2x.03644345.png) no-repeat center;
  background-size: 11px; }

#headerWrap #headTabs .tab-more-out {
  position: absolute;
  top: 10px;
  right: 0;
  bottom: 0;
  width: 26px;
  height: 32px;
  box-sizing: border-box;
  background: #fff; }

#headerWrap #headTabs .tab-more {
  width: 26px;
  height: 32px;
  box-sizing: border-box;
  background: #fff url(/static/media/dot_more_over@2x.2f07befd.png) no-repeat center;
  background-size: 12px 4px;
  cursor: pointer;
  border: solid 1px #e6e6e6;
  border-radius: 3px; }

#headerWrap #headTabs .tab-more:hover {
  border: solid 1px #8c8c8c;
  background-color: #eff7ff;
  transition: all 0.3s; }

#headerWrap #headerTitle {
  align-items: center;
  height: 44px;
  width: 100%;
  padding-right: 20px;
  box-sizing: border-box;
  background: #1c90fb;
  position: absolute;
  top: 50px;
  overflow: hidden; }

#headerWrap #headerTitle .tit {
  font-size: 18px;
  line-height: 44px;
  color: #fff;
  float: left;
  padding-left: 10px; }

#headerWrap #headerTitle .menuLnb {
  width: 44px;
  height: 44px;
  float: left;
  background: rgba(0, 0, 0, 0.2) url(/static/media/icon_menu.285603a9.png) no-repeat center center;
  cursor: pointer; }

#headerWrap #headerTitle .menuLnb:hover {
  background: rgba(0, 0, 0, 0.4) url(/static/media/icon_menu.285603a9.png) no-repeat center center; }

#headerWrap #headerTitle .menuLnb.folding {
  background: rgba(0, 0, 0, 0.2) url(/static/media/icon_menu_open.84b0b47a.png) no-repeat center center; }

#headerWrap #headerTitle .menuLnb.folding:hover {
  background: rgba(0, 0, 0, 0.4) url(/static/media/icon_menu_open.84b0b47a.png) no-repeat center center; }

#headerWrap #headerTitle .onlineBtn {
  display: flex;
  align-items: center;
  border-radius: 2px;
  box-sizing: border-box;
  border: solid 1px #b4dbff;
  background-image: url(/static/media/ic_pc_m_w_normal@2x.0d40b72e.png);
  background-repeat: no-repeat;
  background-position: left 8px top 4px;
  background-size: 18px;
  cursor: pointer;
  color: #fff;
  padding: 0 10px 0 28px;
  height: 27px;
  line-height: 27px; }
  #headerWrap #headerTitle .onlineBtn:hover, #headerWrap #headerTitle .onlineBtn:active {
    border: solid 1px #7cc0ff;
    box-sizing: border-box;
    background-image: #1081e8 url(/static/media/ic_pc_m_w_normal@2x.0d40b72e.png); }
  #headerWrap #headerTitle .onlineBtn.bot {
    color: #000;
    background-image: url(/static/media/ic_oneai_s@2x.bd7be23c.png), linear-gradient(to right, #f3fcff, #fbf4ff 49%, #fef5ff), linear-gradient(101deg, #28c5ff 6%, #a72fff 50%, #f632ff 92%);
    background-position: left 8px center, center, center;
    background-origin: padding-box, padding-box, border-box;
    background-clip: padding-box, padding-box, border-box;
    background-size: 18px 18px, cover, cover;
    border: solid 1px transparent; }
    #headerWrap #headerTitle .onlineBtn.bot:hover {
      background-image: url(/static/media/ic_oneai_s@2x.bd7be23c.png), linear-gradient(to right, #dff6ff, #f2e0ff 49%, #fee0ff), linear-gradient(101deg, #28c5ff 6%, #a72fff 50%, #f632ff 92%); }
  #headerWrap #headerTitle .onlineBtn.avatar {
    background-image: url(/static/media/avatar@2x.ded10e2a.png);
    background-position: left 8px center; }
  #headerWrap #headerTitle .onlineBtn.avatar_rb {
    color: #000;
    background-image: url(/static/media/btn_oneai_18@2x.61ae06c6.png), linear-gradient(to right, #f3fcff, #fbf4ff 49%, #fef5ff), linear-gradient(101deg, #28c5ff 6%, #a72fff 50%, #f632ff 92%);
    background-position: left 5px center, center, center;
    background-origin: padding-box, padding-box, border-box;
    background-clip: padding-box, padding-box, border-box;
    background-size: 20px 20px, cover, cover;
    border: solid 1px transparent; }
    #headerWrap #headerTitle .onlineBtn.avatar_rb:hover {
      background-image: url(/static/media/btn_oneai_18@2x.61ae06c6.png), linear-gradient(to right, #dff6ff, #f2e0ff 49%, #fee0ff), linear-gradient(101deg, #28c5ff 6%, #a72fff 50%, #f632ff 92%); }

/* 공통 레이아웃 팝업 */
.commonPopup {
  position: absolute;
  box-shadow: 0px 1px 1px 0 rgba(6, 6, 6, 0.1);
  border: solid 1px #a6a6a6;
  background-color: #ffffff;
  z-index: 10; }

.commonPopup::after {
  content: "";
  position: absolute;
  top: -5px;
  right: 10px;
  width: 7px;
  height: 7px;
  border: solid 1px #a6a6a6;
  border-width: 1px 0px 0px 1px;
  background: #ffffff;
  transform: rotate(45deg);
  z-index: 15; }

.newPortalHeader .userInfoPop {
  position: absolute;
  top: 40px;
  left: 50%;
  width: 550px;
  transform: translateX(-50%); }

.userInfoPop {
  position: absolute;
  top: 40px;
  left: 50%;
  width: 550px;
  transform: translateX(-50%);
  cursor: auto;
  cursor: initial; }

.userInfoPop::after {
  right: calc(50% - 34px); }

.userInfoPop .infoTop {
  position: relative;
  margin: 0 16px;
  padding: 40px 0 20px 0;
  border-bottom: 1px solid #e6e6e6; }

.userInfoPop .infoTop .userInfoBtn-setting {
  position: absolute;
  top: 13px;
  right: 21px;
  width: 18px;
  height: 18px;
  background: url(/static/media/ic_settine_01_m_normal@2x.54c95280.png) no-repeat center center;
  background-size: 18px;
  cursor: pointer; }
  .userInfoPop .infoTop .userInfoBtn-setting:hover {
    background: url(/static/media/ic_settine_01_m_over@2x.89c8d114.png) no-repeat center center;
    background-size: 18px; }

.userInfoPop .infoTop .userInfoBtn-logout {
  position: absolute;
  top: 12px;
  right: -4px;
  width: 18px;
  height: 18px;
  background: url(/static/media/ic_onoff_m_normal@2x.c4b9ad64.png) no-repeat center center;
  background-size: 18px;
  cursor: pointer; }
  .userInfoPop .infoTop .userInfoBtn-logout:hover {
    background: url(/static/media/ic_onoff_m_over@2x.7ec99584.png) no-repeat center center;
    background-size: 18px; }

.userInfoPop .infoTop .logoutTimerPopIn {
  position: absolute;
  top: 11px;
  right: 42px;
  align-items: center; }
  .userInfoPop .infoTop .logoutTimerPopIn::after {
    content: '';
    margin: 1px 5px 0 10px;
    width: 1px;
    height: 16px;
    background-color: #e6e6e6; }
  .userInfoPop .infoTop .logoutTimerPopIn .clockIcon {
    margin: 0 5px 0 0;
    width: 14px;
    height: 14px;
    background: url(/static/media/ic_time_s_normal.c0ec0283.png) no-repeat center; }
  .userInfoPop .infoTop .logoutTimerPopIn .timeText {
    margin: 0 5px 0 0;
    font-size: 12px;
    line-height: 18px;
    color: #000000; }

.userInfoPop .infoTop .user_pic {
  width: 60px;
  height: 60px;
  margin: 0 20px 0 0;
  border-radius: 60px;
  box-sizing: border-box;
  overflow: hidden; }

.userInfoPop .infoTop .user_pic img {
  width: 100%; }

.userInfoPop .infoTop .user_name {
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  text-align: left;
  margin: 2px 0 2px 0; }

.userInfoPop .infoTop .user_name .cls {
  font-size: 14px;
  font-weight: bold;
  line-height: 20px; }

.userInfoPop .infoTop .user_org {
  font-size: 11px;
  line-height: 15px;
  margin: 0 0 2px 0;
  text-align: left;
  color: #4a4a4a; }

.userInfoPop .infoTop .user_ip {
  font-size: 11px;
  line-height: 15px;
  text-align: left;
  color: #a6a6a6; }

.userInfoPop .infoBot {
  margin: 0 16px;
  height: 210px; }

.userInfoPop .infoBtnBox {
  margin: 22px 0 0 0;
  height: 62px;
  background-color: #f7f7f7;
  justify-content: center;
  align-items: center; }

.userInfoErp10Pop {
  position: absolute;
  top: 40px;
  right: 30%;
  width: 290px;
  border-radius: 12px;
  box-shadow: 0 8px 20px 0 black;
  cursor: auto;
  cursor: initial; }
  .userInfoErp10Pop::before {
    content: '';
    display: block;
    position: absolute;
    right: 20px;
    top: -7px;
    width: 13px;
    height: 8px;
    background: transparent url(/static/media/box_tail_blue@2x.1f5df18d.png) no-repeat center;
    background-size: contain; }
  .userInfoErp10Pop .user-info-box {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    background-image: url(/static/media/bg_top_profile@2x.0b573a0b.png);
    background-position: left top;
    background-size: 100% 147px;
    background-repeat: no-repeat; }
    .userInfoErp10Pop .user-info-box .user-info-detail {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      margin: 0 20px;
      padding: 24px 0 13px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
      .userInfoErp10Pop .user-info-box .user-info-detail .user-info-text {
        flex: 0 0 auto;
        width: 190px;
        margin-right: 12px; }
        .userInfoErp10Pop .user-info-box .user-info-detail .user-info-text .user-name {
          width: 100%;
          margin-bottom: 0;
          padding: 0;
          color: #ffffff;
          font-size: 17px;
          line-height: 23px;
          text-align: left;
          letter-spacing: -0.43px;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden; }
          .userInfoErp10Pop .user-info-box .user-info-detail .user-info-text .user-name .name {
            font-weight: bold; }
          .userInfoErp10Pop .user-info-box .user-info-detail .user-info-text .user-name .grade {
            margin: 0 0 0 5px; }
        .userInfoErp10Pop .user-info-box .user-info-detail .user-info-text .user-group {
          width: 100%;
          margin-bottom: 7px;
          color: #ffffff;
          opacity: 0.8;
          font-size: 11px;
          line-height: 23px;
          text-align: left;
          letter-spacing: -0.28px;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden; }
          .userInfoErp10Pop .user-info-box .user-info-detail .user-info-text .user-group .company {
            padding-right: 6px; }
          .userInfoErp10Pop .user-info-box .user-info-detail .user-info-text .user-group .group {
            position: relative;
            padding-left: 7px; }
            .userInfoErp10Pop .user-info-box .user-info-detail .user-info-text .user-group .group::before {
              content: '';
              position: absolute;
              top: 50%;
              left: 0;
              display: block;
              width: 1px;
              height: 10px;
              margin-top: -5px;
              opacity: 0.5;
              background-color: #ffffff; }
    .userInfoErp10Pop .user-info-box .user-buttons {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-flow: nowrap;
      margin-bottom: 0;
      padding: 5px 12px 8px; }
      .userInfoErp10Pop .user-info-box .user-buttons .userBtn {
        padding: 0 8px 0 34px;
        height: 25px;
        line-height: 24px;
        font-size: 12px;
        letter-spacing: -0.3px;
        color: #ffffff;
        border-radius: 20px;
        cursor: pointer; }
        .userInfoErp10Pop .user-info-box .user-buttons .userBtn.mySet {
          background: transparent url(/static/media/ic_myinfo_setting@2x.66421332.png) no-repeat left 8px center;
          background-size: 24px; }
          .userInfoErp10Pop .user-info-box .user-buttons .userBtn.mySet:hover {
            background: rgba(0, 0, 0, 0.16) url(/static/media/ic_myinfo_setting@2x.66421332.png) no-repeat left 8px center;
            background-size: 24px; }
        .userInfoErp10Pop .user-info-box .user-buttons .userBtn.logout {
          background: transparent url(/static/media/ic_logout@2x.9fd0574f.png) no-repeat left 8px center;
          background-size: 24px; }
          .userInfoErp10Pop .user-info-box .user-buttons .userBtn.logout:hover {
            background: rgba(0, 0, 0, 0.16) url(/static/media/ic_logout@2x.9fd0574f.png) no-repeat left 8px center;
            background-size: 24px; }
    .userInfoErp10Pop .user-info-box .user-pic {
      flex: 0 0 auto;
      width: 48px;
      height: 48px;
      margin: 0; }
      .userInfoErp10Pop .user-info-box .user-pic img {
        width: 48px;
        height: 48px;
        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.16);
        border-radius: 50%; }
  .userInfoErp10Pop .user-info-change {
    padding: 10px 20px 14px;
    background-color: #ffffff;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px; }
    .userInfoErp10Pop .user-info-change .user-status-change {
      height: 47px;
      padding: 9px 7px 0 34px;
      border-top: none;
      border-bottom: 1px solid #f3f3f3;
      box-sizing: border-box; }
      .userInfoErp10Pop .user-info-change .user-status-change.change-company {
        background: url(/static/media/ic_comp_02_l_normal@2x.e7211a00.png) no-repeat top 11px left;
        background-size: 24px; }
      .userInfoErp10Pop .user-info-change .user-status-change.change-authority {
        background: url(/static/media/ic_department_l_normal@2x.031ec5c6.png) no-repeat top 11px left;
        background-size: 24px; }
      .userInfoErp10Pop .user-info-change .user-status-change.change-group {
        background: url(/static/media/ic_authority_l_normal@2x.6d0b1d19.png) no-repeat top 11px left;
        background-size: 24px; }
      .userInfoErp10Pop .user-info-change .user-status-change.change-language {
        background: url(/static/media/ic_web_l_normal@2x.36f36631.png) no-repeat top 11px left;
        background-size: 24px; }
      .userInfoErp10Pop .user-info-change .user-status-change.change-timezone {
        background: url(/static/media/ic_time_l_normal@2x.47690eb1.png) no-repeat top 11px left;
        background-size: 24px; }
      .userInfoErp10Pop .user-info-change .user-status-change [class*="OBTDropDownList_default"] div div > span:first-child {
        border: 1px solid transparent !important; }
      .userInfoErp10Pop .user-info-change .user-status-change [class*="OBTDropDownList_default"]:hover div div > span:first-child {
        border: 1px solid #dbdbdb !important; }
      .userInfoErp10Pop .user-info-change .user-status-change [class*="OBTDropDownList_default"].on div div > span:first-child {
        border: 1px solid #58adfc !important; }
    .userInfoErp10Pop .user-info-change .user-bottom-buttons {
      padding: 10px 0 0; }
      .userInfoErp10Pop .user-info-change .user-bottom-buttons .apply {
        width: 100%;
        height: 36px;
        line-height: 36px;
        color: #ffffff;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
        border: 1px solid transparent;
        border-radius: 6px;
        -webkit-tap-highlight-color: transparent;
        text-align: center;
        background-color: #1c90fb;
        font-size: 13px;
        letter-spacing: -0.33px;
        cursor: pointer; }
        .userInfoErp10Pop .user-info-change .user-bottom-buttons .apply:hover {
          background-color: #036ddd; }
        .userInfoErp10Pop .user-info-change .user-bottom-buttons .apply.disabled:hover {
          color: rgba(0, 0, 0, 0.4);
          box-shadow: none;
          border-color: #ebebeb;
          background-color: #ffffff;
          cursor: default; }
        .userInfoErp10Pop .user-info-change .user-bottom-buttons .apply.disabled {
          color: rgba(0, 0, 0, 0.4);
          box-shadow: none;
          border-color: #ebebeb;
          background-color: #ffffff;
          cursor: default; }

.newUserInfoPop {
  position: absolute;
  top: 40px;
  right: 0;
  width: 300px;
  padding: 20px 17px 14px;
  border-radius: 12px;
  box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.16);
  border: solid 1px #e0e0e0;
  background-image: linear-gradient(to bottom, #f7faff, #f2f4fa);
  cursor: auto;
  cursor: initial; }
  .newUserInfoPop::before {
    content: '';
    position: absolute;
    top: -8px;
    right: 80px;
    width: 13px;
    height: 8px;
    background: url(/static/media/ic_tail@2x.0710c96a.png) no-repeat center/13px 8px; }
  .newUserInfoPop .user-info-box {
    margin: 0 8px; }
    .newUserInfoPop .user-info-box .user-pic {
      margin: 0 10px 0 0;
      width: 48px;
      height: 48px;
      border-radius: 50%;
      overflow: hidden; }
      .newUserInfoPop .user-info-box .user-pic img {
        width: 48px;
        height: 48px; }
    .newUserInfoPop .user-info-box .user-info-text .user-name {
      margin: 0 0 2px 0;
      font-size: 16px;
      font-weight: bold;
      line-height: 24px;
      letter-spacing: normal;
      text-align: left;
      color: #000;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
      .newUserInfoPop .user-info-box .user-info-text .user-name .name {
        font-weight: bold; }
      .newUserInfoPop .user-info-box .user-info-text .user-name .grade {
        margin: 0 0 0 5px; }
    .newUserInfoPop .user-info-box .user-info-text .user-group {
      font-size: 11px;
      font-weight: normal;
      line-height: 18px;
      letter-spacing: normal;
      text-align: left;
      color: #000;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
      .newUserInfoPop .user-info-box .user-info-text .user-group .company {
        padding-right: 6px; }
      .newUserInfoPop .user-info-box .user-info-text .user-group .group {
        position: relative;
        padding-left: 7px; }
        .newUserInfoPop .user-info-box .user-info-text .user-group .group::before {
          content: '';
          position: absolute;
          top: 50%;
          left: 0;
          display: block;
          width: 1px;
          height: 10px;
          margin-top: -5px;
          opacity: 0.2;
          background-color: #000; }
  .newUserInfoPop .user-info-fn {
    width: 100%;
    height: 160px;
    margin: 20px 0 8px;
    padding: 4px 0;
    border-radius: 8px;
    background-color: #fff;
    box-sizing: border-box; }
    .newUserInfoPop .user-info-fn dl {
      padding: 10px 16px; }
      .newUserInfoPop .user-info-fn dl dt {
        margin: 0 10px 0 0; }
        .newUserInfoPop .user-info-fn dl dt img {
          margin: 3px 0 0 0; }
      .newUserInfoPop .user-info-fn dl dd {
        font-size: 13px;
        font-weight: normal;
        line-height: 19px;
        letter-spacing: -0.33px;
        text-align: left;
        color: #000; }
        .newUserInfoPop .user-info-fn dl dd.dropdownArrow {
          min-width: 18px;
          width: 18px;
          height: 18px;
          margin: 0 0 0 6px; }
          .newUserInfoPop .user-info-fn dl dd.dropdownArrow.up {
            background: url(/static/media/ic_arrow_up_01_s_normal.8a20e8b0.png) no-repeat center/14px; }
          .newUserInfoPop .user-info-fn dl dd.dropdownArrow.down {
            background: url(/static/media/ic_arrow_down_01_s_normal.57adc5b1.png) no-repeat center/14px; }
      .newUserInfoPop .user-info-fn dl:hover {
        background-color: rgba(177, 182, 191, 0.12);
        cursor: pointer; }
      .newUserInfoPop .user-info-fn dl.dropdown {
        position: relative;
        padding: 10px 12px 10px 16px; }
        .newUserInfoPop .user-info-fn dl.dropdown:hover {
          background-color: transparent;
          cursor: default; }
          .newUserInfoPop .user-info-fn dl.dropdown:hover dd {
            text-decoration: underline;
            cursor: pointer; }
        .newUserInfoPop .user-info-fn dl.dropdown .dropdownLayer {
          position: absolute;
          top: 90%;
          left: 40px;
          right: 12px;
          max-height: 137px;
          border-radius: 2px;
          border: solid 1px #d0d0d0;
          background-color: #fff;
          box-sizing: border-box;
          overflow: auto;
          z-index: 1; }
          .newUserInfoPop .user-info-fn dl.dropdown .dropdownLayer .listItem {
            min-height: 27px;
            height: 27px;
            padding: 0 10px;
            box-sizing: border-box; }
            .newUserInfoPop .user-info-fn dl.dropdown .dropdownLayer .listItem:hover {
              background-color: #eff7ff;
              cursor: pointer; }
            .newUserInfoPop .user-info-fn dl.dropdown .dropdownLayer .listItem.on .txt {
              color: #1c90fb; }
            .newUserInfoPop .user-info-fn dl.dropdown .dropdownLayer .listItem .txt {
              font-size: 12px;
              line-height: 27px;
              color: #000000; }
            .newUserInfoPop .user-info-fn dl.dropdown .dropdownLayer .listItem .line {
              margin: 0;
              width: 1px;
              height: 10px;
              background-color: rgba(0, 0, 0, 0.2); }
            .newUserInfoPop .user-info-fn dl.dropdown .dropdownLayer .listItem .tooltipMsg {
              max-width: 230px;
              line-height: 18px; }
              .newUserInfoPop .user-info-fn dl.dropdown .dropdownLayer .listItem .tooltipMsg .line {
                display: inline-flex;
                margin: 0 4px;
                width: 1px;
                height: 10px;
                background-color: rgba(255, 255, 255, 0.6); }
    .newUserInfoPop .user-info-fn ul {
      padding: 16px;
      grid-gap: 8px;
      gap: 8px; }
      .newUserInfoPop .user-info-fn ul li {
        height: 27px !important;
        min-width: auto !important;
        min-height: auto !important;
        margin: 0 !important; }
        .newUserInfoPop .user-info-fn ul li .tit {
          margin: 0 10px 0 0;
          font-size: 12px;
          font-weight: normal;
          line-height: 27px;
          letter-spacing: -0.3px;
          text-align: left;
          color: #4a4a4a; }
    .newUserInfoPop .user-info-fn .line {
      margin: 0 16px;
      height: 1px;
      background-color: #f0f0f0; }
    .newUserInfoPop .user-info-fn .btnBox {
      padding: 12px 0 15px; }
      .newUserInfoPop .user-info-fn .btnBox [class*="OBTButton_themedefault"] {
        border-radius: 4px !important;
        background-color: #ffffff !important;
        border-color: #e6e6e6 !important;
        background-image: none !important; }
        .newUserInfoPop .user-info-fn .btnBox [class*="OBTButton_themedefault"]:hover {
          border-color: #cccccc !important; }
      .newUserInfoPop .user-info-fn .btnBox [class*="OBTButton_themeblue"] {
        border-radius: 4px !important;
        background-color: #1c90fb !important;
        border-color: transparent !important;
        background-image: none !important; }
        .newUserInfoPop .user-info-fn .btnBox [class*="OBTButton_themeblue"]:hover {
          background-color: #3280e0 !important; }
  .newUserInfoPop .user-info-recent {
    opacity: 0.4;
    font-size: 11px;
    font-weight: normal;
    line-height: 16px;
    letter-spacing: normal;
    text-align: left;
    color: #000; }

.companySelectWrap {
  width: 100%;
  height: 100%;
  box-sizing: border-box; }

.companySelectWrap .joinText {
  display: inline-block;
  padding: 0 0 0 20px;
  font-size: 12px;
  line-height: 20px;
  color: #20c997;
  background: url(/static/media/icon_confirm_posi.d0d8ee1a.png) no-repeat left 0 center; }

.companySelectWrap .pubFormStyle.header table {
  border-bottom: none; }

.companySelectWrap .pubFormStyle.body table {
  border-top: none; }

.newPortalHeader .integratedNotification {
  top: 40px; }

.newPortalHeader .newIntegratedNotification {
  top: 40px; }

.integratedNotification {
  top: 40px;
  right: calc(100% - 50px);
  width: 380px;
  height: 620px; }
  .integratedNotification::after {
    right: 30px; }
  .integratedNotification.alert::after {
    right: 30px;
    background: #f7f7f7; }
  .integratedNotification .tab {
    background: #f7f7f7; }
    .integratedNotification .tab::after {
      content: "";
      display: block;
      clear: both;
      height: 0;
      visibility: hidden; }
    .integratedNotification .tab li {
      float: left;
      width: 50%;
      margin: 0 !important;
      padding: 0;
      text-align: center;
      cursor: pointer; }
      .integratedNotification .tab li:first-child {
        border-radius: 0 10px 0 0; }
      .integratedNotification .tab li:last-child {
        border-radius: 10px 0 0 0; }
      .integratedNotification .tab li span {
        position: relative;
        display: inline-block;
        font-size: 14px;
        line-height: 46px;
        color: #a6a6a6;
        vertical-align: middle; }
        .integratedNotification .tab li span.tab01 .ico {
          width: 20px;
          height: 20px;
          margin: 0 2px 0 0;
          background: url(/static/media/ic_noti_off.13b6cd2c.png) no-repeat left 0 center; }
        .integratedNotification .tab li span.tab02 .ico {
          width: 20px;
          height: 20px;
          margin: 0 2px 0 0;
          background: url(/static/media/ic_mention_off.05f3cdb2.png) no-repeat left 0 center; }
        .integratedNotification .tab li span .txt {
          padding: 0;
          line-height: 20px; }
      .integratedNotification .tab li.on {
        background-color: #ffffff; }
        .integratedNotification .tab li.on span .txt {
          font-size: 14px;
          font-weight: bold;
          line-height: 46px;
          color: #000000; }
        .integratedNotification .tab li.on span.tab01 .ico {
          background: url(/static/media/ic_noti_on.6e6fe4f5.png) no-repeat left 0 center; }
        .integratedNotification .tab li.on span.tab02 .ico {
          background: url(/static/media/ic_mention_on.2342f918.png) no-repeat left 0 center; }
      .integratedNotification .tab li .cnt {
        margin: 0 0 0 10px;
        padding: 0 5px;
        width: auto;
        height: 14px;
        font-size: 10px;
        line-height: 13px;
        color: #ffffff;
        text-align: right;
        border-radius: 14px;
        background-color: #fc5356; }
  .integratedNotification .tabCon .tabFn {
    width: 100%;
    text-align: right;
    line-height: 21px;
    padding: 8px 20px;
    box-sizing: border-box; }
    .integratedNotification .tabCon .tabFn + div > div {
      z-index: 1; }
    .integratedNotification .tabCon .tabFn .allRead {
      margin: 0 0 0 5px; }
    .integratedNotification .tabCon .tabFn .line {
      margin: 0 10px;
      width: 1px;
      height: 16px;
      background-color: #e6e6e6; }
    .integratedNotification .tabCon .tabFn .settingBtn {
      width: 18px;
      height: 27px;
      background: url(/static/media/ic_settine_01_m_normal.082cc74f.png) no-repeat center;
      cursor: pointer; }
      .integratedNotification .tabCon .tabFn .settingBtn:hover {
        background: url(/static/media/ic_settine_01_m_over.e807716f.png) no-repeat center; }
    .integratedNotification .tabCon .tabFn .filterWrap .filterList01 {
      top: 20px;
      left: 0;
      right: auto;
      min-width: 72px; }
      .integratedNotification .tabCon .tabFn .filterWrap .filterList01 ul {
        margin: 0 !important; }
        .integratedNotification .tabCon .tabFn .filterWrap .filterList01 ul::before {
          display: none; }
        .integratedNotification .tabCon .tabFn .filterWrap .filterList01 ul li {
          margin: 0 !important;
          padding: 0 0 0 10px !important; }
          .integratedNotification .tabCon .tabFn .filterWrap .filterList01 ul li span {
            padding: 0;
            text-align: left;
            line-height: 30px; }
  .integratedNotification .tabCon .dayline {
    position: sticky;
    top: -1px;
    font-size: 12px;
    font-weight: bold;
    line-height: 30px;
    color: #222222;
    margin: 0;
    padding: 0 0 0 24px;
    overflow: hidden;
    background: #f2f6f8;
    z-index: 1; }
    .integratedNotification .tabCon .dayline .today {
      display: inline-block;
      margin: 0 0 0 10px;
      width: 37px;
      height: 18px;
      font-size: 11px;
      font-weight: bold;
      line-height: 18px;
      text-align: center;
      color: #ffffff;
      border-radius: 10px;
      background-color: #1c90fb;
      box-sizing: border-box; }
  .integratedNotification .tabCon ul {
    position: relative;
    margin: 10px 0;
    z-index: 0; }
    .integratedNotification .tabCon ul:before {
      content: '';
      position: absolute;
      top: 20px;
      left: 33px;
      bottom: 20px;
      width: 1px;
      background-color: rgba(0, 0, 0, 0.1); }
    .integratedNotification .tabCon ul li {
      position: relative;
      float: unset !important;
      width: 100%;
      margin: 0 !important;
      padding: 10px 10px 10px 20px;
      box-sizing: border-box;
      cursor: pointer; }
      .integratedNotification .tabCon ul li:hover {
        background: #eef7ff;
        transition: 0.2s; }
      .integratedNotification .tabCon ul li .list_con {
        overflow: hidden;
        color: #a6a6a6; }
        .integratedNotification .tabCon ul li .list_con .topline {
          margin-right: 15px; }
          .integratedNotification .tabCon ul li .list_con .topline dl {
            font-size: 12px;
            line-height: 18px;
            white-space: nowrap; }
            .integratedNotification .tabCon ul li .list_con .topline dl dt {
              font-size: 12px;
              line-height: 18px; }
            .integratedNotification .tabCon ul li .list_con .topline dl dd {
              font-size: 12px;
              line-height: 18px;
              text-overflow: ellipsis;
              overflow: hidden; }
              .integratedNotification .tabCon ul li .list_con .topline dl dd.name {
                position: relative;
                padding: 0 0 0 5px; }
        .integratedNotification .tabCon ul li .list_con .botline {
          margin: 4px 15px 0 0; }
          .integratedNotification .tabCon ul li .list_con .botline .text {
            font-size: 11px;
            line-height: 18px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden; }
            .integratedNotification .tabCon ul li .list_con .botline .text .mentionGreen {
              color: #09b481; }
            .integratedNotification .tabCon ul li .list_con .botline .text .mentionBlue {
              color: #1c90fb; }
      .integratedNotification .tabCon ul li .time {
        font-size: 11px;
        line-height: 18px;
        color: #a6a6a6;
        padding: 0 20px 0 0;
        vertical-align: top; }
        .integratedNotification .tabCon ul li .time.fold {
          background: url(/static/media/ic_arrow_down_01_s_normal.57adc5b1.png) no-repeat top 2px right; }
        .integratedNotification .tabCon ul li .time.unfold {
          background: url(/static/media/ic_arrow_up_01_s_normal.8a20e8b0.png) no-repeat top 2px right; }
      .integratedNotification .tabCon ul li .icon {
        width: 28px;
        height: 28px;
        margin: 4px 9px 0 0;
        border-radius: 100px;
        overflow: hidden; }
        .integratedNotification .tabCon ul li .icon.profile {
          background: url(/static/media/ic_notice_profile.3ea189fd.png) no-repeat center; }
          .integratedNotification .tabCon ul li .icon.profile img {
            width: 100%; }
        .integratedNotification .tabCon ul li .icon.many {
          display: flex;
          flex-direction: column;
          grid-gap: 1px;
          gap: 1px;
          background: #ffffff; }
          .integratedNotification .tabCon ul li .icon.many .item {
            min-height: 50%;
            grid-gap: 1px;
            gap: 1px; }
            .integratedNotification .tabCon ul li .icon.many .item img {
              -o-object-fit: cover;
                 object-fit: cover;
              -o-object-position: center;
                 object-position: center;
              transform: translateZ(0); }
        .integratedNotification .tabCon ul li .icon.of {
          background: url(/static/media/ic_notice_oneffice_read.03efdadf.png) no-repeat center; }
        .integratedNotification .tabCon ul li .icon.sc {
          background: url(/static/media/ic_notice_schedule_read.c97bf9ca.png) no-repeat center; }
        .integratedNotification .tabCon ul li .icon.an {
          background: url(/static/media/ic_notice_announcement_read.eea89249.png) no-repeat center; }
        .integratedNotification .tabCon ul li .icon.ea {
          background: url(/static/media/ic_notice_approval_read.5db22621.png) no-repeat center; }
        .integratedNotification .tabCon ul li .icon.ma {
          background: url(/static/media/ic_notice_mail_read.31091f0e.png) no-repeat center; }
        .integratedNotification .tabCon ul li .icon.mg {
          background: url(/static/media/ic_notice_message_read.5165fcfb.png) no-repeat center; }
        .integratedNotification .tabCon ul li .icon.fx {
          background: url(/static/media/ic_notice_fax_read.6b79187f.png) no-repeat center; }
        .integratedNotification .tabCon ul li .icon.ks {
          background: url(/static/media/ic_notice_kiss_read.658585fa.png) no-repeat center; }
        .integratedNotification .tabCon ul li .icon.bd {
          background: url(/static/media/ic_notice_board_read.f61288d8.png) no-repeat center; }
        .integratedNotification .tabCon ul li .icon.dc {
          background: url(/static/media/ic_notice_doc_read.029540ef.png) no-repeat center; }
        .integratedNotification .tabCon ul li .icon.wr {
          background: url(/static/media/ic_notice_projectreport_read.80ec41bd.png) no-repeat center; }
        .integratedNotification .tabCon ul li .icon.nt {
          background: url(/static/media/ic_notice_note_read.0d21f99d.png) no-repeat center; }
        .integratedNotification .tabCon ul li .icon.fl {
          background: url(/static/media/ic_notice_file_read.b90f79c1.png) no-repeat center; }
        .integratedNotification .tabCon ul li .icon.hr {
          background: url(/static/media/ic_notice_hr_read.35494cee.png) no-repeat center; }
        .integratedNotification .tabCon ul li .icon.ac {
          background: url(/static/media/ic_notice_accounting_read.659212ee.png) no-repeat center; }
        .integratedNotification .tabCon ul li .icon.rs {
          background: url(/static/media/ic_notice_resource_read.e367b221.png) no-repeat center; }
        .integratedNotification .tabCon ul li .icon.oc {
          background: url(/static/media/ic_notice_oc_read.ac43a5e8.png) no-repeat center; }
        .integratedNotification .tabCon ul li .icon.st {
          background: url(/static/media/ic_notice_sign_read.d0bf4cb6.png) no-repeat center; }
        .integratedNotification .tabCon ul li .icon.pw {
          background: url(/static/media/ic-notice-pw-reset-read.5be694b1.png) no-repeat center; }
        .integratedNotification .tabCon ul li .icon.crm {
          background: url(/static/media/ic-notice-crm-read.3168ab60.png) no-repeat center; }
        .integratedNotification .tabCon ul li .icon.gsm {
          background: url(/static/media/ic_notice_management_read.aa184f6a.png) no-repeat center; }
        .integratedNotification .tabCon ul li .icon.vote {
          background: url(/static/media/ic_notice_vote_read.49d98b84.png) no-repeat center; }
        .integratedNotification .tabCon ul li .icon.clinic {
          background: url(/static/media/ic_notice_clinic_read.0fbeb143.png) no-repeat center; }
        .integratedNotification .tabCon ul li .icon.taddr {
          background: url(/static/media/ic_notice_total_address_read.dfd7fcdf.png) no-repeat center; }
        .integratedNotification .tabCon ul li .icon.fundingPrevent {
          background: url(/static/media/ic_notice_funding_prevent_read.8a2c956a.png) no-repeat center; }
        .integratedNotification .tabCon ul li .icon.vc {
          background: url(/static/media/ic_notice_video_conference_read.ce2411e5.png) no-repeat center; }
        .integratedNotification .tabCon ul li .icon.set {
          background: url(/static/media/ic_notice_setting_read.a1659007.png) no-repeat center; }
      .integratedNotification .tabCon ul li.unread .icon.of {
        background: url(/static/media/ic_notice_oneffice.2b3c46f8.png) no-repeat center; }
      .integratedNotification .tabCon ul li.unread .icon.sc {
        background: url(/static/media/ic_notice_schedule.165f14c6.png) no-repeat center; }
      .integratedNotification .tabCon ul li.unread .icon.an {
        background: url(/static/media/ic_notice_announcement.8e9d2e60.png) no-repeat center; }
      .integratedNotification .tabCon ul li.unread .icon.ea {
        background: url(/static/media/ic_notice_approval.f8df6eb3.png) no-repeat center; }
      .integratedNotification .tabCon ul li.unread .icon.ma {
        background: url(/static/media/ic_notice_mail.39550273.png) no-repeat center; }
      .integratedNotification .tabCon ul li.unread .icon.mg {
        background: url(/static/media/ic_notice_message.b78e688b.png) no-repeat center; }
      .integratedNotification .tabCon ul li.unread .icon.fx {
        background: url(/static/media/ic_notice_fax.4dec3cee.png) no-repeat center; }
      .integratedNotification .tabCon ul li.unread .icon.ks {
        background: url(/static/media/ic_notice_kiss.ff934db9.png) no-repeat center; }
      .integratedNotification .tabCon ul li.unread .icon.bd {
        background: url(/static/media/ic_notice_board.6ddd5453.png) no-repeat center; }
      .integratedNotification .tabCon ul li.unread .icon.dc {
        background: url(/static/media/ic_notice_doc.5ca884a1.png) no-repeat center; }
      .integratedNotification .tabCon ul li.unread .icon.wr {
        background: url(/static/media/ic_notice_projectreport.1e6742e4.png) no-repeat center; }
      .integratedNotification .tabCon ul li.unread .icon.nt {
        background: url(/static/media/ic_notice_note.76b4e05e.png) no-repeat center; }
      .integratedNotification .tabCon ul li.unread .icon.fl {
        background: url(/static/media/ic_notice_file.2c276711.png) no-repeat center; }
      .integratedNotification .tabCon ul li.unread .icon.hr {
        background: url(/static/media/ic_notice_hr.11352226.png) no-repeat center; }
      .integratedNotification .tabCon ul li.unread .icon.ac {
        background: url(/static/media/ic_notice_accounting.f1157f7c.png) no-repeat center; }
      .integratedNotification .tabCon ul li.unread .icon.rs {
        background: url(/static/media/ic_notice_resource.a362b6ac.png) no-repeat center; }
      .integratedNotification .tabCon ul li.unread .icon.oc {
        background: url(/static/media/ic_notice_oc.30184914.png) no-repeat center; }
      .integratedNotification .tabCon ul li.unread .icon.st {
        background: url(/static/media/ic_notice_sign.f8800f47.png) no-repeat center; }
      .integratedNotification .tabCon ul li.unread .icon.pw {
        background: url(/static/media/ic-notice-pw-reset.28e6eef5.png) no-repeat center; }
      .integratedNotification .tabCon ul li.unread .icon.crm {
        background: url(/static/media/ic-notice-crm.b8fe63b0.png) no-repeat center; }
      .integratedNotification .tabCon ul li.unread .icon.gsm {
        background: url(/static/media/ic_notice_management.1e70b2df.png) no-repeat center; }
      .integratedNotification .tabCon ul li.unread .icon.vote {
        background: url(/static/media/ic_notice_vote.730e1a70.png) no-repeat center; }
      .integratedNotification .tabCon ul li.unread .icon.clinic {
        background: url(/static/media/ic_notice_clinic.6202c2bf.png) no-repeat center; }
      .integratedNotification .tabCon ul li.unread .icon.taddr {
        background: url(/static/media/ic_notice_total_address.05e9dc6d.png) no-repeat center; }
      .integratedNotification .tabCon ul li.unread .icon.fundingPrevent {
        background: url(/static/media/ic_notice_funding_prevent.70fbba6d.png) no-repeat center; }
      .integratedNotification .tabCon ul li.unread .icon.vc {
        background: url(/static/media/ic_notice_video_conference.20e47387.png) no-repeat center; }
      .integratedNotification .tabCon ul li.unread .icon.set {
        background: url(/static/media/ic_notice_setting.bfed213e.png) no-repeat center; }
      .integratedNotification .tabCon ul li.unread .list_con {
        overflow: hidden;
        color: #222222; }
  .integratedNotification .categoryFn {
    padding: 0 20px;
    height: 44px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    background-color: #ffffff;
    box-sizing: border-box; }
    .integratedNotification .categoryFn .itemDiv {
      white-space: nowrap;
      overflow: hidden;
      scroll-behavior: smooth; }
      .integratedNotification .categoryFn .itemDiv .item {
        margin: 10px 0 0 4px;
        padding: 0 8px;
        height: 24px;
        border: 1px solid #e6e6e6;
        border-radius: 24px;
        font-size: 12px;
        line-height: 22px;
        color: #000000;
        background-color: #ffffff;
        box-sizing: border-box;
        cursor: pointer; }
        .integratedNotification .categoryFn .itemDiv .item:first-child {
          margin: 10px 0 0 0; }
        .integratedNotification .categoryFn .itemDiv .item.on {
          color: #1c90fb;
          border: 1px solid #1c90fb;
          background-color: #eff7ff; }
    .integratedNotification .categoryFn .arrDiv {
      margin: 0 0 0 10px;
      justify-content: center;
      align-items: center; }
      .integratedNotification .categoryFn .arrDiv .prevBtn {
        margin: 0 2px 0 0;
        width: 14px;
        height: 14px;
        background: url(/static/media/ic_arrow_left_01_s_normal.1e03a38b.png) no-repeat center;
        background-size: cover;
        cursor: pointer; }
        .integratedNotification .categoryFn .arrDiv .prevBtn:hover {
          background: url(/static/media/ic_arrow_left_01_s_over.b6fac466.png) no-repeat center;
          background-size: cover; }
        .integratedNotification .categoryFn .arrDiv .prevBtn.disabled {
          background: url(/static/media/ic_arrow_left_01_s_disable.eb28f7a7.png) no-repeat center;
          background-size: cover;
          cursor: not-allowed; }
      .integratedNotification .categoryFn .arrDiv .nextBtn {
        margin: 0 0 0 2px;
        width: 14px;
        height: 14px;
        background: url(/static/media/ic_arrow_right_01_s_normal.0f322bf0.png) no-repeat center;
        background-size: cover;
        cursor: pointer; }
        .integratedNotification .categoryFn .arrDiv .nextBtn:hover {
          background: url(/static/media/ic_arrow_right_01_s_over.96a279d5.png) no-repeat center;
          background-size: cover; }
        .integratedNotification .categoryFn .arrDiv .nextBtn.disabled {
          background: url(/static/media/ic_arrow_right_01_s_disable.17cbeb2f.png) no-repeat center;
          background-size: cover;
          cursor: not-allowed; }

.newIntegratedNotification {
  top: 40px;
  right: calc(100% - 80px);
  width: 320px;
  height: 655px; }
  .newIntegratedNotification::after {
    right: 60px; }
  .newIntegratedNotification.alert::after {
    right: 30px;
    background: #f7f7f7; }
  .newIntegratedNotification .tab {
    width: 100%;
    height: 70px;
    border-bottom: 1px solid #e6e6e6; }
    .newIntegratedNotification .tab li {
      width: 100%;
      margin: 0 24px !important;
      padding: 0;
      text-align: center;
      box-sizing: border-box;
      cursor: pointer; }
      .newIntegratedNotification .tab li .tab01 {
        position: relative;
        background: url(/static/media/ic_noti_off@2x.f52b6a0a.png) no-repeat top 13px center;
        background-size: 20px; }
      .newIntegratedNotification .tab li .tab02 {
        position: relative;
        background: url(/static/media/ic_mention_off@2x.84683406.png) no-repeat top 13px center;
        background-size: 20px; }
      .newIntegratedNotification .tab li .tab03 {
        position: relative;
        background: url(/static/media/ic_dday_off@2x.443905ab.png) no-repeat top 13px center;
        background-size: 20px; }
      .newIntegratedNotification .tab li .txt {
        padding: 38px 0 0 0;
        font-size: 13px;
        line-height: 20px;
        letter-spacing: -0.2px;
        color: #a6a6a6; }
      .newIntegratedNotification .tab li .cnt {
        position: absolute;
        top: 12px;
        left: 30px;
        margin: 0;
        padding: 0 5px;
        width: auto;
        height: 14px;
        font-size: 10px;
        line-height: 13px;
        color: #ffffff;
        text-align: right;
        border-radius: 14px;
        background-color: #fc5356; }
      .newIntegratedNotification .tab li.on {
        border-bottom: 2px solid #1c90fb; }
        .newIntegratedNotification .tab li.on .tab01 {
          position: relative;
          background: url(/static/media/ic_noti_on@2x.81feff1a.png) no-repeat top 13px center;
          background-size: 20px; }
        .newIntegratedNotification .tab li.on .tab02 {
          position: relative;
          background: url(/static/media/ic_mention_on@2x.7536a633.png) no-repeat top 13px center;
          background-size: 20px; }
        .newIntegratedNotification .tab li.on .tab03 {
          position: relative;
          background: url(/static/media/ic_dday_on@2x.fcf4cfe3.png) no-repeat top 13px center;
          background-size: 20px; }
        .newIntegratedNotification .tab li.on .txt {
          padding: 38px 0 0 0;
          font-size: 13px;
          font-weight: bold;
          line-height: 20px;
          letter-spacing: -0.2px;
          color: #1c90fb; }
  .newIntegratedNotification .tabCon {
    background-color: #f2f6fa; }
    .newIntegratedNotification .tabCon .tabFn {
      position: relative;
      width: 100%;
      text-align: right;
      line-height: 21px;
      padding: 10px 20px 11px 20px;
      box-sizing: border-box;
      border-bottom: 1px solid #e6e6e6;
      background-color: #ffffff; }
      .newIntegratedNotification .tabCon .tabFn + div > div {
        z-index: 1; }
      .newIntegratedNotification .tabCon .tabFn .allRead {
        margin: 0 0 0 5px; }
      .newIntegratedNotification .tabCon .tabFn .line {
        margin: 0 10px;
        width: 1px;
        height: 16px;
        background-color: #e6e6e6; }
      .newIntegratedNotification .tabCon .tabFn .settingBtn {
        width: 18px;
        height: 27px;
        background: url(/static/media/ic_settine_01_m_normal.082cc74f.png) no-repeat center;
        cursor: pointer; }
        .newIntegratedNotification .tabCon .tabFn .settingBtn:hover {
          background: url(/static/media/ic_settine_01_m_over.e807716f.png) no-repeat center; }
      .newIntegratedNotification .tabCon .tabFn .filterWrap .filterList01 {
        top: 20px;
        right: -35px;
        min-width: 72px; }
        .newIntegratedNotification .tabCon .tabFn .filterWrap .filterList01 ul li {
          margin: 0 !important;
          padding: 0 0 0 10px !important; }
          .newIntegratedNotification .tabCon .tabFn .filterWrap .filterList01 ul li span {
            padding: 0;
            text-align: left;
            line-height: 30px; }
    .newIntegratedNotification .tabCon .dayline {
      position: sticky;
      top: 0;
      font-size: 12px;
      font-weight: bold;
      line-height: 30px;
      color: #222222;
      margin: 0;
      padding: 0 0 0 24px;
      overflow: hidden;
      background: #ffffff;
      z-index: 1; }
      .newIntegratedNotification .tabCon .dayline .today {
        display: inline-block;
        margin: 6px 0 0 10px;
        width: 37px;
        height: 18px;
        font-size: 11px;
        font-weight: bold;
        line-height: 17px;
        text-align: center;
        color: #ffffff;
        background-color: #319df6;
        border-radius: 10px;
        box-sizing: border-box;
        vertical-align: top; }
    .newIntegratedNotification .tabCon .notiUl {
      position: relative;
      margin: 10px 0;
      z-index: 0; }
      .newIntegratedNotification .tabCon .notiUl:before {
        content: '';
        position: absolute;
        top: 20px;
        left: 33px;
        bottom: 20px;
        width: 1px;
        background-color: rgba(0, 0, 0, 0.1); }
      .newIntegratedNotification .tabCon .notiUl li {
        position: relative;
        float: unset !important;
        width: 100%;
        margin: 0 !important;
        padding: 10px 10px 10px 20px;
        box-sizing: border-box;
        cursor: pointer; }
        .newIntegratedNotification .tabCon .notiUl li:hover {
          background: rgba(228, 242, 255, 0.5);
          transition: 0.2s; }
        .newIntegratedNotification .tabCon .notiUl li .list_con {
          overflow: hidden;
          color: #a6a6a6; }
          .newIntegratedNotification .tabCon .notiUl li .list_con .topline {
            margin-right: 15px; }
            .newIntegratedNotification .tabCon .notiUl li .list_con .topline dl {
              font-size: 12px;
              line-height: 18px;
              white-space: nowrap; }
              .newIntegratedNotification .tabCon .notiUl li .list_con .topline dl dt {
                font-size: 12px;
                line-height: 18px; }
              .newIntegratedNotification .tabCon .notiUl li .list_con .topline dl dd {
                font-size: 12px;
                line-height: 18px;
                text-overflow: ellipsis;
                overflow: hidden; }
                .newIntegratedNotification .tabCon .notiUl li .list_con .topline dl dd.name {
                  position: relative;
                  padding: 0 0 0 5px; }
          .newIntegratedNotification .tabCon .notiUl li .list_con .botline {
            margin: 4px 15px 0 0; }
            .newIntegratedNotification .tabCon .notiUl li .list_con .botline .text {
              font-size: 11px;
              line-height: 18px;
              text-overflow: ellipsis;
              white-space: nowrap;
              overflow: hidden; }
              .newIntegratedNotification .tabCon .notiUl li .list_con .botline .text .mentionGreen {
                color: #09b481; }
              .newIntegratedNotification .tabCon .notiUl li .list_con .botline .text .mentionBlue {
                color: #1c90fb; }
        .newIntegratedNotification .tabCon .notiUl li .time {
          font-size: 11px;
          line-height: 18px;
          color: #a6a6a6;
          padding: 0 20px 0 0;
          vertical-align: top; }
          .newIntegratedNotification .tabCon .notiUl li .time.fold {
            background: url(/static/media/ic_arrow_down_01_s_normal.57adc5b1.png) no-repeat top 2px right; }
          .newIntegratedNotification .tabCon .notiUl li .time.unfold {
            background: url(/static/media/ic_arrow_up_01_s_normal.8a20e8b0.png) no-repeat top 2px right; }
        .newIntegratedNotification .tabCon .notiUl li .icon {
          width: 28px;
          height: 28px;
          margin: 4px 9px 0 0;
          border-radius: 100px;
          overflow: hidden; }
          .newIntegratedNotification .tabCon .notiUl li .icon.profile {
            background: url(/static/media/ic_notice_profile.3ea189fd.png) no-repeat center; }
            .newIntegratedNotification .tabCon .notiUl li .icon.profile img {
              width: 100%; }
          .newIntegratedNotification .tabCon .notiUl li .icon.of {
            background: url(/static/media/ic_notice_oneffice_read.03efdadf.png) no-repeat center; }
          .newIntegratedNotification .tabCon .notiUl li .icon.sc {
            background: url(/static/media/ic_notice_schedule_read.c97bf9ca.png) no-repeat center; }
          .newIntegratedNotification .tabCon .notiUl li .icon.an {
            background: url(/static/media/ic_notice_announcement_read.eea89249.png) no-repeat center; }
          .newIntegratedNotification .tabCon .notiUl li .icon.ea {
            background: url(/static/media/ic_notice_approval_read.5db22621.png) no-repeat center; }
          .newIntegratedNotification .tabCon .notiUl li .icon.ma {
            background: url(/static/media/ic_notice_mail_read.31091f0e.png) no-repeat center; }
          .newIntegratedNotification .tabCon .notiUl li .icon.mg {
            background: url(/static/media/ic_notice_message_read.5165fcfb.png) no-repeat center; }
          .newIntegratedNotification .tabCon .notiUl li .icon.fx {
            background: url(/static/media/ic_notice_fax_read.6b79187f.png) no-repeat center; }
          .newIntegratedNotification .tabCon .notiUl li .icon.ks {
            background: url(/static/media/ic_notice_kiss_read.658585fa.png) no-repeat center; }
          .newIntegratedNotification .tabCon .notiUl li .icon.bd {
            background: url(/static/media/ic_notice_board_read.f61288d8.png) no-repeat center; }
          .newIntegratedNotification .tabCon .notiUl li .icon.dc {
            background: url(/static/media/ic_notice_doc_read.029540ef.png) no-repeat center; }
          .newIntegratedNotification .tabCon .notiUl li .icon.wr {
            background: url(/static/media/ic_notice_projectreport_read.80ec41bd.png) no-repeat center; }
          .newIntegratedNotification .tabCon .notiUl li .icon.nt {
            background: url(/static/media/ic_notice_note_read.0d21f99d.png) no-repeat center; }
          .newIntegratedNotification .tabCon .notiUl li .icon.fl {
            background: url(/static/media/ic_notice_file_read.b90f79c1.png) no-repeat center; }
          .newIntegratedNotification .tabCon .notiUl li .icon.hr {
            background: url(/static/media/ic_notice_hr_read.35494cee.png) no-repeat center; }
          .newIntegratedNotification .tabCon .notiUl li .icon.ac {
            background: url(/static/media/ic_notice_accounting_read.659212ee.png) no-repeat center; }
          .newIntegratedNotification .tabCon .notiUl li .icon.rs {
            background: url(/static/media/ic_notice_resource_read.e367b221.png) no-repeat center; }
          .newIntegratedNotification .tabCon .notiUl li .icon.oc {
            background: url(/static/media/ic_notice_oc_read.ac43a5e8.png) no-repeat center; }
          .newIntegratedNotification .tabCon .notiUl li .icon.st {
            background: url(/static/media/ic_notice_sign_read.d0bf4cb6.png) no-repeat center; }
          .newIntegratedNotification .tabCon .notiUl li .icon.pw {
            background: url(/static/media/ic-notice-pw-reset-read.5be694b1.png) no-repeat center; }
          .newIntegratedNotification .tabCon .notiUl li .icon.crm {
            background: url(/static/media/ic-notice-crm-read.3168ab60.png) no-repeat center; }
          .newIntegratedNotification .tabCon .notiUl li .icon.gsm {
            background: url(/static/media/ic_notice_management_read.aa184f6a.png) no-repeat center; }
          .newIntegratedNotification .tabCon .notiUl li .icon.vote {
            background: url(/static/media/ic_notice_vote_read.49d98b84.png) no-repeat center; }
          .newIntegratedNotification .tabCon .notiUl li .icon.clinic {
            background: url(/static/media/ic_notice_clinic_read.0fbeb143.png) no-repeat center; }
          .newIntegratedNotification .tabCon .notiUl li .icon.taddr {
            background: url(/static/media/ic_notice_total_address_read.dfd7fcdf.png) no-repeat center; }
          .newIntegratedNotification .tabCon .notiUl li .icon.fundingPrevent {
            background: url(/static/media/ic_notice_funding_prevent_read.8a2c956a.png) no-repeat center; }
          .newIntegratedNotification .tabCon .notiUl li .icon.vc {
            background: url(/static/media/ic_notice_video_conference_read.ce2411e5.png) no-repeat center; }
        .newIntegratedNotification .tabCon .notiUl li.unread .icon.of {
          background: url(/static/media/ic_notice_oneffice.2b3c46f8.png) no-repeat center; }
        .newIntegratedNotification .tabCon .notiUl li.unread .icon.sc {
          background: url(/static/media/ic_notice_schedule.165f14c6.png) no-repeat center; }
        .newIntegratedNotification .tabCon .notiUl li.unread .icon.an {
          background: url(/static/media/ic_notice_announcement.8e9d2e60.png) no-repeat center; }
        .newIntegratedNotification .tabCon .notiUl li.unread .icon.ea {
          background: url(/static/media/ic_notice_approval.f8df6eb3.png) no-repeat center; }
        .newIntegratedNotification .tabCon .notiUl li.unread .icon.ma {
          background: url(/static/media/ic_notice_mail.39550273.png) no-repeat center; }
        .newIntegratedNotification .tabCon .notiUl li.unread .icon.mg {
          background: url(/static/media/ic_notice_message.b78e688b.png) no-repeat center; }
        .newIntegratedNotification .tabCon .notiUl li.unread .icon.fx {
          background: url(/static/media/ic_notice_fax.4dec3cee.png) no-repeat center; }
        .newIntegratedNotification .tabCon .notiUl li.unread .icon.ks {
          background: url(/static/media/ic_notice_kiss.ff934db9.png) no-repeat center; }
        .newIntegratedNotification .tabCon .notiUl li.unread .icon.bd {
          background: url(/static/media/ic_notice_board.6ddd5453.png) no-repeat center; }
        .newIntegratedNotification .tabCon .notiUl li.unread .icon.dc {
          background: url(/static/media/ic_notice_doc.5ca884a1.png) no-repeat center; }
        .newIntegratedNotification .tabCon .notiUl li.unread .icon.wr {
          background: url(/static/media/ic_notice_projectreport.1e6742e4.png) no-repeat center; }
        .newIntegratedNotification .tabCon .notiUl li.unread .icon.nt {
          background: url(/static/media/ic_notice_note.76b4e05e.png) no-repeat center; }
        .newIntegratedNotification .tabCon .notiUl li.unread .icon.fl {
          background: url(/static/media/ic_notice_file.2c276711.png) no-repeat center; }
        .newIntegratedNotification .tabCon .notiUl li.unread .icon.hr {
          background: url(/static/media/ic_notice_hr.11352226.png) no-repeat center; }
        .newIntegratedNotification .tabCon .notiUl li.unread .icon.ac {
          background: url(/static/media/ic_notice_accounting.f1157f7c.png) no-repeat center; }
        .newIntegratedNotification .tabCon .notiUl li.unread .icon.rs {
          background: url(/static/media/ic_notice_resource.a362b6ac.png) no-repeat center; }
        .newIntegratedNotification .tabCon .notiUl li.unread .icon.oc {
          background: url(/static/media/ic_notice_oc.30184914.png) no-repeat center; }
        .newIntegratedNotification .tabCon .notiUl li.unread .icon.st {
          background: url(/static/media/ic_notice_sign.f8800f47.png) no-repeat center; }
        .newIntegratedNotification .tabCon .notiUl li.unread .icon.pw {
          background: url(/static/media/ic-notice-pw-reset.28e6eef5.png) no-repeat center; }
        .newIntegratedNotification .tabCon .notiUl li.unread .icon.crm {
          background: url(/static/media/ic-notice-crm.b8fe63b0.png) no-repeat center; }
        .newIntegratedNotification .tabCon .notiUl li.unread .icon.gsm {
          background: url(/static/media/ic_notice_management.1e70b2df.png) no-repeat center; }
        .newIntegratedNotification .tabCon .notiUl li.unread .icon.vote {
          background: url(/static/media/ic_notice_vote.730e1a70.png) no-repeat center; }
        .newIntegratedNotification .tabCon .notiUl li.unread .icon.clinic {
          background: url(/static/media/ic_notice_clinic.6202c2bf.png) no-repeat center; }
        .newIntegratedNotification .tabCon .notiUl li.unread .icon.taddr {
          background: url(/static/media/ic_notice_total_address.05e9dc6d.png) no-repeat center; }
        .newIntegratedNotification .tabCon .notiUl li.unread .icon.fundingPrevent {
          background: url(/static/media/ic_notice_funding_prevent.70fbba6d.png) no-repeat center; }
        .newIntegratedNotification .tabCon .notiUl li.unread .icon.vc {
          background: url(/static/media/ic_notice_video_conference.20e47387.png) no-repeat center; }
        .newIntegratedNotification .tabCon .notiUl li.unread .list_con {
          overflow: hidden;
          color: #222222; }
    .newIntegratedNotification .tabCon .dDayList {
      padding: 2px 20px 10px 20px; }
      .newIntegratedNotification .tabCon .dDayList::before {
        display: none; }
      .newIntegratedNotification .tabCon .dDayList li {
        margin: 8px 0 0 0 !important; }
  .newIntegratedNotification .categoryFn {
    padding: 0 20px;
    height: 44px;
    border-bottom: 1px solid #e6e6e6;
    background-color: #ffffff;
    box-sizing: border-box; }
    .newIntegratedNotification .categoryFn + div > div {
      z-index: 1; }
    .newIntegratedNotification .categoryFn .itemDiv {
      white-space: nowrap;
      overflow: hidden;
      scroll-behavior: smooth; }
      .newIntegratedNotification .categoryFn .itemDiv .item {
        margin: 10px 0 0 4px;
        padding: 0 8px;
        height: 24px;
        border: 1px solid #e6e6e6;
        border-radius: 24px;
        font-size: 12px;
        line-height: 22px;
        color: #000000;
        background-color: #ffffff;
        box-sizing: border-box;
        cursor: pointer; }
        .newIntegratedNotification .categoryFn .itemDiv .item:first-child {
          margin: 10px 0 0 0; }
        .newIntegratedNotification .categoryFn .itemDiv .item.on {
          color: #1c90fb;
          border: 1px solid #1c90fb;
          background-color: #eff7ff; }
    .newIntegratedNotification .categoryFn .arrDiv {
      margin: 0 0 0 10px;
      justify-content: center;
      align-items: center; }
      .newIntegratedNotification .categoryFn .arrDiv .prevBtn {
        margin: 0 2px 0 0;
        width: 14px;
        height: 14px;
        background: url(/static/media/ic_arrow_left_01_s_normal.1e03a38b.png) no-repeat center;
        background-size: cover;
        cursor: pointer; }
        .newIntegratedNotification .categoryFn .arrDiv .prevBtn:hover {
          background: url(/static/media/ic_arrow_left_01_s_over.b6fac466.png) no-repeat center;
          background-size: cover; }
        .newIntegratedNotification .categoryFn .arrDiv .prevBtn.disabled {
          background: url(/static/media/ic_arrow_left_01_s_disable.eb28f7a7.png) no-repeat center;
          background-size: cover;
          cursor: not-allowed; }
      .newIntegratedNotification .categoryFn .arrDiv .nextBtn {
        margin: 0 0 0 2px;
        width: 14px;
        height: 14px;
        background: url(/static/media/ic_arrow_right_01_s_normal.0f322bf0.png) no-repeat center;
        background-size: cover;
        cursor: pointer; }
        .newIntegratedNotification .categoryFn .arrDiv .nextBtn:hover {
          background: url(/static/media/ic_arrow_right_01_s_over.96a279d5.png) no-repeat center;
          background-size: cover; }
        .newIntegratedNotification .categoryFn .arrDiv .nextBtn.disabled {
          background: url(/static/media/ic_arrow_right_01_s_disable.17cbeb2f.png) no-repeat center;
          background-size: cover;
          cursor: not-allowed; }

.UJAP003 .layer_title {
  padding: 8px 20px 7px !important; }
  .UJAP003 .layer_title .layer_tit {
    font-size: 16px !important; }

.UJAP003 .pop_con {
  padding-top: 15px; }
  .UJAP003 .pop_con .mentionGreen {
    color: #09b481; }
  .UJAP003 .pop_con .mentionBlue {
    color: #1c90fb; }
  .UJAP003 .pop_con .icon {
    width: 30px;
    height: 30px;
    margin: 4px 9px 0 0;
    border-radius: 100px;
    overflow: hidden; }
    .UJAP003 .pop_con .icon.profile {
      background: url(/static/media/ic_notice_profile.3ea189fd.png) no-repeat center; }
      .UJAP003 .pop_con .icon.profile img {
        width: 100%; }

/*- 툴팁*/
.pubTooltip {
  z-index: 10;
  margin-top: 3px;
  position: fixed;
  display: none; }
  .pubTooltip .box {
    position: absolute;
    border-radius: 3px;
    border: solid 1px #a6a6a6;
    background-color: #ffffff;
    font-size: 12px;
    line-height: 12px;
    padding: 7px 10px 7px 12px;
    color: #000;
    box-sizing: border-box;
    text-align: left;
    white-space: nowrap; }
  .pubTooltip .arrow {
    position: relative;
    top: 1px;
    width: 11px;
    height: 7px;
    left: 10px;
    background: url(/static/media/bg_tooltip_arrow.d451f9fe.png) left top 1px no-repeat;
    z-index: 10; }
  .pubTooltip.hover {
    display: block; }

#headerWrap #headTabs .tabs .tab-item .module-name.toolTipOn + .module-name-clone + .pubTooltip {
  display: block; }

#headerWrap .tab-item .module-name-clone {
  position: fixed;
  left: -50000px;
  display: block;
  font-size: 12px;
  font-weight: 200;
  color: #8c8c8c;
  line-height: 2;
  letter-spacing: -0.5px;
  padding: 3px 0; }

.cmrDiv {
  z-index: 101;
  outline: none; }

.cmrList:before {
  content: '';
  position: absolute;
  top: 13px;
  left: 5%;
  display: block;
  width: 18px;
  height: 9px;
  background: url(/static/media/bg_popup_up_arrow.8c665cc0.png) no-repeat center; }

.cmrList {
  border: 1px solid #a6a6a6;
  min-width: 150px;
  margin-top: 20px;
  margin-left: -10px; }

.cmrList ul {
  box-sizing: border-box;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
  max-height: 271px;
  overflow-y: auto; }

.cmrList ul li {
  float: inherit !important;
  margin: 0 !important;
  min-width: auto !important;
  min-height: auto !important;
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 24px;
  padding: 0 15px 0 10px;
  background-color: #ffffff;
  cursor: pointer; }

.cmrList ul li:hover {
  background: #eff7ff; }

.cmrList span {
  line-height: 24px;
  float: left;
  color: #000;
  font-size: 12px; }

.cmrList .react-contextmenu-item {
  outline: none; }

/*메뉴더보기*/
.miscMore {
  display: none;
  position: absolute;
  top: 48px !important;
  right: -9px !important;
  z-index: 100;
  border: 1px solid #a6a6a6; }
  .miscMore::before {
    content: '';
    position: absolute;
    top: -8px;
    right: 14px;
    margin-left: -9px;
    display: block;
    width: 18px;
    height: 9px;
    background: url(/static/media/bg_popup_up_arrow.8c665cc0.png) no-repeat center; }
  .miscMore ul {
    min-width: 128px;
    box-sizing: border-box;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
    max-height: 271px;
    overflow-y: auto; }
    .miscMore ul li {
      float: inherit !important;
      margin: 0 !important;
      min-width: auto !important;
      min-height: auto !important;
      position: relative;
      display: block;
      box-sizing: border-box;
      width: 100%;
      height: 27px;
      padding: 0 20px 0 11px;
      background-color: #ffffff;
      cursor: pointer; }
      .miscMore ul li:hover {
        color: #1c90fb;
        background: #eff7ff; }
        .miscMore ul li:hover span.as {
          background: url(/static/media/ic_pc_m_over.9e08090e.png) no-repeat top 1px center; }
        .miscMore ul li:hover span.down {
          background: url(/static/media/ic_download_m_over.de92e2f6.png) no-repeat center; }
        .miscMore ul li:hover span.help {
          background: url(/static/media/ic_help_m_over.2b381fa4.png) no-repeat center; }
        .miscMore ul li:hover span.update {
          background: url(/static/media/ic_happy_m_over.5e641698.png) no-repeat center; }
        .miscMore ul li:hover span.online {
          background: url(/static/media/ic_online_center_m_over.9f0092db.png) no-repeat top 1px center; }
        .miscMore ul li:hover span.foex {
          background: url(/static/media/ic_foex_m_over.671bfd2a.png) no-repeat center; }
        .miscMore ul li:hover span.login {
          background: url(/static/media/ic_remote_login_m_over.04ee2607.png) no-repeat center; }
        .miscMore ul li:hover span.language {
          background: url(/static/media/ic_language_m_over@2x.a462c3eb.png) no-repeat center;
          background-size: 18px; }
        .miscMore ul li:hover span.douzonetv {
          background: url(/static/media/ic_douzonetv_m_over@2x.5338f427.png) no-repeat center;
          background-size: 18px; }
        .miscMore ul li:hover span.info {
          background: url(/static/media/ic_info_01_m_over@2x.b43bf7d5.png) no-repeat center;
          background-size: 18px; }
      .miscMore ul li span.ico {
        width: 17px;
        height: 17px;
        float: left;
        margin-top: 5px;
        margin-right: 4px; }
      .miscMore ul li span.as {
        background: url(/static/media/ic_pc_m_normal.11d9328e.png) no-repeat top 1px center; }
      .miscMore ul li span.down {
        background: url(/static/media/ic_download_m_normal.61b727b0.png) no-repeat center; }
      .miscMore ul li span.help {
        background: url(/static/media/ic_help_m_normal.47870455.png) no-repeat center; }
      .miscMore ul li span.update {
        background: url(/static/media/ic_happy_m_normal.3df593ba.png) no-repeat center; }
      .miscMore ul li span.online {
        background: url(/static/media/ic_online_center_m_normal.725ac27d.png) no-repeat top 1px center; }
      .miscMore ul li span.foex {
        background: url(/static/media/ic_foex_m_normal.55caae8b.png) no-repeat center; }
      .miscMore ul li span.login {
        background: url(/static/media/ic_remote_login_m_normal.9409f74e.png) no-repeat center; }
      .miscMore ul li span.language {
        background: url(/static/media/ic_language_m_normal@2x.13fdd980.png) no-repeat center;
        background-size: 18px; }
      .miscMore ul li span.douzonetv {
        background: url(/static/media/ic_douzonetv_m_normal@2x.091698a9.png) no-repeat center;
        background-size: 18px; }
      .miscMore ul li span.info {
        background: url(/static/media/ic_info_01_m_normal@2x.adc25937.png) no-repeat center;
        background-size: 18px; }
      .miscMore ul li span.txt {
        height: 27px;
        line-height: 27px;
        float: left; }

/* 탭 더보기 팝업 */
.tab-more-popup {
  display: none;
  position: absolute;
  z-index: 100;
  border: 1px solid #a6a6a6; }

.tab-more-popup:before {
  content: '';
  position: absolute;
  top: -8px;
  left: 50%;
  margin-left: -9px;
  display: block;
  width: 18px;
  height: 9px;
  background: url(/static/media/bg_popup_up_arrow.8c665cc0.png) no-repeat center; }

.tab-more-popup > ul {
  width: 228px;
  box-sizing: border-box;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
  max-height: 271px;
  overflow-y: auto; }

.tab-more-popup > ul .tab-item {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 27px;
  padding: 0 30px 0 36px;
  background-color: #ffffff; }

.tab-more-popup > ul .tab-item:first-child {
  border-width: 0px; }

.tab-more-popup > ul .tab-item:hover {
  background-color: #eff7ff;
  transition: all 0.3s; }

.tab-more-popup > ul .tab-item.rightOn {
  background-color: #f5f5f5;
  transition: all 0.3s; }

.tab-more-popup > ul .tab-item.on {
  background-color: #eff7ff; }

.tab-more-popup > ul .tab-item .new-window {
  position: absolute;
  top: 0px;
  left: 10px;
  width: 26px;
  height: 27px;
  background: url(/static/media/icon_tabon_new_normal.63012ef3.png) no-repeat center;
  background-size: 11px;
  cursor: pointer; }

.tab-more-popup > ul .tab-item .module-name {
  display: block;
  font-size: 12px;
  font-weight: 300;
  color: #000000;
  line-height: 27px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer; }

.tab-more-popup > ul .tab-item .item-close {
  position: absolute;
  top: 0px;
  right: 10px;
  width: 16px;
  height: 27px;
  background: url(/static/media/icon_tabon_close_normal@2x.38578df3.png) no-repeat center;
  background-size: 11px;
  cursor: pointer; }

.tmp-foot {
  height: 40px;
  background: #f7f7f7;
  text-align: center;
  box-sizing: border-box;
  padding-top: 8px; }

/* side lnb */
#containerWrap {
  position: absolute;
  top: 0;
  left: 48px;
  right: 0;
  bottom: 0;
  margin: 0;
  /*min-width: 1232px;min-height: 840px;*/
  overflow: hidden;
  z-index: 1;
  overflow-x: auto; }
  #containerWrap #sideLnb {
    position: absolute;
    top: 94px;
    left: 0;
    bottom: 0;
    min-width: 194px;
    border: solid #e5e5e5;
    border-width: 0 1px 0 0;
    box-sizing: border-box;
    background: #f6f8fa;
    transform: translateX(0%);
    transition: transform 0.5s;
    /* z-index: 3; */
    z-index: 11; }
    #containerWrap #sideLnb [class*="OBTPageContainer_root"] > [class*="OBTPageContainer_section"] > [class*="OBTPageContainer_contentsWrapper"] {
      z-index: auto !important; }
    #containerWrap #sideLnb.onLnb {
      z-index: 12; }
    #containerWrap #sideLnb.folding {
      transform: translateX(-100%);
      transition: transform 0.5s; }
    #containerWrap #sideLnb.hide {
      transform: translateX(-150%);
      transition: transform 0.5s; }
    #containerWrap #sideLnb .lnbTab {
      width: 100%;
      height: 45px;
      padding: 0 15px;
      box-sizing: border-box;
      border-top: 1px solid #dedede;
      border-bottom: 1px solid #dedede; }
      #containerWrap #sideLnb .lnbTab .menu {
        cursor: pointer;
        background: url(/static/media/ico_lnbTab_menu.3711a63d.png) no-repeat center; }
        #containerWrap #sideLnb .lnbTab .menu:hover {
          position: relative;
          background: url(/static/media/ico_lnbTab_menu_on.6657602d.png) no-repeat center; }
        #containerWrap #sideLnb .lnbTab .menu.on {
          position: relative;
          background: url(/static/media/ico_lnbTab_menu_on.6657602d.png) no-repeat center; }
        #containerWrap #sideLnb .lnbTab .menu.on::after {
          content: '';
          position: absolute;
          bottom: -1px;
          width: 100%;
          height: 3px;
          background: #0c89fb; }
      #containerWrap #sideLnb .lnbTab .favorite {
        cursor: pointer;
        background: url(/static/media/ico_lnbTab_favorite.a0962632.png) no-repeat center; }
        #containerWrap #sideLnb .lnbTab .favorite:hover {
          position: relative;
          background: url(/static/media/ico_lnbTab_favorite_on.79de22b6.png) no-repeat center; }
        #containerWrap #sideLnb .lnbTab .favorite.on {
          position: relative;
          background: url(/static/media/ico_lnbTab_favorite_on.79de22b6.png) no-repeat center; }
        #containerWrap #sideLnb .lnbTab .favorite.on::after {
          content: '';
          position: absolute;
          bottom: -1px;
          width: 100%;
          height: 3px;
          background: #0c89fb; }
      #containerWrap #sideLnb .lnbTab .history {
        cursor: pointer;
        background: url(/static/media/ico_lnbTab_history.3cafb001.png) no-repeat center; }
        #containerWrap #sideLnb .lnbTab .history:hover {
          position: relative;
          background: url(/static/media/ico_lnbTab_history_on.8f569014.png) no-repeat center; }
        #containerWrap #sideLnb .lnbTab .history.on {
          position: relative;
          background: url(/static/media/ico_lnbTab_history_on.8f569014.png) no-repeat center; }
        #containerWrap #sideLnb .lnbTab .history.on::after {
          content: '';
          position: absolute;
          bottom: -1px;
          width: 100%;
          height: 3px;
          background: #0c89fb; }
      #containerWrap #sideLnb .lnbTab .process {
        cursor: pointer;
        background: url(/static/media/ico_lnbTab_process.74556e28.png) no-repeat center; }
        #containerWrap #sideLnb .lnbTab .process:hover {
          position: relative;
          background: url(/static/media/ico_lnbTab_process_on.acedf200.png) no-repeat center; }
        #containerWrap #sideLnb .lnbTab .process.on {
          position: relative;
          background: url(/static/media/ico_lnbTab_process_on.acedf200.png) no-repeat center; }
        #containerWrap #sideLnb .lnbTab .process.on::after {
          content: '';
          position: absolute;
          bottom: -1px;
          width: 100%;
          height: 3px;
          background: #0c89fb; }
    #containerWrap #sideLnb .lnb-container {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      overflow: auto; }
      #containerWrap #sideLnb .lnb-container .nav-item {
        padding-left: 20px;
        box-sizing: border-box;
        cursor: pointer; }
        #containerWrap #sideLnb .lnb-container .nav-item.selected > .extend {
          color: #1c90fb;
          font-weight: bold; }
          #containerWrap #sideLnb .lnb-container .nav-item.selected > .extend .nav-text-cnt {
            color: #1c90fb; }
        #containerWrap #sideLnb .lnb-container .nav-item.step-1 {
          padding: 0px;
          border: solid #e1e6ec;
          border-width: 0 0 1px 0; }
          #containerWrap #sideLnb .lnb-container .nav-item.step-1 > .extend {
            padding: 0;
            padding: 0px 15px 0 12px; }
            #containerWrap #sideLnb .lnb-container .nav-item.step-1 > .extend .nav-icon {
              display: none !important; }
            #containerWrap #sideLnb .lnb-container .nav-item.step-1 > .extend .nav-text {
              flex: 1 1;
              display: inline-block;
              font-size: 13px;
              line-height: 2;
              letter-spacing: -0.5px;
              padding: 5px 30px 5px 12px;
              overflow: hidden;
              white-space: nowrap;
              text-overflow: ellipsis; }
              #containerWrap #sideLnb .lnb-container .nav-item.step-1 > .extend .nav-text:hover {
                color: #1c90fb; }
            #containerWrap #sideLnb .lnb-container .nav-item.step-1 > .extend .nav-text-cnt {
              margin-top: 13px; }
            #containerWrap #sideLnb .lnb-container .nav-item.step-1 > .extend .item-close {
              margin-top: 7px; }
        #containerWrap #sideLnb .lnb-container .nav-item.step-2 > .extend {
          padding-right: 15px; }
        #containerWrap #sideLnb .lnb-container .nav-item.step-2.nav-item-close:first-child::after {
          content: '';
          width: 25px;
          height: 13px;
          background: #fff;
          position: absolute;
          left: 0px;
          top: 0px; }
        #containerWrap #sideLnb .lnb-container .nav-item.step-2.nav-item-open:first-child::after {
          content: '';
          width: 25px;
          height: 13px;
          background: #fff;
          position: absolute;
          left: 0px;
          top: 0px; }
        #containerWrap #sideLnb .lnb-container .nav-item.step-3 {
          padding-left: 15px;
          background: url(/static/media/bg_dat.1b1f3225.png) repeat-y 14px 0px; }
          #containerWrap #sideLnb .lnb-container .nav-item.step-3::after {
            content: '';
            position: absolute;
            top: -4px;
            left: 14px;
            width: 1px;
            height: 4px;
            background: url(/static/media/bg_dat.1b1f3225.png) repeat-y;
            opacity: 0.4; }
          #containerWrap #sideLnb .lnb-container .nav-item.step-3 > .extend {
            padding-right: 15px; }
        #containerWrap #sideLnb .lnb-container .nav-item.item-folder > .extend .nav-icon {
          display: inline-block;
          width: 15px;
          height: 16px;
          background: url(/static/media/ic_arrow_right_02_m_normal.33359f4a.png) no-repeat center; }
        #containerWrap #sideLnb .lnb-container .nav-item.item-folder.nav-item-open > .extend .nav-icon {
          display: inline-block;
          width: 15px;
          height: 16px;
          background: url(/static/media/ic_arrow_left_02_m_normal.37249fa5.png) no-repeat center; }
        #containerWrap #sideLnb .lnb-container .nav-item.nav-item-open > .extend .nav-icon {
          background: #fff url(/static/media/bg_datL2.2d80b7bb.png) no-repeat 3px 0px;
          height: 20px; }
          #containerWrap #sideLnb .lnb-container .nav-item.nav-item-open > .extend .nav-icon::after {
            content: '';
            position: absolute;
            top: 10px;
            left: -1px;
            width: 9px;
            height: 9px;
            background: url(/static/media/btn_tree_open.8eaf0406.png) no-repeat center center; }
        #containerWrap #sideLnb .lnb-container .nav-item.nav-item-open > .extend + .sub-container {
          height: auto;
          transform: rotateX(0deg);
          transition: 0.5s; }
        #containerWrap #sideLnb .lnb-container .nav-item.nav-item-close > .extend .nav-icon {
          background: #fff url(/static/media/bg_datL2.2d80b7bb.png) no-repeat 3px 0px;
          height: 20px; }
          #containerWrap #sideLnb .lnb-container .nav-item.nav-item-close > .extend .nav-icon::after {
            content: '';
            position: absolute;
            top: 10px;
            left: -1px;
            width: 9px;
            height: 9px;
            background: url(/static/media/btn_tree_close.a03df4cc.png) no-repeat center center; }
        #containerWrap #sideLnb .lnb-container .nav-item .extend {
          position: relative;
          display: flex;
          align-items: center;
          height: 28px;
          font-size: 0;
          box-sizing: border-box; }
          #containerWrap #sideLnb .lnb-container .nav-item .extend + .sub-container {
            height: 0;
            transform: rotateX(-90deg); }
          #containerWrap #sideLnb .lnb-container .nav-item .extend .nav-icon {
            position: absolute;
            top: 0;
            left: 0;
            width: 13px;
            height: 15px;
            background: #fff url(/static/media/bg_datL2.2d80b7bb.png) no-repeat 3px 0px; }
          #containerWrap #sideLnb .lnb-container .nav-item .extend .nav-icon-favorite {
            display: inline-block;
            width: 15px;
            height: 16px;
            background: url(/static/media/ic_favorite_off.e374a961.png) no-repeat center; }
            #containerWrap #sideLnb .lnb-container .nav-item .extend .nav-icon-favorite.on {
              background: url(/static/media/ic_favorite_on.879bae45.png) no-repeat center; }
          #containerWrap #sideLnb .lnb-container .nav-item .extend .nav-text {
            display: block;
            font-size: 13px;
            letter-spacing: -0.5px;
            padding: 0 0 0 15px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis; }
            #containerWrap #sideLnb .lnb-container .nav-item .extend .nav-text:hover {
              color: #1c90fb; }
              #containerWrap #sideLnb .lnb-container .nav-item .extend .nav-text:hover + .nav-text-cnt {
                color: #1c90fb; }
          #containerWrap #sideLnb .lnb-container .nav-item .extend .nav-text-cnt {
            display: block;
            height: 17px;
            font-size: 11px;
            text-align: right;
            margin-left: 4px;
            color: #A6A6A6; }
        #containerWrap #sideLnb .lnb-container .nav-item > .extend .item-close {
          width: 16px;
          height: 16px;
          vertical-align: top;
          background: url(/static/media/ic_close_01_s_normal.bbcea031.png) no-repeat center;
          cursor: pointer;
          display: inline-block;
          margin-left: 2px; }
        #containerWrap #sideLnb .lnb-container .nav-item > .extend .item-close:hover {
          background: url(/static/media/ic_close_01_s_over.0ce22cec.png) no-repeat center; }
      #containerWrap #sideLnb .lnb-container .sub-container {
        background: url(/static/media/bg_dat.1b1f3225.png) repeat-y 19px 0px; }
        #containerWrap #sideLnb .lnb-container .sub-container li {
          background: url(/static/media/bg_dat.1b1f3225.png) repeat-y 19px 0px; }
          #containerWrap #sideLnb .lnb-container .sub-container li:last-child {
            background: none; }
            #containerWrap #sideLnb .lnb-container .sub-container li:last-child .nav-icon {
              width: 13px;
              height: 15px;
              background: #fff url(/static/media/bg_datL2.2d80b7bb.png) no-repeat 3px 0px; }
          #containerWrap #sideLnb .lnb-container .sub-container li .extend {
            margin-left: -4px; }
      #containerWrap #sideLnb .lnb-container.snbCon .nav-item.step-1 {
        padding: 0;
        border-bottom: 1px solid #d9d9d9; }
        #containerWrap #sideLnb .lnb-container.snbCon .nav-item.step-1 > .extend {
          height: 35px;
          border-bottom: 1px solid #d9d9d9;
          padding: 0; }
          #containerWrap #sideLnb .lnb-container.snbCon .nav-item.step-1 > .extend.depthCnt {
            flex-direction: row;
            align-items: center; }
            #containerWrap #sideLnb .lnb-container.snbCon .nav-item.step-1 > .extend.depthCnt .nav-text {
              padding-right: 14px; }
            #containerWrap #sideLnb .lnb-container.snbCon .nav-item.step-1 > .extend.depthCnt .nav-text-cnt {
              margin: 0 14px 0 0;
              font-weight: bold;
              font-family: 'NotoSans'; }
          #containerWrap #sideLnb .lnb-container.snbCon .nav-item.step-1 > .extend .nav-text {
            font-weight: 700; }
          #containerWrap #sideLnb .lnb-container.snbCon .nav-item.step-1 > .extend .nav-text-cnt {
            margin-left: 15px; }
          #containerWrap #sideLnb .lnb-container.snbCon .nav-item.step-1 > .extend .nav-setting {
            position: absolute;
            top: 10px;
            right: 30px;
            width: 14px;
            height: 14px;
            background: url(/static/media/ic_settine_02_s_normal.78cf748a.png) no-repeat center; }
            #containerWrap #sideLnb .lnb-container.snbCon .nav-item.step-1 > .extend .nav-setting:hover {
              background: url(/static/media/ic_settine_02_s_over.21f3489d.png) no-repeat center; }
        #containerWrap #sideLnb .lnb-container.snbCon .nav-item.step-1:last-child > .extend {
          border-bottom: none; }
        #containerWrap #sideLnb .lnb-container.snbCon .nav-item.step-1.nav-item > .extend {
          border-bottom: none; }
        #containerWrap #sideLnb .lnb-container.snbCon .nav-item.step-1.nav-item.nav-item-open > .extend {
          border-bottom: 1px solid #d9d9d9; }
        #containerWrap #sideLnb .lnb-container.snbCon .nav-item.step-1.nav-item.nav-item-open:last-child > .extend {
          border-bottom: 1px solid #d9d9d9; }
        #containerWrap #sideLnb .lnb-container.snbCon .nav-item.step-1.nav-item-open > .extend {
          background: url(/static/media/ic_arrow_up_01_s_normal.8a20e8b0.png) no-repeat right 14px center; }
          #containerWrap #sideLnb .lnb-container.snbCon .nav-item.step-1.nav-item-open > .extend:hover {
            background: url(/static/media/ic_arrow_up_01_s_over.4f6f9f00.png) no-repeat right 14px center; }
        #containerWrap #sideLnb .lnb-container.snbCon .nav-item.step-1.nav-item-close > .extend {
          background: url(/static/media/ic_arrow_down_01_s_normal.57adc5b1.png) no-repeat right 14px center; }
          #containerWrap #sideLnb .lnb-container.snbCon .nav-item.step-1.nav-item-close > .extend:hover {
            background: url(/static/media/ic_arrow_down_01_s_over.814f255e.png) no-repeat right 14px center; }
        #containerWrap #sideLnb .lnb-container.snbCon .nav-item.step-1.nav-item-close .extend + .sub-container {
          padding: 0;
          margin-top: -1px; }
        #containerWrap #sideLnb .lnb-container.snbCon .nav-item.step-1.nav-item-hidden .extend {
          background: none; }
        #containerWrap #sideLnb .lnb-container.snbCon .nav-item.step-1.nav-item-hidden .extend + .sub-container {
          padding: 0;
          margin-top: -1px; }
      #containerWrap #sideLnb .lnb-container.snbCon .nav-item.step-2 .extend + .sub-container {
        padding: 0px; }
      #containerWrap #sideLnb .lnb-container.snbCon .nav-item.step-2 .extend .nav-text {
        font-size: 13px; }
      #containerWrap #sideLnb .lnb-container.snbCon .nav-item .extend + .sub-container {
        padding: 4px 5px 4px 0px;
        background: #fff; }

/*특화 LNB*/
.sideRegi {
  overflow: hidden;
  text-align: center;
  display: flex;
  padding: 12px;
  box-sizing: border-box; }
  .sideRegi > div {
    flex: 1 1 auto; }
  .sideRegi .btn_sideRegi {
    background: #1c90fb !important;
    color: #fff !important;
    border: none !important;
    height: 34px;
    padding: 0 !important;
    width: 100%;
    border-radius: 2px; }
  .sideRegi .btn_sideRegi:hover {
    background: #034ca6 !important; }
  .sideRegi .btn_sideRegi:hover span::after {
    background: none !important; }
  .sideRegi div + div {
    margin-left: 1px; }
  .sideRegi button span {
    font-size: 13px !important; }
  .sideRegi button img {
    margin-left: -18px;
    margin-right: -2px !important;
    width: 34px;
    height: 34px; }

.sideTab {
  height: 100%; }

.sideRegi + .lnb-container {
  top: 61px !important;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto; }

.sideLnbMenu {
  background: #fafafa;
  position: relative;
  border-top: 1px solid #e6e6e6; }
  .sideLnbMenu .lnb-container {
    overflow: visible !important;
    overflow: initial !important; }

.sideBtm {
  text-align: center;
  background: #ecf1f5;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10; }
  .sideBtm .calSetting {
    cursor: pointer;
    padding-left: 22px;
    background: url(/static/media/ic_settine_02_m_normal.32838332.png) no-repeat left top 2px;
    font-size: 14px;
    line-height: 16px;
    margin-top: 12px;
    display: inline-block; }
  .sideBtm .txt {
    cursor: pointer;
    font-size: 14px;
    margin-top: 12px;
    display: inline-block;
    line-height: 16px; }
  .sideBtm .sbDiv {
    height: 36px;
    justify-content: center;
    box-sizing: border-box;
    display: flex;
    text-align: center; }
    .sideBtm .sbDiv:hover {
      background: #e6f5ff; }
    .sideBtm .sbDiv.hover_no:hover {
      background: inherit !important; }
    .sideBtm .sbDiv .sbBtn {
      flex: 1 1 auto;
      cursor: pointer;
      position: relative; }
      .sideBtm .sbDiv .sbBtn.on .tit {
        color: #1c90fb; }
      .sideBtm .sbDiv .sbBtn.on .sbTxtUser {
        border-radius: 3px;
        box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1);
        background: #fff; }
        .sideBtm .sbDiv .sbBtn.on .sbTxtUser .ico {
          background: url(/static/media/ic_user_select@2x.403a99c3.png) no-repeat center center;
          background-size: 18px; }
      .sideBtm .sbDiv .sbBtn.on .sbTxtAdmin {
        border-radius: 3px;
        box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1);
        background: #fff; }
        .sideBtm .sbDiv .sbBtn.on .sbTxtAdmin .ico {
          background: url(/static/media/ic_administrator_select@2x.d563927f.png) no-repeat center center;
          background-size: 18px; }
      .sideBtm .sbDiv .sbBtn.on .sbTxtMaster {
        border-radius: 3px;
        box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1);
        background: #fff; }
        .sideBtm .sbDiv .sbBtn.on .sbTxtMaster .ico {
          background: url(/static/media/ic_master_select@2x.adc2b955.png) no-repeat center center;
          background-size: 18px; }
      .sideBtm .sbDiv .sbBtn:hover .sbTxtUser .ico {
        background: url(/static/media/ic_user_select@2x.403a99c3.png) no-repeat center center;
        background-size: 18px; }
      .sideBtm .sbDiv .sbBtn:hover .sbTxtAdmin .ico {
        background: url(/static/media/ic_administrator_select@2x.d563927f.png) no-repeat center center;
        background-size: 18px; }
      .sideBtm .sbDiv .sbBtn:hover .sbTxtMaster .ico {
        background: url(/static/media/ic_master_select@2x.adc2b955.png) no-repeat center center;
        background-size: 18px; }
      .sideBtm .sbDiv .sbBtn > span {
        width: 22px;
        height: 28px;
        display: inline-block;
        margin: 4px; }
      .sideBtm .sbDiv .sbBtn.flex {
        display: flex; }
      .sideBtm .sbDiv .sbBtn .sbTxtUser {
        flex: 1 1; }
        .sideBtm .sbDiv .sbBtn .sbTxtUser .ico {
          background: url(/static/media/ic_user_normal@2x.76b6c86d.png) no-repeat center center;
          display: inline-block;
          height: 28px;
          width: 22px;
          background-size: 18px; }
      .sideBtm .sbDiv .sbBtn .sbTxtAdmin {
        flex: 1 1; }
        .sideBtm .sbDiv .sbBtn .sbTxtAdmin .ico {
          background: url(/static/media/ic_administrator_normal@2x.33e48b7e.png) no-repeat center center;
          display: inline-block;
          height: 28px;
          width: 22px;
          background-size: 18px; }
      .sideBtm .sbDiv .sbBtn .sbTxtMaster {
        flex: 1 1; }
        .sideBtm .sbDiv .sbBtn .sbTxtMaster .ico {
          background: url(/static/media/ic_master_normal@2x.05eda87d.png) no-repeat center center;
          display: inline-block;
          height: 28px;
          width: 22px;
          background-size: 18px; }
      .sideBtm .sbDiv .sbBtn > [class*="OBTFloatingPanel_root"] {
        position: absolute;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -150%);
        visibility: visible !important; }

/* 사이즈 툴 */
#containerWrap #sideLnb .sizeTool {
  position: absolute;
  top: 0;
  right: -7px;
  bottom: 0px;
  width: 6px;
  border: solid #e6e6e6;
  border-width: 1px 1px 0 0;
  background: #fafafa;
  box-sizing: border-box;
  cursor: ew-resize; }

#containerWrap #sideLnb .sizeTool .sizeToolBtn {
  position: absolute;
  top: 50%;
  background-color: #b4bcc5;
  width: 3px;
  height: 15px;
  cursor: pointer;
  transition: all 0.2s;
  transform: translate(1px, -50%); }

#containerWrap #sideLnb .sizeTool:hover .sizeToolBtn {
  background-color: #333948; }

#containerWrap #sideLnb .sizeTool .sizeToolBtn:hover {
  background-color: #333948;
  width: 5px;
  height: 50px;
  transform: translate(0px, -50%); }

/* 페이지 컨텐츠 타이틀*/
#containerWrap #titleFnc {
  position: absolute;
  top: 0;
  left: 0;
  right: 0px;
  height: 50px;
  border-bottom: 1px solid #e5e5e5;
  box-sizing: border-box; }

#containerWrap #titleFnc .content-title {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 50px;
  padding: 0 0 0 50px;
  box-sizing: border-box; }

#containerWrap #titleFnc .content-title .title-fnc {
  position: absolute;
  top: 16px;
  left: 19px;
  width: 18px;
  height: 18px;
  background: url(/static/media/ic_smallthumb_m_normal.f86a7219.png) no-repeat center;
  cursor: pointer; }

#containerWrap #titleFnc .content-title .title-text {
  display: block;
  font-size: 18px;
  line-height: 2;
  letter-spacing: -0.5px;
  padding: 7px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

/* 페이지 컨텐츠 기능 */
#containerWrap #titleFnc .content-title-fnc {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 50px;
  overflow: hidden; }

#containerWrap #titleFnc .content-title-fnc::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

#containerWrap #titleFnc .content-title-fnc ul {
  float: right;
  margin: 13px 15px 0 0; }

#containerWrap #titleFnc .content-title-fnc ul::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

#containerWrap #titleFnc .content-title-fnc ul li {
  float: right;
  margin: 0 0 0 5px; }

#containerWrap #titleFnc .content-title-fnc ul li span {
  display: block;
  width: 24px;
  height: 24px;
  cursor: pointer; }

#containerWrap #titleFnc .content-title-fnc ul li .favorites {
  background: url(/static/media/ic_favorite_off.e374a961.png) no-repeat center; }

#containerWrap #titleFnc .content-title-fnc ul li .favorites.on {
  background: url(/static/media/ic_favorite_on.879bae45.png) no-repeat center; }

#containerWrap #titleFnc .content-title-fnc ul li .help {
  background: url(/static/media/ic_question_01_m_normal.34871c0a.png) no-repeat center; }

/* 페이지 컨텐츠 :: 타이틀과 lnb를 사용하는 컨텐츠*/
#containerWrap #contents {
  position: absolute;
  top: 94px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  overflow-x: auto;
  z-index: 11; }

/* 툴팀 짤림으로 인해 사이드와 같이11로 변경*/
#containerWrap #contents > div {
  min-height: 536px; }

#contents {
  /* min-width:1024px; */
  min-width: 1032px; }
  #contents .onlineManualBtn {
    display: inline-flex;
    align-items: center; }

#contents > div {
  height: 100%; }

#contents [class*="OBTPageContainer_root"] [class*="OBTPageContainer_header"] [class*="OBTPageContainer_title"] [class*="OBTPageContainer_titleButton"] {
  display: none; }

/* 풀 컨텐츠 :: 탭아래 전체 영역 사용 컨텐츠박스 */
#containerWrap #contentsFull {
  display: none;
  position: absolute;
  top: 0;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: #ffffff; }

/* 포털뷰 컨테이너 */
#portalviewContainer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  transition: all 0.5s; }

/**************************************************  
   Login A / B  
**************************************************/
.logintype-A {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: url(/static/media/img_login.5d41a7f2.jpg) no-repeat center top;
  background-size: 1920px 1080px;
  overflow: hidden; }

@media screen and (min-width: 1921px), screen and (min-height: 1081px) {
  .logintype-A {
    background: url(/static/media/img_login.5d41a7f2.jpg) no-repeat left top;
    background-size: cover;
    transition: background-size 1s linear; } }

@media screen and (min-width: 1921px) {
  .logintype-A .userCustomBox .loginLogo img {
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    max-width: 12.9vw !important;
    transition: 0.5s; }
  .logintype-A .userCustomBox .loginTxt .bigText {
    font-size: 1.65vw !important;
    line-height: 1.9vw !important;
    font-weight: normal !important;
    transition: 0.5s; }
  .logintype-A .userCustomBox .loginTxt .subText {
    font-size: 0.83vw !important;
    line-height: 1vw !important;
    font-weight: normal !important;
    transition: 0.5s; } }

.logintype-A .userCustomBox {
  position: absolute;
  top: 150px;
  left: 70px;
  right: 515px;
  width: auto;
  height: auto; }

.logintype-A .userCustomBox .loginLogo {
  width: auto;
  height: auto; }

.logintype-A .userCustomBox .loginLogo img {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 247px; }

.logintype-A .userCustomBox .loginTxt {
  margin: 45px 0 0 0;
  min-width: 475px; }

.logintype-A .userCustomBox .loginTxt .bigText {
  font-size: 32px;
  line-height: 36px;
  letter-spacing: -0.58px;
  color: #ffffff; }

.logintype-A .userCustomBox .loginTxt .subText {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.16px;
  color: rgba(255, 255, 255, 0.8);
  margin: 20px 0 0 0; }

.logintype-A .corpArea {
  position: absolute;
  left: 70px;
  bottom: 54px; }
  .logintype-A .corpArea ul li {
    display: flex;
    flex-direction: row;
    align-items: center; }
    .logintype-A .corpArea ul li .txt {
      font-size: 12px;
      letter-spacing: -0.3px;
      color: #ffffff;
      cursor: pointer; }
    .logintype-A .corpArea ul li::after {
      content: '';
      display: inline-block;
      width: 1px;
      height: 10px;
      margin: 0 10px;
      background-color: rgba(255, 255, 255, 0.3); }
    .logintype-A .corpArea ul li:last-child::after {
      display: none; }

.logintype-A .copy {
  position: absolute;
  left: 70px;
  bottom: 30px;
  text-align: left;
  font-size: 12px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.7);
  letter-spacing: -0.12px; }

.logintype-A .loginBox {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  width: 445px;
  background-color: rgba(255, 255, 255, 0.8); }

.logintype-A .loginBox .loginForm {
  position: absolute;
  top: 50%;
  left: 50px;
  right: 50px;
  height: auto;
  transform: translateY(-50%); }

.logintype-A .loginBox .loginForm .loginTitle {
  margin-bottom: 70px;
  color: #2e3645;
  font-size: 24px;
  line-height: 1.33;
  font-weight: bold; }

.logintype-A .loginBox .loginForm .loginTitle b {
  font-size: 26px;
  font-weight: bold; }

.logintype-A.modePhone .loginBox {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8); }
  .logintype-A.modePhone .loginBox .loginForm {
    width: 346px;
    margin: 0 auto;
    top: 40%;
    transform: scale(2.5) translateY(0%); }
  .logintype-A.modePhone .loginBox .lanagageLayer {
    transform: scale(3) translateX(-30%); }

.logintype-A .loginBox .loginForm .inputStyle {
  width: 100%;
  height: 50px;
  margin: 0 0 14px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 50px; }

.logintype-A .loginBox .loginForm .inputStyle input {
  height: 50px !important;
  padding: 0 25px !important;
  transition: all 0.3s !important;
  box-sizing: border-box !important;
  border: 1px solid #c4c4c4 !important;
  border-radius: 50px !important;
  font-size: 16px !important;
  font-weight: normal !important;
  color: #000000 !important; }

.logintype-A .loginBox .loginForm .inputStyle input:focus {
  border: 1px solid #1c90fb !important; }

.logintype-A .loginBox .loginForm .inputStyle.disabled input {
  color: #7b7b7b;
  border: 1px solid rgba(207, 209, 215, 0) !important;
  background-color: rgba(207, 209, 215, 0.5) !important; }

.logintype-A .loginBox .loginForm .inputStyle.disabled input:focus {
  border: 1px solid rgba(207, 209, 215, 0.5) !important; }

.logintype-A .loginBox .loginForm .inputStyle input::-moz-placeholder {
  color: #a6a6a6; }

.logintype-A .loginBox .loginForm .inputStyle input:-ms-input-placeholder {
  color: #a6a6a6; }

.logintype-A .loginBox .loginForm .inputStyle input::placeholder {
  color: #a6a6a6; }

.logintype-A .loginBox .loginForm .loginBtn {
  margin: 35px 0 0 0; }

.logintype-A .loginBox .loginForm .wBox .loginBtn {
  margin: 40px 0 0 0; }

.logintype-A .loginBox .loginForm .loginBtn button {
  display: block !important;
  width: 100% !important;
  height: 54px !important; }

.logintype-A .loginBox .loginForm .loginBtn .loginBtnFlex {
  padding: 0 10px 0 0;
  border: 0px !important;
  border-radius: 10px !important;
  box-shadow: 0 3px 15px 0 rgba(61, 69, 86, 0.27) !important;
  background-image: linear-gradient(to right, #00aaff 4%, #8168ff 95%) !important;
  outline: none; }

.logintype-A .loginBox .loginForm .loginBtn .loginBtnFlex span {
  font-size: 18px !important;
  font-weight: bold;
  color: #ffffff !important; }

.logintype-A .loginBox .loginForm .loginBtn .loginBtnFlex.poc span {
  font-size: 16px !important;
  font-weight: bold;
  color: #ffffff !important; }

.logintype-A .loginBox .loginForm .loginBtn .loginBtnFlex:hover {
  background-image: linear-gradient(to right, #0084f4 4%, #654ae8 95%) !important; }

.logintype-A .loginBox .loginForm .loginBtn .btnFlex {
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  box-shadow: 0 3px 15px 0 rgba(61, 69, 86, 0.27) !important;
  background: #ffffff !important;
  outline: none; }

.logintype-A .loginBox .loginForm .loginBtn .btnFlex span {
  font-size: 18px !important;
  line-height: 54px !important;
  font-weight: bold !important;
  color: #000000 !important; }

.logintype-A .loginBox .loginForm .loginBtn .btnFlex:hover {
  border: 1px solid #1c90fb !important;
  background: #ffffff !important; }

.logintype-A .loginBox .loginForm .loginBtn .btnFlex:active {
  border: 1px solid #1c90fb !important;
  background: #ffffff !important; }

.logintype-A .loginBox .loginForm .loginBtn .btnFlex.blue {
  border: 0px solid transparent !important;
  border-radius: 10px !important;
  box-shadow: 0 3px 15px 0 rgba(61, 69, 86, 0.27) !important;
  background-image: linear-gradient(to right, #00aaff 4%, #8168ff 95%) !important;
  outline: none; }

.logintype-A .loginBox .loginForm .loginBtn .btnFlex.blue span {
  font-size: 18px !important;
  line-height: 54px !important;
  font-weight: bold !important;
  color: #ffffff !important; }

.logintype-A .loginBox .loginForm .loginBtn .btnFlex.blue:hover {
  background-image: linear-gradient(to right, #0084f4 4%, #654ae8 95%) !important; }

.logintype-A .loginBox .loginForm .loginBtn .btnFlex.blue:active {
  background-image: linear-gradient(to right, #0084f4 4%, #654ae8 95%) !important; }

.logintype-A .loginBox .loginForm .loginBtn .btnFlex.disabled {
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  box-shadow: 0 3px 15px 0 rgba(61, 69, 86, 0.27) !important;
  background: #dddddd !important;
  outline: none; }

.logintype-A .loginBox .loginForm .loginBtn .btnFlex.disabled span {
  font-size: 18px !important;
  line-height: 54px !important;
  font-weight: bold !important;
  color: #a6a6a6 !important; }

.logintype-A .loginBox .loginForm .loginBtn .btnFlex.disabled:hover {
  border: 1px solid #dddddd !important;
  background: #dddddd !important; }

.logintype-A .loginBox .loginForm .loginBtn .btnFlex.disabled:active {
  border: 1px solid #dddddd !important;
  background: #dddddd !important; }

.logintype-A .loginBox .loginForm .loginBtn .btnFlex.blue.disabled {
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  box-shadow: 0 3px 15px 0 rgba(61, 69, 86, 0.27) !important;
  background: #b4b9bc !important;
  outline: none; }

.logintype-A .loginBox .loginForm .loginBtn .btnFlex.blue.disabled span {
  font-size: 18px !important;
  line-height: 54px !important;
  font-weight: bold !important;
  color: rgba(255, 255, 255, 0.5) !important; }

.logintype-A .loginBox .loginForm .loginBtn .btnFlex.blue.disabled:hover {
  border: 1px solid #b4b9bc !important;
  background: #b4b9bc !important; }

.logintype-A .loginBox .loginForm .loginBtn .btnFlex.blue.disabled:active {
  border: 1px solid #b4b9bc !important;
  background: #b4b9bc !important; }

.logintype-A .loginBox .loginForm .loginBtn > div {
  flex: 1 1; }

.logintype-A .loginBox .loginForm .loginBtn > div:nth-child(1) {
  margin: 0; }

.logintype-A .loginBox .loginForm .loginBtn > div:nth-child(2) {
  margin: 0 8px; }

.logintype-A .loginBox .loginForm .loginBtn > div:nth-child(3) {
  margin: 0; }

.logintype-A .loginBox .loginForm .loginBtn > div:last-child:nth-child(1) {
  margin: 0 !important; }

.logintype-A .loginBox .loginForm .loginBtn > div:last-child:nth-child(2) {
  margin: 0 0 0 8px !important; }

.logintype-A .loginBox .loginForm .loginBtn > div:last-child:nth-child(3) {
  margin: 0 !important; }

.logintype-A .loginBox .loginForm .loginPrevText {
  margin: 15px 0 0 0 !important;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  letter-spacing: -0.7px; }

.logintype-A .loginBox .loginForm .orLine {
  position: relative;
  margin: 20px 0 22px 0 !important;
  font-size: 14px;
  color: #8c8c8c;
  text-align: center;
  letter-spacing: -0.7px; }
  .logintype-A .loginBox .loginForm .orLine::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0px;
    width: 130px;
    height: 1px;
    background-color: #dddddd; }
  .logintype-A .loginBox .loginForm .orLine::after {
    content: '';
    position: absolute;
    top: 10px;
    right: 0px;
    width: 130px;
    height: 1px;
    background-color: #dddddd; }

.logintype-A .loginBox .loginForm .loginBtn .loginBtnFlex.megazone {
  padding: 0 10px 0 0;
  border: 0px !important;
  border-radius: 10px !important;
  box-shadow: 0 3px 15px 0 rgba(90, 90, 90, 0.15) !important;
  background-color: #000000;
  background-image: none !important;
  outline: none; }
  .logintype-A .loginBox .loginForm .loginBtn .loginBtnFlex.megazone span {
    font-size: 16px !important;
    color: #ffffff !important;
    letter-spacing: -0.4px; }

.logintype-A .loginBox .loginForm .wBox {
  position: relative;
  width: 100%;
  height: 360px;
  box-sizing: border-box; }

.logintype-A .loginBox .loginForm .wBox .title {
  font-size: 24px;
  font-weight: bold;
  line-height: 32px;
  text-align: center;
  letter-spacing: -0.8px;
  color: #2e3645; }

.logintype-A .loginBox .loginForm .btnDiv {
  position: absolute;
  width: 100%;
  bottom: 40px;
  text-align: center; }

.logintype-A .loginBox .loginForm .btnDiv2 {
  position: absolute;
  width: 100%;
  bottom: 80px;
  text-align: center; }

.logintype-A .loginBox .loginForm .txtDiv {
  width: 100%;
  margin: 10px 0 0 0; }

.logintype-A .loginBox .loginForm .txtDiv::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

.logintype-A .loginBox .loginForm .txtDiv .linkTxt {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.7px; }

.logintype-A .loginBox .loginForm .qrBoxStyle {
  padding: 150px 0 0 0; }

.logintype-A .loginBox .loginForm .qrBoxStyle .qr_view {
  position: absolute;
  width: 100%;
  top: 60px;
  text-align: center; }

.logintype-A .loginBox .loginForm .qrBoxStyle .text {
  margin: 0;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  color: #000000; }

.logintype-A .loginBox .loginForm .stepDiv {
  position: relative;
  padding: 20px 20px 0 20px; }

.logintype-A .loginBox .loginForm .stepDiv::before {
  content: '';
  position: absolute;
  top: 35px;
  left: 20px;
  right: 20px;
  height: 1px;
  background: #a6a6a6;
  z-index: 1; }

.logintype-A .loginBox .loginForm .stepDiv .stepUnit {
  position: relative;
  border: 1px solid #a6a6a6;
  border-radius: 16px;
  text-align: center;
  background: #ffffff;
  z-index: 2; }

.logintype-A .loginBox .loginForm .stepDiv .stepUnit:nth-child(2) {
  margin: 0 12px; }

.logintype-A .loginBox .loginForm .stepDiv .stepUnit .num {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 20px;
  font-size: 8px;
  font-weight: bold;
  line-height: 14px;
  color: #ffffff;
  background: #a6a6a6; }

.logintype-A .loginBox .loginForm .stepDiv .stepUnit .txt {
  padding: 0 0 0 2px;
  font-size: 11px;
  line-height: 30px;
  color: #a6a6a6;
  letter-spacing: -0.28px; }

.logintype-A .loginBox .loginForm .stepDiv .stepUnit.on {
  border: 1px solid #1c90fb;
  background: #e9f5ff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }

.logintype-A .loginBox .loginForm .stepDiv .stepUnit.on .num {
  background: #1c90fb; }

.logintype-A .loginBox .loginForm .stepDiv .stepUnit.on .txt {
  color: #1c90fb; }

.logintype-A .loginBox .loginForm .sertiType {
  position: relative; }

.logintype-A .loginBox .loginForm .sertiType .radio {
  width: 14px;
  height: 14px;
  margin: 0 auto;
  background: url(/static/media/login_radio.974e7e7c.png) no-repeat center; }
  .logintype-A .loginBox .loginForm .sertiType .radio.on {
    width: 14px;
    height: 14px;
    background: url(/static/media/login_radio_checked.bc825b86.png) no-repeat center; }

.logintype-A .loginBox .loginForm .sertiType .txt {
  font-size: 12px;
  line-height: 1.3;
  text-align: center;
  color: #4a4a4a; }

.logintype-A .loginBox .loginForm .sertiType .text {
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  color: #4a4a4a;
  margin: 20px 0 -20px 0; }

.logintype-A .loginBox .loginForm .sertiType .unit01 {
  text-align: center;
  padding: 150px 0 0 0;
  background: url(/static/media/img_mobile.25612def.png) no-repeat top 30px center;
  cursor: pointer;
  justify-content: center; }

.logintype-A .loginBox .loginForm .sertiType .unit02 {
  text-align: center;
  padding: 150px 0 0 0;
  background: url(/static/media/img_otp.6bde3ad3.png) no-repeat top 30px center;
  cursor: pointer;
  justify-content: center; }

.logintype-A .loginBox .loginForm .sertiType .unit03 {
  text-align: center;
  padding: 150px 0 0 0;
  background: url(/static/media/img_device.97c1f342.png) no-repeat top 30px center;
  cursor: pointer;
  justify-content: center; }

.logintype-A .loginBox .loginForm .sertiType .unit04 {
  text-align: center;
  padding: 150px 0 0 0;
  background: url(/static/media/img_password.c6271928.png) no-repeat top 30px center;
  cursor: pointer;
  justify-content: center; }

.logintype-A .loginBox .loginForm .textBox {
  position: absolute;
  bottom: -50px;
  left: 0;
  right: 0;
  text-align: center; }

.logintype-A .loginBox .loginForm .textBox .sertiHelpBtn {
  position: relative;
  display: inline-block;
  margin: 0 0 0 20px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.7px;
  color: #000000; }

.logintype-A .loginBox .loginForm .textBox .sertiHelpBtn::before {
  content: '';
  position: absolute;
  top: 0;
  left: -20px;
  width: 18px;
  height: 20px;
  background: url(/static/media/ic_question_02_m_normal.799b6cdd.png) no-repeat left center; }

.logintype-A .loginBox .loginForm .textBox .text {
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  color: #000000; }

.logintype-A .loginBox .loginForm .imgBoxStyle {
  position: relative; }

.logintype-A .loginBox .loginForm .imgBoxStyle .text {
  margin: 0;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  color: #000000;
  letter-spacing: -0.65px; }

.logintype-A .loginBox .loginForm .imgBoxStyle .radio {
  text-align: center; }

.logintype-A .loginBox .loginForm .imgBoxStyle.certi-notallowed {
  padding: 150px 0 0 0;
  background: url(/static/media/img_certification.80427504.png) no-repeat top 30px center; }

.logintype-A .loginBox .loginForm .imgBoxStyle.app-install {
  padding: 150px 0 0 0;
  background: url(/static/media/img_app.5ba4abf3.png) no-repeat top 30px center; }

.logintype-A .loginBox .loginForm .imgBoxStyle.complete {
  padding: 150px 0 0 0;
  background: url(/static/media/ic_complete.944dfb48.png) no-repeat top 30px center; }

.logintype-A .loginBox .loginForm .imgBoxStyle.device {
  padding: 150px 0 0 0;
  background: url(/static/media/img_device.97c1f342.png) no-repeat top 30px center; }

.logintype-A .loginBox .loginForm .imgBoxStyle.device-rerun {
  padding: 150px 0 0 0;
  background: url(/static/media/img_device-rerun.3ee6c8b9.png) no-repeat top 30px center; }

.logintype-A .loginBox .loginForm .pin_area {
  padding: 50px 0 0 0; }

.logintype-A .loginBox .loginForm .pin_input {
  height: 50px;
  margin: 0 4px;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  background: #ffffff;
  box-sizing: border-box; }

.logintype-A .loginBox .loginForm .pin_input .number {
  width: 100%;
  padding: 0;
  font-size: 25px;
  line-height: 50px;
  color: #4c9cff;
  border: none;
  text-indent: 0;
  border-radius: 4px;
  text-align: center;
  background: transparent;
  outline: none; }

.logintype-A .loginBox .loginForm .text {
  margin: 30px 0 0 0;
  font-size: 13px;
  line-height: 18px;
  text-align: center;
  color: #000000; }
  .logintype-A .loginBox .loginForm .text .menuIco {
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: bottom;
    background: url(/static/media/ic_view_list_02_m_normal.05d0968d.png) no-repeat center; }

.logintype-A .loginBox .loginForm .imgDevice {
  position: relative; }

.logintype-A .loginBox .loginForm .imgDevice.device-connected {
  padding: 110px 0 0 0;
  background: url(/static/media/img_device.97c1f342.png) no-repeat top -5px center; }

.logintype-A .loginBox .loginForm .imgDevice.device-notconnected {
  padding: 180px 0 0 0;
  background: url(/static/media/img_device_notconnected.849cb98a.png) no-repeat top 30px center; }

.logintype-A .loginBox .loginForm .imgDevice .text {
  font-size: 13px;
  line-height: 41px;
  letter-spacing: -0.65px;
  text-align: center; }

.logintype-A .loginBox .loginForm .imgDevice .text span {
  font-size: 13px;
  font-weight: bold;
  line-height: 41px; }

.logintype-A .loginBox .loginForm .checkboxItem {
  margin: 15px 0 0 0; }

.logintype-A .loginBox .loginForm .checkboxItem span > span > span {
  background-image: url(/static/media/klago_sp_lux.567e5189.png) !important;
  margin-top: -8px !important; }

.logintype-A .loginBox .loginForm .checkboxItem::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

.logintype-A .loginBox .loginForm .checkboxItem input[type="checkbox"] + svg {
  border-radius: 3px;
  background: #dddee0;
  margin-top: -8px !important; }

.logintype-A .loginBox .loginForm .checkboxItem input[type="checkbox"] + svg path {
  fill: #babcc3; }

.logintype-A .loginBox .loginForm .checkboxItem input[type="checkbox"]:checked + svg {
  border-radius: 3px;
  background: #1c90fb;
  margin-top: -8px !important; }

.logintype-A .loginBox .loginForm .checkboxItem input[type="checkbox"]:checked + svg path {
  fill: #1c90fb; }

.logintype-A .loginBox .loginForm .checkboxItem input[type="checkbox"]:checked + svg polygon {
  fill: #ffffff; }

.logintype-A .loginBox .loginForm .checkboxItem label {
  font-size: 14px !important;
  font-weight: normal !important;
  font-family: 'NotoSans' !important;
  margin-left: 5px; }

.logintype-A .loginBox .loginForm .checkboxItem label:hover::after {
  width: 100%;
  transition: all 0.5s; }

.logintype-A .loginBox .loginForm .checkboxItem label:focus::after {
  width: 100%;
  transition: all 0.5s; }

.logintype-A .loginBox .loginForm .findPwItem {
  margin: 15px 10px 0 10px; }

.logintype-A .loginBox .loginForm .findPwItem .findPw {
  font-size: 14px; }

.certiBrowserBox {
  margin: 10px 0 0 0;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  justify-content: center; }

.certiBrowserBox .unit01 {
  max-width: 90px;
  padding: 105px 24px 0 24px;
  text-align: center;
  background: url(/static/media/img_download_edge.8b7cb9b8.png) no-repeat top 33px center; }

.certiBrowserBox .unit02 {
  max-width: 90px;
  padding: 105px 24px 0 24px;
  text-align: center;
  background: url(/static/media/img_download_chrome.60cff3ce.png) no-repeat top 33px center; }

.certiBrowserBox .unit03 {
  max-width: 90px;
  padding: 105px 24px 0 24px;
  text-align: center;
  background: url(/static/media/img_download_safari.7728d216.png) no-repeat top 33px center; }

.certiGuideText .tit_p {
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  color: #000000; }

.certiGuideText li {
  font-size: 12px;
  line-height: 16px;
  color: #4a4a4a; }

.certiFidoGuideText {
  width: 678px;
  height: 100px;
  margin: 0 0 10px 0;
  background: url(/static/media/img_mail_resend.c933396a.png) no-repeat; }
  .certiFidoGuideText .tit_p {
    margin: 18px 0 0 20px;
    font-size: 18px;
    font-weight: bold;
    line-height: 27px;
    color: #0c2b65; }
  .certiFidoGuideText .text {
    margin: 3px 0 0 20px;
    font-size: 12px;
    line-height: 16px;
    color: #5c7198; }

.lanagageLayer {
  position: fixed;
  bottom: 56px;
  right: 51px; }
  .lanagageLayer .filterText {
    min-width: 59px;
    color: #000;
    padding: 0 27px 0 0;
    background: url(/static/media/btn_arrow_down_normal.5db10bef.png) no-repeat right 5px center;
    background-size: 12px;
    cursor: pointer; }
    .lanagageLayer .filterText span {
      background: url(/static/media/ic_web_s_normal@2x.bfa8fc92.png) no-repeat left top 3px;
      background-size: 14px;
      padding: 0 0 0 18px; }
    .lanagageLayer .filterText.on {
      background: url(/static/media/btn_arrow_up_normal.a92d5907.png) no-repeat right 5px center;
      background-size: 12px; }
  .lanagageLayer .layerBox {
    position: absolute;
    bottom: 28px;
    right: 0;
    box-shadow: 0px 1px 1px 0 rgba(6, 6, 6, 0.1);
    border: solid 1px #a6a6a6;
    background-color: #fff;
    box-sizing: border-box; }
    .lanagageLayer .layerBox ul li {
      font-size: 12px;
      line-height: 27px;
      color: #000;
      padding: 0 12px 0 26px;
      box-sizing: border-box;
      cursor: pointer; }
      .lanagageLayer .layerBox ul li:hover {
        background-color: #e6f5ff; }
      .lanagageLayer .layerBox ul li.chk {
        font-size: 12px;
        line-height: 27px;
        color: #1c90fb;
        background: url(/static/media/ic_check_01_m_over@2x.30ae7fc3.png) no-repeat left 6px center;
        background-size: 14px; }
      .lanagageLayer .layerBox ul li.chk:hover {
        background: #e6f5ff url(/static/media/ic_check_01_m_over@2x.30ae7fc3.png) no-repeat left 6px center;
        background-size: 14px; }

/**************************************************  
   심플로그인  
**************************************************/
.simpleLoginDialog ._isDialog > div:nth-child(2) {
  border-radius: 8px !important; }

.simpleLoginDialog .dialog_content .dialog_data > div:first-child {
  display: none; }

.simpleLoginDialog .dialog_content .dialog_data > div:nth-child(2) {
  border-top: none; }
  .simpleLoginDialog .dialog_content .dialog_data > div:nth-child(2) [class*="OBTDialog_dataWrapper"],
  .simpleLoginDialog .dialog_content .dialog_data > div:nth-child(2) [class*="OBTDialog2_dataWrapper"] {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.simpleLoginDialog .dialog_content .dialog_data > div:nth-child(3) {
  display: none; }

.logintype-simple {
  padding: 130px 0 0 0; }
  .logintype-simple .loginForm .titleImg {
    width: 140px;
    height: 140px;
    margin: 0 auto;
    background: url(/static/media/img_logout.5ae3a1e7.png) no-repeat center; }
  .logintype-simple .loginForm .text01 {
    margin: 20px 0 0 0;
    font-size: 24px;
    font-weight: bold;
    line-height: 36px;
    letter-spacing: -0.24px;
    text-align: center;
    color: #2e3645; }
  .logintype-simple .loginForm .text02 {
    margin: 8px 0 25.5px 0;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    color: #000000; }
  .logintype-simple .loginForm .inputDiv {
    position: relative;
    margin: 14.5px auto 0 auto; }
    .logintype-simple .loginForm .inputDiv .inputStyle > div {
      border-radius: 25px !important; }
    .logintype-simple .loginForm .inputDiv .inputStyle > div > div {
      height: 48px !important;
      padding: 0 30px 0 25px !important;
      border-radius: 25px !important; }
    .logintype-simple .loginForm .inputDiv .inputStyle > div > div > input {
      font-size: 16px !important;
      letter-spacing: -0.4px !important; }
    .logintype-simple .loginForm .inputDiv .inputStyle > div > div > svg {
      top: 16px !important;
      right: 15px !important; }
    .logintype-simple .loginForm .inputDiv .validateText {
      position: absolute;
      top: 57px;
      left: 25px;
      font-size: 12px;
      line-height: 20px;
      text-align: left;
      color: #e33e35; }
  .logintype-simple .loginForm .loginBtn {
    width: 344px;
    margin: 60px auto 0 auto; }
    .logintype-simple .loginForm .loginBtn button {
      display: block !important;
      width: 100% !important;
      height: 54px !important; }
    .logintype-simple .loginForm .loginBtn .btnFlex {
      border: 1px solid transparent !important;
      border-radius: 10px !important;
      box-shadow: 0 3px 15px 0 rgba(61, 69, 86, 0.15) !important;
      background: #ffffff !important;
      outline: none; }
      .logintype-simple .loginForm .loginBtn .btnFlex span {
        font-size: 18px !important;
        line-height: 54px !important;
        font-weight: normal !important;
        color: #000000 !important; }
      .logintype-simple .loginForm .loginBtn .btnFlex:hover {
        border: 1px solid #1c90fb !important;
        background: #ffffff !important; }
      .logintype-simple .loginForm .loginBtn .btnFlex:active {
        border: 1px solid #1c90fb !important;
        background: #ffffff !important; }
      .logintype-simple .loginForm .loginBtn .btnFlex.blue {
        border: none !important;
        border-radius: 10px !important;
        box-shadow: 0 3px 15px 0 rgba(61, 69, 86, 0.15) !important;
        background-image: linear-gradient(to right, #00aaff 4%, #8168ff 95%) !important;
        outline: none; }
      .logintype-simple .loginForm .loginBtn .btnFlex.blue span {
        font-size: 18px !important;
        line-height: 54px !important;
        font-weight: normal !important;
        color: #ffffff !important; }
      .logintype-simple .loginForm .loginBtn .btnFlex.blue:hover {
        background-image: linear-gradient(to right, #0084f4 4%, #654ae8 95%) !important; }
      .logintype-simple .loginForm .loginBtn .btnFlex.blue:active {
        background-image: linear-gradient(to right, #0084f4 4%, #654ae8 95%) !important; }
      .logintype-simple .loginForm .loginBtn .btnFlex.disabled {
        border: none !important;
        border-radius: 10px !important;
        box-shadow: 0 3px 15px 0 rgba(61, 69, 86, 0.15) !important;
        background: #dddddd !important;
        outline: none; }
      .logintype-simple .loginForm .loginBtn .btnFlex.disabled span {
        font-size: 18px !important;
        line-height: 54px !important;
        font-weight: normal !important;
        color: #a6a6a6 !important; }
      .logintype-simple .loginForm .loginBtn .btnFlex.disabled:hover {
        border: 1px solid #dddddd !important;
        background: #dddddd !important; }
      .logintype-simple .loginForm .loginBtn .btnFlex.disabled:active {
        border: 1px solid #dddddd !important;
        background: #dddddd !important; }
      .logintype-simple .loginForm .loginBtn .btnFlex.blue.disabled {
        border: none !important;
        border-radius: 10px !important;
        box-shadow: 0 3px 15px 0 rgba(61, 69, 86, 0.15) !important;
        background: #b4b9bc !important;
        outline: none; }
      .logintype-simple .loginForm .loginBtn .btnFlex.blue.disabled span {
        font-size: 18px !important;
        line-height: 54px !important;
        font-weight: normal !important;
        color: rgba(255, 255, 255, 0.5) !important; }
      .logintype-simple .loginForm .loginBtn .btnFlex.blue.disabled:hover {
        border: 1px solid #b4b9bc !important;
        background: #b4b9bc !important; }
      .logintype-simple .loginForm .loginBtn .btnFlex.blue.disabled:active {
        border: 1px solid #b4b9bc !important;
        background: #b4b9bc !important; }
    .logintype-simple .loginForm .loginBtn > div {
      flex: 1 1; }
    .logintype-simple .loginForm .loginBtn > div:nth-child(1) {
      margin: 0 4px 0 0; }
    .logintype-simple .loginForm .loginBtn > div:nth-child(2) {
      margin: 0 0 0 4px; }
    .logintype-simple .loginForm .loginBtn > div:last-child:nth-child(1) {
      margin: 0 !important; }
    .logintype-simple .loginForm .loginBtn .megazone {
      padding: 0 10px 0 0;
      border: 0px !important;
      border-radius: 10px !important;
      box-shadow: 0 3px 15px 0 rgba(90, 90, 90, 0.15) !important;
      background-color: #000000;
      background-image: none !important;
      outline: none; }
      .logintype-simple .loginForm .loginBtn .megazone span {
        font-size: 16px !important;
        color: #ffffff !important;
        letter-spacing: -0.4px; }
  .logintype-simple .loginForm .findPwItem {
    margin: 12px auto 0 auto; }
    .logintype-simple .loginForm .findPwItem div {
      font-size: 14px;
      line-height: 20px;
      text-align: center;
      color: #000000; }
  .logintype-simple .loginForm .loginPrevText {
    margin: 12px auto 0 auto; }
    .logintype-simple .loginForm .loginPrevText div {
      font-size: 14px;
      line-height: 20px;
      text-align: center;
      color: #000000; }
  .logintype-simple .loginForm .wBox {
    position: relative;
    width: 100%;
    height: 360px;
    box-sizing: border-box; }
    .logintype-simple .loginForm .wBox .title {
      font-size: 24px;
      font-weight: bold;
      line-height: 32px;
      text-align: center;
      letter-spacing: -0.24px;
      color: #2e3645; }
    .logintype-simple .loginForm .wBox .topText {
      font-size: 13px;
      line-height: 20px;
      text-align: center;
      color: #4a4a4a;
      margin: 8px 0 0 0; }
    .logintype-simple .loginForm .wBox .cBox {
      width: 425px;
      height: 362px;
      margin: 0 auto;
      justify-content: center; }
      .logintype-simple .loginForm .wBox .cBox .botText {
        font-size: 13px;
        line-height: 20px;
        text-align: center;
        color: #4a4a4a;
        margin: 30px 0 0 0; }
        .logintype-simple .loginForm .wBox .cBox .botText .menuIco {
          display: inline-block;
          width: 18px;
          height: 18px;
          vertical-align: bottom;
          background: url(/static/media/ic_view_list_02_m_normal.05d0968d.png) no-repeat center; }
    .logintype-simple .loginForm .wBox .txtDiv {
      width: 344px;
      margin: 12px auto 0 auto; }
      .logintype-simple .loginForm .wBox .txtDiv::after {
        content: "";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden; }
      .logintype-simple .loginForm .wBox .txtDiv .linkTxt {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: -0.7px; }
    .logintype-simple .loginForm .wBox .qrBoxStyle {
      margin: 40px 0 0 0; }
      .logintype-simple .loginForm .wBox .qrBoxStyle .qr_view {
        width: 140px;
        height: 140px;
        margin: 0 auto;
        border-radius: 4px;
        box-shadow: 0 1px 10px 0 rgba(61, 69, 86, 0.14); }
        .logintype-simple .loginForm .wBox .qrBoxStyle .qr_view img {
          border-radius: 4px;
          box-shadow: 0 1px 10px 0 rgba(61, 69, 86, 0.14); }
      .logintype-simple .loginForm .wBox .qrBoxStyle .count {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        height: 26px;
        margin: 20px auto 0 auto;
        padding: 0 8px;
        border-radius: 4px;
        box-sizing: border-box;
        background-color: #1c90fb;
        font-size: 12px;
        line-height: 26px;
        color: #ffffff;
        text-align: center; }
        .logintype-simple .loginForm .wBox .qrBoxStyle .count .num {
          margin: 0 0 0 4px; }
      .logintype-simple .loginForm .wBox .qrBoxStyle .text {
        margin: 30px 0 0 0;
        font-size: 13px;
        line-height: 20px;
        text-align: center;
        color: #000000; }
    .logintype-simple .loginForm .wBox .stepDiv {
      position: relative;
      padding: 20px 20px 0 20px; }
      .logintype-simple .loginForm .wBox .stepDiv::before {
        content: '';
        position: absolute;
        top: 35px;
        left: 20px;
        right: 20px;
        height: 1px;
        background: #a6a6a6;
        z-index: 1; }
      .logintype-simple .loginForm .wBox .stepDiv .stepUnit {
        position: relative;
        border: 1px solid #a6a6a6;
        border-radius: 16px;
        text-align: center;
        background: #ffffff;
        z-index: 2; }
        .logintype-simple .loginForm .wBox .stepDiv .stepUnit:nth-child(2) {
          margin: 0 12px; }
        .logintype-simple .loginForm .wBox .stepDiv .stepUnit .num {
          display: inline-block;
          width: 14px;
          height: 14px;
          border-radius: 20px;
          font-size: 8px;
          font-weight: bold;
          line-height: 14px;
          color: #ffffff;
          background: #a6a6a6; }
        .logintype-simple .loginForm .wBox .stepDiv .stepUnit .txt {
          padding: 0 0 0 2px;
          font-size: 11px;
          line-height: 30px;
          color: #a6a6a6;
          letter-spacing: -0.28px; }
        .logintype-simple .loginForm .wBox .stepDiv .stepUnit.on {
          border: 1px solid #1c90fb;
          background: #e9f5ff;
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
          .logintype-simple .loginForm .wBox .stepDiv .stepUnit.on .num {
            background: #1c90fb; }
          .logintype-simple .loginForm .wBox .stepDiv .stepUnit.on .txt {
            color: #1c90fb; }
    .logintype-simple .loginForm .wBox .sertiType {
      position: relative;
      align-items: center; }
      .logintype-simple .loginForm .wBox .sertiType .radio {
        width: 14px;
        height: 14px;
        margin: 0 auto;
        background: url(/static/media/login_radio.974e7e7c.png) no-repeat center; }
        .logintype-simple .loginForm .wBox .sertiType .radio.on {
          width: 14px;
          height: 14px;
          background: url(/static/media/login_radio_checked.bc825b86.png) no-repeat center; }
      .logintype-simple .loginForm .wBox .sertiType .txt {
        font-size: 12px;
        line-height: 1.3;
        text-align: center;
        color: #4a4a4a; }
      .logintype-simple .loginForm .wBox .sertiType .text {
        font-size: 13px;
        line-height: 20px;
        text-align: center;
        color: #4a4a4a;
        margin: 20px 0 -20px 0; }
      .logintype-simple .loginForm .wBox .sertiType .unit01 {
        text-align: center;
        padding: 150px 0 0 0;
        background: url(/static/media/img_mobile.25612def.png) no-repeat top 30px center;
        cursor: pointer;
        justify-content: center; }
      .logintype-simple .loginForm .wBox .sertiType .unit02 {
        text-align: center;
        padding: 150px 0 0 0;
        background: url(/static/media/img_otp.6bde3ad3.png) no-repeat top 30px center;
        cursor: pointer;
        justify-content: center; }
      .logintype-simple .loginForm .wBox .sertiType .unit03 {
        text-align: center;
        padding: 150px 0 0 0;
        background: url(/static/media/img_device.97c1f342.png) no-repeat top 30px center;
        cursor: pointer;
        justify-content: center; }
      .logintype-simple .loginForm .wBox .sertiType .unit04 {
        text-align: center;
        padding: 150px 0 0 0;
        background: url(/static/media/img_password.c6271928.png) no-repeat top 30px center;
        cursor: pointer;
        justify-content: center; }
    .logintype-simple .loginForm .wBox .textBox {
      margin: 30px 0 0 0;
      text-align: center; }
      .logintype-simple .loginForm .wBox .textBox .sertiHelpBtn {
        position: relative;
        display: inline-block;
        margin: 0 0 0 20px;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: -0.7px;
        color: #000000; }
        .logintype-simple .loginForm .wBox .textBox .sertiHelpBtn::before {
          content: '';
          position: absolute;
          top: 0;
          left: -20px;
          width: 18px;
          height: 20px;
          background: url(/static/media/ic_question_02_m_normal.799b6cdd.png) no-repeat left center; }
      .logintype-simple .loginForm .wBox .textBox .text {
        font-size: 13px;
        line-height: 20px;
        text-align: center;
        color: #000000; }
    .logintype-simple .loginForm .wBox .imgBoxStyle {
      position: relative; }
      .logintype-simple .loginForm .wBox .imgBoxStyle .text {
        margin: 0;
        font-size: 13px;
        line-height: 20px;
        text-align: center;
        color: #000000;
        letter-spacing: -0.65px; }
      .logintype-simple .loginForm .wBox .imgBoxStyle .radio {
        text-align: center; }
      .logintype-simple .loginForm .wBox .imgBoxStyle.certi-notallowed {
        padding: 150px 0 0 0;
        background: url(/static/media/img_certification.80427504.png) no-repeat top 30px center; }
      .logintype-simple .loginForm .wBox .imgBoxStyle.app-install {
        padding: 150px 0 0 0;
        background: url(/static/media/img_app.5ba4abf3.png) no-repeat top 30px center; }
      .logintype-simple .loginForm .wBox .imgBoxStyle.complete {
        padding: 150px 0 0 0;
        background: url(/static/media/ic_complete.944dfb48.png) no-repeat top 30px center; }
      .logintype-simple .loginForm .wBox .imgBoxStyle.device {
        padding: 150px 0 0 0;
        background: url(/static/media/img_device.97c1f342.png) no-repeat top 30px center; }
      .logintype-simple .loginForm .wBox .imgBoxStyle.device-rerun {
        padding: 150px 0 0 0;
        background: url(/static/media/img_device-rerun.3ee6c8b9.png) no-repeat top 30px center; }
    .logintype-simple .loginForm .wBox .pin_area {
      margin: 40px 0 0 0;
      justify-content: center; }
      .logintype-simple .loginForm .wBox .pin_area .pin_input {
        max-width: 40px;
        height: 50px;
        margin: 0 4px;
        border-radius: 4px;
        border: 1px solid #e6e6e6;
        background: #ffffff;
        box-sizing: border-box; }
        .logintype-simple .loginForm .wBox .pin_area .pin_input .number {
          width: 100%;
          padding: 0;
          font-size: 25px;
          line-height: 48px;
          color: #4c9cff;
          border: none;
          text-indent: 0;
          border-radius: 4px;
          text-align: center;
          background: transparent;
          outline: none; }
      .logintype-simple .loginForm .wBox .pin_area .text {
        margin: 30px 0 0 0;
        font-size: 13px;
        line-height: 18px;
        text-align: center;
        color: #000000; }
        .logintype-simple .loginForm .wBox .pin_area .text .menuIco {
          display: inline-block;
          width: 18px;
          height: 18px;
          vertical-align: bottom;
          background: url(/static/media/ic_view_list_02_m_normal.05d0968d.png) no-repeat center; }
    .logintype-simple .loginForm .wBox .pin_table {
      width: 344px;
      margin: 30px auto 0 auto; }
      .logintype-simple .loginForm .wBox .pin_table > div:first-child .pin_btn {
        margin: 0; }
        .logintype-simple .loginForm .wBox .pin_table > div:first-child .pin_btn:nth-child(2) {
          margin: 0 6px 0 6px; }
      .logintype-simple .loginForm .wBox .pin_table .pin_btn {
        max-width: 110px;
        height: 48px;
        margin: 6px 0 0 0; }
        .logintype-simple .loginForm .wBox .pin_table .pin_btn:nth-child(2) {
          margin: 6px 6px 0 6px; }
        .logintype-simple .loginForm .wBox .pin_table .pin_btn .btn {
          width: 100%;
          height: 100%;
          font-size: 16px;
          line-height: 48px;
          font-weight: bold;
          text-align: center;
          outline: 0;
          border: none;
          border-radius: 4px;
          color: #2e3645;
          background: #f2f5f9;
          cursor: pointer; }
          .logintype-simple .loginForm .wBox .pin_table .pin_btn .btn:active {
            background: #e6ecf4; }
    .logintype-simple .loginForm .wBox .imgDevice {
      position: relative; }
      .logintype-simple .loginForm .wBox .imgDevice.device-connected {
        padding: 110px 0 0 0;
        background: url(/static/media/img_device.97c1f342.png) no-repeat top -5px center; }
      .logintype-simple .loginForm .wBox .imgDevice.device-notconnected {
        padding: 180px 0 0 0;
        background: url(/static/media/img_device_notconnected.849cb98a.png) no-repeat top 30px center; }
      .logintype-simple .loginForm .wBox .imgDevice .text {
        font-size: 13px;
        line-height: 41px;
        letter-spacing: -0.65px;
        text-align: center; }
        .logintype-simple .loginForm .wBox .imgDevice .text span {
          font-size: 13px;
          font-weight: bold;
          line-height: 41px; }
    .logintype-simple .loginForm .wBox .checkboxItem {
      margin: 15px 0 0 0; }
      .logintype-simple .loginForm .wBox .checkboxItem span > span > span {
        background-image: url(/static/media/klago_sp_lux.567e5189.png) !important;
        margin-top: -8px !important; }
      .logintype-simple .loginForm .wBox .checkboxItem::after {
        content: "";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden; }
      .logintype-simple .loginForm .wBox .checkboxItem input[type="checkbox"] + svg {
        border-radius: 3px;
        background: #dddee0;
        margin-top: -8px !important; }
      .logintype-simple .loginForm .wBox .checkboxItem input[type="checkbox"] + svg path {
        fill: #babcc3; }
      .logintype-simple .loginForm .wBox .checkboxItem input[type="checkbox"]:checked + svg {
        border-radius: 3px;
        background: #1c90fb;
        margin-top: -8px !important; }
      .logintype-simple .loginForm .wBox .checkboxItem input[type="checkbox"]:checked + svg path {
        fill: #1c90fb; }
      .logintype-simple .loginForm .wBox .checkboxItem input[type="checkbox"]:checked + svg polygon {
        fill: #ffffff; }
      .logintype-simple .loginForm .wBox .checkboxItem label {
        font-size: 14px !important;
        font-weight: normal !important;
        margin-left: 5px; }
      .logintype-simple .loginForm .wBox .checkboxItem label:hover::after {
        width: 100%;
        transition: all 0.5s; }
      .logintype-simple .loginForm .wBox .checkboxItem label:focus::after {
        width: 100%;
        transition: all 0.5s; }

/**************************************************  
   Login v2 (이차인증)  
**************************************************/
.login_v2 .login_wrap {
  overflow: hidden;
  background: #fff;
  box-sizing: border-box; }

.login_v2 .login_wrap h2 {
  padding: 20px 80px 15px;
  font-size: 30px;
  text-align: center; }

.login_v2 .login_wrap h2 img {
  vertical-align: middle;
  margin-top: -3px; }

.login_v2 .login_wrap h2::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

.login_v2 .login_wrap .info_txt {
  padding-bottom: 20px;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -1px;
  text-align: center; }

.login_v2 .login_wrap .qr_area {
  width: 146px;
  margin: 0 auto; }

.login_v2 .login_wrap .qr_area .qr_img {
  padding: 14px 14px 9px;
  border-width: 4px 4px 0px;
  border: solid #1c90fb;
  display: block; }

.login_v2 .login_wrap .qr_area .qr_time {
  height: 30px;
  background-color: #1c90fb;
  line-height: 30px;
  font-size: 13px;
  color: #fff;
  text-align: center; }

.login_v2 .login_wrap .qr_view {
  width: 112px;
  height: 112px; }

.login_v2 .login_wrap .qr_view img {
  width: 100%; }

.login_v2 .login_wrap .sub_info_txt {
  padding: 20px 0;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -1px;
  text-align: center; }

.login_v2 .login_wrap .btn_area {
  margin: 0 auto;
  text-align: center; }

.login_v2 .login_wrap .pin_area {
  padding: 0px 60px; }

.login_v2 .login_wrap .pin_area .pin_input {
  padding: 0 0 10px 0;
  border-bottom: 1px solid #d9d9d9; }

.login_v2 .login_wrap .pin_area .pin_input table {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 5px; }

.login_v2 .login_wrap .pin_area .pin_input table td {
  border: 1px solid #d9d9d9;
  height: 50px;
  border-radius: 3px; }

.login_v2 .login_wrap .pin_area .pin_input table td .number {
  width: 100%;
  height: 100%;
  font-size: 22px;
  outline: 0;
  border: none;
  text-indent: 0;
  border-radius: 3px; }

.login_v2 .login_wrap .pin_area .pin_board {
  padding: 10px 0 0 0; }

.login_v2 .login_wrap .pin_area .pin_board table {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 5px; }

.login_v2 .login_wrap .pin_area .pin_board table td {
  border: 1px solid #d9d9d9;
  height: 50px;
  border-radius: 3px; }

.login_v2 .login_wrap .pin_area .pin_board table td .btn {
  width: 100%;
  height: 100%;
  font-size: 15px;
  font-weight: bold;
  outline: 0;
  border: none;
  border-radius: 10px; }

.login_v2 .login_wrap .pin_area .pin_board table td input[type='button']:active {
  background: #f4f9fe; }

.simpleDialog .dialog_content .dialog_data > div:first-child {
  display: none; }

.simpleDialog .dialog_content .dialog_data > div:nth-child(2) {
  border-top: none; }

.simpleDialog .dialog_content .dialog_data > div:nth-child(3) {
  background: #fff;
  padding: 20px 0; }

/*렌더링 오류*/
.RError_div {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%; }
  .RError_div .RError_div_in {
    margin-top: -50px; }
    .RError_div .RError_div_in .txt1 {
      font-size: 20px;
      font-weight: bold;
      line-height: 29px;
      letter-spacing: -1px;
      color: #000;
      margin-bottom: 4px; }
    .RError_div .RError_div_in .txt2 {
      font-size: 16px;
      line-height: 1.44;
      letter-spacing: -0.8px;
      color: #a6a6a6; }

/**************************************************  
   원격 로그인  
**************************************************/
.loginConfirmPopup .confirmImg {
  padding: 180px 0 30px 0;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  background: url(/static/media/img_login_num.235434bf.png) no-repeat top 60px center; }

.loginConfirmPopup .confirmNum {
  padding: 0 30px;
  justify-content: space-between;
  width: 300px;
  height: 50px;
  border-radius: 6px;
  border: 1px solid #e6e6e6;
  box-sizing: border-box; }
  .loginConfirmPopup .confirmNum p {
    font-size: 12px;
    letter-spacing: -0.6px;
    color: #8c8c8c; }
  .loginConfirmPopup .confirmNum .num {
    font-size: 24px;
    font-weight: bold; }

.loginConfirmPopup .confirmRefresh {
  margin: 10px 0 0 0;
  font-size: 12px;
  color: #a6a6a6; }
  .loginConfirmPopup .confirmRefresh .refresh {
    width: 18px;
    height: 18px;
    background: url(/static/media/ic_refresh_m_normal@2x.634d9762.png) no-repeat center center;
    background-size: 18px;
    cursor: pointer; }
    .loginConfirmPopup .confirmRefresh .refresh:hover {
      background: url(/static/media/ic_refresh_m_over@2x.a2cdabe0.png) no-repeat center center;
      background-size: 18px; }

/**************************************************  
   DT온라인고객센터 SSO 연동
**************************************************/
.dtLinkagePopup {
  min-width: 530px;
  height: auto; }
  .dtLinkagePopup .top {
    position: relative;
    width: 530px;
    height: 304px;
    padding-top: 158px;
    text-align: center;
    font-size: 16px;
    letter-spacing: -0.08px;
    line-height: 1.5;
    color: #003c73;
    background-image: url(/static/media/img_helpdesk_304@2x.b1b76f00.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    box-sizing: border-box; }
    .dtLinkagePopup .top::after {
      content: '';
      position: absolute;
      top: 60px;
      left: 50%;
      transform: translateX(-50%);
      width: 280px;
      height: 74px;
      background: url(/static/media/lg_helpdesk_280@2x.08b9f21e.png) no-repeat center center;
      background-size: 100%; }
    .dtLinkagePopup .top.bp {
      height: 294px;
      background-image: url(/static/media/img_helpdesk_294@2x.d79eb509.png); }
    .dtLinkagePopup .top b {
      color: transparent;
      -webkit-background-clip: text;
      background-clip: text;
      background-image: linear-gradient(to right bottom, #89a2ff, #3e97ff, #38deff); }
    .dtLinkagePopup .top .closeBtn {
      position: absolute;
      top: 22px;
      right: 22px; }
  .dtLinkagePopup .fill {
    padding: 30px;
    background-color: #fff; }
    .dtLinkagePopup .fill .box {
      width: 100%;
      padding: 25px 30px 25px 94px;
      margin-bottom: 30px;
      border-radius: 8px;
      border: 1px solid #e6e6e6;
      box-sizing: border-box;
      background: url(/static/media/ic_phone@2x.32bf3c0f.png) no-repeat left 30px center;
      background-size: 44px; }
      .dtLinkagePopup .fill .box p {
        display: flex;
        align-items: center;
        font-size: 15px;
        font-weight: bold;
        letter-spacing: -0.08px; }
        .dtLinkagePopup .fill .box p span {
          margin-right: 12px;
          font-size: 13px;
          font-weight: normal;
          letter-spacing: -0.07px;
          color: #8c8c8c; }

/**************************************************  
   제품정보
**************************************************/
.productInfoPopup .productTop .logoArea {
  width: 100px;
  height: 100px;
  margin-right: 7px;
  background: url(/static/media/amaranth_10_72_amaranth@2x.da71c369.png) no-repeat center center;
  background-size: 100px; }

.productInfoPopup .productTop .verArea {
  display: flex;
  flex-direction: column; }
  .productInfoPopup .productTop .verArea > p {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.9px; }
  .productInfoPopup .productTop .verArea .verText {
    padding: 0 4px 0 20px;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: -0.7px;
    background-size: 16px;
    background-position: left center;
    background-repeat: no-repeat; }
    .productInfoPopup .productTop .verArea .verText.old {
      background-image: url(/static/media/ic_pend_yellow@2x.dec808a4.png); }
    .productInfoPopup .productTop .verArea .verText.latest {
      background-image: url(/static/media/ic_confirm_green@2x.645d3fe9.png); }
  .productInfoPopup .productTop .verArea .ver {
    font-size: 12px;
    line-height: 1.33;
    letter-spacing: -0.3px;
    color: #4a4a4a; }

.productInfoPopup .productMid {
  padding: 0 24px; }
  .productInfoPopup .productMid li {
    grid-gap: 4px;
    gap: 4px;
    min-height: 62px;
    border-bottom: 1px solid #e6e6e6;
    box-sizing: border-box; }
    .productInfoPopup .productMid li:last-child {
      border-bottom: none; }

.productInfoPopup .productBtm .copyArea {
  line-height: 1.33;
  color: #4a4a4a; }

.productInfoPopup .productBtm .linkArea {
  margin-top: 10px; }

.productInfoPopup .line {
  width: 1px;
  height: 12px;
  margin: 0 6px;
  background-color: #e6e6e6; }

.productSoftBox {
  padding: 16px 20px;
  border-radius: 10px;
  border: 1px solid #e6e6e6;
  box-sizing: border-box; }
  .productSoftBox .boxTitle {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.71;
    letter-spacing: -0.7px; }

.opensourceSoftware {
  padding-top: 10px;
  box-sizing: border-box; }
  .opensourceSoftware .copy {
    margin-top: 5px;
    font-size: 11px;
    line-height: 1.45;
    color: #a6a6a6; }

@charset "UTF-8";
/*****************************    
    공통   
******************************/
@-webkit-keyframes effect {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@keyframes effect {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@-webkit-keyframes buttonPop {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(1); } }

@keyframes buttonPop {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(1); } }

@-webkit-keyframes textBlink {
  0%, 100% {
    opacity: 1; }
  50% {
    opacity: 0; } }

@keyframes textBlink {
  0%, 100% {
    opacity: 1; }
  50% {
    opacity: 0; } }

@-webkit-keyframes textSlideUp {
  0% {
    opacity: 0;
    transform: translateY(5px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes textSlideUp {
  0% {
    opacity: 0;
    transform: translateY(5px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@-webkit-keyframes textSlideUpLoop {
  0% {
    opacity: 0;
    transform: translateY(5px); }
  35% {
    opacity: 1;
    transform: translateY(0); }
  70% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(-5px); } }

@keyframes textSlideUpLoop {
  0% {
    opacity: 0;
    transform: translateY(5px); }
  35% {
    opacity: 1;
    transform: translateY(0); }
  70% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(-5px); } }

@-webkit-keyframes charSlideUp {
  0% {
    opacity: 0;
    transform: translateY(7px); }
  35% {
    opacity: 1;
    transform: translateY(0); }
  70% {
    opacity: 1;
    transform: translateY(0); }
  85% {
    opacity: 0;
    transform: translateY(0px); }
  100% {
    opacity: 0;
    transform: translateY(0px); } }

@keyframes charSlideUp {
  0% {
    opacity: 0;
    transform: translateY(7px); }
  35% {
    opacity: 1;
    transform: translateY(0); }
  70% {
    opacity: 1;
    transform: translateY(0); }
  85% {
    opacity: 0;
    transform: translateY(0px); }
  100% {
    opacity: 0;
    transform: translateY(0px); } }

.effectBtn .motionBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 27px;
  padding: 0 10px !important;
  font-size: 12px;
  border: 1px solid #cccccc;
  border-radius: 2px;
  background-image: linear-gradient(to top, #f0f0f0, #ffffff);
  transform: scale(0);
  -webkit-animation: buttonPop 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
          animation: buttonPop 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; }
  .effectBtn .motionBtn > span {
    display: inline-block;
    opacity: 0;
    transform: translateY(10px); }
    .effectBtn .motionBtn > span.textBlink {
      -webkit-animation: textSlideUp 0.5s ease-out 0.2s forwards, textBlink 2s ease-in-out 0.7s infinite;
              animation: textSlideUp 0.5s ease-out 0.2s forwards, textBlink 2s ease-in-out 0.7s infinite; }
    .effectBtn .motionBtn > span.textSlideUp {
      -webkit-animation: textSlideUpLoop 2s ease-in-out 0.7s infinite;
              animation: textSlideUpLoop 2s ease-in-out 0.7s infinite; }
    .effectBtn .motionBtn > span.charAnimation {
      -webkit-animation: charSlideUp 3s ease-out infinite;
              animation: charSlideUp 3s ease-out infinite; }
    .effectBtn .motionBtn > span.char1 {
      -webkit-animation-delay: 0s;
              animation-delay: 0s; }
    .effectBtn .motionBtn > span.char2 {
      -webkit-animation-delay: 0.15s;
              animation-delay: 0.15s; }
    .effectBtn .motionBtn > span.char3 {
      -webkit-animation-delay: 0.3s;
              animation-delay: 0.3s; }
    .effectBtn .motionBtn > span.char4 {
      -webkit-animation-delay: 0.45s;
              animation-delay: 0.45s; }
    .effectBtn .motionBtn > span.char5 {
      -webkit-animation-delay: 0.6s;
              animation-delay: 0.6s; }
    .effectBtn .motionBtn > span.char6 {
      -webkit-animation-delay: 0.75s;
              animation-delay: 0.75s; }
    .effectBtn .motionBtn > span.char7 {
      -webkit-animation-delay: 0.9s;
              animation-delay: 0.9s; }

.effectBtn .aniBtn {
  cursor: pointer;
  min-width: 89px;
  height: 27px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  border-radius: 2px;
  transition: all 0.02s;
  box-shadow: 0 0px 7px -5px rgba(0, 0, 0, 0.5);
  transform: scale(0);
  -webkit-animation: buttonPop 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
          animation: buttonPop 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; }
  .effectBtn .aniBtn::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 2px;
    padding: 1px;
    background: linear-gradient(106deg, #46beff 0%, #4c87ff 50%, #8f79ff 99%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    pointer-events: none;
    z-index: -1; }
  .effectBtn .aniBtn .hoverEffect {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1; }
    .effectBtn .aniBtn .hoverEffect::after {
      content: '';
      border-radius: 2px;
      width: 100%;
      height: 10rem;
      transition: 0.4s;
      filter: blur(20px);
      -webkit-animation: effect infinite 3s linear;
              animation: effect infinite 3s linear;
      background: linear-gradient(90deg, #46beff 0%, #4c87ff 49%, #8f79ff 100%); }
  .effectBtn .aniBtn:hover {
    background: #46beff; }
    .effectBtn .aniBtn:hover .hoverEffect::after {
      width: 8rem;
      height: 8rem; }
  .effectBtn .aniBtn .text {
    opacity: 0;
    transform: translateY(10px);
    color: #fff;
    z-index: 10;
    -webkit-animation: textSlideUpLoop 2s ease-in-out 0.7s infinite;
            animation: textSlideUpLoop 2s ease-in-out 0.7s infinite; }

/* Begin required CSS */
.line-clamp {
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  position: relative;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 !important; }

.line-clamp::after {
  content: '...';
  text-align: right;
  bottom: 0;
  right: 0;
  width: 15px;
  display: block;
  position: absolute;
  max-height: calc(1em * 1.2);
  background: #ffffff; }

.line-clamp-1 {
  -webkit-line-clamp: 1;
  max-height: calc(1em * 1.2 * 1); }

.line-clamp-2 {
  -webkit-line-clamp: 2;
  max-height: calc(1em * 1.2 * 2); }

.line-clamp-3 {
  -webkit-line-clamp: 3;
  max-height: calc(1em * 1.2 * 3); }

.line-clamp-4 {
  -webkit-line-clamp: 4;
  max-height: calc(1em * 1.2 * 4); }

.line-clamp-5 {
  -webkit-line-clamp: 5;
  max-height: calc(1em * 1.2 * 5); }

@supports (-webkit-line-clamp: 1) {
  .line-clamp:after {
    display: none !important; } }

/* 모달처리 */
.modalCSS {
  background: black;
  opacity: 0.5;
  top: 0px;
  left: 0px;
  z-index: 2000;
  width: 100%;
  height: 100%;
  position: absolute;
  filter: alpha(opacity=50);
  text-align: center; }

.modalText {
  position: absolute;
  z-index: 2000;
  color: white;
  font-size: 21.5px;
  top: 50%;
  margin-top: -11px; }

.modalFixed {
  background: black;
  opacity: 0.4;
  top: 0px;
  left: 0px;
  z-index: 1000;
  width: 100%;
  height: 100%;
  position: fixed;
  filter: alpha(opacity=40);
  text-align: center; }

/* 스탬프 (마이페이지 + 전자결재 장용)*/
.stamp_default {
  width: 49px;
  height: 49px;
  background: url(/static/media/EA_confirm_bg.761fd8b4.gif) no-repeat center center;
  margin: 0 auto;
  overflow: hidden;
  word-break: break-all;
  line-height: 49px;
  white-space: normal; }

.stamp {
  margin: 0px auto;
  width: 33px;
  height: 35px;
  padding: 2px 4px 0 0;
  text-align: right;
  font-size: 18px;
  font-family: stamp;
  color: #ea4949;
  border: 5px solid #ea4949;
  border-radius: 50%;
  line-height: 16px;
  letter-spacing: -2px;
  overflow: hidden;
  word-break: break-all;
  white-space: normal; }

.stamp2 {
  margin: 0px auto;
  width: 33px;
  height: 35px;
  padding: 2px 4px 0 0;
  text-align: right;
  font-size: 18px;
  font-family: stamp;
  color: #ffffff;
  background: #ea4949;
  border: 5px solid #ea4949;
  border-radius: 50%;
  line-height: 16px;
  letter-spacing: -2px;
  overflow: hidden;
  word-break: break-all;
  white-space: normal; }

.stamp3 {
  margin: 0px auto;
  width: 33px;
  height: 35px;
  padding: 2px 4px 0 0;
  text-align: right;
  font-size: 18px;
  font-family: stamp;
  color: #ea4949;
  border: 5px solid #ea4949;
  border-radius: 20%;
  line-height: 16px;
  letter-spacing: -2px;
  overflow: hidden;
  word-break: break-all;
  white-space: normal; }

.stamp4 {
  margin: 0px auto;
  width: 33px;
  height: 35px;
  padding: 2px 4px 0 0;
  text-align: right;
  font-size: 18px;
  font-family: stamp;
  color: #ffffff;
  background: #ea4949;
  border: 5px solid #ea4949;
  border-radius: 20%;
  line-height: 16px;
  letter-spacing: -2px;
  overflow: hidden;
  word-break: break-all;
  white-space: normal; }

.smoothScroll > div:first-child {
  scroll-behavior: smooth; }

/*****************************   
    location   
******************************/
.location_wrap {
  position: relative;
  overflow: hidden; }
  .location_wrap .location_info {
    overflow: hidden; }
    .location_wrap .location_info ul {
      margin: 17px 0; }
      .location_wrap .location_info ul li {
        display: inline-block;
        padding: 0 5px 0 10px;
        background: url(/static/media/ic_arrow_right_01_s_normal.0f322bf0.png) no-repeat left center; }
        .location_wrap .location_info ul li:first-child {
          background: none;
          padding: 0 7px 0 1px; }
        .location_wrap .location_info ul li a {
          font-size: 11px;
          color: #8d8d8d;
          text-decoration: none;
          vertical-align: middle; }
          .location_wrap .location_info ul li a:hover {
            text-decoration: underline; }
        .location_wrap .location_info ul li img {
          vertical-align: baseline; }
      .location_wrap .location_info ul li.on a {
        font-weight: bold;
        color: #058df5; }
  .location_wrap .btn_manual {
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 0;
    font-size: 12px;
    color: #008ef7;
    background: url(/static/media/ic_question_01_s_over.f1fb7cab.png) no-repeat 0 0;
    padding-left: 17px; }

/*****************************   
    컨텐츠 - 공통 타이틀   
******************************/
.tit_p {
  float: left;
  background: url(/static/media/ico_dot01.c4cd3c67.png) no-repeat left center;
  font-weight: bold;
  padding-left: 8px;
  font-size: 14px;
  line-height: 27px;
  margin-right: 5px; }

.tit_a_down {
  background: url(/static/media/ic_arrow_down_01_s_normal.57adc5b1.png) no-repeat left 5px;
  font-weight: bold;
  padding-left: 16px;
  font-size: 14px;
  cursor: pointer;
  line-height: 27px;
  margin-right: 5px; }

.tit_a_up {
  background: url(/static/media/ic_arrow_up_01_s_normal.8a20e8b0.png) no-repeat left 5px;
  font-weight: bold;
  padding-left: 16px;
  font-size: 14px;
  cursor: pointer;
  line-height: 27px;
  margin-right: 5px; }

.tit_check {
  font-weight: bold;
  font-size: 14px;
  cursor: pointer;
  line-height: 27px;
  margin-right: 5px; }

.help_btn {
  float: left;
  background: url(/static/media/ic_question_01_s_normal.78185379.png) no-repeat 0px 5px;
  width: 15px;
  height: 27px;
  margin: 5px 0 0 5px;
  cursor: pointer; }

/*****************************   
    폼테이블(기본)   
******************************/
.com_ta table {
  width: 100%; }
  .com_ta table th, .com_ta table td {
    height: 26px;
    color: #4a4a4a;
    border: 1px solid #eaeaea;
    padding: 5px 0; }
  .com_ta table th {
    background: #f9f9f9;
    font-weight: normal;
    text-align: right;
    padding-right: 15px; }
  .com_ta table td {
    border-right: none;
    padding-left: 13px;
    padding-right: 13px;
    word-break: break-all; }
  .com_ta table .cen {
    text-align: center !important;
    padding-left: 0px;
    padding-right: 0px; }
  .com_ta table .ri {
    text-align: right !important;
    padding-right: 10px; }
  .com_ta table .le {
    text-align: left !important;
    padding-left: 10px; }

/*****************************   
    상단검색영역 tobBox   
******************************/
.topBox {
  position: relative;
  background: #fff; }
  .topBox .searchBox {
    border: 2px solid #e0e0e0;
    overflow: hidden;
    /*padding-right: 100px;*/ }
    .topBox .searchBox dl {
      margin-top: 9px;
      margin-bottom: 8px;
      overflow: hidden;
      float: left; }
      .topBox .searchBox dl dt {
        line-height: 27px;
        color: #4a4a4a;
        box-sizing: border-box;
        text-align: right;
        padding-right: 6px;
        font-size: 13px;
        letter-spacing: -0.05em;
        float: left;
        padding-left: 20px;
        vertical-align: middle; }
        .topBox .searchBox dl dt.btnDt {
          text-align: left;
          padding-left: 8px; }
      .topBox .searchBox dl dd {
        float: left;
        vertical-align: middle;
        height: 27px; }
        .topBox .searchBox dl dd.posi_re [class*="OBTTextField_obtTextField"] > div > div > input {
          padding-right: 40px !important; }
          .topBox .searchBox dl dd.posi_re [class*="OBTTextField_obtTextField"] > div > div > input.notFind [class*="OBTTextField_obtTextField"] > div > div > input {
            padding-right: 0px !important; }
        .topBox .searchBox dl dd .posi_re [class*="OBTTextField_obtTextField"] > div > div > input {
          padding-right: 40px !important; }
          .topBox .searchBox dl dd .posi_re [class*="OBTTextField_obtTextField"] > div > div > input.notFind [class*="OBTTextField_obtTextField"] > div > div > input {
            padding-right: 0px !important; }
    .topBox .searchBox .nextDiv dl {
      margin-top: 0; }
    .topBox .searchBox .searBtnSp {
      position: absolute !important;
      right: 11px;
      top: 9px; }
    .topBox .searchBox .detailBtnSp {
      position: absolute !important;
      right: 8px;
      top: 9px; }
      .topBox .searchBox .detailBtnSp .detailBtn {
        border: 1px solid #a6a6a6 !important; }
        .topBox .searchBox .detailBtnSp .detailBtn.down {
          background: url(/static/media/detail_arr_down01.5d94afeb.png) no-repeat center center !important; }
        .topBox .searchBox .detailBtnSp .detailBtn.up {
          background: url(/static/media/detail_arr_up01.0cf4e258.png) no-repeat center center !important; }
    .topBox .searchBox .find_sp {
      position: absolute;
      right: 1px;
      top: 50%;
      margin-top: -10px;
      line-height: 1;
      color: #1c90fb;
      font-size: 12px;
      height: 20px;
      line-height: 20px;
      padding-right: 5px;
      padding-left: 5px;
      background: #fff; }
  .topBox .searchDetail {
    width: calc( 100% - 2px);
    background: #fff;
    position: absolute;
    left: 0px;
    top: 0px;
    border: 1px solid #8d8d8d;
    display: none;
    z-index: 12; }
    .topBox .searchDetail .searchDetailIn {
      margin: 16px 0px;
      overflow: hidden; }
      .topBox .searchDetail .searchDetailIn .sd_div {
        width: calc( 50% - 60px);
        padding: 0 30px;
        overflow: hidden;
        float: left; }
        .topBox .searchDetail .searchDetailIn .sd_div dl {
          float: left;
          width: 100%; }
          .topBox .searchDetail .searchDetailIn .sd_div dl dt {
            text-align: right;
            font-weight: bold;
            float: left;
            min-width: 90px;
            padding: 4px 0;
            padding-right: 6px;
            line-height: 27px;
            letter-spacing: -1px;
            font-size: 12px; }
          .topBox .searchDetail .searchDetailIn .sd_div dl dd {
            padding: 4px 0;
            float: left;
            vertical-align: middle; }
          .topBox .searchDetail .searchDetailIn .sd_div dl.sd_dl_half {
            width: 50%; }
          .topBox .searchDetail .searchDetailIn .sd_div dl.sd_dl_half + .topBox .searchDetail .searchDetailIn .sd_div dl.sd_dl_half dt {
            padding-left: 10px; }
    .topBox .searchDetail .btn_area {
      clear: both;
      text-align: center;
      padding: 8px 0;
      overflow: hidden;
      background: #f8f8f8; }
    .topBox .searchDetail.show {
      display: block;
      top: 47px; }
  .topBox.topBox_half .searchDetail .sd_div {
    width: calc( 100% - 60px); }
  .topBox.mline .searchBox {
    padding: 9px 0; }
    .topBox.mline .searchBox dl {
      margin: 0; }
  .topBox.grayStyle {
    background: #f2f2f2; }
    .topBox.grayStyle .searchBox {
      border: 1px solid #e0e0e0; }
  .topBox.mline.grayStyle .searchBox {
    padding: 16px 0 6px 10px; }
    .topBox.mline.grayStyle .searchBox dl dd {
      height: 31px; }

.input100 input[type="text"] {
  width: 100% !important; }

.searBtnStyle {
  background: url(/static/media/ic_search_s_normal.80b0020d.png) no-repeat right 6px center, url(/static/media/bg_btn01.52abf798.png) repeat-x center center !important;
  color: #000 !important;
  border: 1px solid #a6a6a6 !important;
  padding-right: 24px !important;
  color: #000;
  font-weight: bold; }

@-webkit-keyframes detailfadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -40%, 0); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

@keyframes detailfadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -40%, 0); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

.detailfadeInDown {
  -webkit-animation-name: detailfadeInDown;
  animation-name: detailfadeInDown; }

/*****************************   
    pubAvbStyle   
******************************/
.termStyle {
  background: url(/static/media/bg_btn01.52abf798.png) repeat-x center center !important;
  border: 1px solid #a6a6a6 !important;
  border-right: none !important; }
  .termStyle.on {
    background: url(/static/media/bg_btn02.553cc94f.png) repeat-x center center !important;
    border: 1px solid #1c90fb !important; }

.termStyle.on + .termStyle {
  border-left: none !important;
  border-right: 1px solid #a6a6a6 !important; }

.pubAvbStyle .avb_set {
  width: 100%;
  display: flex; }
  .pubAvbStyle .avb_set .avb_td {
    display: inline-flex;
    flex: 1 1; }
    .pubAvbStyle .avb_set .avb_td > div {
      width: 100%; }
  .pubAvbStyle .avb_set .avb_tit {
    text-align: right;
    line-height: 27px;
    width: 94px;
    padding-right: 6px;
    display: inline-block;
    font-size: 12px;
    font-weight: bold; }

.pubAvbStyle.border1 [class*="OBTConditionPanel_root"] > [class*="OBTConditionPanel_primaryRoot"] {
  border: 1px solid #e6e6e6; }

.pubAvbStyle.border2 {
  padding: 4px;
  border: 2px solid #e6e6e6; }

.cenMid {
  vertical-align: middle;
  text-align: center;
  display: inline-block;
  width: 20px; }

.smallTox {
  width: auto !important; }
  .smallTox > span {
    min-width: 50px; }

.noSearchCondi [class*="OBTConditionPanel_searchButton"] {
  display: none; }

/*****************************   
    grid   
******************************/
.gridPaging {
  position: relative;
  text-align: center;
  padding: 9px 0 10px 0; }
  .gridPaging > div {
    display: inline-block;
    vertical-align: middle; }

.gridPaging .page_info {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 21px;
  line-height: 21px; }

.gridPaging div + div > div > span {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: 19px !important;
  line-height: 19px !important; }

.gridPaging .page_info span {
  font-size: 13px;
  color: #8c8c8c;
  word-spacing: -2px; }

.gridPaging .page_info span.fwb {
  color: #000; }

/*****************************   
    formTable   
******************************/
.pubFormStyle.borderTopNone > table {
  border-top: none; }

.pubFormStyle > table {
  width: 100%;
  border-collapse: collapse !important;
  box-sizing: border-box; }
  .pubFormStyle > table thead th {
    border-top: 1px solid #e6e6e6;
    border-collapse: collapse;
    border-spacing: 0;
    padding: 5px 8px;
    background: #fafafa;
    color: #000000;
    height: 29px;
    font-weight: bold;
    box-sizing: border-box; }
  .pubFormStyle > table tbody {
    border-collapse: collapse; }
    .pubFormStyle > table tbody th, .pubFormStyle > table tbody td {
      border-top: 1px solid #e6e6e6;
      border-collapse: collapse;
      border-spacing: 0; }
    .pubFormStyle > table tbody th {
      text-align: right;
      padding: 5px 8px 5px; }
      .pubFormStyle > table tbody th[rowspan] {
        border-right: 1px solid #e6e6e6; }
      .pubFormStyle > table tbody th[rowspan].noLine {
        border-right: none; }
    .pubFormStyle > table tbody .infoIcon {
      display: inline-block;
      width: 14px;
      height: 14px;
      margin: 2px 4px 0 0;
      background: url(/static/media/ic_info_01_s_normal@2x.04a55336.png) no-repeat center center;
      background-size: 14px; }
    .pubFormStyle > table tbody th + th {
      border-left: 1px solid #e6e6e6; }
    .pubFormStyle > table tbody td {
      text-align: left;
      padding: 5px 8px;
      word-break: break-all; }
      .pubFormStyle > table tbody td .fullPicker > div {
        width: 100% !important; }
      .pubFormStyle > table tbody td .inputPlaceholderRight > div > div > input[type="text"]::-moz-placeholder {
        text-align: right !important; }
      .pubFormStyle > table tbody td .inputPlaceholderRight > div > div > input[type="text"]:-ms-input-placeholder {
        text-align: right !important; }
      .pubFormStyle > table tbody td .inputPlaceholderRight > div > div > input[type="text"]::placeholder {
        text-align: right !important; }
      .pubFormStyle > table tbody td .inputPlaceholderRight > div > div > input[type="text"]::-ms-input-placeholder {
        text-align: right !important; }
  .pubFormStyle > table [class*="OBTAutoCompleteChips_wrapper"].required {
    background-color: #fef4f4 !important; }
    .pubFormStyle > table [class*="OBTAutoCompleteChips_wrapper"].required [class*="OBTAutoCompleteChips_inputWrapper"] > input {
      background-color: #fef4f4 !important; }
  .pubFormStyle > table .LS_saoinput table th, .pubFormStyle > table .LS_saoinput table td {
    border-top: none;
    padding: auto !important; }
  .pubFormStyle > table .LS_saoinput table th + th {
    border-left: none; }
  .pubFormStyle > table .LS_saoinput table td {
    text-align: left;
    padding: 0px 0px !important; }
  .pubFormStyle > table .mline {
    position: relative; }
    .pubFormStyle > table .mline > div {
      display: block !important; }
    .pubFormStyle > table .mline .engAdd {
      position: absolute;
      float: right;
      right: 8px; }

.pubFormStyle.vertical table thead th {
  text-align: center !important;
  border-left: 1px solid #e6e6e6; }
  .pubFormStyle.vertical table thead th:first-child {
    border-left: none; }
  .pubFormStyle.vertical table thead th[rowspan] {
    border-right: 1px solid #e6e6e6; }
  .pubFormStyle.vertical table thead th > div {
    justify-content: center !important; }
  .pubFormStyle.vertical table thead th.le {
    text-align: left !important; }
    .pubFormStyle.vertical table thead th.le > div {
      justify-content: flex-start !important; }

.pubFormStyle.vertical table tbody th {
  text-align: center !important;
  border-left: 1px solid #e6e6e6; }
  .pubFormStyle.vertical table tbody th:first-child {
    border-left: none; }
  .pubFormStyle.vertical table tbody th[rowspan] {
    border-right: 1px solid #e6e6e6; }
  .pubFormStyle.vertical table tbody th > div {
    justify-content: center !important; }
  .pubFormStyle.vertical table tbody th.le {
    text-align: left !important; }
    .pubFormStyle.vertical table tbody th.le > div {
      justify-content: flex-start !important; }
  .pubFormStyle.vertical table tbody th.ri {
    text-align: right !important; }
    .pubFormStyle.vertical table tbody th.ri > div {
      justify-content: flex-end !important; }

.pubFormStyle.vertical table tbody td {
  height: 29px;
  text-align: center;
  border-left: 1px solid #e6e6e6;
  background-color: #fff; }
  .pubFormStyle.vertical table tbody td:first-child {
    border-left: none; }
  .pubFormStyle.vertical table tbody td[rowspan] {
    border-right: 1px solid #e6e6e6; }
  .pubFormStyle.vertical table tbody td > div {
    justify-content: center !important; }
  .pubFormStyle.vertical table tbody td.le {
    text-align: left !important; }
    .pubFormStyle.vertical table tbody td.le > div {
      justify-content: flex-start !important; }
  .pubFormStyle.vertical table tbody td.ri {
    text-align: right !important; }
    .pubFormStyle.vertical table tbody td.ri > div {
      justify-content: flex-end !important; }
  .pubFormStyle.vertical table tbody td.bg {
    background-color: #f2f6f8; }

.pubFormStyle.vertical table tbody tr.on td {
  background: #e9f5ff; }

.pubFormStyle.vertical.h22 tr {
  height: 32px; }

.pubFormStyle.vertical.h22 td {
  height: 22px; }

.pubFormStyle.BTN {
  margin-top: -2px; }
  .pubFormStyle.BTN table {
    border-top: none;
    width: 100%; }

.pubFormStyle .le {
  text-align: left !important;
  padding-left: 8px; }
  .pubFormStyle .le > div {
    justify-content: flex-start !important; }

.pubFormStyle .ri {
  text-align: right !important;
  padding-right: 8px; }
  .pubFormStyle .ri > div {
    justify-content: flex-end !important; }

.pubFormStyle .cen {
  padding: 0 !important;
  text-align: center !important; }
  .pubFormStyle .cen > div {
    justify-content: center !important; }

.pubFormStyle .impo {
  color: #ff3838;
  line-height: 27px;
  vertical-align: middle;
  margin-right: 4px;
  font-size: 13px;
  height: 20px; }

.pubFormStyle .pubRadioGroupStyle > div > span {
  line-height: 27px !important; }

.pubFormStyle .byte {
  color: #8c8c8c;
  vertical-align: bottom;
  font-size: 12px; }

.pubFormStyle .hoverTd {
  position: relative; }
  .pubFormStyle .hoverTd .hoverBtn {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3); }
    .pubFormStyle .hoverTd .hoverBtn button {
      position: absolute;
      top: 50%;
      margin-top: -14px;
      left: 50%;
      margin-left: -21px; }

.pubFormStyle .hoverTd:hover .hoverBtn {
  display: block; }

.pubFormStyle.hei100per {
  height: 100%; }
  .pubFormStyle.hei100per > table {
    height: 100%; }
    .pubFormStyle.hei100per > table tbody {
      height: 100%; }

.pubFormStyle.hei50per {
  height: 50%; }
  .pubFormStyle.hei50per > table {
    height: 100%; }
    .pubFormStyle.hei50per > table tbody {
      height: 100%; }

.pubFormStyle.bgLine {
  background: #fafafa;
  border: solid #e6e6e6;
  border-width: 0 1px 1px 1px;
  box-sizing: border-box;
  margin-top: 0px; }

.pubFormStyle .left_div {
  float: left; }

.pubFormStyle .right_div {
  float: right; }

.pubFormStyle .cusSp {
  cursor: pointer; }

.pubFormStyle .cusSp:hover {
  text-decoration: underline; }

.pubFormStyle .td_bottom > div {
  align-items: flex-end !important; }

.pubFormStyle [class*="OBTDatePicker"] table thead th {
  border-top: none;
  background: none; }

.pubFormStyle [class*="OBTDatePicker"] table thead th + th {
  border-left: none; }

.pubFormStyle [class*="OBTDatePicker"] table tbody th, .pubFormStyle [class*="OBTDatePicker"] table tbody td {
  border-top: none; }

.pubFormStyle [class*="OBTDatePicker"] table tbody th {
  text-align: left;
  text-align: initial; }

.pubFormStyle [class*="OBTDatePicker"] table tbody th + th {
  border-left: none; }

.pubFormStyle [class*="OBTDatePicker"] table tbody td {
  text-align: left;
  text-align: initial; }

.pubFormStyle .total {
  background-color: #fff1d6; }

.pubFormStyle.newType {
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  background-color: #fafafa; }
  .pubFormStyle.newType > table {
    border: none; }
    .pubFormStyle.newType > table tbody tr:first-child th, .pubFormStyle.newType > table tbody tr:first-child td {
      border-top: none !important; }
    .pubFormStyle.newType > table tbody tr.dvLine th, .pubFormStyle.newType > table tbody tr.dvLine td {
      border-color: #999999 !important; }
    .pubFormStyle.newType > table tbody th, .pubFormStyle.newType > table tbody td {
      border-bottom: none !important; }
    .pubFormStyle.newType > table tbody th {
      text-align: left;
      padding: 11px 0 11px 16px;
      border-top-left-radius: 8px;
      border-bottom-left-radius: 8px;
      background-color: transparent; }
      .pubFormStyle.newType > table tbody th > [class*="OBTFormPanel_contentsWrapper"] {
        display: flex;
        justify-content: flex-start !important;
        text-align: left !important;
        font-weight: normal !important;
        flex-direction: row; }
        .pubFormStyle.newType > table tbody th > [class*="OBTFormPanel_contentsWrapper"] [class*="OBTFormPanel_tooltip"] {
          margin: 1px 5px 0 0; }
          .pubFormStyle.newType > table tbody th > [class*="OBTFormPanel_contentsWrapper"] [class*="OBTFormPanel_tooltip"] img {
            content: url(/static/media/ic_question_01_s_normal.78185379.png); }
      .pubFormStyle.newType > table tbody th[rowspan] {
        border-right: none; }
      .pubFormStyle.newType > table tbody th[rowspan].noLine {
        border-right: none; }
    .pubFormStyle.newType > table tbody td {
      background-color: #ffffff; }
      .pubFormStyle.newType > table tbody td:last-child {
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px; }

.svgDiv {
  width: 16px;
  height: 16px;
  transform-origin: 8px 8px;
  float: left;
  -webkit-animation: rotation 1s forwards infinite;
          animation: rotation 1s forwards infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear; }
  .svgDiv .circleBar {
    stroke-linecap: round;
    -webkit-animation: loading 1s infinite;
            animation: loading 1s infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }

@-webkit-keyframes loading {
  to {
    stroke-dasharray: 50 100; }
  50% {
    stroke-dasharray: 90 100; }
  from {
    stroke-dasharray: 50 100; } }

@keyframes loading {
  to {
    stroke-dasharray: 50 100; }
  50% {
    stroke-dasharray: 90 100; }
  from {
    stroke-dasharray: 50 100; } }

@-webkit-keyframes rotation {
  to {
    transform: rotate(360deg); } }

@keyframes rotation {
  to {
    transform: rotate(360deg); } }

/*****************************   
    OBT컴포넌트 커스텀
******************************/
/* OBT컴포넌트 리스트 못쓰는 경우, 리스트형태 폼스타일*/
.pubFormListStyle .BTN {
  margin-top: 0px; }

.pubFormListStyle .lineOver {
  padding-right: 1px;
  overflow: hidden; }

.pubFormListStyle .pubFormStyle tr:hover td {
  border-bottom: 1px solid #008ef7 !important;
  border-top: 1px solid #008ef7 !important; }

.pubFormListStyle tr {
  position: relative; }
  .pubFormListStyle tr:first-child td {
    border-top: none; }
  .pubFormListStyle tr td:first-child {
    border-left: none; }
  .pubFormListStyle tr:first-child:hover td {
    border-top: 1px solid #008ef7; }
  .pubFormListStyle tr:hover {
    box-shadow: 0px 3px 5px 0 rgba(0, 0, 0, 0.18);
    outline: 1px solid #008ef7;
    box-sizing: border-box;
    border: 1px solid #008ef7; }
    .pubFormListStyle tr:hover td:first-child {
      border-left: 1px solid #008ef7; }
    .pubFormListStyle tr:hover td {
      border-bottom: 1px solid #008ef7; }

.pubFormListStyle.drop tr:hover {
  background: url(/static/media/icon_con_change.cfa682d8.png) no-repeat left center; }

.pubFormListStyle.drop tr:active {
  background: #e9f5ff url(/static/media/icon_con_change.cfa682d8.png) no-repeat left center; }

.pubFormListStyle.borT {
  border-top: 2px solid #666;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  box-sizing: border-box; }
  .pubFormListStyle.borT .pubFormStyle > table {
    border-top: none;
    border-left: none; }
    .pubFormListStyle.borT .pubFormStyle > table tr td:first-child {
      border-left: none; }
    .pubFormListStyle.borT .pubFormStyle > table tr:first-child:hover {
      border-top: none; }
    .pubFormListStyle.borT .pubFormStyle > table tr:hover td {
      border-top: none !important; }

.pubLinearProgress[class*="OBTLinearProgress_root"] {
  position: relative !important;
  padding: 20px 0 10px !important;
  border: none !important; }
  .pubLinearProgress[class*="OBTLinearProgress_root"] [class*="OBTLinearProgress_progressDiv"] {
    margin: 0 !important; }
    .pubLinearProgress[class*="OBTLinearProgress_root"] [class*="OBTLinearProgress_progressDiv"] > div {
      width: 100% !important;
      border-radius: 30px !important; }
      .pubLinearProgress[class*="OBTLinearProgress_root"] [class*="OBTLinearProgress_progressDiv"] > div div {
        border-radius: 30px !important; }
    .pubLinearProgress[class*="OBTLinearProgress_root"] [class*="OBTLinearProgress_progressDiv"] [class*="OBTLinearProgress_innerText"] {
      position: absolute !important;
      top: -20px !important;
      font-weight: bold !important;
      font-size: 13px !important;
      color: #1c90fb !important; }

.pubLinearProgress.row {
  padding: 0 !important; }
  .pubLinearProgress.row [class*="OBTLinearProgress_empty"] {
    display: none; }
  .pubLinearProgress.row [class*="OBTLinearProgress_progressDiv"] {
    display: flex;
    flex-direction: row;
    align-items: center; }
    .pubLinearProgress.row [class*="OBTLinearProgress_progressDiv"] [class*="OBTLinearProgress_innerText"] {
      position: static !important;
      width: auto !important;
      padding: 0 10px; }

.pubTextareaStyle {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: 100%; }
  .pubTextareaStyle div {
    height: 100%; }
    .pubTextareaStyle div div {
      height: 100%; }
      .pubTextareaStyle div div textarea {
        height: 100% !important; }
  .pubTextareaStyle.readOnly textarea {
    color: #1a1a1a !important;
    background: #ffffff !important; }

/*****************************   
    input text   
******************************/
.textButton {
  position: relative; }
  .textButton.typeCount .countInput > div > div > input {
    padding-right: 35px !important; }
  .textButton.typeCount .countNum {
    position: absolute;
    right: 2px;
    top: 3px;
    color: #1c90fb;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    padding: 0 27px 0 5px;
    background-color: #ffffff; }
  .textButton .inputIconButton {
    position: absolute;
    top: 0;
    right: 0; }
    .textButton .inputIconButton > [class*='OBTTooltip_root'] {
      height: 27px; }
    .textButton .inputIconButton button {
      position: relative !important; }
  .textButton .noOver {
    pointer-events: none; }
  .textButton .btnOrgan {
    position: absolute;
    right: 0;
    top: 0;
    background: url(/static/media/ic_organization_s_normal.83bfdc16.png) no-repeat center center !important;
    width: 27px !important;
    border: none !important;
    border-radius: 0; }
    .textButton .btnOrgan:hover {
      background: url(/static/media/ic_organization_s_over.790cbf0b.png) no-repeat center center !important; }
  .textButton .btnSearch {
    position: absolute;
    right: 0;
    top: 0;
    background: url(/static/media/ic_search_s_normal@2x.900f3c61.png) no-repeat center center !important;
    width: 27px !important;
    border: none !important;
    border-radius: 0;
    background-size: 14px !important; }
    .textButton .btnSearch:hover {
      background: url(/static/media/ic_search_s_over@2x.1a98c8ff.png) no-repeat center center !important;
      background-size: 14px !important; }
  .textButton .btnRepeat {
    position: absolute;
    right: 0;
    top: 0;
    background: url(/static/media/ic_repeat_s_normal.c065b5d5.png) no-repeat center center !important;
    width: 27px !important;
    border: none !important;
    border-radius: 0; }
    .textButton .btnRepeat:hover {
      background: url(/static/media/ic_repeat_s_over.1d06227f.png) no-repeat center center !important; }
  .textButton .btnCode {
    position: absolute;
    right: 0;
    top: 0;
    background: url(/static/media/ic_code_m_normal@2x.464539a5.png) no-repeat center center !important;
    width: 27px !important;
    border: none !important;
    border-radius: 0;
    background-size: 18px !important; }
    .textButton .btnCode:hover {
      background: url(/static/media/ic_code_m_over@2x.861d30f3.png) no-repeat center center !important;
      background-size: 18px !important; }
  .textButton .btnAdd {
    position: absolute;
    right: 0;
    top: 0;
    background: url(/static/media/ic_add_02_s_normal.01aebcd6.png) no-repeat center center !important;
    width: 27px !important;
    border: none !important;
    border-radius: 0; }
    .textButton .btnAdd:hover {
      background: url(/static/media/ic_add_02_s_over.2ee45312.png) no-repeat center center !important; }
  .textButton .btnDelete {
    position: absolute;
    right: 0;
    top: 0;
    background: url(/static/media/ic_close_01_s_normal.bbcea031.png) no-repeat center center !important;
    width: 27px !important;
    border: none !important;
    border-radius: 0; }
    .textButton .btnDelete:hover {
      background: url(/static/media/ic_close_01_s_over.0ce22cec.png) no-repeat center center !important; }
  .textButton .btnCal {
    position: absolute;
    right: 0;
    top: 0;
    background: url(/static/media/ic_calendar_m_normal.4aa6aea0.png) no-repeat center center !important;
    width: 27px !important;
    border: none !important;
    border-radius: 0; }
    .textButton .btnCal:hover {
      background: url(/static/media/ic_calendar_m_over.27d69973.png) no-repeat center center !important; }
  .textButton.repeatInput > div > div > div {
    background: #fff !important; }
  .textButton [class*="OBTTextField"] > div > div {
    justify-content: start !important; }
  .textButton [class*="OBTTextField"] > div > div > input {
    width: calc(100% - 20px) !important;
    text-overflow: ellipsis !important; }
  .textButton [class*='OBTNumberField_obtNumberField'] > div > div {
    padding: 3px 25px 3px 6px !important; }
  .textButton .completeInput > div > div > div > span {
    padding: 3px 25px 3px 6px !important; }
  .textButton .positionBadge {
    position: absolute;
    top: 4px;
    right: 30px;
    display: inline-block;
    width: auto;
    height: 16px;
    padding: 0 5px;
    font-size: 10px;
    line-height: 16px;
    border-radius: 2px;
    text-align: center; }
    .textButton .positionBadge.todo {
      border: solid 1px #33b6c3;
      background-color: #eff9fa;
      color: #33b6c3; }
    .textButton .positionBadge.project {
      border: solid 1px #9994f4;
      background-color: #f7f7ff;
      color: #9994f4; }

.pubTextStyle {
  display: inline-block;
  vertical-align: middle; }

.pubTextSuccess {
  position: relative; }
  .pubTextSuccess > div > div {
    border: 1px solid #8fe1bd !important; }
  .pubTextSuccess + .ico {
    position: absolute;
    top: 50%;
    right: 8px;
    margin: -8px 0 0 0 !important; }

.pubTextError {
  position: relative; }
  .pubTextError > div > div {
    border: 1px solid #fc5356 !important; }
  .pubTextError + .ico {
    position: absolute;
    top: 50%;
    right: 8px;
    margin: -8px 0 0 0 !important; }

/*****************************   
    Button   
******************************/
[class*="OBTButtonGroup_focus"].btnGroupImg.btn_list,
[class*="OBTButtonGroup_focus"].btnGroupImg:active.btn_list,
[class*="OBTButtonGroup_buttonGroup"].btnGroupImg > * > [class*="OBTButtonGroup_button"][class*="OBTButtonGroup_focus"].btn_list {
  background: url(/static/media/ic_view_list_02_m_over.a14c119e.png) no-repeat center center, linear-gradient(to top, #d0ebff, #edf6ff) !important;
  border-color: #1c90fb !important; }

[class*="OBTButtonGroup_focus"].btnGroupImg.btn_thumb,
[class*="OBTButtonGroup_focus"].btnGroupImg:active.btn_thumb,
[class*="OBTButtonGroup_buttonGroup"].btnGroupImg > * > [class*="OBTButtonGroup_button"][class*="OBTButtonGroup_focus"].btn_thumb {
  background: url(/static/media/ic_view_thumbnail_02_m_over.91102f1e.png) no-repeat center center, linear-gradient(to top, #d0ebff, #edf6ff) !important;
  border-color: #1c90fb !important; }

[class*="OBTButtonGroup_focus"].btnGroupImg.btn_cal,
[class*="OBTButtonGroup_focus"].btnGroupImg:active.btn_cal,
[class*="OBTButtonGroup_buttonGroup"].btnGroupImg > * > [class*="OBTButtonGroup_button"][class*="OBTButtonGroup_focus"].btn_cal {
  background: url(/static/media/ic_inputcal_m_over.30388823.png) no-repeat center center, linear-gradient(to top, #d0ebff, #e6f6ff) !important;
  border-color: #1c90fb !important; }

[class*="OBTButtonGroup_focus"].btnGroupImg.btn_lr,
[class*="OBTButtonGroup_focus"].btnGroupImg:active.btn_lr,
[class*="OBTButtonGroup_buttonGroup"].btnGroupImg > * > [class*="OBTButtonGroup_button"][class*="OBTButtonGroup_focus"].btn_lr {
  background: url(/static/media/ic_view_left_right_m_over.fd5be16d.png) no-repeat center center, linear-gradient(to top, #d0ebff, #edf6ff) !important;
  border-color: #1c90fb !important; }

[class*="OBTButtonGroup_focus"].btnGroupImg.btn_ud,
[class*="OBTButtonGroup_focus"].btnGroupImg:active.btn_ud,
[class*="OBTButtonGroup_buttonGroup"].btnGroupImg > * > [class*="OBTButtonGroup_button"][class*="OBTButtonGroup_focus"].btn_ud {
  background: url(/static/media/ic_view_up_down_m_over.6fa5385c.png) no-repeat center center, linear-gradient(to top, #d0ebff, #edf6ff) !important;
  border-color: #1c90fb !important; }

[class*="OBTButtonGroup_focus"].btnGroupImg.btn_vp,
[class*="OBTButtonGroup_focus"].btnGroupImg:active.btn_vp,
[class*="OBTButtonGroup_buttonGroup"].btnGroupImg > * > [class*="OBTButtonGroup_button"][class*="OBTButtonGroup_focus"].btn_vp {
  background: url(/static/media/ic_view_pre_m_over.1bfbc474.png) no-repeat center center, linear-gradient(to top, #d0ebff, #edf6ff) !important;
  border-color: #1c90fb !important; }

[class*="OBTButtonGroup_focus"].btnGroupImg.btn_plus,
[class*="OBTButtonGroup_focus"].btnGroupImg:active.btn_plus,
[class*="OBTButtonGroup_buttonGroup"].btnGroupImg > * > [class*="OBTButtonGroup_button"][class*="OBTButtonGroup_focus"].btn_plus {
  background: url(/static/media/ic_add_01_m_over.5869e4d7.png) no-repeat left 4px top 4px, linear-gradient(to top, #d0ebff, #edf6ff) !important; }

[class*="OBTButtonGroup_focus"].btnGroupImg.btn_minus,
[class*="OBTButtonGroup_focus"].btnGroupImg:active.btn_minus,
[class*="OBTButtonGroup_buttonGroup"].btnGroupImg > * > [class*="OBTButtonGroup_button"][class*="OBTButtonGroup_focus"].btn_minus {
  background: url(/static/media/ic_minus_m_over.a28f822a.png) no-repeat center center, linear-gradient(to top, #d0ebff, #edf6ff) !important; }

[class*="OBTButtonGroup_buttonGroup"] > *:not(:last-child) > [class*="OBTButtonGroup_button"]:hover::after,
[class*="OBTButtonGroup_buttonGroup"] > *:not(:last-child) > [class*="OBTButtonGroup_button"][class*="OBTButtonGroup_focus"]::after {
  content: "";
  position: absolute;
  top: -1px;
  bottom: -1px;
  right: -1px;
  width: 1px;
  z-index: 1;
  background: #9f9f9f; }

[class*="OBTButtonGroup_buttonGroup"] > *:not(:last-child) > [class*="OBTButtonGroup_button"][class*="OBTButtonGroup_focus"]::after {
  background: #1c90fb !important; }

.pubButtonStyle {
  display: inline-block;
  vertical-align: middle; }

.btnImg {
  padding: 0 !important;
  width: 27px;
  vertical-align: middle; }

.btnImgSmall {
  padding: 0 !important;
  width: 21px;
  vertical-align: middle; }

.btnNemo {
  padding: 0 !important;
  width: 27px !important;
  height: 27px !important;
  vertical-align: middle;
  outline: none;
  cursor: pointer; }

[class*="OBTButton_disabled"].btnImg {
  border-color: #cccccc !important;
  background-color: #f5f5f5 !important; }

[class*="OBTButton_disabled"].btnImgSmall {
  border-color: #cccccc !important;
  background-color: #f5f5f5 !important; }

.btnImgTxt {
  padding-left: 24px !important; }

/*썸네일*/
.btn_thumb {
  background: url(/static/media/ic_view_thumbnail_02_m_normal.0440b65e.png) no-repeat center center, linear-gradient(to top, #f0f0f0, #ffffff) !important; }

.btn_thumb:active {
  border: solid 1px #a6a6a6 !important;
  background: url(/static/media/ic_view_thumbnail_02_m_normal.0440b65e.png) no-repeat center center, linear-gradient(to bottom, #dddddd, #f5f5f5) !important; }

[class*="OBTButton_disabled"].btn_thumb {
  border: solid 1px #cccccc !important;
  background: #f5f5f5 url(/static/media/ic_view_thumbnail_02_m_disable.229e3809.png) no-repeat center center !important; }

.btn_thumb.on {
  border: solid 1px #1c90fb !important;
  background: url(/static/media/ic_view_thumbnail_02_m_over.91102f1e.png) no-repeat center center, linear-gradient(to top, #a0d6fe, #e6f5ff) !important; }

input.btn_thumb {
  border: 1px solid #ccc !important;
  border-radius: 2px; }

input.btn_thumb:hover {
  border: solid 1px #a6a6a6 !important; }

/*목록*/
.btn_list {
  background: url(/static/media/ic_view_list_02_m_normal.05d0968d.png) no-repeat center center, linear-gradient(to top, #f0f0f0, #ffffff) !important; }

.btn_list:active {
  border: solid 1px #a6a6a6 !important;
  background: url(/static/media/ic_view_list_02_m_normal.05d0968d.png) no-repeat center center, linear-gradient(to bottom, #dddddd, #f5f5f5) !important; }

[class*="OBTButton_disabled"].btn_list {
  border: solid 1px #cccccc !important;
  background: #f5f5f5 url(/static/media/ic_view_list_02_m_disable.15d14cf4.png) no-repeat center center !important; }

.btn_list.on {
  background: url(/static/media/ic_view_list_02_m_over.a14c119e.png) no-repeat center center, linear-gradient(to top, #a0d6fe, #e6f5ff) !important; }

input.btn_list {
  border: 1px solid #ccc !important;
  border-radius: 2px; }

input.btn_list:hover {
  border: solid 1px #a6a6a6 !important; }

/*자세히*/
.btn_detail {
  background: url(/static/media/ic_view_detail_m_normal.a259e73a.png) no-repeat center center, linear-gradient(to top, #f0f0f0, #ffffff) !important; }

.btn_detail:active {
  border: solid 1px #a6a6a6 !important;
  background: url(/static/media/ic_view_detail_m_normal.a259e73a.png) no-repeat center center, linear-gradient(to bottom, #dddddd, #f5f5f5) !important; }

[class*="OBTButton_disabled"].btn_detail {
  border: solid 1px #cccccc !important;
  background: #f5f5f5 url(/static/media/ic_view_detail_m_disable.b5945072.png) no-repeat center center !important; }

.btn_detail.on {
  border: solid 1px #1c90fb !important;
  background: url(/static/media/ic_view_detail_m_over.1d022828.png) no-repeat center center, linear-gradient(to top, #a0d6fe, #e6f5ff) !important; }

input.btn_detail {
  border: 1px solid #ccc !important;
  border-radius: 2px; }

input.btn_detail:hover {
  border: solid 1px #a6a6a6 !important; }

/*혼합형*/
.btn_mixed {
  background: url(/static/media/ic_view_mixed_normal.1d28d4b6.png) no-repeat center center, linear-gradient(to top, #f0f0f0, #ffffff) !important; }

.btn_mixed:active {
  border: solid 1px #a6a6a6 !important;
  background: url(/static/media/ic_view_mixed_normal.1d28d4b6.png) no-repeat center center, linear-gradient(to bottom, #dddddd, #f5f5f5) !important; }

.btn_mixed.on {
  border: solid 1px #1c90fb !important;
  background: url(/static/media/ic_view_mixed_select.06a96a02.png) no-repeat center center, linear-gradient(to top, #a0d6fe, #e6f5ff) !important; }

input.btn_mixed {
  border: 1px solid #ccc !important;
  border-radius: 2px; }

input.btn_mixed:hover {
  border: solid 1px #a6a6a6 !important; }

.btn_lr {
  background: url(/static/media/ic_view_left_right_m_normal.905f71c8.png) no-repeat center center, linear-gradient(to top, #f0f0f0, #ffffff) !important; }

.btn_lr:active {
  border: solid 1px #a6a6a6 !important;
  background: url(/static/media/ic_view_left_right_m_normal.905f71c8.png) no-repeat center center, linear-gradient(to bottom, #dddddd, #f5f5f5) !important; }

[class*="OBTButton_disabled"].btn_lr {
  border: solid 1px #cccccc !important;
  background: #f5f5f5 url(/static/media/ic_view_left_right_m_disable.349769a7.png) no-repeat center center !important; }

.btn_lr.on {
  background: url(/static/media/ic_view_left_right_m_over.fd5be16d.png) no-repeat center center, linear-gradient(to top, #a0d6fe, #e6f5ff) !important; }

.btn_ud {
  background: url(/static/media/ic_view_up_down_m_normal.213d9d2d.png) no-repeat center center, linear-gradient(to top, #f0f0f0, #ffffff) !important; }

.btn_ud:active {
  border: solid 1px #a6a6a6 !important;
  background: url(/static/media/ic_view_up_down_m_normal.213d9d2d.png) no-repeat center center, linear-gradient(to bottom, #dddddd, #f5f5f5) !important; }

[class*="OBTButton_disabled"].btn_ud {
  border: solid 1px #cccccc !important;
  background: #f5f5f5 url(/static/media/ic_view_up_down_m_disable.d89a5dbd.png) no-repeat center center !important; }

.btn_ud.on {
  background: url(/static/media/ic_view_up_down_m_over.6fa5385c.png) no-repeat center center, linear-gradient(to top, #a0d6fe, #e6f5ff) !important; }

.btn_vp {
  background: url(/static/media/ic_view_pre_m_normal.6271bccb.png) no-repeat center center, linear-gradient(to top, #f0f0f0, #ffffff) !important; }

.btn_vp:active {
  border: solid 1px #a6a6a6 !important;
  background: url(/static/media/ic_view_pre_m_normal.6271bccb.png) no-repeat center center, linear-gradient(to bottom, #dddddd, #f5f5f5) !important; }

.btn_vp.on {
  background: url(/static/media/ic_view_pre_m_over.1bfbc474.png) no-repeat center center, linear-gradient(to top, #a0d6fe, #e6f5ff) !important; }

/*다운로더*/
.btn_down {
  background: url(/static/media/ic_download_m_normal.61b727b0.png) no-repeat center center, linear-gradient(to top, #f0f0f0, #ffffff) !important; }

.btn_down:active {
  border: solid 1px #a6a6a6 !important;
  background: url(/static/media/ic_download_m_normal.61b727b0.png) no-repeat center center, linear-gradient(to bottom, #dddddd, #f5f5f5) !important; }

[class*="OBTButton_disabled"].btn_down {
  border: solid 1px #cccccc !important;
  background: #f5f5f5 url(/static/media/ic_download_m_disable.9bb0109d.png) no-repeat center center !important; }

.btn_down.on {
  border: solid 1px #1c90fb !important;
  background: url(/static/media/ic_download_m_over.de92e2f6.png) no-repeat center center, linear-gradient(to top, #a0d6fe, #e6f5ff) !important; }

input.btn_down {
  border: 1px solid #ccc !important;
  border-radius: 2px; }

input.btn_down:hover {
  border: solid 1px #a6a6a6 !important; }

/*초기화*/
.btn_reset {
  background: url(/static/media/ic_reset_m_normal.f1396dc0.png) no-repeat center center, linear-gradient(to top, #f0f0f0, #ffffff) !important; }

.btn_reset:active {
  border: solid 1px #a6a6a6 !important;
  background: url(/static/media/ic_reset_m_normal.f1396dc0.png) no-repeat center center, linear-gradient(to bottom, #dddddd, #f5f5f5) !important; }

.btn_reset.big {
  height: 27px !important;
  vertical-align: middle; }

[class*="OBTButton_disabled"].btn_reset {
  border: solid 1px #cccccc !important;
  background: #f5f5f5 url(/static/media/ic_reset_m_disable.7ee3638e.png) no-repeat center center !important; }

.btn_reset.on {
  border: solid 1px #1c90fb !important;
  background: url(/static/media/ic_reset_m_over.4c3ed9cc.png) no-repeat center center, linear-gradient(to top, #a0d6fe, #e6f5ff) !important; }

input.btn_reset {
  border: 1px solid #ccc !important;
  border-radius: 2px; }

input.btn_reset:hover {
  border: solid 1px #a6a6a6 !important; }

/*삭제*/
.btn_delete {
  background: url(/static/media/ic_trashcan_m_normal.d7cd20e5.png) no-repeat center center, linear-gradient(to top, #f0f0f0, #ffffff) !important; }

.btn_delete:active {
  border: solid 1px #a6a6a6 !important;
  background: url(/static/media/ic_trashcan_m_normal.d7cd20e5.png) no-repeat center center, linear-gradient(to bottom, #dddddd, #f5f5f5) !important; }

[class*="OBTButton_disabled"].btn_delete {
  border: solid 1px #cccccc !important;
  background: #f5f5f5 url(/static/media/ic_trashcan_m_disable.19f4a94f.png) no-repeat center center !important; }

.btn_delete.on {
  border: solid 1px #1c90fb !important;
  background: url(/static/media/ic_trashcan_m_over.91e316b0.png) no-repeat center center, linear-gradient(to top, #a0d6fe, #e6f5ff) !important; }

input.btn_delete {
  border: 1px solid #ccc !important;
  border-radius: 2px; }

input.btn_delete:hover {
  border: solid 1px #a6a6a6 !important; }

/*미리보기*/
.btn_viewer {
  background: url(/static/media/ic_viewer_open_m_normal@2x.b7416d63.png) no-repeat center center, linear-gradient(to top, #f0f0f0, #ffffff) !important;
  background-size: 18px !important; }

.btn_viewer:active {
  border: solid 1px #a6a6a6 !important;
  background: url(/static/media/ic_viewer_open_m_normal@2x.b7416d63.png) no-repeat left 4px center, linear-gradient(to bottom, #dddddd, #f5f5f5) !important;
  background-size: 18px !important; }

[class*="OBTButton_disabled"].btn_viewer {
  border: solid 1px #cccccc !important;
  background: #f5f5f5 url(/static/media/ic_viewer_open_m_disable@2x.465ec577.png) no-repeat center center !important;
  background-size: 18px !important; }

.btn_viewer.on {
  border: solid 1px #1c90fb !important;
  background: url(/static/media/ic_viewer_open_m_over@2x.1074009f.png) no-repeat center center, linear-gradient(to top, #a0d6fe, #e6f5ff) !important;
  background-size: 18px !important; }

input.btn_viewer {
  border: 1px solid #ccc !important;
  border-radius: 2px; }

input.btn_viewer:hover {
  border: solid 1px #a6a6a6 !important; }

/*파일찾기*/
.btn_fileAdd {
  background: url(/static/media/ic_attach_m_normal.196a16c8.png) no-repeat left 4px top 4px, linear-gradient(to top, #f0f0f0, #ffffff) !important; }

.btn_fileAdd:active {
  border: solid 1px #a6a6a6 !important;
  background: url(/static/media/ic_attach_m_normal.196a16c8.png) no-repeat left 4px top 4px, linear-gradient(to bottom, #dddddd, #f5f5f5) !important; }

[class*="OBTButton_disabled"].btn_fileAdd {
  border: solid 1px #cccccc !important;
  background: #f5f5f5 url(/static/media/ic_attach_m_disable.47d15d93.png) no-repeat left 4px top 4px !important; }

.btn_fileAdd.on {
  border: solid 1px #1c90fb !important;
  background: url(/static/media/ic_attach_m_over.941957d3.png) no-repeat left 4px top 4px, linear-gradient(to top, #a0d6fe, #e6f5ff) !important; }

input.btn_fileAdd {
  border: 1px solid #ccc !important;
  border-radius: 2px; }

input.btn_fileAdd:hover {
  border: solid 1px #a6a6a6 !important; }

/*닫기*/
.btn_close {
  background: url(/static/media/ic_close_01_m_normal.fce64b7a.png) no-repeat center center, linear-gradient(to top, #f0f0f0, #ffffff) !important; }

.btn_close:active {
  border: solid 1px #a6a6a6 !important;
  background: url(/static/media/ic_close_01_m_normal.fce64b7a.png) no-repeat center center, linear-gradient(to bottom, #dddddd, #f5f5f5) !important; }

[class*="OBTButton_disabled"].btn_close {
  border: solid 1px #cccccc !important;
  background: #f5f5f5 url(/static/media/ic_close_01_m_disable.507da373.png) no-repeat center center !important; }

.btn_close.on {
  border: solid 1px #1c90fb !important;
  background: url(/static/media/ic_close_01_m_over.f5ec4b52.png) no-repeat center center, linear-gradient(to top, #a0d6fe, #e6f5ff) !important; }

input.btn_close {
  border: 1px solid #ccc !important;
  border-radius: 2px; }

input.btn_close:hover {
  border: solid 1px #a6a6a6 !important; }

/*검색*/
.btnImgTxt.btn_search {
  background-position: left 5px center !important; }

.btnImgTxt.btn_search:active {
  background-position: left 5px center !important; }

.btn_search {
  background: url(/static/media/ic_search_m_normal.ea91620e.png) no-repeat, linear-gradient(to top, #f0f0f0, #ffffff) !important;
  background-position: center center !important; }

.btn_search:active {
  border: solid 1px #a6a6a6 !important;
  background: url(/static/media/ic_search_m_normal.ea91620e.png) no-repeat, linear-gradient(to bottom, #dddddd, #f5f5f5) !important;
  background-position: center center !important; }

[class*="OBTButton_disabled"].btn_search {
  border: solid 1px #cccccc !important;
  background: #f5f5f5 url(/static/media/ic_search_m_disable.09b5e6f9.png) no-repeat !important;
  background-position: center center !important; }

.btn_search.on {
  border: solid 1px #1c90fb !important;
  background: url(/static/media/ic_search_m_over.86b64b20.png) no-repeat, linear-gradient(to top, #a0d6fe, #e6f5ff) !important;
  background-position: center center !important; }

input.btn_search {
  border: 1px solid #ccc !important;
  border-radius: 2px; }

input.btn_search:hover {
  border: solid 1px #a6a6a6 !important; }

/*플러스, 마이나스*/
.btn_plus {
  background: url(/static/media/ic_add_01_m_normal.5b186734.png) no-repeat left 4px top 4px, linear-gradient(to top, #f0f0f0, #ffffff) !important; }

[class*="OBTButton_disabled"].btn_plus {
  border: solid 1px #cccccc !important;
  background: #f5f5f5 url(/static/media/ic_add_01_m_disable.3b569ff9.png) no-repeat left 4px top 4px !important; }

.btn_plus.on {
  border: solid 1px #1c90fb !important;
  background: url(/static/media/ic_add_01_m_over.5869e4d7.png) no-repeat left 4px top 4px, linear-gradient(to top, #a0d6fe, #e6f5ff) !important; }

.btn_plus:active {
  border: solid 1px #a6a6a6 !important;
  background: url(/static/media/ic_add_01_m_normal.5b186734.png) no-repeat left 4px top 4px, linear-gradient(to bottom, #dddddd, #f5f5f5) !important; }

input.btn_plus {
  border: 1px solid #ccc !important;
  border-radius: 2px; }

input.btn_plus:hover {
  border: solid 1px #a6a6a6 !important; }

.btn_minus {
  background: url(/static/media/ic_minus_m_normal.16a98384.png) no-repeat center center, linear-gradient(to top, #f0f0f0, #ffffff) !important; }

.btn_minus.on {
  border: solid 1px #1c90fb !important;
  background: url(/static/media/ic_minus_m_over.a28f822a.png) no-repeat center center, linear-gradient(to top, #a0d6fe, #e6f5ff) !important; }

.btn_minus:active {
  border: solid 1px #a6a6a6 !important;
  background: url(/static/media/ic_minus_m_normal.16a98384.png) no-repeat center center, linear-gradient(to bottom, #dddddd, #f5f5f5) !important; }

[class*="OBTButton_disabled"].btn_minus {
  border: solid 1px #cccccc !important;
  background: #f5f5f5 url(/static/media/ic_minus_m_disable.faef2d52.png) no-repeat center center !important; }

input.btn_minus {
  border: 1px solid #ccc !important;
  border-radius: 2px; }

input.btn_minus:hover {
  border: solid 1px #a6a6a6 !important; }

/*방향*/
.btn_arrUp {
  background: url(/static/media/ic_arrow_up_01_m_normal.ac3efcd6.png) no-repeat center center, linear-gradient(to top, #f0f0f0, #ffffff) !important; }

.btn_arrUp:active {
  border: solid 1px #a6a6a6 !important;
  background: url(/static/media/ic_arrow_up_01_m_normal.ac3efcd6.png) no-repeat center center, linear-gradient(to bottom, #dddddd, #f5f5f5) !important; }

[class*="OBTButton_disabled"].btn_arrUp {
  border: solid 1px #cccccc !important;
  background: #f5f5f5 url(/static/media/ic_arrow_up_01_m_disable.943d5962.png) no-repeat center center !important; }

.btn_arrUp.on {
  border: solid 1px #1c90fb !important;
  background: url(/static/media/ic_arrow_up_01_m_over.82b65228.png) no-repeat center center, linear-gradient(to top, #a0d6fe, #e6f5ff) !important; }

input.btn_arrUp {
  border: 1px solid #ccc !important;
  border-radius: 2px; }

input.btn_arrUp:hover {
  border: solid 1px #a6a6a6 !important; }

.btn_arrDown {
  background: url(/static/media/ic_arrow_down_01_m_normal.28f73b9a.png) no-repeat center center, linear-gradient(to top, #f0f0f0, #ffffff) !important; }

.btn_arrDown:active {
  border: solid 1px #a6a6a6 !important;
  background: url(/static/media/ic_arrow_down_01_m_normal.28f73b9a.png) no-repeat center center, linear-gradient(to bottom, #dddddd, #f5f5f5) !important; }

[class*="OBTButton_disabled"].btn_arrDown {
  border: solid 1px #cccccc !important;
  background: #f5f5f5 url(/static/media/ic_arrow_down_01_m_disable.df3ebc59.png) no-repeat center center !important; }

.btn_arrDown.on {
  border: solid 1px #1c90fb !important;
  background: url(/static/media/ic_arrow_down_01_m_over.25375d5d.png) no-repeat center center, linear-gradient(to top, #a0d6fe, #e6f5ff) !important; }

input.btn_arrDown {
  border: 1px solid #ccc !important;
  border-radius: 2px; }

input.btn_arrDown:hover {
  border: solid 1px #a6a6a6 !important; }

.btn_arrLeft {
  background: url(/static/media/ic_arrow_left_01_m_normal.0f497c5a.png) no-repeat center center, linear-gradient(to top, #f0f0f0, #ffffff) !important; }

.btn_arrLeft:active {
  border: solid 1px #a6a6a6 !important;
  background: url(/static/media/ic_arrow_left_01_m_normal.0f497c5a.png) no-repeat center center, linear-gradient(to bottom, #dddddd, #f5f5f5) !important; }

[class*="OBTButton_disabled"].btn_arrLeft {
  border: solid 1px #cccccc !important;
  background: #f5f5f5 url(/static/media/ic_arrow_left_01_m_disable.8117f335.png) no-repeat center center !important; }

.btn_arrLeft.on {
  border: solid 1px #1c90fb !important;
  background: url(/static/media/ic_arrow_left_01_m_over.9ff672fe.png) no-repeat center center, linear-gradient(to top, #a0d6fe, #e6f5ff) !important; }

input.btn_arrLeft {
  border: 1px solid #ccc !important;
  border-radius: 2px; }

input.btn_arrLeft:hover {
  border: solid 1px #a6a6a6 !important; }

.btn_arrRight {
  background: url(/static/media/ic_arrow_right_01_m_normal.24be3c7d.png) no-repeat center center, linear-gradient(to top, #f0f0f0, #ffffff) !important; }

.btn_arrRight:active {
  border: solid 1px #a6a6a6 !important;
  background: url(/static/media/ic_arrow_right_01_m_normal.24be3c7d.png) no-repeat center center, linear-gradient(to bottom, #dddddd, #f5f5f5) !important; }

[class*="OBTButton_disabled"].btn_arrRight {
  border: solid 1px #cccccc !important;
  background: #f5f5f5 url(/static/media/ic_arrow_right_01_m_disable.a437f959.png) no-repeat center center !important; }

.btn_arrRight.on {
  border: solid 1px #1c90fb !important;
  background: url(/static/media/ic_arrow_right_01_m_over.ae59d43b.png) no-repeat center center, linear-gradient(to top, #a0d6fe, #e6f5ff) !important; }

input.btn_arrRight {
  border: 1px solid #ccc !important;
  border-radius: 2px; }

input.btn_arrRight:hover {
  border: solid 1px #a6a6a6 !important; }

.btn_cal {
  background: url(/static/media/ic_inputcal_m_normal.d3640df8.png) no-repeat center center, linear-gradient(to top, #f0f0f0, #ffffff) !important; }

.btn_cal:active {
  border: solid 1px #a6a6a6 !important;
  background: url(/static/media/ic_inputcal_m_normal.d3640df8.png) no-repeat center center, linear-gradient(to bottom, #dddddd, #f5f5f5) !important; }

.btn_cal.on {
  border: solid 1px #1c90fb !important;
  background: url(/static/media/ic_inputcal_m_over.30388823.png) no-repeat center center, linear-gradient(to top, #a0d6fe, #e6f5ff) !important; }

[class*="OBTButton_disabled"].btn_cal {
  border: solid 1px #cccccc !important;
  background: #f5f5f5 url(/static/media/ic_inputcal_m_disable.482ddc51.png) no-repeat center center !important; }

input.btn_cal {
  border: 1px solid #ccc !important;
  border-radius: 2px; }

input.btn_cal:hover {
  border: solid 1px #a6a6a6 !important; }

.btn_newPage {
  background: url(/static/media/ic_write_newpage_m_normal.1b29c71e.png) no-repeat center center, linear-gradient(to top, #f0f0f0, #ffffff) !important; }

.btn_newPage:active {
  border: solid 1px #a6a6a6 !important;
  background: url(/static/media/ic_write_newpage_m_normal.1b29c71e.png) no-repeat center center, linear-gradient(to bottom, #dddddd, #f5f5f5) !important; }

.btn_newPage.on {
  border: solid 1px #1c90fb !important;
  background: url(/static/media/ic_write_newpage_m_over.1cd7f2ad.png) no-repeat center center, linear-gradient(to top, #a0d6fe, #e6f5ff) !important; }

[class*="OBTButton_disabled"].btn_newPage {
  border: solid 1px #cccccc !important;
  background: #f5f5f5 url(/static/media/ic_write_newpage_m_disable.171b68bc.png) no-repeat center center !important; }

input.btn_newPage {
  border: 1px solid #ccc !important;
  border-radius: 2px; }

input.btn_newPage:hover {
  border: solid 1px #a6a6a6 !important; }

.btn_department {
  background: url(/static/media/ic_department_m_normal@2x.5189dfe9.png) no-repeat center/18px, linear-gradient(to top, #f0f0f0, #ffffff) !important; }

.btn_department:active {
  border: solid 1px #a6a6a6 !important;
  background: url(/static/media/ic_department_m_normal@2x.5189dfe9.png) no-repeat center/18px, linear-gradient(to bottom, #dddddd, #f5f5f5) !important; }

input.btn_department {
  border: 1px solid #ccc !important;
  border-radius: 2px; }

input.btn_department:hover {
  border: solid 1px #a6a6a6 !important; }

.btn_excel_down_nobg {
  border: none !important;
  background: url(/static/media/ic_excel_save_m_normal.d292d08c.png) no-repeat center center !important; }

.btn_excel_down_nobg:hover {
  background: url(/static/media/ic_excel_save_m_over.d03cbadd.png) no-repeat center center !important; }

.newOpen {
  background: url(/static/media/ic_newpage_s_normal.40b830cb.png) no-repeat center center !important;
  border: none !important;
  width: 14px !important;
  height: 14px !important;
  margin-right: 4px;
  padding: 0; }

.newOpen:hover {
  background: url(/static/media/ic_newpage_s_over.5c911224.png) no-repeat center center !important; }

.btn_comp {
  background: url(/static/media/ic_comp02_m_normal.fe5b5ac2.png) no-repeat center center, linear-gradient(to top, #f0f0f0, #ffffff) !important; }

.btn_comp:hover {
  border: solid 1px #a6a6a6 !important;
  background: url(/static/media/ic_comp02_m_over.df365c60.png) no-repeat center center, linear-gradient(to top, #f0f0f0, #ffffff) !important; }

.btn_comp:active {
  border: solid 1px #a6a6a6 !important;
  background: url(/static/media/ic_comp02_m_over.df365c60.png) no-repeat center center, linear-gradient(to bottom, #dddddd, #f5f5f5) !important; }

[class*="OBTButton_disabled"].btn_comp {
  border: solid 1px #cccccc !important;
  background: #f5f5f5 url(/static/media/ic_comp02_m_disable.b8977646.png) no-repeat center center !important; }

/*게시판 담당자 버튼*/
.btn_board_hu {
  border: none !important;
  background: url(/static/media/ic_user_m_normal@2x.8fb010d2.png) no-repeat center center !important;
  background-size: 18px !important; }
  .btn_board_hu:hover {
    background: url(/static/media/ic_user_m_over@2x.6053086e.png) no-repeat center center !important;
    background-size: 18px !important; }

.btn_board_add {
  border: none !important;
  background: url(/static/media/ic_add_02_m_normal.a9085c2b.png) no-repeat center center !important; }
  .btn_board_add:hover {
    background: url(/static/media/ic_add_02_m_over.27d4c891.png) no-repeat center center !important; }

.btn_board_cata {
  border: none !important;
  background: url(/static/media/ic_board_classify_m_normal.262757b6.png) no-repeat center center !important; }
  .btn_board_cata:hover {
    filter: invert(42%) sepia(83%) saturate(1989%) hue-rotate(189deg) brightness(100%) contrast(97%); }

.btn_board_clo {
  border: none !important;
  background: url(/static/media/ic_close_01_s_normal@2x.6cfcade9.png) no-repeat center center !important;
  background-size: 14px !important; }
  .btn_board_clo:hover {
    filter: invert(42%) sepia(83%) saturate(1989%) hue-rotate(189deg) brightness(100%) contrast(97%); }

.btn_board_org {
  border: none !important;
  background: url(/static/media/ic_organization_m_normal.1b76fd4e.png) no-repeat center center !important; }
  .btn_board_org:hover {
    background: url(/static/media/ic_organization_m_over.d93c606d.png) no-repeat center center !important; }

[class*=OBTButton_disabled].btnImg.btn_board_org {
  border: none !important;
  background: transparent url(/static/media/ic_organization_m_disable.36afe299.png) no-repeat center center !important;
  cursor: not-allowed !important; }

.btn_board_newPage {
  border: none !important;
  background: url(/static/media/ic_write_newpage_s_normal.76af0a99.png) no-repeat center center !important;
  background-size: 14px !important; }
  .btn_board_newPage:hover {
    background: url(/static/media/ic_write_newpage_s_over.76e07961.png) no-repeat center center !important;
    background-size: 14px !important; }

.btn_onechamber {
  border: none !important;
  background: url(/static/media/ic_onechamber_m_normal.5722111b.png) no-repeat center center !important; }
  .btn_onechamber:hover {
    background: url(/static/media/ic_onechamber_m_over.98af849d.png) no-repeat center center !important; }

.btnNemo.btn_onechamber {
  border: solid 1px #a6a6a6 !important;
  background: url(/static/media/ic_onechamber_m_normal.5722111b.png) no-repeat center center, linear-gradient(to top, #f0f0f0, #ffffff) !important;
  background: auto auto;
  height: 27px !important; }

.btnNemo.btn_onechamber:hover {
  background: url(/static/media/ic_onechamber_m_normal.5722111b.png) no-repeat center center, linear-gradient(to top, #d9d9d9, #fafafa) !important;
  background: auto auto; }

/* 색상 btn */
.btn_color {
  border-radius: 2px;
  background: #fff !important;
  height: 27px; }
  .btn_color [class*="OBTButton_wrapper"] {
    display: block; }
  .btn_color.on {
    border: none !important;
    font-weight: bold;
    color: #fff; }
    .btn_color.on span {
      color: #fff !important; }
  .btn_color.gray {
    border: 1px solid #929fbc !important;
    color: #929fbc; }
    .btn_color.gray span {
      color: #929fbc; }
    .btn_color.gray.on {
      background: #929fbc !important; }
  .btn_color.lightGray {
    border: 1px solid #9da3aa !important;
    color: #9da3aa; }
    .btn_color.lightGray span {
      color: #9da3aa; }
    .btn_color.lightGray.on {
      background: #9da3aa !important; }
  .btn_color.blue {
    border: 1px solid #46a3f0 !important;
    color: #46a3f0; }
    .btn_color.blue span {
      color: #46a3f0; }
    .btn_color.blue.on {
      background: #46a3f0 !important; }
  .btn_color.green {
    border: 1px solid #20c997 !important;
    color: #20c997; }
    .btn_color.green span {
      color: #20c997; }
    .btn_color.green.on {
      background: #20c997 !important; }
  .btn_color.yellow {
    border: 1px solid #f0c325 !important;
    color: #f0c325; }
    .btn_color.yellow span {
      color: #f0c325; }
    .btn_color.yellow.on {
      background: #f0c325 !important; }
  .btn_color.red {
    border: 1px solid #FF8787 !important;
    color: #FF8787; }
    .btn_color.red span {
      color: #FF8787; }
    .btn_color.red.on {
      background: #FF8787 !important; }

/*****************************   
    twinBox   
******************************/
.twinBox > table {
  width: 100%;
  height: 100%;
  border: 1px solid #e6e6e6;
  table-layout: fixed; }
  .twinBox > table td {
    border: solid #e6e6e6;
    border-width: 0 0 0 1px; }
    .twinBox > table td:first-child {
      border: none; }
    .twinBox > table td.twinBox_td {
      vertical-align: top;
      height: 100%;
      padding: 20px;
      box-sizing: border-box; }
    .twinBox > table td.twinBox_cen {
      vertical-align: middle;
      text-align: center; }

.cen_arr_div {
  width: 100%;
  height: 100%;
  text-align: center;
  position: relative; }
  .cen_arr_div .btn_set {
    position: absolute;
    top: 50%;
    margin-top: -28px; }
    .cen_arr_div .btn_set > div:first-child {
      margin-bottom: 2px; }
    .cen_arr_div .btn_set button {
      border: 1px solid #a6a6a6;
      background-color: linear-gradient(to top, #f0f0f0, #ffffff);
      width: 27px !important;
      padding: 0 !important; }
      .cen_arr_div .btn_set button > div {
        width: 100%;
        height: 100%; }
      .cen_arr_div .btn_set button:hover {
        background-color: linear-gradient(to top, #d9d9d9, #fafafa); }
      .cen_arr_div .btn_set button:active {
        background-color: linear-gradient(to top, #cccccc, #f5f5f5); }
      .cen_arr_div .btn_set button.arrBtnNext {
        margin-bottom: 2px; }
        .cen_arr_div .btn_set button.arrBtnNext > div {
          background: url(/static/media/ic_arrow_right_01_m_normal.24be3c7d.png) no-repeat center center !important; }
      .cen_arr_div .btn_set button.arrBtnPrev > div {
        background: url(/static/media/ic_arrow_left_01_m_normal.0f497c5a.png) no-repeat center center !important; }

.mid_arr_div {
  width: 100%;
  padding: 10px 0;
  text-align: center; }
  .mid_arr_div .btn_set {
    margin: 0 auto; }
    .mid_arr_div .btn_set > div:first-child {
      margin-right: 2px; }
    .mid_arr_div .btn_set button {
      border: 1px solid #a6a6a6 !important;
      background-color: linear-gradient(to top, #f0f0f0, #ffffff);
      width: 27px !important;
      padding: 0 !important; }
      .mid_arr_div .btn_set button > div {
        width: 100%;
        height: 100%; }
      .mid_arr_div .btn_set button:hover {
        background-color: linear-gradient(to top, #d9d9d9, #fafafa); }
      .mid_arr_div .btn_set button:active {
        background-color: linear-gradient(to top, #cccccc, #f5f5f5); }
      .mid_arr_div .btn_set button.arrBtnUp > div {
        background: url(/static/media/ic_arrow_up_01_m_normal.ac3efcd6.png) no-repeat center center !important; }
      .mid_arr_div .btn_set button.arrBtnDown > div {
        background: url(/static/media/ic_arrow_down_01_m_normal.28f73b9a.png) no-repeat center center !important; }

/*****************************   
    flexBox   
******************************/
.flexBox {
  display: flex;
  -ms-display: flex;
  height: 100%; }
  .flexBox .fb_div {
    display: inline-flex;
    -ms-display: inline-flex;
    height: 100%;
    flex-direction: column;
    vertical-align: top; }
    .flexBox .fb_div.treeViewBox > div:first-child {
      border: 1px solid #e6e6e6; }
  .flexBox.borderBox {
    box-sizing: border-box; }
    .flexBox.borderBox .fb_div {
      border: 1px solid #e6e6e6;
      box-sizing: border-box; }
    .flexBox.borderBox .fb_div:first-child {
      border-right: none; }
  .flexBox .high_div {
    display: none; }
  .flexBox.highlight {
    position: absolute;
    z-index: 10001;
    background: #fff;
    width: 100%; }
    .flexBox.highlight > .fb_div {
      width: 100%; }
    .flexBox.highlight .high_div {
      position: absolute;
      top: -40px;
      right: 0px;
      display: block; }
      .flexBox.highlight .high_div .txt {
        color: #fff;
        float: left;
        font-size: 20px;
        line-height: 27px;
        margin-right: 20px; }
      .flexBox.highlight .high_div .btn_high_clo {
        background: url(/static/media/btn_highlight_clo01.18930816.png) no-repeat center center !important;
        border: none !important;
        float: right; }

/*****************************   
    grid   
******************************/
.pubGridStyle {
  height: 100%;
  width: 100%;
  position: relative; }
  .pubGridStyle [class*="OBTPagination_drop"] {
    vertical-align: top; }
  .pubGridStyle > div > div {
    border-top-color: #666666; }

.btn_div + .pubGridStyle {
  height: calc(100% - 41px); }

/*****************************   
    paging   
******************************/
.pubSelectStyle div > div > span {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: 19px !important;
  line-height: 19px !important; }

/*****************************   
    tab   
******************************/
.luxTapStyle > div:first-child {
  text-align: left !important;
  margin-top: 0; }
  .luxTapStyle > div:first-child > div ul li button {
    min-width: 100px; }

.luxTapStyle > div {
  margin-top: 15px; }

.pubTabStyle {
  position: relative; }
  .pubTabStyle > div > div > div > div > ul > div:first-child li > button > span:first-child {
    display: none; }
  .pubTabStyle.tabCusButton > div > div:first-child > div > div:first-child {
    margin-right: 120px !important; }
  .pubTabStyle.tabCusButton [class*="OBTTabs_buttonGroup"] {
    right: 72px; }
  .pubTabStyle.conPt20 > div > div > div:nth-child(2) {
    padding-top: 20px !important;
    box-sizing: border-box; }
  .pubTabStyle.conPt15 > div > div > div:nth-child(2) {
    padding-top: 15px !important;
    box-sizing: border-box; }

.tabW135 > div > div > div > div > ul li > button {
  width: 135px !important; }

.tabW184 > div > div > div > div > ul li > button {
  width: 184px !important; }

.btnCusTab {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 2; }

.OBTTabSmallCustom > div > div > div {
  border: none !important; }

.OBTTabSmallCustom > div > div > div > div > ul > div > li > button {
  padding: 0 10px !important;
  border: none !important; }

/*****************************   
    btn_div   
******************************/
.btn_div {
  padding-bottom: 5px;
  height: 31px;
  box-sizing: border-box; }
  .btn_div.h27 {
    padding-bottom: 0px;
    height: 27px; }
  .btn_div .left_div {
    float: left; }
    .btn_div .left_div > div:first-child {
      float: left; }
    .btn_div .left_div > span:first-child {
      float: left; }
    .btn_div .left_div button {
      margin-left: 0;
      margin-right: 4px; }
    .btn_div .left_div .txt {
      margin-left: 0;
      margin-right: 5px; }
    .btn_div .left_div .left_div_in {
      float: left; }
      .btn_div .left_div .left_div_in > div {
        vertical-align: middle; }
  .btn_div .right_div {
    float: right; }
    .btn_div .right_div > div {
      vertical-align: middle; }
  .btn_div .cen_div {
    text-align: center; }
    .btn_div .cen_div > div {
      vertical-align: middle; }
  .btn_div button {
    vertical-align: top;
    margin-left: 4px;
    min-width: 27px; }
    .btn_div button.btn_clo {
      background: url(/static/media/ic_close_01_m_normal.fce64b7a.png) no-repeat center center !important;
      border: none !important; }
  .btn_div [data-orbit-component="OBTButtonGroup"] button {
    margin-left: 0; }
  .btn_div input {
    height: 22px;
    padding: 0 0 0 6px;
    border: 1px solid #c9cac9;
    background: #fff;
    color: #4a4a4a; }
    .btn_div input:hover {
      border: 1px solid #1088e3; }
  .btn_div .btn_list {
    margin-left: -1px !important; }
  .btn_div .txt {
    line-height: 27px;
    color: #666;
    margin-left: 5px; }
  .btn_div .sortSet {
    margin-top: 5px; }
  .btn_div .tit {
    font-weight: bold;
    font-size: 14px;
    line-height: 27px;
    margin-right: 5px; }

/*****************************   
    treeBox   
******************************/
.treeBox {
  height: 100%;
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
  overflow-y: auto; }
  .treeBox > div {
    display: block;
    border: none;
    height: 100%;
    width: 100%;
    box-sizing: border-box; }

/*****************************   
    AccodionTable   
******************************/
.pubAccordionStyle .tit_sp {
  font-size: 13px;
  color: #4a4a4a; }

.pubAccordionStyle .so_txt {
  color: #a6a6a6;
  margin-left: 6px; }

.checkTable table {
  width: 100%;
  table-layout: fixed; }
  .checkTable table th, .checkTable table td {
    height: 38px;
    border: 1px solid #e6e6e6; }
  .checkTable table th {
    font-size: 12px;
    font-weight: bold;
    background: #fafafa; }
  .checkTable table td {
    text-align: center;
    font-size: 12px;
    color: #000000; }
  .checkTable table .imgQue {
    background: url(/static/media/ic_question_01_s_normal.78185379.png) no-repeat center center;
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: top; }

/*****************************   
    빈데이터 화면   
******************************/
/*큰 이미지*/
.con_normal {
  height: 100%;
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #8c8c8c;
  letter-spacing: -0.8px; }
  .con_normal .text {
    background: url(/static/media/img_empty_write.0143afcc.png) no-repeat center center;
    padding-top: 120px;
    margin-top: -30px; }
    .con_normal .text.nolist {
      background: url(/static/media/img_empty_list.4c7405ff.png) no-repeat center center; }
    .con_normal .text.nocompany {
      background: url(/static/media/img_empty_company.a80499a0.png) no-repeat center center; }
  .con_normal.small {
    font-size: 12px; }
    .con_normal.small .text {
      padding-top: 80px;
      background-size: 42px 42px; }
      .con_normal.small .text.nolist {
        background: url(/static/media/img_empty_list_s.9cff1298.png) no-repeat center center; }
      .con_normal.small .text.nowrite {
        background: url(/static/media/img_empty_write_s.f6944943.png) no-repeat center center; }

/*****************************   
    no_data 로 재정의   
******************************/
.no_data {
  height: 100%;
  box-sizing: border-box;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #8c8c8c;
  letter-spacing: -0.8px; }
  .no_data.border {
    border: 1px solid #e6e6e6; }
  .no_data .text {
    min-width: 130px;
    background: url(/static/media/img_empty_data.e2fb6419.png) no-repeat center center;
    padding-top: 120px;
    margin-top: -45px; }
    .no_data .text.nowrite {
      background: url(/static/media/img_empty_write.0143afcc.png) no-repeat center center; }
    .no_data .text.nosearch {
      background: url(/static/media/img_empty_search.99d00858.png) no-repeat center center; }
    .no_data .text.nolist {
      background: url(/static/media/img_empty_list.4c7405ff.png) no-repeat center center; }
    .no_data .text.nodept {
      background: url(/static/media/img_empty_dept.f0499377.png) no-repeat center center; }
    .no_data .text.novideo {
      background: url(/static/media/img_empty_video.b17fea42.png) no-repeat center center; }
    .no_data .text.nomemo {
      background: url(/static/media/img_empty_memo.199295c0.png) no-repeat center center; }
    .no_data .text.noevent {
      background: url(/static/media/img_empty_event.5d5cabdd.png) no-repeat center center; }
    .no_data .text.nocompany {
      background: url(/static/media/img_empty_company.a80499a0.png) no-repeat center center; }
    .no_data .text.noform {
      background: url(/static/media/img_empty_form.2db0f440.png) no-repeat center center; }
    .no_data .text.nocomment {
      background: url(/static/media/img_empty_comment.15603f13.png) no-repeat center center; }
    .no_data .text.noproduct {
      background: url(/static/media/img_empty_product.07de2d1c.png) no-repeat center center; }
    .no_data .text.nouser {
      background: url(/static/media/img_empty_user.75960fbd.png) no-repeat center center; }
    .no_data .text.analysis {
      background: url(/static/media/img_empty_analysis.f8cf55c8.png) no-repeat center center; }
    .no_data .text.userAdd {
      background: url(/static/media/img_empty_user_add.c28677c7.png) no-repeat center center; }
    .no_data .text.noalert {
      background: url(/static/media/img_empty_noti.6f4f70f7.png) no-repeat center center; }
    .no_data .text.nomail {
      background: url(/static/media/img_empty_mail.50e3d125.png) no-repeat center center; }
    .no_data .text.nomailselect {
      background: url(/static/media/img_select_mail.11855acb.png) no-repeat center center; }
    .no_data .text.notrash {
      background: url(/static/media/img_empty_trash.db896f47.png) no-repeat center center; }
    .no_data .text.norecent {
      background: url(/static/media/img_empty_recent.1e7d6f86.png) no-repeat center center; }
    .no_data .text.nosignhistory {
      background: url(/static/media/img_empty_sign_history.24fc352f.png) no-repeat center center; }
    .no_data .text.noDday {
      background: url(/static/media/img_empty_dday.bf93f18e.png) no-repeat center center; }
    .no_data .text.noshare {
      background: url(/static/media/img_empty_share.ad7f7fe9.png) no-repeat center center; }
    .no_data .text.noauthority {
      background: url(/static/media/img_empty_authority.c73abcbc.png) no-repeat center center; }
    .no_data .text.nodocuflow {
      background: url(/static/media/img_empty_docuflow.aea10758.png) no-repeat center center; }
    .no_data .text.nodeptdocu {
      background: url(/static/media/img_empty_dept_docu.b8d12b48.png) no-repeat center center; }
    .no_data .text.nolock {
      background: url(/static/media/img_empty_lock.3509c5d9.png) no-repeat center center; }
    .no_data .text.noonefilp {
      background: url(/static/media/img_empty_onefilp.0f00e49c.png) no-repeat center center; }
    .no_data .text.noimportant {
      background: url(/static/media/img_empty_important.a6694166.png) no-repeat center center; }
    .no_data .text.noprocess {
      background: url(/static/media/img_empty_process.669b3a22.png) no-repeat center center; }
    .no_data .text.noclass {
      background: url(/static/media/img_empty_class.dfed5a6b.png) no-repeat center center; }
    .no_data .text.noattachfile {
      background: url(/static/media/img_empty_attachfile.76d0cc44.png) no-repeat center center; }
    .no_data .text.noviewer {
      background: url(/static/media/img_empty_viewer.f1ef2263.png) no-repeat center center; }
    .no_data .text.nocarryout {
      background: url(/static/media/img_empty_carryout.029d6223.png) no-repeat center center; }
    .no_data .text.notification {
      background: url(/static/media/img_empty_notification.2fe1a9e1.png) no-repeat center center; }
    .no_data .text.vote {
      background: url(/static/media/img_empty_vote.c18c3342.png) no-repeat center center; }
  .no_data.small {
    font-size: 12px; }
    .no_data.small .text {
      padding-top: 70px;
      background: url(/static/media/img_empty_data_s.03e809be.png) no-repeat center center;
      background-size: 42px 42px;
      margin-top: -35px; }
      .no_data.small .text.nowrite {
        background: url(/static/media/img_empty_write_s.f6944943.png) no-repeat center center; }
      .no_data.small .text.nosearch {
        background: url(/static/media/img_empty_search_s.07c65fa2.png) no-repeat center center; }
      .no_data.small .text.nolist {
        background: url(/static/media/img_empty_list_s.9cff1298.png) no-repeat center center; }
      .no_data.small .text.nodept {
        background: url(/static/media/img_empty_dept_s.7bdfc38c.png) no-repeat center center; }
      .no_data.small .text.novideo {
        background: url(/static/media/img_empty_video_s.ffb6e62d.png) no-repeat center center; }
      .no_data.small .text.nomemo {
        background: url(/static/media/img_empty_memo_s.9713a427.png) no-repeat center center; }
      .no_data.small .text.noevent {
        background: url(/static/media/img_empty_event_s.4db87b7c.png) no-repeat center center; }
      .no_data.small .text.nocompany {
        background: url(/static/media/img_empty_company_s.5c909a0d.png) no-repeat center center; }
      .no_data.small .text.nocomment {
        background: url(/static/media/img_empty_comment_s.279d771e.png) no-repeat center center; }
      .no_data.small .text.noalert {
        background: url(/static/media/img_empty_noti_s.5887aa53.png) no-repeat center center; }
      .no_data.small .text.nomail {
        background: url(/static/media/img_empty_mail_s.4ad0dcf5.png) no-repeat center center; }
      .no_data.small .text.nomailselect {
        background: url(/static/media/img_select_mail_s.3c31b27c.png) no-repeat center center; }
      .no_data.small .text.notime {
        background: url(/static/media/img_empty_time_s.bdcab2ed.png) no-repeat center center; }
      .no_data.small .text.nosetting {
        background: url(/static/media/img_empty_setting_s.99737916.png) no-repeat center center; }
      .no_data.small .text.noscreen {
        background: url(/static/media/img_empty_screen_s.bb01aa44.png) no-repeat center center; }
      .no_data.small .text.nouser {
        background: url(/static/media/img_empty_user_s.84b48ad1.png) no-repeat center center; }
      .no_data.small .text.userAdd {
        background: url(/static/media/img_empty_user_add_s.8816222c.png) no-repeat center center; }
      .no_data.small .text.nosignhistory {
        background: url(/static/media/img_empty_sign_history_s.beff30c4.png) no-repeat center center; }
      .no_data.small .text.nosignselect {
        background: url(/static/media/img_empty_sign_select.c6d1e22a.png) no-repeat center center; }
      .no_data.small .text.noSchedule {
        background: url(/static/media/img_empty_schedule_s@2x.450db453.png) no-repeat center center;
        background-size: 42px 42px; }
      .no_data.small .text.noSelectSchedule {
        background: url(/static/media/img_select_schedule_s.cbabf1b9.png) no-repeat center center; }
      .no_data.small .text.noNameCard {
        background: url(/static/media/img_empty_businesscard_s@2x.c316ba9a.png) no-repeat center center;
        background-size: 42px 42px; }
      .no_data.small .text.nohistory {
        background: url(/static/media/img_empty_history_s.cd65395e.png) no-repeat center center; }
      .no_data.small .text.noshare {
        background: url(/static/media/img_empty_share_s.ad3280b2.png) no-repeat center center; }
      .no_data.small .text.noimportant {
        background: url(/static/media/img_empty_important_s.54963c0e.png) no-repeat center center; }
      .no_data.small .text.noauthority {
        background: url(/static/media/img_empty_authority_s.94f48094.png) no-repeat center center; }
      .no_data.small .text.nodocuflow {
        background: url(/static/media/img_empty_docuflow_s.e1fca69e.png) no-repeat center center; }
      .no_data.small .text.nochart {
        background: url(/static/media/img_empty_chart_s.b4b9f0da.png) no-repeat center center; }
      .no_data.small .text.nodeptdocu {
        background: url(/static/media/img_empty_dept_docu_s.69608884.png) no-repeat center center; }
      .no_data.small .text.nokeep {
        background: url(/static/media/img_empty_keep_s.d605ce35.png) no-repeat center center; }
      .no_data.small .text.nodocconn {
        background: url(/static/media/img_empty_doc_conn_s.7aa437f3.png) no-repeat center center; }
      .no_data.small .text.noclass {
        background: url(/static/media/img_empty_class_s.cf3a0824.png) no-repeat center center; }
      .no_data.small .text.noprocess {
        background: url(/static/media/img_empty_process_s.22cd3313.png) no-repeat center center; }
      .no_data.small .text.noprofile {
        background: url(/static/media/img_empty_profile_s.c7d7643c.png) no-repeat center center; }
      .no_data.small .text.nomydocu {
        background: url(/static/media/img_empty_mydocu_s.2764db47.png) no-repeat center center; }
      .no_data.small .text.noattachfile {
        background: url(/static/media/img_empty_attachfile_s.690c11da.png) no-repeat center center; }
      .no_data.small .text.noviewer {
        background: url(/static/media/img_empty_viewer_s.289b2e20.png) no-repeat center center; }
      .no_data.small .text.nocarryout {
        background: url(/static/media/img_empty_carryout_s.f3ea6fc7.png) no-repeat center center; }
      .no_data.small .text.noequipment {
        background: url(/static/media/img_empty_equipment_s.39396506.png) no-repeat center center; }
      .no_data.small .text.agent {
        background: url(/static/media/img_empty_agent_s@2x.21db5008.png) no-repeat center center;
        background-size: 42px 42px; }
      .no_data.small .text.skill {
        background: url(/static/media/img_empty_skills_s@2x.7beaaf7a.png) no-repeat center center;
        background-size: 42px 42px; }
      .no_data.small .text.borrowed {
        background: url(/static/media/img_empty_borrowed_fund@2x.9aa5e6b0.png) no-repeat center;
        background-size: 42px 42px; }
  .no_data div {
    text-align: center; }
    .no_data div img {
      text-align: center; }
  .no_data .txt {
    font-size: 15.5px;
    line-height: 1.16;
    letter-spacing: -0.78px;
    text-align: center;
    color: #8c8c8c;
    margin-top: 7px; }
  .no_data .subTxt {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.6px;
    text-align: center;
    color: #8c8c8c;
    margin-top: 8px; }

.emptySet {
  overflow: hidden; }
  .emptySet .tit {
    height: 29px;
    font-size: 20px;
    line-height: 1.45;
    color: #1c90fb;
    clear: both; }
  .emptySet ul {
    margin-top: 30px;
    flex-wrap: wrap;
    grid-gap: 10px;
    gap: 10px; }
    .emptySet ul li {
      margin-bottom: 50px;
      position: relative; }
      .emptySet ul li .txt {
        font-size: 16px;
        line-height: 24px;
        clear: both;
        color: #000000;
        padding-bottom: 10px;
        display: block; }
      .emptySet ul li .box {
        height: 240px;
        width: 280px; }
      .emptySet ul li .small_box {
        height: 200px;
        width: 264px; }
      .emptySet ul li .codePreDiv {
        position: absolute;
        z-index: 2;
        left: 0;
        top: 32px; }
        .emptySet ul li .codePreDiv pre {
          background: #f2f2f2;
          padding: 20px;
          border: 1px solid #e6e6e6; }
        .emptySet ul li .codePreDiv .btn_board_clo {
          position: absolute;
          right: 0px;
          top: 10px; }

/*****************************   
    layer_wrap   
******************************/
.layer_set {
  height: 100%; }
  .layer_set .layer_wrap {
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    display: none;
    z-index: 100; }
    .layer_set .layer_wrap.z99 {
      z-index: 99; }
  .layer_set .titleSearchWrap {
    box-sizing: border-box; }
    .layer_set .titleSearchWrap .titleSearch {
      position: absolute;
      top: -70px;
      left: -20px;
      height: 49px;
      padding: 0 10px 0 20px;
      box-sizing: border-box;
      background-color: #ffffff; }
      .layer_set .titleSearchWrap .titleSearch .titleDivUnit .title {
        font-size: 18px;
        line-height: 49px;
        letter-spacing: -0.8px;
        color: #000000; }
      .layer_set .titleSearchWrap .titleSearch .titleDivUnit .cnt {
        margin: 0 0 0 10px;
        font-size: 16px;
        font-weight: bold;
        line-height: 49px;
        letter-spacing: -0.8px;
        color: #1c90fb; }
      .layer_set .titleSearchWrap .titleSearch .titleDivUnit .refreshBtn {
        margin: 18px 0 0 0;
        width: 14px;
        height: 14px;
        background: url(/static/media/ic_refresh_s_normal@2x.e086fffc.png) no-repeat center center;
        background-size: 14px;
        cursor: pointer; }
        .layer_set .titleSearchWrap .titleSearch .titleDivUnit .refreshBtn:hover {
          background: url(/static/media/ic_refresh_s_over@2x.ae259d13.png) no-repeat center center;
          background-size: 14px; }

.layer_wrap {
  height: 100%;
  position: relative;
  overflow: hidden; }
  .layer_wrap .layer_div {
    position: absolute;
    width: 0%;
    height: 100%;
    top: 0px;
    display: none;
    background: #fff;
    border: 1px solid #fff;
    border-top: none;
    box-sizing: border-box;
    -webkit-animation-fill-mode: none;
            animation-fill-mode: none; }
    .layer_wrap .layer_div .layer_div_in {
      height: 100%;
      position: relative; }
      .layer_wrap .layer_div .layer_div_in img {
        vertical-align: middle; }
      .layer_wrap .layer_div .layer_div_in [class*="OBTDropDownList2"] img {
        vertical-align: top; }
    .layer_wrap .layer_div .layer_sc {
      overflow: auto;
      height: 100%; }
      .layer_wrap .layer_div .layer_sc > div > div:nth-child(2) {
        display: none; }
      .layer_wrap .layer_div .layer_sc .layer_sc_in {
        height: 100%; }
    .layer_wrap .layer_div .layer_foot {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 50px;
      background-color: #f2f2f2;
      text-align: center; }
      .layer_wrap .layer_div .layer_foot .cen_div {
        margin-top: 11px; }
        .layer_wrap .layer_div .layer_foot .cen_div > div {
          margin-left: 4px; }
        .layer_wrap .layer_div .layer_foot .cen_div > div:first-child {
          margin-left: 0; }
      .layer_wrap .layer_div .layer_foot.dat_foot {
        height: 62px;
        background: #50596c; }
        .layer_wrap .layer_div .layer_foot.dat_foot .cen_div {
          margin-top: 15px; }
          .layer_wrap .layer_div .layer_foot.dat_foot .cen_div .dat {
            font-size: 18px;
            color: #fff;
            cursor: pointer;
            display: inline-block;
            background: url(/static/media/ic_comment_m_disable.b3d783fa.png) no-repeat left center;
            padding-left: 24px; }
            .layer_wrap .layer_div .layer_foot.dat_foot .cen_div .dat .num {
              color: #1ae0ed; }
          .layer_wrap .layer_div .layer_foot.dat_foot .cen_div .chk {
            font-size: 18px;
            color: #fff;
            cursor: pointer;
            display: inline-block;
            background: url(/static/media/ic_check_02_m_disable.f8032c97.png) no-repeat left center;
            padding-left: 24px; }
            .layer_wrap .layer_div .layer_foot.dat_foot .cen_div .chk.on {
              background: url(/static/media/ic_check_02_m_over.15522901.png) no-repeat left center;
              padding-left: 24px; }
          .layer_wrap .layer_div .layer_foot.dat_foot .cen_div .off {
            font-size: 18px;
            color: #fff;
            cursor: not-allowed;
            display: inline-block;
            background: url(/static/media/ic_close_02_m_disable.8e03ea40.png) no-repeat left center;
            padding-left: 24px; }
  .layer_wrap.active {
    display: block; }
    .layer_wrap.active .layer_div {
      left: 0px;
      width: 100%;
      display: block; }
  .layer_wrap.pdStyle .layer_div {
    border: 1px solid #666666; }
    .layer_wrap.pdStyle .layer_div .layer_div_in {
      padding: 20px;
      padding-right: 0px; }
      .layer_wrap.pdStyle .layer_div .layer_div_in .layer_sc_in {
        height: auto;
        padding-bottom: 20px;
        padding-right: 14px;
        box-sizing: border-box; }
    .layer_wrap.pdStyle .layer_div .layer_sc {
      margin-right: 6px; }
  .layer_wrap.pdStyle30 .layer_div {
    border: 1px solid #666666; }
    .layer_wrap.pdStyle30 .layer_div .layer_div_in {
      padding: 30px;
      padding-right: 0px;
      padding-top: 24px; }
      .layer_wrap.pdStyle30 .layer_div .layer_div_in .layer_title {
        margin-right: 30px;
        font-size: 20px; }
      .layer_wrap.pdStyle30 .layer_div .layer_div_in .layer_sc_in {
        height: auto;
        padding-bottom: 20px;
        padding-right: 24px;
        box-sizing: border-box; }
    .layer_wrap.pdStyle30 .layer_div .layer_sc {
      margin-right: 6px; }
  .layer_wrap.pdStyle13 .layer_div {
    border: 1px solid #a6a6a6; }
    .layer_wrap.pdStyle13 .layer_div .layer_div_in {
      padding: 10px 13px; }
      .layer_wrap.pdStyle13 .layer_div .layer_div_in .layer_title {
        border-bottom: 1px solid #d9d9d9; }
        .layer_wrap.pdStyle13 .layer_div .layer_div_in .layer_title .layer_tit {
          font-size: 13px;
          font-weight: bold; }
      .layer_wrap.pdStyle13 .layer_div .layer_div_in .layer_sc_in {
        height: auto;
        padding-bottom: 20px;
        padding-right: 24px;
        box-sizing: border-box; }
    .layer_wrap.pdStyle13 .layer_div .layer_sc {
      margin-right: 6px; }
  .layer_wrap.npdStyle .layer_div {
    border: 1px solid #666666; }
  .layer_wrap.pubLayerSlide .layer_div .layer_div_in {
    box-sizing: border-box; }
  .layer_wrap.pubLayerSlide .layer_title {
    margin-right: 0px; }
  .layer_wrap.pubLayerSlide.pdStyle .layer_title {
    margin-right: 20px; }
  .layer_wrap.pubLayerSlide.btnBoxStyle .layer_title .left_div .layer_tit {
    font-weight: 700;
    margin-right: 5px;
    background: url(/static/media/ico_dot01.c4cd3c67.png) no-repeat left center;
    font-weight: bold;
    padding-left: 8px;
    font-size: 14px;
    line-height: 27px; }
  .layer_wrap.pubLayerSlide.btnBoxStyle .layer_title .left_div .left_div_in {
    margin-left: 0px;
    color: #666; }
  .layer_wrap.noBorderTitle .layer_title {
    border-bottom: none; }
  .layer_wrap.noBorderTitle.btnBoxStyle .layer_title {
    height: 31px; }

.layer_wrap_comment {
  height: 100%;
  position: absolute;
  overflow: hidden;
  bottom: 0px;
  display: none; }
  .layer_wrap_comment .layer_div {
    position: absolute;
    width: 0%;
    height: 100%;
    bottom: 0px;
    display: none;
    background: #fff;
    border: 1px solid #fff;
    border-top: none;
    box-sizing: border-box; }
    .layer_wrap_comment .layer_div .layer_div_in {
      height: 100%;
      position: relative; }
    .layer_wrap_comment .layer_div .layer_sc {
      overflow: auto;
      height: 100%; }
      .layer_wrap_comment .layer_div .layer_sc > div > div:nth-child(2) {
        display: none; }
      .layer_wrap_comment .layer_div .layer_sc .layer_sc_in {
        height: 100%; }
    .layer_wrap_comment .layer_div .layer_foot {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 50px;
      background-color: #f2f2f2;
      text-align: center; }
      .layer_wrap_comment .layer_div .layer_foot .cen_div {
        margin-top: 11px; }
        .layer_wrap_comment .layer_div .layer_foot .cen_div > div {
          margin-left: 4px; }
        .layer_wrap_comment .layer_div .layer_foot .cen_div > div:first-child {
          margin-left: 0; }
  .layer_wrap_comment.active {
    display: block; }
    .layer_wrap_comment.active .layer_div {
      left: 0px;
      width: 100%;
      display: block; }
  .layer_wrap_comment.pdStyle .layer_div {
    border: 1px solid #666666; }
    .layer_wrap_comment.pdStyle .layer_div .layer_div_in {
      padding: 20px;
      padding-right: 0px; }
      .layer_wrap_comment.pdStyle .layer_div .layer_div_in .layer_sc_in {
        height: auto;
        padding-bottom: 20px;
        padding-right: 14px; }
    .layer_wrap_comment.pdStyle .layer_div .layer_sc {
      margin-right: 6px; }
  .layer_wrap_comment.npdStyle .layer_div {
    border: 1px solid #666666; }

.small_tit {
  font-family: NotoSansCJKkr;
  font-size: 13px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: -0.65px;
  color: #000000; }

.line_ta table {
  width: 100%;
  table-layout: fixed;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc; }
  .line_ta table th, .line_ta table td {
    height: 39px;
    font-size: 13px; }
  .line_ta table th {
    font-weight: normal;
    text-align: left;
    padding-left: 10px; }
  .line_ta table td {
    font-weight: bold; }
  .line_ta table .cen {
    text-align: center !important;
    padding-left: 0px;
    padding-right: 0px; }
  .line_ta table .ri {
    text-align: right !important;
    padding-right: 10px; }
  .line_ta table .le {
    text-align: left !important;
    padding-left: 10px; }
  .line_ta table .entry_img {
    background: url(/static/media/ic_room_enter_m_normal.8b1fb6b3.png) no-repeat center center;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: top;
    padding-right: 6px; }
  .line_ta table .out_img {
    background: url(/static/media/ic_room_leave_m_normal.c883fde5.png) no-repeat center center;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: top;
    padding-right: 6px; }
  .line_ta table .inout_th {
    font-weight: bold;
    text-align: center;
    padding-top: 5px; }
  .line_ta table .inout_td {
    font-size: 30px;
    font-weight: 300;
    text-align: center;
    padding-left: 24px;
    color: #000000;
    height: 49px;
    padding-bottom: 5px; }
    .line_ta table .inout_td.on {
      opacity: 0.3;
      color: rgba(0, 0, 0, 0.3); }

.line_ta.bar {
  background: url(/static/media/line_ta_bar.5430353c.png) no-repeat center center; }

.pub_ta table {
  width: 100%;
  table-layout: fixed;
  border-top: 2px solid #666; }
  .pub_ta table th, .pub_ta table td {
    height: 39px;
    font-size: 13px;
    border: 1px solid #e6e6e6; }
  .pub_ta table th {
    font-weight: normal;
    background: #fafafa; }
  .pub_ta table td {
    font-weight: bold; }
  .pub_ta table .cen {
    text-align: center !important;
    padding-left: 0px;
    padding-right: 0px; }
  .pub_ta table .ri {
    text-align: right !important;
    padding-right: 10px; }
  .pub_ta table .le {
    text-align: left !important;
    padding-left: 10px; }

.pub_ta.vertical th, .pub_ta.vertical td {
  text-align: center; }

.pub_ta.small th, .pub_ta.small td {
  height: 25px;
  font-size: 12px;
  letter-spacing: -1px; }

.mdt-7 > div {
  margin-top: -7px; }

.boardAd_list {
  border: 1px solid #ccc;
  width: 100%;
  height: 129px;
  overflow-y: auto; }
  .boardAd_list ul li {
    line-height: 32px;
    padding-left: 9px;
    padding-right: 10px;
    clear: both; }
    .boardAd_list ul li .sp {
      float: right;
      margin-top: 5px;
      height: 20px; }
  .boardAd_list .btn_board_clo {
    float: right;
    height: 20px; }

/*레이어 타이틀*/
.layer_title {
  height: 36px;
  box-sizing: border-box;
  border-bottom: 1px solid #666666;
  margin-right: 20px; }

.layer_title .left_div {
  float: left; }

.layer_title .left_div .layer_tit {
  float: left;
  font-weight: bold;
  font-size: 18px;
  line-height: 27px; }

.layer_title .left_div .left_div_in {
  float: left;
  margin-left: 5px;
  line-height: 27px; }

.layer_title .right_div {
  float: right; }

.layer_title .right_div > div {
  vertical-align: top;
  margin-left: 4px; }

.layer_title button.btn_clo {
  background: url(/static/media/ic_close_01_m_normal@2x.668b04a6.png) no-repeat center center !important;
  border: none !important;
  background-size: 18px !important; }
  .layer_title button.btn_clo:hover {
    background: url(/static/media/ic_close_01_m_over@2x.82e9bb05.png) no-repeat center center !important;
    border: none !important;
    background-size: 18px !important; }

.layer_title button.btn_del {
  background: url(/static/media/ic_trashcan_m_normal.d7cd20e5.png) no-repeat center center !important;
  border: none !important; }
  .layer_title button.btn_del:hover {
    background: url(/static/media/ic_trashcan_m_over.91e316b0.png) no-repeat center center !important;
    border: none !important; }

.layer_title button.btn_cal {
  background: url(/static/media/ic_inputcal_m_normal.d3640df8.png) no-repeat center center !important;
  border: none !important; }
  .layer_title button.btn_cal:hover {
    background: url(/static/media/ic_inputcal_m_over.30388823.png) no-repeat center center !important;
    border: none !important; }

/*****************************   
    pubDownList   
******************************/
.PubDropDownList {
  vertical-align: middle;
  background-color: beige; }

.pubDropDownListWrap {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 175px;
  height: auto; }
  .pubDropDownListWrap.required .inbox {
    background-color: #fef4f4; }
    .pubDropDownListWrap.required .inbox.on {
      background-color: #fef4f4; }
  .pubDropDownListWrap .inbox {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 27px;
    padding: 4px 24px 5px 7px;
    border: 1px solid #cccccc;
    color: #000000;
    background: #ffffff url(/static/media/ic_arrow_down_01_s_normal@2x.92ecf592.png) no-repeat right 5px center;
    background-size: 14px;
    box-sizing: border-box;
    cursor: pointer; }
    .pubDropDownListWrap .inbox.on {
      border: 1px solid #1c90fb;
      background: #ffffff url(/static/media/ic_arrow_up_01_s_over@2x.2a88ebe5.png) no-repeat right 5px center;
      background-size: 14px; }
  .pubDropDownListWrap .list {
    z-index: 99;
    position: absolute;
    top: 27px;
    left: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-height: 156px;
    border: 1px solid #a6a6a6;
    background-color: #ffffff;
    box-shadow: 0 1px 1px 0 rgba(6, 6, 6, 0.1);
    box-sizing: border-box; }
    .pubDropDownListWrap .list.top {
      top: auto;
      bottom: 27px; }
    .pubDropDownListWrap .list ul {
      display: flex;
      flex-direction: column;
      flex: 1 1;
      overflow-y: auto; }
      .pubDropDownListWrap .list ul li {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 6px 10px 7px;
        cursor: pointer; }
        .pubDropDownListWrap .list ul li:hover {
          background-color: #eff7ff; }
        .pubDropDownListWrap .list ul li.on {
          background-color: #eff7ff; }

/*****************************   
    pubRfpStyle   
******************************/
.pubRfpStyle [class*="OBTReferencePanel_nochildreferbox"] {
  border-radius: 3px; }

.rfpLine2 > [class*="OBTReferencePanel_nochildreferbox"] {
  height: 59px; }
  .rfpLine2 > [class*="OBTReferencePanel_nochildreferbox"] > [class*="OBTReferencePanel_icon"] {
    margin-top: -17px; }

.refBox {
  background: url(/static/media/ic_info_03_m_normal@2x.84b8721b.png) no-repeat top 1px left 0px;
  background-size: 18px 18px; }
  .refBox .infoTxt {
    margin: 0 0 0 22px;
    font-size: 12px;
    line-height: 18px;
    color: #4a4a4a; }

.lc_tip_rfp .lc_list.st4 ul li {
  width: 25%; }

.lc_tip_rfp .lc_list.st6 ul li {
  width: 16.6%; }

.lc_tip_rfp .lc_list ul {
  margin-right: 20px; }
  .lc_tip_rfp .lc_list ul li {
    float: left;
    position: relative;
    text-align: center; }
    .lc_tip_rfp .lc_list ul li:after {
      content: "|";
      position: absolute;
      right: 0px;
      top: 0px;
      color: #a6a6a6; }
    .lc_tip_rfp .lc_list ul li:last-child:after {
      display: none; }
    .lc_tip_rfp .lc_list ul li .txt {
      margin-right: 10px;
      overflow: hidden;
      white-space: nowrap;
      word-break: break-all;
      text-overflow: ellipsis;
      display: inline-block;
      vertical-align: middle;
      line-height: 18px;
      width: 100%; }
    .lc_tip_rfp .lc_list ul li .num {
      display: inline-block;
      vertical-align: middle;
      letter-spacing: 2; }
    .lc_tip_rfp .lc_list ul li [class*="OBTTooltip_root"] {
      max-width: calc(100% - 90px); }

.lc_tip_rfp [class*="OBTReferencePanel_content"] {
  padding: 12px 0; }
  .lc_tip_rfp [class*="OBTReferencePanel_content"] .lc_list {
    margin-left: 36px;
    clear: both;
    padding-top: 10px; }
    .lc_tip_rfp [class*="OBTReferencePanel_content"] .lc_list:first-child {
      padding-top: 0; }

.z101 [class*="OBTReferencePanel_content"] {
  z-index: 101 !important; }

/*****************************   
    pubDatePicker   
******************************/
.pubDatePickerStyle {
  vertical-align: middle; }
  .pubDatePickerStyle > div {
    display: block; }

/*****************************   
    pubCheckbox   
******************************/
.pubCheckboxStyle.cen svg {
  left: 50% !important;
  margin-left: -7px !important; }

/*****************************   
    첨부파일-업다운로더   
******************************/
.UpDownLoader, .UpDownLoader_s, .UpDownLoader_th {
  /* input */
  /* 썸네일 (업다운로더 전용) */
  /* 목록 (업다운로더 전용) */
  /* 자세히 (업다운로더 전용) */
  /* 전자결재 전용 커스텀 */ }
  .UpDownLoader .ocm, .UpDownLoader_s .ocm, .UpDownLoader_th .ocm {
    float: left;
    min-width: 14px;
    min-height: 14px;
    background: url(/static/media/ic_onechamber_s_normal@2x.0f1ffae3.png) no-repeat center/14px;
    cursor: pointer; }
  .UpDownLoader input[type="checkbox"], .UpDownLoader_s input[type="checkbox"], .UpDownLoader_th input[type="checkbox"] {
    position: absolute;
    z-index: -10;
    visibility: hidden;
    height: 14px;
    width: 14px;
    top: 0; }
  .UpDownLoader input[type="checkbox"]:before, .UpDownLoader_s input[type="checkbox"]:before, .UpDownLoader_th input[type="checkbox"]:before {
    padding-right: 10px; }
  .UpDownLoader input[type="checkbox"] + label, .UpDownLoader_s input[type="checkbox"] + label, .UpDownLoader_th input[type="checkbox"] + label {
    box-sizing: border-box;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    border: solid 1px #a6a6a6;
    background-color: #ffffff;
    margin-top: -3px; }
  .UpDownLoader input[type="checkbox"]:checked + label, .UpDownLoader_s input[type="checkbox"]:checked + label, .UpDownLoader_th input[type="checkbox"]:checked + label {
    border: solid 1px #1e91fb;
    background-color: #eff7ff;
    background: url(/static/media/ico_mail_filter_chk.e31909f4.png) no-repeat center center;
    background-size: 10px 8px; }
  .UpDownLoader input[type="checkbox"]:disabled + label, .UpDownLoader_s input[type="checkbox"]:disabled + label, .UpDownLoader_th input[type="checkbox"]:disabled + label {
    border: solid 1px #cccccc;
    background-color: #f5f5f5; }
  .UpDownLoader .btn_UD_lineOn, .UpDownLoader_s .btn_UD_lineOn, .UpDownLoader_th .btn_UD_lineOn {
    position: relative; }
    .UpDownLoader .btn_UD_lineOn::after, .UpDownLoader_s .btn_UD_lineOn::after, .UpDownLoader_th .btn_UD_lineOn::after {
      content: "";
      position: absolute;
      top: 0;
      width: 1px;
      z-index: 10;
      background: #1c90fb;
      height: 27px;
      right: 0; }
  .UpDownLoader .btn_UD_line:hover, .UpDownLoader_s .btn_UD_line:hover, .UpDownLoader_th .btn_UD_line:hover {
    position: relative; }
    .UpDownLoader .btn_UD_line:hover::after, .UpDownLoader_s .btn_UD_line:hover::after, .UpDownLoader_th .btn_UD_line:hover::after {
      content: "";
      position: absolute;
      top: 0;
      width: 1px;
      z-index: 1;
      background: #a6a6a6;
      height: 27px;
      right: 0; }
  .UpDownLoader .btn_UD_thumb, .UpDownLoader_s .btn_UD_thumb, .UpDownLoader_th .btn_UD_thumb {
    position: relative;
    background: url(/static/media/ic_view_thumbnail_02_m_normal.0440b65e.png) no-repeat center center, linear-gradient(to top, #f0f0f0, #ffffff) !important; }
  .UpDownLoader .btn_UD_thumb:active, .UpDownLoader_s .btn_UD_thumb:active, .UpDownLoader_th .btn_UD_thumb:active {
    border: solid 1px #a6a6a6 !important;
    background: url(/static/media/ic_view_thumbnail_02_m_normal.0440b65e.png) no-repeat center center, linear-gradient(to bottom, #dddddd, #f5f5f5) !important; }
  .UpDownLoader [class*="OBTButton_disabled"].btn_UD_thumb, .UpDownLoader_s [class*="OBTButton_disabled"].btn_UD_thumb, .UpDownLoader_th [class*="OBTButton_disabled"].btn_UD_thumb {
    border: solid 1px #cccccc !important;
    background: #f5f5f5 url(/static/media/ic_view_thumbnail_02_m_disable.229e3809.png) no-repeat center center !important; }
  .UpDownLoader .btn_UD_thumb.on, .UpDownLoader_s .btn_UD_thumb.on, .UpDownLoader_th .btn_UD_thumb.on {
    border: solid 1px #1c90fb !important;
    background: url(/static/media/ic_view_thumbnail_02_m_over.91102f1e.png) no-repeat center center, linear-gradient(to top, #a0d6fe, #e6f5ff) !important; }
  .UpDownLoader input.btn_UD_thumb, .UpDownLoader_s input.btn_UD_thumb, .UpDownLoader_th input.btn_UD_thumb {
    border: 1px solid #ccc !important;
    border-radius: 2px 0 0 2px; }
  .UpDownLoader input.btn_UD_thumb:hover, .UpDownLoader_s input.btn_UD_thumb:hover, .UpDownLoader_th input.btn_UD_thumb:hover {
    border: solid 1px #a6a6a6 !important; }
  .UpDownLoader input.btn_UD_thumb.on:hover, .UpDownLoader_s input.btn_UD_thumb.on:hover, .UpDownLoader_th input.btn_UD_thumb.on:hover {
    border: solid 1px #1c90fb !important; }
  .UpDownLoader .btn_UD_list, .UpDownLoader_s .btn_UD_list, .UpDownLoader_th .btn_UD_list {
    position: relative;
    background: url(/static/media/ic_view_detail_m_normal.a259e73a.png) no-repeat center center, linear-gradient(to top, #f0f0f0, #ffffff) !important; }
  .UpDownLoader .btn_UD_list:active, .UpDownLoader_s .btn_UD_list:active, .UpDownLoader_th .btn_UD_list:active {
    border: solid 1px #a6a6a6 !important;
    background: url(/static/media/ic_view_detail_m_normal.a259e73a.png) no-repeat center center, linear-gradient(to bottom, #dddddd, #f5f5f5) !important; }
  .UpDownLoader [class*="OBTButton_disabled"].btn_UD_list, .UpDownLoader_s [class*="OBTButton_disabled"].btn_UD_list, .UpDownLoader_th [class*="OBTButton_disabled"].btn_UD_list {
    border: solid 1px #cccccc !important;
    background: #f5f5f5 url(/static/media/ic_view_detail_m_disable.b5945072.png) no-repeat center center !important; }
  .UpDownLoader .btn_UD_list.on, .UpDownLoader_s .btn_UD_list.on, .UpDownLoader_th .btn_UD_list.on {
    border: solid 1px #1c90fb !important;
    background: url(/static/media/ic_view_detail_m_over.1d022828.png) no-repeat center center, linear-gradient(to top, #a0d6fe, #e6f5ff) !important; }
  .UpDownLoader input.btn_UD_list, .UpDownLoader_s input.btn_UD_list, .UpDownLoader_th input.btn_UD_list {
    border: 1px solid #ccc !important; }
  .UpDownLoader input.btn_UD_list:hover, .UpDownLoader_s input.btn_UD_list:hover, .UpDownLoader_th input.btn_UD_list:hover {
    border: solid 1px #a6a6a6 !important; }
  .UpDownLoader input.btn_UD_list.on:hover, .UpDownLoader_s input.btn_UD_list.on:hover, .UpDownLoader_th input.btn_UD_list.on:hover {
    border: solid 1px #1c90fb !important; }
  .UpDownLoader .btn_UD_detail, .UpDownLoader_s .btn_UD_detail, .UpDownLoader_th .btn_UD_detail {
    position: relative;
    background: url(/static/media/ic_view_list_02_m_normal.05d0968d.png) no-repeat center center, linear-gradient(to top, #f0f0f0, #ffffff) !important; }
  .UpDownLoader .btn_UD_detail:active, .UpDownLoader_s .btn_UD_detail:active, .UpDownLoader_th .btn_UD_detail:active {
    border: solid 1px #a6a6a6 !important;
    background: url(/static/media/ic_view_list_02_m_normal.05d0968d.png) no-repeat center center, linear-gradient(to bottom, #dddddd, #f5f5f5) !important; }
  .UpDownLoader [class*="OBTButton_disabled"].btn_UD_detail, .UpDownLoader_s [class*="OBTButton_disabled"].btn_UD_detail, .UpDownLoader_th [class*="OBTButton_disabled"].btn_UD_detail {
    border: solid 1px #cccccc !important;
    background: #f5f5f5 url(/static/media/ic_view_list_02_m_disable.15d14cf4.png) no-repeat center center !important; }
  .UpDownLoader .btn_UD_detail.on, .UpDownLoader_s .btn_UD_detail.on, .UpDownLoader_th .btn_UD_detail.on {
    border: solid 1px #1c90fb !important;
    background: url(/static/media/ic_view_list_02_m_over.a14c119e.png) no-repeat center center, linear-gradient(to top, #a0d6fe, #e6f5ff) !important; }
  .UpDownLoader input.btn_UD_detail, .UpDownLoader_s input.btn_UD_detail, .UpDownLoader_th input.btn_UD_detail {
    border: 1px solid #ccc !important;
    border-radius: 0 2px 2px 0; }
  .UpDownLoader input.btn_UD_detail:hover, .UpDownLoader_s input.btn_UD_detail:hover, .UpDownLoader_th input.btn_UD_detail:hover {
    border: solid 1px #a6a6a6 !important; }
  .UpDownLoader input.btn_UD_detail.on:hover, .UpDownLoader_s input.btn_UD_detail.on:hover, .UpDownLoader_th input.btn_UD_detail.on:hover {
    border: solid 1px #1c90fb !important; }
  .UpDownLoader .clickInfoFlag:hover, .UpDownLoader_s .clickInfoFlag:hover, .UpDownLoader_th .clickInfoFlag:hover {
    color: #1c90fb;
    cursor: pointer; }
    .UpDownLoader .clickInfoFlag:hover > p, .UpDownLoader .clickInfoFlag:hover > span, .UpDownLoader_s .clickInfoFlag:hover > p, .UpDownLoader_s .clickInfoFlag:hover > span, .UpDownLoader_th .clickInfoFlag:hover > p, .UpDownLoader_th .clickInfoFlag:hover > span {
      color: #1c90fb;
      cursor: pointer; }
  .UpDownLoader .textBtnBox, .UpDownLoader_s .textBtnBox, .UpDownLoader_th .textBtnBox {
    position: relative;
    float: left;
    margin: 0 20px 0 0; }
    .UpDownLoader .textBtnBox::after, .UpDownLoader_s .textBtnBox::after, .UpDownLoader_th .textBtnBox::after {
      content: '';
      position: absolute;
      top: 50%;
      right: -10px;
      transform: translateY(-50%);
      display: block;
      width: 1px;
      height: 16px;
      background-color: #e6e6e6; }
    .UpDownLoader .textBtnBox .btn_text, .UpDownLoader_s .textBtnBox .btn_text, .UpDownLoader_th .textBtnBox .btn_text {
      display: block;
      padding: 0 10px !important;
      font-size: 12px;
      border: 1px solid #cccccc;
      border-radius: 2px;
      background-image: linear-gradient(to top, #f0f0f0, #ffffff); }
      .UpDownLoader .textBtnBox .btn_text:active, .UpDownLoader_s .textBtnBox .btn_text:active, .UpDownLoader_th .textBtnBox .btn_text:active {
        border: solid 1px #a6a6a6;
        background-image: linear-gradient(to bottom, #dddddd, #f5f5f5); }
      .UpDownLoader .textBtnBox .btn_text:hover, .UpDownLoader_s .textBtnBox .btn_text:hover, .UpDownLoader_th .textBtnBox .btn_text:hover {
        border: solid 1px #a6a6a6; }
      .UpDownLoader .textBtnBox .btn_text.on, .UpDownLoader_s .textBtnBox .btn_text.on, .UpDownLoader_th .textBtnBox .btn_text.on {
        border: solid 1px #1c90fb;
        background-image: linear-gradient(to top, #a0d6fe, #e6f5ff); }
  .UpDownLoader .watchIco, .UpDownLoader_s .watchIco, .UpDownLoader_th .watchIco {
    width: 14px;
    height: 14px;
    margin: 0 1px 0 0;
    background: url(/static/media/ic_watch_s_over.77d6ccd9.png) no-repeat center center; }
    .UpDownLoader .watchIco.cancel, .UpDownLoader_s .watchIco.cancel, .UpDownLoader_th .watchIco.cancel {
      background: url(/static/media/ic_watch_cancel_s_disable.5e9efaad.png) no-repeat center center; }

.UpDownLoader {
  border: solid 1px #e6e6e6;
  background-color: #ffffff;
  clear: both;
  box-sizing: border-box;
  font-size: 12px !important;
  /*썸네일*/
  /*목록*/
  /*자세히*/ }
  .UpDownLoader.dragbg {
    border-color: #1c90fb; }
  .UpDownLoader .header {
    height: 37px;
    line-height: 37px;
    background-color: #fafafa; }
    .UpDownLoader .header .title {
      float: left;
      padding-left: 10px; }
      .UpDownLoader .header .title .check {
        float: left;
        padding: 0 10px; }
      .UpDownLoader .header .title .size {
        color: #b4b4b4;
        padding: 0 0 0 5px; }
      .UpDownLoader .header .title .ico_file {
        height: 14px;
        padding: 0 0 0 12px;
        background: url(/static/media/ic_attach_s_normal.b72ee0ae.png) no-repeat left center; }
    .UpDownLoader .header .btnBox {
      float: right;
      height: 33px;
      padding: 4px 10px 0 0;
      position: relative; }
      .UpDownLoader .header .btnBox span {
        float: left; }
        .UpDownLoader .header .btnBox span:last-child .fileTooltip {
          float: right;
          right: 0px;
          margin-left: 0px; }
          .UpDownLoader .header .btnBox span:last-child .fileTooltip .arrow {
            margin-left: -30px;
            left: 100%; }
        .UpDownLoader .header .btnBox span .btn {
          min-width: 27px;
          height: 27px;
          padding: 0;
          cursor: pointer;
          margin-left: -1px;
          outline: none;
          display: block; }
        .UpDownLoader .header .btnBox span .btnSingle {
          width: 27px !important;
          height: 27px;
          padding: 0px !important;
          cursor: pointer;
          outline: none;
          vertical-align: middle; }
          .UpDownLoader .header .btnBox span .btnSingle.btn_fileAdd {
            background-position: center center !important;
            margin-left: 0px !important; }
        .UpDownLoader .header .btnBox span .btn_fileAdd {
          width: auto;
          padding: 0 7px 0 25px;
          float: left;
          margin-left: 4px; }
        .UpDownLoader .header .btnBox span .fileTooltip {
          margin-top: -5px;
          position: absolute;
          text-align: left; }
          .UpDownLoader .header .btnBox span .fileTooltip .arrow {
            left: 0%;
            margin-left: 9px; }
          .UpDownLoader .header .btnBox span .fileTooltip .box {
            position: relative; }
    .UpDownLoader .header .sp_ocm {
      line-height: normal  !important;
      line-height: initial  !important;
      margin-left: 5px;
      cursor: pointer; }
      .UpDownLoader .header .sp_ocm .btn_ocm {
        width: auto !important;
        padding-left: 24px;
        padding-right: 4px;
        height: 27px;
        border: 1px solid #a6a6a6;
        background: url(/static/media/ic_onechamber_m_normal.5722111b.png) no-repeat left 5px center, linear-gradient(to top, #f0f0f0, #ffffff) !important;
        outline: none;
        cursor: pointer; }
        .UpDownLoader .header .sp_ocm .btn_ocm:hover {
          background: url(/static/media/ic_onechamber_m_normal.5722111b.png) no-repeat left 5px center, linear-gradient(to top, #d9d9d9, #fafafa) !important; }
  .UpDownLoader .conBox {
    position: relative;
    height: 105px;
    background: #fff;
    /*첨부파일 있는 경우*/
    /*첨부파일 없는 경우*/
    /* 드래그앤드롭 기능*/
    /*원문공개*/ }
    .UpDownLoader .conBox ul li {
      position: relative;
      border-bottom: 1px solid #e4e4e4;
      height: 30px;
      line-height: 30px;
      padding-right: 10px;
      box-sizing: border-box;
      white-space: nowrap; }
      .UpDownLoader .conBox ul li:hover {
        background-color: #e9f5ff; }
      .UpDownLoader .conBox ul li .check {
        float: left;
        padding: 0 0 0 10px;
        width: 24px; }
        .UpDownLoader .conBox ul li .check img {
          vertical-align: middle; }
      .UpDownLoader .conBox ul li .ico_new img {
        vertical-align: middle;
        margin-left: 3px;
        margin-top: -1px; }
      .UpDownLoader .conBox ul li .ellipsis {
        float: left;
        overflow: hidden;
        white-space: nowrap;
        word-break: break-all;
        text-overflow: ellipsis;
        padding-left: 22px;
        margin: 0px; }
    .UpDownLoader .conBox .noFile {
      width: 100%;
      height: 100%;
      display: table;
      text-align: center;
      position: relative; }
      .UpDownLoader .conBox .noFile .text {
        display: table-cell;
        vertical-align: middle; }
      .UpDownLoader .conBox .noFile .ico {
        display: inline-block;
        margin-top: -2px;
        vertical-align: middle;
        width: 18px;
        height: 18px;
        background: url(/static/media/ic_docu_addfile_m_normal.7af72216.png) no-repeat left center;
        margin-right: 3px; }
    .UpDownLoader .conBox .dragDropCon {
      background-color: rgba(239, 247, 255, 0.7);
      width: 100%;
      height: 100%;
      z-index: 10;
      position: absolute; }
      .UpDownLoader .conBox .dragDropCon .dragDropOn {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 0;
        left: 0; }
        .UpDownLoader .conBox .dragDropCon .dragDropOn img {
          width: 26px;
          height: 24px;
          box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
          margin: 0 0 7px 0; }
        .UpDownLoader .conBox .dragDropCon .dragDropOn .textBox {
          width: -webkit-max-content;
          width: -moz-max-content;
          width: max-content;
          color: #fff;
          border-radius: 9px;
          padding: 0 7px 1px;
          background-color: #1c90fb;
          cursor: default; }
    .UpDownLoader .conBox .ico_eapFile_on {
      float: left;
      width: 14px;
      height: 14px;
      background: url(/static/media/ic_open_s_normal.bacc5e96.png) no-repeat center center; }
    .UpDownLoader .conBox .ico_eapFile_off {
      float: left;
      width: 14px;
      height: 14px;
      background: url(/static/media/ic_private_s_disable.477a457f.png) no-repeat center center; }
  .UpDownLoader .flexBox.thumb {
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden; }
    .UpDownLoader .flexBox.thumb .icon {
      background-size: 36px 42px; }
    .UpDownLoader .flexBox.thumb .fb_div ul {
      padding: 0px 10px; }
      .UpDownLoader .flexBox.thumb .fb_div ul li {
        border: none;
        float: left;
        width: 74px;
        height: 90px;
        margin: 8px 10px 0 0;
        position: relative;
        padding-right: 0px; }
        .UpDownLoader .flexBox.thumb .fb_div ul li:last-child {
          margin-right: 0px; }
        .UpDownLoader .flexBox.thumb .fb_div ul li:hover {
          background: #fff; }
        .UpDownLoader .flexBox.thumb .fb_div ul li .ellipsis {
          width: 100%;
          cursor: default;
          line-height: 13px;
          box-sizing: border-box;
          padding: 42px 0 0 2px; }
        .UpDownLoader .flexBox.thumb .fb_div ul li .fileBox {
          width: inherit;
          height: 100%;
          border: solid 1px #e4e4e4;
          box-sizing: border-box;
          background-color: #fff;
          margin-bottom: 7px; }
        .UpDownLoader .flexBox.thumb .fb_div ul li .text {
          float: left;
          width: inherit;
          overflow: hidden;
          white-space: nowrap;
          word-break: break-all;
          text-overflow: ellipsis;
          font-size: 11px; }
        .UpDownLoader .flexBox.thumb .fb_div ul li .size {
          float: left;
          font-size: 11px; }
        .UpDownLoader .flexBox.thumb .fb_div ul li .check {
          float: right;
          line-height: 0;
          padding: 8px 0 0 0;
          height: 11px;
          margin-right: -5px; }
          .UpDownLoader .flexBox.thumb .fb_div ul li .check img {
            margin-top: -4px; }
    .UpDownLoader .flexBox.thumb .fb_div .eapFile {
      position: absolute; }
    .UpDownLoader .flexBox.thumb .fb_div .prvIco {
      margin: 5px 0 0 5px; }
    .UpDownLoader .flexBox.thumb .fb_div .ico_eapFile_on, .UpDownLoader .flexBox.thumb .fb_div .ico_eapFile_off, .UpDownLoader .flexBox.thumb .fb_div .downIco, .UpDownLoader .flexBox.thumb .fb_div .delIco, .UpDownLoader .flexBox.thumb .fb_div .historyIco, .UpDownLoader .flexBox.thumb .fb_div .linkIco {
      margin: 5px 0 0 2px; }
    .UpDownLoader .flexBox.thumb .fb_div .ocm {
      margin: -1px 0 0 2px; }
  .UpDownLoader .flexBox.list {
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto; }
    .UpDownLoader .flexBox.list .icon {
      overflow: hidden;
      float: left;
      background-size: 16px 16px;
      max-width: calc(100% - 200px);
      text-overflow: ellipsis;
      padding-left: 20px; }
    .UpDownLoader .flexBox.list .fb_div {
      border-right: 1px solid #e4e4e4;
      box-sizing: border-box;
      display: block; }
      .UpDownLoader .flexBox.list .fb_div:last-child {
        border-right: none; }
    .UpDownLoader .flexBox.list .eapFile {
      float: left; }
    .UpDownLoader .flexBox.list ul {
      display: flex !important;
      flex-flow: column wrap; }
      .UpDownLoader .flexBox.list ul li {
        width: auto;
        border-right: 1px solid #e4e4e4;
        display: flex;
        cursor: default;
        min-width: 220px; }
        .UpDownLoader .flexBox.list ul li.last .fileTooltip {
          margin-top: -60px !important; }
          .UpDownLoader .flexBox.list ul li.last .fileTooltip .arrow {
            top: auto !important;
            bottom: -6px !important;
            background: url(/static/media/bg_tooltip_arrow_down.230c0547.png) left bottom 1px no-repeat !important; }
        .UpDownLoader .flexBox.list ul li.last .LayerSel {
          bottom: 0px; }
    .UpDownLoader .flexBox.list .ico_eapFile_on, .UpDownLoader .flexBox.list .ico_eapFile_off {
      margin: 8px 4px 0 0px; }
    .UpDownLoader .flexBox.list .ext {
      float: left; }
    .UpDownLoader .flexBox.list .prvIco, .UpDownLoader .flexBox.list .downIco, .UpDownLoader .flexBox.list .delIco, .UpDownLoader .flexBox.list .historyIco, .UpDownLoader .flexBox.list .linkIco {
      margin: 8px 0 0 3px; }
    .UpDownLoader .flexBox.list .ocm {
      margin: 0 0 0 3px; }
    .UpDownLoader .flexBox.list .watchIco {
      margin: 8px 4px 0 0; }
    .UpDownLoader .flexBox.list .clickInfoFlag {
      display: contents; }
  .UpDownLoader .flexBox.detail {
    width: 100%;
    overflow: auto; }
    .UpDownLoader .flexBox.detail .icon {
      float: left;
      padding-left: 20px;
      overflow: hidden;
      background-size: 16px 16px;
      max-width: calc(100% - 183px);
      text-overflow: ellipsis; }
    .UpDownLoader .flexBox.detail .eapFile {
      float: left; }
    .UpDownLoader .flexBox.detail ul {
      display: flex;
      flex-direction: column; }
      .UpDownLoader .flexBox.detail ul li {
        display: flex;
        flex-direction: row; }
        .UpDownLoader .flexBox.detail ul li.last .fileTooltip {
          margin-top: -60px !important; }
          .UpDownLoader .flexBox.detail ul li.last .fileTooltip .arrow {
            top: auto !important;
            bottom: -6px !important;
            background: url(/static/media/bg_tooltip_arrow_down.230c0547.png) left bottom 1px no-repeat !important; }
        .UpDownLoader .flexBox.detail ul li.last .LayerSel {
          bottom: 0px; }
    .UpDownLoader .flexBox.detail .ico_eapFile_on, .UpDownLoader .flexBox.detail .ico_eapFile_off {
      margin: 8px 4px 0 0px; }
    .UpDownLoader .flexBox.detail .ext {
      float: left; }
    .UpDownLoader .flexBox.detail .prvIco, .UpDownLoader .flexBox.detail .downIco, .UpDownLoader .flexBox.detail .delIco, .UpDownLoader .flexBox.detail .historyIco, .UpDownLoader .flexBox.detail .linkIco {
      margin: 8px 0 0 3px; }
    .UpDownLoader .flexBox.detail .ocm {
      margin: 1px 0 0 3px; }
    .UpDownLoader .flexBox.detail .watchIco {
      float: left;
      margin: 8px 4px 0 0; }
  .UpDownLoader .flexBox .fb_div {
    width: 100%; }
  .UpDownLoader.small {
    border: none;
    background: none; }
    .UpDownLoader.small .UpDownLoader_in {
      clear: both;
      border: solid 1px #e4e4e4;
      background: #fff; }
    .UpDownLoader.small .header {
      height: 24px;
      line-height: 24px; }
    .UpDownLoader.small .conBox ul li {
      height: 24px;
      line-height: 24px;
      text-overflow: ellipsis;
      overflow: hidden;
      padding-right: 0; }
    .UpDownLoader.small .flexBox.detail .ico_eapFile_on, .UpDownLoader.small .flexBox.detail .ico_eapFile_off {
      margin: 5px 4px 0 0; }
    .UpDownLoader.small .flexBox.detail .icon {
      max-width: calc(100% - 60px); }
    .UpDownLoader.small .flexBox.detail li.eapFileIcons .icon {
      max-width: calc(100% - 78px); }
    .UpDownLoader.small .flexBox.detail .pd_btns {
      position: absolute;
      right: 0;
      top: -1px;
      height: 24px;
      box-shadow: -6px 0px 5px #fff;
      background: #fff; }
    .UpDownLoader.small .flexBox.detail .pd_btns .prvIco, .UpDownLoader.small .flexBox.detail .pd_btns .downIco, .UpDownLoader.small .flexBox.detail .pd_btns .delIco, .UpDownLoader.small .flexBox.detail .pd_btns .historyIco, .UpDownLoader.small .flexBox.detail .pd_btns .linkIco, .UpDownLoader.small .flexBox.detail .pd_btns .ocm {
      margin: 5px 0px 0 3px; }
    .UpDownLoader.small .subj_div .subj {
      float: left;
      line-height: 21px; }
    .UpDownLoader.small .subj_div .btns {
      float: right; }
      .UpDownLoader.small .subj_div .btns .btn {
        width: 21px;
        height: 21px;
        outline: none;
        cursor: pointer;
        border-radius: 2px; }
      .UpDownLoader.small .subj_div .btns .btn_fileAdd {
        background-position: center center !important;
        margin-left: 2px; }
    .UpDownLoader.small .header .title .size {
      padding: 0px 0 0 3px; }

/*퀵버튼*/
.QuickButtonLayer {
  position: absolute;
  right: 0px;
  top: 0px;
  background: #fff;
  height: 29px; }
  .QuickButtonLayer ul {
    margin: 0 5px; }
    .QuickButtonLayer ul li {
      float: left;
      padding: 0px; }
      .QuickButtonLayer ul li input {
        border: none;
        background: none; }
      .QuickButtonLayer ul li .btnCustom {
        width: 25px;
        height: 25px;
        padding: 0px;
        margin-top: 2px;
        cursor: pointer;
        outline: none; }
        .QuickButtonLayer ul li .btnCustom.pcSave {
          background: url(/static/media/ic_download_m_normal.61b727b0.png) no-repeat center center; }
        .QuickButtonLayer ul li .btnCustom.viewer {
          background: url(/static/media/ic_search_m_normal.ea91620e.png) no-repeat center center; }
        .QuickButtonLayer ul li .btnCustom:hover {
          background-color: #e5e5e5 !important;
          border-radius: 50%; }
      .QuickButtonLayer ul li:hover {
        background-color: #fff; }

/*첨부파일 - 툴팁*/
.fileTooltip {
  z-index: 100;
  margin-top: 3px; }
  .fileTooltip .box {
    position: absolute;
    border-radius: 3px;
    border: solid 1px #a6a6a6;
    background-color: #ffffff;
    font-size: 12px;
    line-height: 16px;
    padding: 7px 10px;
    color: #000;
    box-sizing: border-box;
    text-align: left;
    white-space: pre-line; }
  .fileTooltip .arrow {
    position: relative;
    top: 1px;
    width: 11px;
    height: 7px;
    left: 10px;
    background: url(/static/media/bg_tooltip_arrow.d451f9fe.png) left top 1px no-repeat;
    z-index: 10; }

.fileTooltipFix {
  z-index: 100;
  margin-top: 3px;
  position: fixed; }
  .fileTooltipFix .box {
    border-radius: 3px;
    border: solid 1px #a6a6a6;
    background-color: #ffffff;
    font-size: 12px;
    line-height: 16px;
    padding: 7px 10px;
    color: #000;
    box-sizing: border-box;
    text-align: left;
    word-break: break-all; }
  .fileTooltipFix .arrow {
    position: relative;
    top: 1px;
    width: 11px;
    height: 7px;
    left: 10px;
    background: url(/static/media/bg_tooltip_arrow.d451f9fe.png) left top 1px no-repeat;
    z-index: 10; }

/*첨부파일 - pc저장,뷰어열기*/
.LayerSel {
  position: fixed;
  z-index: 10; }
  .LayerSel ul {
    box-shadow: 0px 1px 1px 0 rgba(6, 6, 6, 0.1);
    border: solid 1px #a6a6a6;
    background-color: #ffffff; }
    .LayerSel ul li {
      min-width: 140px;
      height: 27px !important;
      line-height: 27px !important;
      padding: 0 10px; }
      .LayerSel ul li:hover {
        background: #e6f5ff; }
      .LayerSel ul li:last-child {
        border-bottom: none !important; }
      .LayerSel ul li.pc {
        background: url(/static/media/ic_download_m_normal.61b727b0.png) left 10px center no-repeat;
        padding-left: 30px; }
      .LayerSel ul li.view {
        background: url(/static/media/ic_viewer_open_m_normal.ef0d58b7.png) left 10px center no-repeat;
        padding-left: 30px; }
      .LayerSel ul li.fax {
        background: url(/static/media/ic_fax_m_normal.5866884b.png) left 10px center no-repeat;
        padding-left: 30px; }

/*첨부파일 - 썸네일 pc저장,뷰어열기*/
.ThumbLayerSel {
  position: absolute;
  width: inherit;
  top: 6px;
  z-index: 10;
  text-align: center;
  white-space: normal; }
  .ThumbLayerSel .btn {
    width: 70px;
    height: 27px;
    border-radius: 2px;
    border: solid 1px #a6a6a6;
    background: linear-gradient(to top, #f0f0f0, #ffffff);
    font-size: 12px; }
    .ThumbLayerSel .btn:hover {
      border: solid 1px #036ddd;
      background: linear-gradient(to top, #1c90fb, #5eb5fd);
      color: #fff; }

.samNemo {
  border: 1px solid #666;
  background: #fff;
  height: 16px;
  width: 50px;
  display: inline-block;
  vertical-align: top; }

/*첨부파일 이미지 - 썸네일*/
.thumb .icon_ae {
  background: url(/static/media/icon_board_ae_medium.ab20a93c.png) left 14px top 22px no-repeat; }

.thumb .icon_ai {
  background: url(/static/media/icon_board_ai_medium.ee6e03d2.png) left 14px top 22px no-repeat; }

.thumb .icon_asf {
  background: url(/static/media/icon_board_asf_medium.fdd7dbb3.png) left 14px top 22px no-repeat; }

.thumb .icon_avi {
  background: url(/static/media/icon_board_avi_medium.83e51e1e.png) left 14px top 22px no-repeat; }

.thumb .icon_bmp {
  background: url(/static/media/icon_board_bmp_medium.6efe43c0.png) left 14px top 22px no-repeat; }

.thumb .icon_doc {
  background: url(/static/media/icon_board_doc_medium.f4411488.png) left 14px top 22px no-repeat; }

.thumb .icon_docx {
  background: url(/static/media/icon_board_docx_medium.97cdf140.png) left 14px top 22px no-repeat; }

.thumb .icon_dwg {
  background: url(/static/media/icon_board_dwg_medium.a0705b63.png) left 14px top 22px no-repeat; }

.thumb .icon_etc {
  background: url(/static/media/icon_board_etc_medium.e0ac8e2a.png) left 14px top 22px no-repeat; }

.thumb .icon_flv {
  background: url(/static/media/icon_board_flv_medium.41214aac.png) left 14px top 22px no-repeat; }

.thumb .icon_gif {
  background: url(/static/media/icon_board_gif_medium.cf7219be.png) left 14px top 22px no-repeat; }

.thumb .icon_gul {
  background: url(/static/media/icon_board_gul_medium.852f9ded.png) left 14px top 22px no-repeat; }

.thumb .icon_htm {
  background: url(/static/media/icon_board_htm_medium.1460208d.png) left 14px top 22px no-repeat; }

.thumb .icon_html {
  background: url(/static/media/icon_board_html_medium.73af3c1b.png) left 14px top 22px no-repeat; }

.thumb .icon_eml {
  background: url(/static/media/icon_board_eml_medium.dee60a4c.png) left 14px top 22px no-repeat; }

.thumb .icon_hwp {
  background: url(/static/media/icon_board_hwp_medium.055dfba4.png) left 14px top 22px no-repeat; }

.thumb .icon_hwtx {
  background: url(/static/media/ic_board_hwtx_medium.b07cf4c2.png) left 14px top 22px no-repeat; }

.thumb .icon_id {
  background: url(/static/media/icon_board_id_medium.b79ea27b.png) left 14px top 22px no-repeat; }

.thumb .icon_img {
  background: url(/static/media/icon_board_img_medium.31566798.png) left 14px top 22px no-repeat; }

.thumb .icon_jpg {
  background: url(/static/media/icon_board_jpg_medium.4fe90b82.png) left 14px top 22px no-repeat; }

.thumb .icon_jpeg {
  background: url(/static/media/icon_board_jpeg_medium.052b2fd2.png) left 14px top 22px no-repeat; }

.thumb .icon_tiff {
  background: url(/static/media/icon_board_tiff_medium.c27baa28.png) left 14px top 22px no-repeat; }

.thumb .icon_mov {
  background: url(/static/media/icon_board_mov_medium.7020b710.png) left 14px top 22px no-repeat; }

.thumb .icon_mp3 {
  background: url(/static/media/icon_board_mp_3_medium.2a751bb4.png) left 14px top 22px no-repeat; }

.thumb .icon_mp4 {
  background: url(/static/media/icon_board_mp_4_medium.e6f353e4.png) left 14px top 22px no-repeat; }

.thumb .icon_mpeg {
  background: url(/static/media/icon_board_mpeg_medium.25389ff3.png) left 14px top 22px no-repeat; }

.thumb .icon_mpg {
  background: url(/static/media/icon_board_mpg_medium.bfcd06de.png) left 14px top 22px no-repeat; }

.thumb .icon_oneffice {
  background: url(/static/media/icon_board_oneffice_medium.d6120f4f.png) left 14px top 22px no-repeat; }

.thumb .icon_onefficeSlide {
  background: url(/static/media/ic_board_oneffice_slide_medium.f971dc66.png) left 14px top 22px no-repeat; }

.thumb .icon_pdf {
  background: url(/static/media/icon_board_pdf_medium.beef619a.png) left 14px top 22px no-repeat; }

.thumb .icon_png {
  background: url(/static/media/icon_board_png_medium.51ede86e.png) left 14px top 22px no-repeat; }

.thumb .icon_ppt {
  background: url(/static/media/icon_board_ppt_medium.12051c71.png) left 14px top 22px no-repeat; }

.thumb .icon_pptx {
  background: url(/static/media/icon_board_pptx_medium.0c44fbb6.png) left 14px top 22px no-repeat; }

.thumb .icon_psd {
  background: url(/static/media/icon_board_psd_medium.d06886b0.png) left 14px top 22px no-repeat; }

.thumb .icon_pr {
  background: url(/static/media/icon_board_pr_medium.fbd53cd1.png) left 14px top 22px no-repeat; }

.thumb .icon_tif {
  background: url(/static/media/icon_board_tif_medium.ba849b41.png) left 14px top 22px no-repeat; }

.thumb .icon_txt {
  background: url(/static/media/icon_board_txt_medium.218e0d31.png) left 14px top 22px no-repeat; }

.thumb .icon_wav {
  background: url(/static/media/icon_board_wav_medium.c840d6cd.png) left 14px top 22px no-repeat; }

.thumb .icon_wma {
  background: url(/static/media/icon_board_wma_medium.135358c2.png) left 14px top 22px no-repeat; }

.thumb .icon_wmv {
  background: url(/static/media/icon_board_wmv_medium.c5baaac8.png) left 14px top 22px no-repeat; }

.thumb .icon_word {
  background: url(/static/media/icon_board_word_medium.bf7787ef.png) left 14px top 22px no-repeat; }

.thumb .icon_xd {
  background: url(/static/media/icon_board_xd_medium.5ffe77da.png) left 14px top 22px no-repeat; }

.thumb .icon_xls {
  background: url(/static/media/icon_board_xls_medium.ba7a25c5.png) left 14px top 22px no-repeat; }

.thumb .icon_xlsx {
  background: url(/static/media/icon_board_xlsx_medium.4ed9106a.png) left 14px top 22px no-repeat; }

.thumb .icon_xlsm {
  background: url(/static/media/icon_board_xlsm_medium.a1a2837c.png) left 14px top 22px no-repeat; }

.thumb .icon_zip {
  background: url(/static/media/icon_board_zip_medium.2e89cd7e.png) left 14px top 22px no-repeat; }

/*첨부파일 이미지 - 목록형, 자세히형*/
.icon_ae {
  background: url(/static/media/icon_board_ae_small.aa96d400.png) left center no-repeat; }

.icon_ai {
  background: url(/static/media/icon_board_ai_small.2e31c860.png) left center no-repeat; }

.icon_asf {
  background: url(/static/media/icon_board_mov_small.22c18b20.png) left center no-repeat; }

.icon_avi {
  background: url(/static/media/icon_board_mov_small.22c18b20.png) left center no-repeat; }

.icon_mov {
  background: url(/static/media/icon_board_mov_small.22c18b20.png) left center no-repeat; }

.icon_mp4 {
  background: url(/static/media/icon_board_mov_small.22c18b20.png) left center no-repeat; }

.icon_mpeg {
  background: url(/static/media/icon_board_mov_small.22c18b20.png) left center no-repeat; }

.icon_mpg {
  background: url(/static/media/icon_board_mov_small.22c18b20.png) left center no-repeat; }

.icon_wmv {
  background: url(/static/media/icon_board_mov_small.22c18b20.png) left center no-repeat; }

.icon_doc {
  background: url(/static/media/icon_board_doc_small.bb6347c3.png) left center no-repeat; }

.icon_docx {
  background: url(/static/media/icon_board_doc_small.bb6347c3.png) left center no-repeat; }

.icon_word {
  background: url(/static/media/icon_board_doc_small.bb6347c3.png) left center no-repeat; }

.icon_dwg {
  background: url(/static/media/icon_board_dwg_small.492fe598.png) left center no-repeat; }

.icon_etc {
  background: url(/static/media/icon_board_etc_small.82ef56ac.png) left center no-repeat; }

.icon_flv {
  background: url(/static/media/icon_board_flv_small.2515b683.png) left center no-repeat; }

.icon_gif {
  background: url(/static/media/icon_board_img_small.e3735488.png) left center no-repeat; }

.icon_gul {
  background: url(/static/media/icon_board_hwp_small.70b3f393.png) left center no-repeat; }

.icon_hwtx {
  background: url(/static/media/icon_board_hwp_small.70b3f393.png) left center no-repeat; }

.icon_hwp {
  background: url(/static/media/icon_board_hwp_small.70b3f393.png) left center no-repeat; }

.icon_htm {
  background: url(/static/media/icon_board_html_small.b698ef48.png) left center no-repeat; }

.icon_html {
  background: url(/static/media/icon_board_html_small.b698ef48.png) left center no-repeat; }

.icon_eml {
  background: url(/static/media/icon_board_html_small.b698ef48.png) left center no-repeat; }

.icon_id {
  background: url(/static/media/icon_board_id_small.7aa06051.png) left center no-repeat; }

.icon_bmp {
  background: url(/static/media/icon_board_img_small.e3735488.png) left center no-repeat; }

.icon_img {
  background: url(/static/media/icon_board_img_small.e3735488.png) left center no-repeat; }

.icon_jpg {
  background: url(/static/media/icon_board_img_small.e3735488.png) left center no-repeat; }

.icon_jpeg {
  background: url(/static/media/icon_board_img_small.e3735488.png) left center no-repeat; }

.icon_tiff {
  background: url(/static/media/icon_board_img_small.e3735488.png) left center no-repeat; }

.icon_png {
  background: url(/static/media/icon_board_img_small.e3735488.png) left center no-repeat; }

.icon_tif {
  background: url(/static/media/icon_board_img_small.e3735488.png) left center no-repeat; }

.icon_mp3 {
  background: url(/static/media/icon_board_mp_3_small.900fe367.png) left center no-repeat; }

.icon_oneffice {
  background: url(/static/media/icon_board_oneffice_small.63256abb.png) left center no-repeat; }

.icon_onefficeSlide {
  background: url(/static/media/ic_board_oneffice_slide_small.3bbe0333.png) left center no-repeat; }

.icon_pdf {
  background: url(/static/media/icon_board_pdf_small.1e64dbbd.png) left center no-repeat; }

.icon_ppt {
  background: url(/static/media/icon_board_ppt_small.f8a7553c.png) left center no-repeat; }

.icon_pptx {
  background: url(/static/media/icon_board_ppt_small.f8a7553c.png) left center no-repeat; }

.icon_psd {
  background: url(/static/media/icon_board_psd_small.002a78e5.png) left center no-repeat; }

.icon_pr {
  background: url(/static/media/icon_board_pr_small.30fc7ce1.png) left center no-repeat; }

.icon_txt {
  background: url(/static/media/icon_board_txt_small.0482d5a1.png) left center no-repeat; }

.icon_wav {
  background: url(/static/media/icon_board_mp_3_small.900fe367.png) left center no-repeat; }

.icon_wma {
  background: url(/static/media/icon_board_mp_3_small.900fe367.png) left center no-repeat; }

.icon_xd {
  background: url(/static/media/icon_board_xd_small.445b3c2e.png) left center no-repeat; }

.icon_xls {
  background: url(/static/media/icon_board_xls_small.3b9b6d37.png) left center no-repeat; }

.icon_xlsx {
  background: url(/static/media/icon_board_xls_small.3b9b6d37.png) left center no-repeat; }

.icon_xlsm {
  background: url(/static/media/icon_board_xls_small.3b9b6d37.png) left center no-repeat; }

.icon_zip {
  background: url(/static/media/icon_board_zip_small.d511a562.png) left center no-repeat; }

/*****************************   
    첨부파일-업다운로더 (단일, 심플)   
******************************/
.UpDownLoader_s {
  clear: both;
  overflow: hidden; }
  .UpDownLoader_s > table {
    table-layout: fixed; }
    .UpDownLoader_s > table tr td .ico_new img {
      margin: 5px 0 0 3px; }
    .UpDownLoader_s > table tr td .ocm {
      margin: 5px 0 0 3px; }
  .UpDownLoader_s .btn {
    width: 20px;
    height: 27px;
    padding: 0;
    cursor: pointer;
    outline: none;
    vertical-align: middle; }
  .UpDownLoader_s .btnSingle {
    width: 27px !important;
    height: 27px;
    padding: 0px !important;
    cursor: pointer;
    outline: none;
    vertical-align: middle; }
    .UpDownLoader_s .btnSingle.btn_fileAdd {
      background-position: center center !important; }
  .UpDownLoader_s .btn_ocm {
    background: url(/static/media/ic_onechamber_s_normal@2x.0f1ffae3.png) no-repeat center/14px;
    width: 14px;
    height: 14px !important;
    border: none; }
  .UpDownLoader_s .btn_download {
    background: url(/static/media/ic_download_m_normal.61b727b0.png) no-repeat center center;
    width: 13px;
    height: 17px !important;
    border: none; }
  .UpDownLoader_s .btn_preView {
    background: url(/static/media/ico_misc_search_SR.35ca97e6.png) no-repeat center center;
    background-size: 22px 22px;
    width: 16px;
    height: 12px;
    height: 17px !important;
    border: none; }
  .UpDownLoader_s .btn_fileAdd {
    width: auto;
    padding: 0 7px 0 25px;
    float: left; }
  .UpDownLoader_s .btn_delete {
    min-width: 14px;
    height: 14px;
    border: none !important;
    background: url(/static/media/ic_trashcan_s_normal.b4b20832.png) no-repeat center, linear-gradient(to top, #fff, #fff) !important;
    margin: 5px 0 0 3px;
    vertical-align: top; }
    .UpDownLoader_s .btn_delete:hover {
      border: none !important;
      background: url(/static/media/ic_trashcan_s_over.9153f32a.png) no-repeat center, linear-gradient(to top, #fff, #fff) !important; }
  .UpDownLoader_s .text {
    color: #b4b4b4;
    text-align: center;
    cursor: pointer; }
  .UpDownLoader_s .fileDiv {
    display: flex;
    align-items: center;
    border: solid 1px #e4e4e4;
    height: 27px;
    padding: 0 6px;
    line-height: 25px;
    box-sizing: border-box;
    margin-right: 4px;
    position: relative;
    overflow: hidden;
    cursor: default; }
  .UpDownLoader_s .fileName {
    float: left;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
    max-width: calc(100% - 170px); }
  .UpDownLoader_s .fileList {
    float: left;
    clear: both;
    margin: 5px 0 0 0;
    cursor: default;
    width: 100%; }
    .UpDownLoader_s .fileList ul li {
      padding: 5px 0 0 0;
      display: flex;
      position: relative; }
      .UpDownLoader_s .fileList ul li:first-child {
        padding: 0px; }
      .UpDownLoader_s .fileList ul li:hover {
        text-decoration: underline;
        cursor: default; }
      .UpDownLoader_s .fileList ul li .QuickButtonLayer ul li {
        padding: 0; }
        .UpDownLoader_s .fileList ul li .QuickButtonLayer ul li .btnCustom {
          width: 18px;
          height: 18px;
          margin-top: 5px; }
          .UpDownLoader_s .fileList ul li .QuickButtonLayer ul li .btnCustom.pcSave {
            background: url(/static/media/ic_download_m_normal.61b727b0.png) no-repeat center center; }
          .UpDownLoader_s .fileList ul li .QuickButtonLayer ul li .btnCustom.viewer {
            background: url(/static/media/ic_search_m_normal.ea91620e.png) no-repeat center center; }
    .UpDownLoader_s .fileList .ico_file {
      background: url(/static/media/ic_attach_s_normal.b72ee0ae.png) no-repeat left 3px center; }
    .UpDownLoader_s .fileList .fileName {
      padding: 0 0 0 22px; }
    .UpDownLoader_s .fileList .prvIco, .UpDownLoader_s .fileList .downIco, .UpDownLoader_s .fileList .delIco, .UpDownLoader_s .fileList .historyIco, .UpDownLoader_s .fileList .linkIco, .UpDownLoader_s .fileList .ocm, .UpDownLoader_s .fileList .btn_delete {
      margin: 2px 0 0 3px; }
  .UpDownLoader_s table td {
    padding: 0px !important;
    border: none !important;
    vertical-align: top; }
    .UpDownLoader_s table td [class*="OBTTooltip_root"] {
      vertical-align: top; }
  .UpDownLoader_s .QuickButtonLayer {
    height: 25px; }
    .UpDownLoader_s .QuickButtonLayer ul li {
      height: 25px; }
      .UpDownLoader_s .QuickButtonLayer ul li .btnCustom {
        width: 23px;
        height: 23px;
        padding: 0px;
        margin-top: 1px;
        cursor: pointer;
        outline: none; }
  .UpDownLoader_s .ext {
    float: left; }
  .UpDownLoader_s .prvIco, .UpDownLoader_s .downIco, .UpDownLoader_s .historyIco, .UpDownLoader_s .linkIco, .UpDownLoader_s .ocm {
    margin: 6px 0px 0 3px; }

.UpDownLoader_th {
  position: relative; }
  .UpDownLoader_th .tf_con {
    float: left;
    width: 164px;
    height: 116px;
    border: solid 1px #e4e4e4;
    box-sizing: border-box; }
    .UpDownLoader_th .tf_con .pic {
      position: relative;
      width: inherit;
      height: inherit;
      position: relative;
      display: table-cell;
      vertical-align: middle;
      background: #fff; }
      .UpDownLoader_th .tf_con .pic img {
        width: 100%;
        height: 100%; }
  .UpDownLoader_th .btnDel {
    position: absolute;
    height: 21px;
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    left: 0px;
    text-align: center;
    bottom: 0px; }
    .UpDownLoader_th .btnDel .btn_file_del_w {
      background: url(/static/media/ic_trashcan_m_normal.d7cd20e5.png) no-repeat center top 2px !important;
      border: none !important;
      width: 17px !important;
      height: 17px !important;
      cursor: pointer;
      outline: none;
      background-size: 17px !important; }
  .UpDownLoader_th .ThumbLayerSel {
    top: 30px; }
    .UpDownLoader_th .ThumbLayerSel .btn {
      display: block;
      margin: 2px auto 0; }
  .UpDownLoader_th .btnSingle {
    width: 27px !important;
    height: 27px;
    padding: 0px !important;
    cursor: pointer;
    outline: none;
    vertical-align: middle; }
    .UpDownLoader_th .btnSingle.btn_fileAdd {
      background-position: center center !important; }
  .UpDownLoader_th .btn_fileAdd {
    width: auto;
    padding: 0 7px 0 25px;
    float: left; }
  .UpDownLoader_th .prvIco {
    float: none;
    display: inline-block;
    min-width: 14px;
    height: 14px;
    background: url(/static/media/icon_open_normal_w.07f1e23b.png) no-repeat center/14px;
    cursor: pointer;
    margin: 3px 0 0 0px; }
    .UpDownLoader_th .prvIco:hover {
      background: url(/static/media/icon_open_normal_w.07f1e23b.png) no-repeat center center; }
  .UpDownLoader_th .downIco {
    float: none;
    display: inline-block;
    min-width: 14px;
    height: 14px;
    background: url(/static/media/icon_savepc_normal_w.ac818e47.png) no-repeat center/14px;
    cursor: pointer;
    margin: 3px 0 0 5px; }
    .UpDownLoader_th .downIco:hover {
      background: url(/static/media/icon_savepc_normal_w.ac818e47.png) no-repeat center center; }
  .UpDownLoader_th .delIco {
    float: none;
    display: inline-block;
    min-width: 14px;
    height: 14px;
    background: url(/static/media/icon_trashcan_normal_w.f4dda1cf.png) no-repeat center/14px;
    cursor: pointer;
    margin: 3px 0 0 5px; }
    .UpDownLoader_th .delIco:hover {
      background: url(/static/media/icon_trashcan_normal_w.f4dda1cf.png) no-repeat center center;
      background-size: 14px; }
  .UpDownLoader_th .linkIco {
    float: none;
    display: inline-block;
    min-width: 14px;
    height: 14px;
    background: url(/static/media/ic_link_s_normal@2x.d7affc93.png) no-repeat center/14px;
    cursor: pointer;
    margin: 3px 0 0 5px;
    filter: brightness(0) saturate(100%) invert(100%); }
    .UpDownLoader_th .linkIco:hover {
      background: url(/static/media/ic_link_s_over@2x.826dd32d.png) no-repeat center center;
      filter: brightness(0) saturate(100%) invert(100%);
      background-size: 14px; }

.file_btn_set {
  clear: both;
  margin-bottom: 5px;
  overflow: hidden; }
  .file_btn_set .btn {
    width: 27px;
    height: 27px;
    padding: 0;
    cursor: pointer;
    outline: none;
    vertical-align: middle; }
  .file_btn_set .btnSingle {
    width: 27px !important;
    height: 27px;
    padding: 0px !important;
    cursor: pointer;
    outline: none;
    vertical-align: middle; }
    .file_btn_set .btnSingle.btn_fileAdd {
      background-position: center center !important; }
  .file_btn_set .btn_fileAdd {
    width: auto;
    padding: 0 7px 0 25px;
    float: left; }
  .file_btn_set .btn_delete {
    height: 17px;
    border: none !important;
    background: url(/static/media/ic_trashcan_m_normal.d7cd20e5.png) no-repeat center center, linear-gradient(to top, #fff, #fff) !important; }

.fileDownLayer {
  border: 1px solid #a6a6a6;
  width: 160px;
  box-shadow: 0px 1px 1px 0 rgba(6, 6, 6, 0.1);
  box-sizing: border-box;
  background: #fff;
  position: fixed;
  z-index: 11;
  font-weight: normal; }
  .fileDownLayer ul {
    padding: 0 !important; }
    .fileDownLayer ul li {
      height: 27px !important;
      padding-left: 29px !important;
      line-height: 27px !important;
      cursor: pointer;
      width: auto !important;
      float: inherit !important;
      margin: 0 !important;
      min-width: auto !important; }
      .fileDownLayer ul li.pc {
        background: url(/static/media/ic_pc_save_s_normal.35de5fef.png) no-repeat left 9px center; }
      .fileDownLayer ul li.oc {
        background: url(/static/media/ic_onechamber_s_normal@2x.0f1ffae3.png) no-repeat left 9px center;
        background-size: 14px; }
      .fileDownLayer ul li.vi {
        background: url(/static/media/ic_viewer_open_s_normal.5c568642.png) no-repeat left 9px center; }
      .fileDownLayer ul li.fax {
        background: url(/static/media/ic_fax_s_normal.48b2f060.png) no-repeat left 9px center; }
      .fileDownLayer ul li.doc {
        background: url(/static/media/ic_docu_s_normal.a033e759.png) no-repeat left 9px center; }
      .fileDownLayer ul li.of {
        background: url(/static/media/ic_oneffice_s_normal.854416eb.png) no-repeat left 9px center; }
      .fileDownLayer ul li.ocLink {
        background: url(/static/media/ic_link_popup_s_normal@2x.021113a6.png) no-repeat left 9px center;
        background-size: 14px; }
      .fileDownLayer ul li:hover.pc {
        background: #e6f5ff url(/static/media/ic_pc_save_s_normal.35de5fef.png) no-repeat left 9px center !important; }
      .fileDownLayer ul li:hover.oc {
        background: #e6f5ff url(/static/media/ic_onechamber_s_normal@2x.0f1ffae3.png) no-repeat left 9px center !important;
        background-size: 14px !important; }
      .fileDownLayer ul li:hover.vi {
        background: #e6f5ff url(/static/media/ic_viewer_open_s_normal.5c568642.png) no-repeat left 9px center !important; }
      .fileDownLayer ul li:hover.fax {
        background: #e6f5ff url(/static/media/ic_fax_s_normal.48b2f060.png) no-repeat left 9px center !important; }
      .fileDownLayer ul li:hover.doc {
        background: url(/static/media/ic_docu_s_normal.a033e759.png) no-repeat left 9px center !important; }
      .fileDownLayer ul li:hover.of {
        background: url(/static/media/ic_oneffice_s_normal.854416eb.png) no-repeat left 9px center !important; }
      .fileDownLayer ul li:hover.ocLink {
        background-color: #e6f5ff; }

.prvIco {
  float: left;
  min-width: 14px;
  height: 14px;
  background: url(/static/media/ic_viewer_open_s_normal.5c568642.png) no-repeat center center;
  cursor: pointer; }
  .prvIco:hover {
    background: url(/static/media/ic_viewer_open_s_over.f59692c7.png) no-repeat center center; }

.downIco {
  float: left;
  min-width: 14px;
  height: 14px;
  background: url(/static/media/ic_download_s_normal.ebea3e28.png) no-repeat center center;
  cursor: pointer; }
  .downIco:hover {
    background: url(/static/media/ic_download_s_over.5ff5519b.png) no-repeat center center; }

.delIco {
  float: left;
  min-width: 14px;
  height: 14px;
  background: url(/static/media/ic_trashcan_s_normal.b4b20832.png) no-repeat center center;
  cursor: pointer; }
  .delIco:hover {
    background: url(/static/media/ic_trashcan_s_over.9153f32a.png) no-repeat center center; }

.historyIco {
  float: left;
  min-width: 14px;
  height: 14px;
  background: url(/static/media/ic_time_history_s_normal.8366a9c4.png) no-repeat center center;
  cursor: pointer; }
  .historyIco:hover {
    background: url(/static/media/ic_time_history_s_over.7156737b.png) no-repeat center center; }

.linkIco {
  float: left;
  min-width: 14px;
  height: 14px;
  background: url(/static/media/ic_link_s_normal@2x.d7affc93.png) no-repeat center/14px;
  cursor: pointer; }
  .linkIco:hover {
    background: url(/static/media/ic_link_s_over@2x.826dd32d.png) no-repeat center/14px; }

/*****************************   
    pubThumbStyle   
******************************/
.pubThumbStyle {
  border: 1px solid #e6e6e6;
  height: 100%;
  box-sizing: border-box; }

/*****************************   
    pubChipsStyle   
******************************/
.pubChipsStyle {
  height: 100%;
  box-sizing: border-box;
  vertical-align: top; }
  .pubChipsStyle.required {
    background-color: #fef4f4; }
  .pubChipsStyle.disabled {
    background-color: #f5f5f5; }

/*****************************   
    pubConfirmStyle   
******************************/
.pubConfirmStyle.dontLookAgain [class*="OBTConfirm_wrapper"] > [class*="OBTConfirm_confirmBoxStyle"] {
  padding: 30px 30px 68px 30px !important; }

.pubConfirmStyle.dontLookAgain .dontLookBottom {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 38px;
  padding: 0 14px;
  font-size: 12px;
  color: #8c8c8c;
  box-sizing: border-box;
  background-color: #f7f7f7; }

/*****************************   
    transition   
******************************/
.transitionBasic {
  transition: all 0.5s ease; }
  .transitionBasic.close {
    height: 0px !important; }

/*****************************   
    공통검색   
******************************/
.pubSearchBox {
  position: relative; }
  .pubSearchBox .searchBtn {
    position: absolute;
    top: 4px;
    right: 0;
    width: 30px;
    height: 20px;
    background: url(/static/media/ic_search_m_normal.ea91620e.png) no-repeat center;
    cursor: pointer; }
    .pubSearchBox .searchBtn:hover {
      background: url(/static/media/ic_search_m_over.86b64b20.png) no-repeat center; }
    .pubSearchBox .searchBtn.disabled {
      background: url(/static/media/ic_search_m_disable.09b5e6f9.png) no-repeat center; }

/*****************************   
    공통댓글   
******************************/
.btn_attach {
  border-radius: 2px;
  border: solid 1px #a6a6a6;
  width: 27px;
  height: 27px;
  background: url(/static/media/ic_attach_m_normal.196a16c8.png) no-repeat center center, linear-gradient(to top, #f0f0f0, #ffffff) !important;
  outline: none;
  vertical-align: middle; }
  .btn_attach:hover {
    background: url(/static/media/ic_attach_m_normal.196a16c8.png) no-repeat center center, linear-gradient(to top, #d9d9d9, #fafafa) !important; }
  .btn_attach:active {
    background: url(/static/media/ic_attach_m_over.941957d3.png) no-repeat center center, linear-gradient(to top, #d9d9d9, #f5f5f5) !important; }

.btn_attach_ocm {
  border-radius: 2px;
  border: solid 1px #a6a6a6;
  width: 27px;
  height: 27px;
  background: url(/static/media/ic_onechamber_m_normal.5722111b.png) no-repeat center center, linear-gradient(to top, #f0f0f0, #ffffff) !important;
  outline: none;
  vertical-align: middle; }
  .btn_attach_ocm:hover {
    background: url(/static/media/ic_onechamber_m_normal.5722111b.png) no-repeat center center, linear-gradient(to top, #d9d9d9, #fafafa) !important; }
  .btn_attach_ocm:active {
    background: url(/static/media/ic_onechamber_m_over.98af849d.png) no-repeat center center, linear-gradient(to top, #d9d9d9, #f5f5f5) !important; }

.rpWrite .rpWrite_ta table {
  width: 100%;
  table-layout: fixed; }
  .rpWrite .rpWrite_ta table .anTit {
    margin-bottom: 10px; }
    .rpWrite .rpWrite_ta table .anTit input[type="text"] {
      vertical-align: middle;
      padding-right: 70px;
      box-sizing: border-box;
      height: 27px;
      outline: none;
      padding-left: 5px;
      line-height: 26px;
      border: 1px solid #cccccc;
      font-size: 13px;
      width: 180px;
      word-break: break-all;
      background: #fff; }
    .rpWrite .rpWrite_ta table .anTit .txt {
      margin-left: 10px;
      color: #999; }
  .rpWrite .rpWrite_ta table .textSet {
    position: relative;
    border: 1px solid #cccccc;
    background: #ffffff; }
    .rpWrite .rpWrite_ta table .textSet:focus-within {
      border: 1px solid #1c90fb; }
    .rpWrite .rpWrite_ta table .textSet.fix100 .rpText {
      height: 100px;
      overflow-y: auto; }
    .rpWrite .rpWrite_ta table .textSet.smallSet .rpText {
      width: 100%;
      height: 78px;
      padding: 12px;
      outline: none;
      font-size: 12px;
      line-height: 1.8;
      vertical-align: middle;
      word-break: break-all;
      background-color: #ffffff;
      overflow-y: auto;
      box-sizing: border-box; }
    .rpWrite .rpWrite_ta table .textSet.smallSet .rpFnc {
      width: 100%;
      height: 34px;
      border-top: 1px solid #e6e6e6;
      background-color: #ffffff; }
      .rpWrite .rpWrite_ta table .textSet.smallSet .rpFnc .rpIconBtn {
        position: relative;
        margin: 10px 0 10px 12px; }
        .rpWrite .rpWrite_ta table .textSet.smallSet .rpFnc .rpIconBtn .icoBtn {
          margin: 0 0 0 8px;
          cursor: pointer; }
          .rpWrite .rpWrite_ta table .textSet.smallSet .rpFnc .rpIconBtn .icoBtn:first-child {
            margin: 0; }
          .rpWrite .rpWrite_ta table .textSet.smallSet .rpFnc .rpIconBtn .icoBtn .icoAttach {
            width: 14px;
            height: 14px;
            background: url(/static/media/ic_attach_s_normal.b72ee0ae.png) no-repeat center; }
            .rpWrite .rpWrite_ta table .textSet.smallSet .rpFnc .rpIconBtn .icoBtn .icoAttach:hover {
              background: url(/static/media/ic_attach_s_over.036a699f.png) no-repeat center; }
          .rpWrite .rpWrite_ta table .textSet.smallSet .rpFnc .rpIconBtn .icoBtn .icoLink {
            width: 14px;
            height: 14px;
            background: url(/static/media/ic_link_s_normal.5c1a84af.png) no-repeat center; }
            .rpWrite .rpWrite_ta table .textSet.smallSet .rpFnc .rpIconBtn .icoBtn .icoLink:hover {
              background: url(/static/media/ic_link_s_over.4a65db99.png) no-repeat center; }
          .rpWrite .rpWrite_ta table .textSet.smallSet .rpFnc .rpIconBtn .icoBtn .icoEmoticon {
            width: 14px;
            height: 14px;
            background: url(/static/media/ic_emoticon_s_normal.622f19e2.png) no-repeat center; }
            .rpWrite .rpWrite_ta table .textSet.smallSet .rpFnc .rpIconBtn .icoBtn .icoEmoticon:hover {
              background: url(/static/media/ic_emoticon_s_over.168667e4.png) no-repeat left 1px top 1px; }
          .rpWrite .rpWrite_ta table .textSet.smallSet .rpFnc .rpIconBtn .icoBtn .icoVoice {
            width: 14px;
            height: 14px;
            background: url(/static/media/ic_voice_s_normal.3262c6c7.png) no-repeat center; }
            .rpWrite .rpWrite_ta table .textSet.smallSet .rpFnc .rpIconBtn .icoBtn .icoVoice:hover {
              background: url(/static/media/ic_voice_s_over.2490276e.png) no-repeat center; }
      .rpWrite .rpWrite_ta table .textSet.smallSet .rpFnc .reCompBtn {
        margin: 7px; }
      .rpWrite .rpWrite_ta table .textSet.smallSet .rpFnc .mentionListBox {
        left: -13px;
        right: 0;
        bottom: -11px;
        max-height: 136px; }
    .rpWrite .rpWrite_ta table .textSet .rpText {
      width: 100%;
      height: 82px;
      padding: 15px 13px;
      outline: none;
      font-size: 13px;
      line-height: 1.8;
      vertical-align: middle;
      word-break: break-all;
      background-color: #ffffff;
      overflow-y: auto;
      box-sizing: border-box; }
    .rpWrite .rpWrite_ta table .textSet .rpFnc {
      width: 100%;
      height: 47px;
      border-top: 1px solid #e6e6e6;
      background-color: #ffffff; }
      .rpWrite .rpWrite_ta table .textSet .rpFnc .rpIconBtn {
        position: relative;
        margin: 15px 0 15px 13px; }
        .rpWrite .rpWrite_ta table .textSet .rpFnc .rpIconBtn .icoBtn {
          margin: 0 0 0 10px;
          cursor: pointer; }
          .rpWrite .rpWrite_ta table .textSet .rpFnc .rpIconBtn .icoBtn:first-child {
            margin: 0; }
          .rpWrite .rpWrite_ta table .textSet .rpFnc .rpIconBtn .icoBtn .icoAttach {
            width: 18px;
            height: 18px;
            background: url(/static/media/ic_attach_m_normal.196a16c8.png) no-repeat center; }
            .rpWrite .rpWrite_ta table .textSet .rpFnc .rpIconBtn .icoBtn .icoAttach:hover {
              background: url(/static/media/ic_attach_m_over.941957d3.png) no-repeat center; }
          .rpWrite .rpWrite_ta table .textSet .rpFnc .rpIconBtn .icoBtn .icoLink {
            width: 18px;
            height: 18px;
            background: url(/static/media/ic_link_m_normal.30130225.png) no-repeat center; }
            .rpWrite .rpWrite_ta table .textSet .rpFnc .rpIconBtn .icoBtn .icoLink:hover {
              background: url(/static/media/ic_link_m_over.0f095a74.png) no-repeat center; }
          .rpWrite .rpWrite_ta table .textSet .rpFnc .rpIconBtn .icoBtn .icoEmoticon {
            width: 18px;
            height: 18px;
            background: url(/static/media/ic_emoticon_m_normal.f2cfa55f.png) no-repeat center; }
            .rpWrite .rpWrite_ta table .textSet .rpFnc .rpIconBtn .icoBtn .icoEmoticon:hover {
              background: url(/static/media/ic_emoticon_m_over.9b6c6706.png) no-repeat center; }
          .rpWrite .rpWrite_ta table .textSet .rpFnc .rpIconBtn .icoBtn .icoVoice {
            width: 18px;
            height: 18px;
            background: url(/static/media/ic_voice_m_normal.90ae4aa3.png) no-repeat center; }
            .rpWrite .rpWrite_ta table .textSet .rpFnc .rpIconBtn .icoBtn .icoVoice:hover {
              background: url(/static/media/ic_voice_m_over.10cdbd86.png) no-repeat center; }
      .rpWrite .rpWrite_ta table .textSet .rpFnc .reCompBtn {
        margin: 7px 8px; }
    .rpWrite .rpWrite_ta table .textSet input[type="text"].cloneHiddenText {
      position: absolute;
      left: -1000000px;
      top: -10000000px;
      visibility: hidden; }

.rpWrite .mentionListBox {
  display: none;
  position: absolute;
  bottom: -15px;
  left: -13px;
  right: 0;
  max-height: 158px;
  border: 1px solid #eaeaea;
  background: #ffffff;
  overflow-y: auto;
  z-index: 11; }
  .rpWrite .mentionListBox li {
    position: relative;
    padding: 5px 0;
    border-top: 1px solid #eaeaea;
    cursor: pointer; }
    .rpWrite .mentionListBox li.on {
      background: #f2f2f2; }
    .rpWrite .mentionListBox li:hover {
      background: #f2f2f2; }
    .rpWrite .mentionListBox li:first-child {
      border-top: 0; }
    .rpWrite .mentionListBox li .mentionImg {
      position: absolute;
      top: 5px;
      left: 0;
      width: 36px;
      height: 36px;
      margin: 0 0 0 4px;
      overflow: hidden;
      border-radius: 50% 50%;
      background: url(/static/media/profile_noimg_large.2518d5e2.png) no-repeat center center;
      background-size: 36px 36px; }
      .rpWrite .mentionListBox li .mentionImg img {
        width: 100%;
        height: 100%;
        border-radius: 50% 50%; }
    .rpWrite .mentionListBox li .mentionInfo {
      margin: 0px 0 0 44px;
      line-height: 18px; }
      .rpWrite .mentionListBox li .mentionInfo dt {
        font-size: 12px;
        font-weight: bold; }
      .rpWrite .mentionListBox li .mentionInfo dd {
        color: #b1b1b1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }

.mentionListBox.type02 {
  display: none;
  position: absolute;
  left: 13px;
  right: 13px;
  max-width: 450px;
  height: 160px;
  max-height: 160px;
  border: 1px solid #a6a6a6;
  border-radius: 4px;
  box-shadow: 0px 5px 5px 0 rgba(6, 6, 6, 0.1);
  background: #ffffff;
  box-sizing: border-box;
  overflow-y: auto;
  z-index: 11; }
  .mentionListBox.type02.short {
    height: 52px; }
  .mentionListBox.type02 li {
    position: relative;
    padding: 8px 0 7px 0;
    border-top: 1px solid #e6e6e6;
    cursor: pointer; }
    .mentionListBox.type02 li.on {
      background: #eff7ff; }
    .mentionListBox.type02 li:hover {
      background: #eff7ff; }
    .mentionListBox.type02 li:first-child {
      border-top: 0; }
    .mentionListBox.type02 li .mentionImg {
      position: absolute;
      top: 12px;
      left: 0;
      width: 28px;
      height: 28px;
      margin: 0 0 0 10px;
      overflow: hidden;
      border-radius: 50% 50%;
      background: url(/static/media/profile_noimg_large.2518d5e2.png) no-repeat center center/28px 28px; }
      .mentionListBox.type02 li .mentionImg img {
        width: 100%;
        height: 100%;
        border-radius: 50% 50%; }
    .mentionListBox.type02 li .mentionInfo {
      margin: 0 0 0 48px;
      line-height: 18px; }
      .mentionListBox.type02 li .mentionInfo dt {
        font-size: 12px;
        font-weight: bold;
        margin: 0 0 1px 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .mentionListBox.type02 li .mentionInfo dd {
        font-size: 11px;
        color: #b1b1b1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }

.naSed {
  font-size: 13px;
  margin-right: 4px;
  color: #1c90fb;
  display: inline;
  border: none;
  outline: none;
  background: transparent; }
  .naSed.on {
    background: #000; }

.write_area .rpWrite_ta {
  padding: 20px 20px 0px 20px; }

.reply_set .replyFile {
  width: 100%;
  margin: 10px 0 0 0; }

.reply_set.photo_type .rp_head .rp_photo {
  display: block !important; }

.reply_set.photo_type .rp_head .rp_info {
  float: left;
  width: calc(100% - 48px);
  padding-top: 9px; }

.reply_set.photo_type .rp_contents {
  float: right;
  width: calc(100% - 48px);
  padding-top: 0px !important; }

.reply_set.photo_type .re .rp_head .rp_info {
  padding-top: 2px; }

.reply_set.photo_type .re .rp_contents {
  width: calc(100% - 66px);
  padding-left: 0px !important; }

.reply_set.photo_type .re .rp_head + .rpWrite .rpWrite_ta {
  margin-left: 66px !important; }

.reply_set.chat_type .rp_head .rp_photo {
  display: block !important; }

.reply_set.chat_type .rp_head .rp_info {
  float: left;
  width: calc(100% - 48px);
  padding-top: 9px; }

.reply_set.chat_type .rp_contents {
  float: right;
  width: calc(100% - 48px);
  padding: 10px !important;
  background: #eeeff1;
  border-radius: 8px; }

.reply_set.chat_type .re .rp_head .rp_info {
  padding-top: 2px; }

.reply_set.chat_type .re .rp_contents {
  width: calc(100% - 66px);
  padding-left: 10px !important;
  margin-top: 5px; }

.reply_set.chat_type .re .rp_head + .rpWrite .rpWrite_ta {
  margin-left: 66px !important; }

.reply_set.chat_type .semo {
  display: inline-block !important; }

.reply_set .reply_box {
  border-bottom: 1px solid #e6e6e6; }
  .reply_set .reply_box::after {
    content: '';
    display: table;
    clear: both; }
  .reply_set .reply_box .reply_div {
    padding: 0px 20px 18px 20px; }
    .reply_set .reply_box .reply_div::after {
      content: '';
      display: table;
      clear: both; }
    .reply_set .reply_box .reply_div.re {
      padding-left: 20px;
      background: url(/static/media/icon_reply_bracket.9642cccc.png) no-repeat 26px 26px; }
      .reply_set .reply_box .reply_div.re .rp_head {
        padding-left: 28px; }
        .reply_set .reply_box .reply_div.re .rp_head .rp_photo {
          display: none;
          width: 38px; }
          .reply_set .reply_box .reply_div.re .rp_head .rp_photo .pic {
            width: 30px;
            height: 30px;
            background: url(/static/media/profile_noimg_large.2518d5e2.png) no-repeat center center;
            background-size: 30px 30px; }
            .reply_set .reply_box .reply_div.re .rp_head .rp_photo .pic img {
              width: 30px;
              height: 30px; }
      .reply_set .reply_box .reply_div.re .rp_contents {
        padding-left: 28px; }
      .reply_set .reply_box .reply_div.re .rpWrite {
        border-top: 1px solid #e6e6e6;
        padding-top: 20px; }
        .reply_set .reply_box .reply_div.re .rpWrite .rpWrite_ta {
          margin-left: 28px; }
      .reply_set .reply_box .reply_div.re .rp_head + .rpWrite {
        border-top: none;
        clear: both;
        padding-top: 7px; }
    .reply_set .reply_box .reply_div.deleted .rp_head .rp_info .left_div .na {
      display: none; }
    .reply_set .reply_box .reply_div.deleted .rp_head .rp_info .left_div .date {
      padding-left: 0;
      margin-left: 0;
      background: none; }
    .reply_set .reply_box .reply_div.deleted .rp_contents .rpText {
      color: #797979;
      background: url(/static/media/ic_caution_01_s_normal_red.13c9b030.png) no-repeat left center;
      padding-left: 17px;
      word-break: break-all; }
    .reply_set .reply_box .reply_div .rp_head {
      padding-top: 18px; }
      .reply_set .reply_box .reply_div .rp_head::after {
        content: '';
        display: table;
        clear: both; }
      .reply_set .reply_box .reply_div .rp_head .rp_photo {
        display: none;
        width: 48px;
        text-align: left;
        float: left; }
        .reply_set .reply_box .reply_div .rp_head .rp_photo .pic {
          width: 40px;
          height: 40px;
          border-radius: 50% 50%;
          background: url(/static/media/profile_noimg_large.2518d5e2.png) no-repeat center center;
          background-size: 40px 40px; }
          .reply_set .reply_box .reply_div .rp_head .rp_photo .pic img {
            width: 40px;
            height: 40px;
            border-radius: 50% 50%; }
      .reply_set .reply_box .reply_div .rp_head .rp_info .left_div {
        float: left;
        line-height: 24px; }
        .reply_set .reply_box .reply_div .rp_head .rp_info .left_div .na {
          font-weight: bold;
          font-size: 13px;
          letter-spacing: -0.65px; }
        .reply_set .reply_box .reply_div .rp_head .rp_info .left_div .date {
          font-size: 12px;
          margin-left: 6px;
          padding-left: 7px;
          color: #8c8c8c;
          line-height: 12px;
          background: url(/static/media/bg_line_bar01.e9619d23.png) no-repeat left center; }
      .reply_set .reply_box .reply_div .rp_head .rp_info .right_div {
        float: right; }
        .reply_set .reply_box .reply_div .rp_head .rp_info .right_div > span {
          float: left;
          position: relative;
          margin: 2px 0 0 10px; }
          .reply_set .reply_box .reply_div .rp_head .rp_info .right_div > span > input[type="button"] {
            width: 18px;
            height: 18px;
            cursor: pointer; }
          .reply_set .reply_box .reply_div .rp_head .rp_info .right_div > span .btn_reply {
            border: none;
            outline: none;
            background: url(/static/media/ic_comment_m_normal.78fc014e.png) no-repeat center center; }
            .reply_set .reply_box .reply_div .rp_head .rp_info .right_div > span .btn_reply:hover {
              background: url(/static/media/ic_comment_m_over.97081f76.png) no-repeat center center; }
          .reply_set .reply_box .reply_div .rp_head .rp_info .right_div > span .btn_modify {
            border: none;
            outline: none;
            background: url(/static/media/ic_edit_m_normal.b165e865.png) no-repeat center center; }
            .reply_set .reply_box .reply_div .rp_head .rp_info .right_div > span .btn_modify:hover {
              background: url(/static/media/ic_edit_m_over.ce8187ff.png) no-repeat center center; }
          .reply_set .reply_box .reply_div .rp_head .rp_info .right_div > span .btn_delete {
            border: none !important;
            outline: none;
            background: url(/static/media/ic_trashcan_m_normal.d7cd20e5.png) no-repeat center center !important; }
            .reply_set .reply_box .reply_div .rp_head .rp_info .right_div > span .btn_delete:hover {
              background: url(/static/media/ic_trashcan_m_over.91e316b0.png) no-repeat center center !important; }
          .reply_set .reply_box .reply_div .rp_head .rp_info .right_div > span .fileTooltip {
            left: -8px;
            top: 17px;
            position: absolute; }
          .reply_set .reply_box .reply_div .rp_head .rp_info .right_div > span .fileTooltip .box {
            white-space: nowrap; }
    .reply_set .reply_box .reply_div .rp_contents {
      clear: both;
      font-size: 13px;
      box-sizing: border-box;
      padding-top: 5px;
      position: relative;
      word-break: break-all; }
      .reply_set .reply_box .reply_div .rp_contents .rpSed {
        color: #1c90fb;
        font-weight: bold;
        margin-right: 5px;
        letter-spacing: -0.65px; }
      .reply_set .reply_box .reply_div .rp_contents .semo {
        width: 12px;
        height: 12px;
        display: none;
        position: absolute;
        background: url(/static/media/img_reply_bubble.1380e944.png) no-repeat center center;
        top: 1px;
        left: -11px; }
  .reply_set .reply_box .reply_div + .reply_div.re {
    border-top: 1px dashed #e6e6e6; }
  .reply_set .reply_box .reply_div.re + .reply_div.re {
    border-top: none; }
    .reply_set .reply_box .reply_div.re + .reply_div.re .rp_head {
      border-top: 1px solid #e6e6e6; }

.reply_set .rpFile {
  border-top: 1px solid #e6e6e6;
  padding-top: 10px;
  margin-top: 10px; }
  .reply_set .rpFile li {
    line-height: 24px; }
    .reply_set .rpFile li p {
      float: left;
      cursor: pointer;
      padding-left: 22px;
      max-width: calc(100% - 100px); }
      .reply_set .rpFile li p:hover {
        text-decoration: underline; }

.reply_set .rpText {
  white-space: pre-wrap; }

/******************   
다이얼로그 -> alret 스타일   
******************/
.pubDiaAlertStyle {
  display: inline; }
  .pubDiaAlertStyle .dialog_content .dialog_data > div:first-child {
    display: none; }
  .pubDiaAlertStyle .dialog_content .dialog_data > div:nth-child(2) {
    border-top: none; }
  .pubDiaAlertStyle .dialog_content .dialog_data > div:nth-child(3) {
    background: #fff;
    padding: 10px 0 20px 0; }

/*비밀번호 입력*/
.passDiv {
  text-align: center; }
  .passDiv .ico {
    width: 38px;
    height: 38px;
    background: url(/static/media/icon_alert_password.33ecfeee.png) no-repeat center center;
    margin: 0 auto; }
  .passDiv .txt {
    font-size: 15px; }

.footNo [class*="OBTDialog_bottomButton"],
.footNo [class*="OBTDialog2_bottomButton"] {
  display: none; }

.scrollNo [class*="OBTDialog_data"],
.scrollNo [class*="OBTDialog2_data"] {
  overflow: hidden; }

.pubDialogOnlyContents ._isDialog > div:nth-child(2) {
  padding: 0 !important;
  border: none !important; }

.pubDialogOnlyContents .dialog_content .dialog_data > div:first-child {
  display: none; }

.pubDialogOnlyContents .dialog_content .dialog_data > div:nth-child(2) {
  border-top: none; }
  .pubDialogOnlyContents .dialog_content .dialog_data > div:nth-child(2) [class*="OBTDialog_dataWrapper"],
  .pubDialogOnlyContents .dialog_content .dialog_data > div:nth-child(2) [class*="OBTDialog2_dataWrapper"] {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.pubDialogOnlyContents .dialog_content .dialog_data > div:nth-child(3) {
  display: none; }

.pubDialogOnlyContents.btnTrue .dialog_content .dialog_data > div:nth-child(3) {
  display: block;
  margin: 0 !important; }

.pubDialogContentsNone ._isDialog > div:nth-child(2) {
  width: 0 !important;
  min-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important; }

.pubDialogContentsNone .dialog_content .dialog_data {
  height: 0 !important; }
  .pubDialogContentsNone .dialog_content .dialog_data > div:first-child {
    display: none; }
  .pubDialogContentsNone .dialog_content .dialog_data > div:nth-child(2) {
    border-top: none; }
    .pubDialogContentsNone .dialog_content .dialog_data > div:nth-child(2) [class*="OBTDialog_dataWrapper"] {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
      .pubDialogContentsNone .dialog_content .dialog_data > div:nth-child(2) [class*="OBTDialog_dataWrapper"] > .popupWrap > div {
        position: fixed;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content; }
    .pubDialogContentsNone .dialog_content .dialog_data > div:nth-child(2) [class*="OBTDialog2_dataWrapper"] {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
      .pubDialogContentsNone .dialog_content .dialog_data > div:nth-child(2) [class*="OBTDialog2_dataWrapper"] > .popupWrap > div {
        position: fixed;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content; }
  .pubDialogContentsNone .dialog_content .dialog_data > div:nth-child(3) {
    display: none; }

.pubDialogContentsNone .popupWrap {
  justify-content: center;
  align-items: center; }
  .pubDialogContentsNone .popupWrap .dialogBox {
    padding: 0 30px;
    background-color: #ffffff;
    box-sizing: border-box; }
    .pubDialogContentsNone .popupWrap .dialogBox .title {
      position: relative;
      align-items: center; }
      .pubDialogContentsNone .popupWrap .dialogBox .title .tit {
        margin: 0px;
        padding: 22px 0px 8px;
        font-size: 18px;
        font-family: inherit;
        line-height: 1.28;
        height: 27px;
        letter-spacing: -0.9px; }
      .pubDialogContentsNone .popupWrap .dialogBox .title .btnBox {
        margin: 19px 0px 8px;
        width: 30px;
        height: 30px;
        box-sizing: border-box; }
    .pubDialogContentsNone .popupWrap .dialogBox .contentsData {
      flex-grow: 1;
      border-top: 1px solid #d9d9d9;
      overflow: auto;
      position: relative;
      padding: 0 0 30px 0; }
    .pubDialogContentsNone .popupWrap .dialogBox .bottomButton {
      margin: 0 -30px 0px;
      padding: 15px 0;
      background-color: #f7f7f7;
      grid-gap: 4px;
      gap: 4px; }
    .pubDialogContentsNone .popupWrap .dialogBox .todayClose {
      margin: 0px -30px 0px;
      background-color: #ededed;
      padding: 9px 30px; }
      .pubDialogContentsNone .popupWrap .dialogBox .todayClose [data-orbit-component="OBTCheckBox"] svg {
        background-color: #fff; }
  .pubDialogContentsNone .popupWrap .closeBtn {
    width: 13px;
    height: 13px;
    background: url(/static/media/btn_close@2x.79ec9cad.png) no-repeat center;
    cursor: pointer;
    background-size: 13px; }

.pubDialogHeaderContents .dialog_data h1:first-child {
  padding: 19px 0 8px 0 !important;
  width: calc(100% - 30px);
  line-height: normal !important; }

/***************   
selective_input   
****************/
.selectiveInput {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  min-height: 27px;
  vertical-align: middle; }

.selectiveInput .selectField {
  width: 100%;
  min-height: 27px;
  height: 100%;
  padding: 0 0 0 0px;
  border: 1px solid #cccccc;
  font-size: 12px;
  background: #ffffff;
  outline: none;
  box-sizing: border-box;
  cursor: text; }

.selectiveInput .selectField:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

.selectiveInput .selectField:focus {
  border: 1px solid #3badde; }

.selectiveInput .selectField.disabled {
  color: #8d8d8d;
  background: #f3f3f3;
  cursor: not-allowed; }

.selectiveInput .selectField.disabled:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  cursor: not-allowed;
  z-index: 1; }

.selectiveInput .selectField.disabled:focus {
  background: #f3f3f3;
  cursor: not-allowed; }

.selectiveInput .selectField.disabled .addresObjView {
  border-color: #cccccc !important;
  background: transparent !important;
  color: #cccccc !important; }

.selectiveInput .selectField.disabled .addresObjView .btn_edit {
  display: none !important; }

.selectiveInput .selectField.disabled .addresObjView .btn_del {
  display: none !important; }

.selectiveInput .selectField.disabled .addresObjView .addr_input {
  display: none !important; }

.selectiveInput .selectField.disabled .addresObjViewText {
  margin: 0 5px !important; }

.selectiveInput .selectField .addresObjView {
  position: relative;
  float: left;
  min-height: 14px;
  line-height: 14px;
  margin: 1px 0;
  padding: 1px 0 2px 0;
  color: #000000;
  line-height: normal;
  border: 1px solid #adcfff;
  background-color: #eff7ff;
  cursor: text;
  margin-left: 1px;
  outline: none; }

.selectiveInput .selectField .addresObjView .addresObjViewText {
  margin: 0 5px !important;
  white-space: nowrap; }

.selectiveInput .selectField .addresObjView.write .addresObjViewText {
  visibility: hidden; }

.selectiveInput .selectField .addresObjView.edit .addresObjViewText {
  visibility: hidden; }

.selectiveInput .selectField .addresObjView .btn_edit {
  cursor: pointer;
  display: inline-block;
  width: 8px;
  height: 8px;
  background: url(/static/media/icon_mail_edit_b.e5986e27.png) no-repeat center center;
  outline: none;
  margin: 0 5px 0 0; }

.selectiveInput .selectField .addresObjView .btn_del {
  cursor: pointer;
  display: inline-block;
  width: 8px;
  height: 8px;
  background: url(/static/media/icon_mail_close_b.dc759f91.png) no-repeat center center;
  outline: none;
  margin: 0 5px 0 0; }

.selectiveInput .selectField .addresObjView .addr_input {
  display: none; }

.selectiveInput .selectField .addresObjView.write .addr_input {
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px; }

.selectiveInput .selectField .addresObjView.write .addr_input .editInput {
  width: 100%;
  height: 100%;
  text-align: left;
  padding: 2px;
  border: 1px solid transparent;
  background-color: #ffffff;
  box-sizing: border-box;
  outline: none; }

.selectiveInput .selectField .addresObjView.edit .addr_input {
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px; }

.selectiveInput .selectField .addresObjView.edit .addr_input .editInput {
  width: 100%;
  height: 100%;
  text-align: left;
  padding: 2px;
  border: 1px solid #3badde;
  background-color: #ffffff;
  box-sizing: border-box;
  outline: none; }

.selectiveInput .selectField .addresObjView.error {
  border: 1px solid #ffb3ad;
  background-color: #ffeff0; }

.selectiveInput .selectField .addresObjView.error .btn_edit {
  background: url(/static/media/icon_mail_edit_r.eb90c34f.png) no-repeat center center; }

.selectiveInput .selectField .addresObjView.error .btn_del {
  background: url(/static/media/icon_mail_close_r.98b01e2f.png) no-repeat center center; }

.selectiveInput .selectField .addresObjView.error.edit .addr_input .editInput {
  width: 100%;
  height: 100%;
  text-align: left;
  padding: 2px;
  border: 1px solid #f38383;
  background-color: #ffffff;
  box-sizing: border-box;
  outline: none; }

.selectiveInput .cloneHiddenAddr {
  overflow: hidden;
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 1px;
  height: 1px; }

.selectiveInput .selectField:focus {
  border: 1px solid #2196f3; }

.selectiveInput .selectField.disabled:focus {
  border: 1px solid #cccccc; }

.div_autoComplete {
  display: none;
  position: absolute;
  border: 1px solid #cccccc;
  background: #ffffff;
  z-index: 102;
  width: 100%;
  max-height: 150px;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: left;
  box-sizing: border-box; }

.div_autoComplete li {
  height: 22px;
  line-height: 22px;
  padding: 0 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: list-item; }

.div_autoComplete li:hover {
  cursor: pointer;
  background: #f5f5f5; }

.div_autoComplete li.on {
  background: #f5f5f5; }

.div_autoComplete li .marking {
  background: #fff1c0; }

.selectField.error {
  background: url(/static/media/icon_input_error.fb91c005.png) no-repeat right 10px center;
  border: 1px solid #e85e30; }
  .selectField.error .txt {
    color: #e85e30;
    margin-left: 7px;
    line-height: 25px; }
  .selectField.error:focus {
    border: 1px solid #e85e30; }

/*****************************   
    마스터,관리자 공통 팝업   
******************************/
.pageheadRight {
  position: absolute;
  top: -58px;
  right: 0px; }

.managerPop {
  width: 100%;
  height: 100%;
  min-width: 1024px;
  /*타이틀*/
  /*---레프트 변경후 삭제할것------ */
  /*레프트 뉴*/
  /*컨텐츠*/ }
  .managerPop .popCon {
    border: solid 1px #d9d9d9;
    background-color: #fff;
    box-sizing: border-box;
    margin: 0 20px 20px 20px; }
  .managerPop .pageHeader {
    height: 50px;
    box-sizing: border-box;
    border-bottom: 1px solid #e5e5e5;
    padding: 0px 20px;
    line-height: 50px; }
    .managerPop .pageHeader h2 {
      font-size: 18px; }
  .managerPop .MenuTitle {
    height: 50px;
    padding: 0 20px;
    line-height: 50px; }
    .managerPop .MenuTitle .left_div {
      float: left;
      font-size: 18px;
      padding: 0 0 0 30px; }
      .managerPop .MenuTitle .left_div.snbGroup {
        background: url(/static/media/ic_master_normal.27a42c85.png) no-repeat left center; }
      .managerPop .MenuTitle .left_div.snbCorp {
        background: url(/static/media/ic_administrator_normal.cd48e67a.png) no-repeat left center; }
      .managerPop .MenuTitle .left_div.snbUser {
        background: url(/static/media/ic_user_normal.ccd53f61.png) no-repeat left center; }
    .managerPop .MenuTitle .right_div {
      float: right;
      right: 0px; }
      .managerPop .MenuTitle .right_div.ico_help {
        cursor: pointer;
        margin-top: 15px;
        width: 17px;
        height: 17px;
        background: url(/static/media/ic_question_01_m_disable.34871c0a.png) no-repeat center right; }
  .managerPop .fb_div {
    position: relative; }
  .managerPop .pageheadRight {
    top: 11px;
    right: 20px; }
  .managerPop .LnbMenu {
    border-right: solid 1px #d9d9d9;
    box-sizing: border-box;
    overflow: auto; }
    .managerPop .LnbMenu .LnbMenuCon .sub_2dep + .sub_3dep {
      height: 0;
      transform: rotateX(-90deg); }
    .managerPop .LnbMenu .LnbMenuCon .sub_2dep.on + .sub_3dep {
      height: auto;
      transform: rotateX(0deg);
      transition: 0.5s; }
      .managerPop .LnbMenu .LnbMenuCon .sub_2dep.on + .sub_3dep li:first-child {
        margin: 10px 0 0 0; }
    .managerPop .LnbMenu .LnbMenuCon .sub_2dep {
      display: block;
      font-size: 14px;
      font-weight: bold;
      line-height: 1;
      color: #000;
      border-bottom: solid 1px #d9d9d9;
      padding: 10px 25px 10px 10px;
      background: url(/static/media/ic_arrow_down_01_m_normal.28f73b9a.png) no-repeat right 10px center;
      overflow: hidden;
      white-space: nowrap;
      word-break: break-all;
      text-overflow: ellipsis;
      cursor: pointer; }
      .managerPop .LnbMenu .LnbMenuCon .sub_2dep:hover {
        color: #1c90fb; }
      .managerPop .LnbMenu .LnbMenuCon .sub_2dep.on {
        background: url(/static/media/ic_arrow_up_01_m_normal.ac3efcd6.png) no-repeat right 10px center; }
      .managerPop .LnbMenu .LnbMenuCon .sub_2dep.on + .sub_3dep {
        display: block; }
    .managerPop .LnbMenu .LnbMenuCon .sub_3dep {
      font-size: 13px;
      font-weight: bold;
      line-height: 1;
      color: #000;
      border-bottom: solid 1px #d9d9d9;
      padding: 0px 10px; }
      .managerPop .LnbMenu .LnbMenuCon .sub_3dep li {
        background: url(/static/media/bg_popSnb_depth.beb9b9ab.png) no-repeat left top 3px;
        cursor: pointer;
        padding: 0 0 10px 15px;
        overflow: hidden;
        white-space: nowrap;
        word-break: break-all;
        text-overflow: ellipsis;
        cursor: pointer; }
        .managerPop .LnbMenu .LnbMenuCon .sub_3dep li:hover {
          color: #1c90fb; }
        .managerPop .LnbMenu .LnbMenuCon .sub_3dep li.on {
          color: #1c90fb; }
        .managerPop .LnbMenu .LnbMenuCon .sub_3dep li:last-child {
          padding: 0 0 10px 15px; }
  .managerPop .LnbMenuManager {
    border-right: solid 1px #d9d9d9;
    box-sizing: border-box;
    overflow: auto; }
    .managerPop .LnbMenuManager .LnbMenuCon.sub_1dep .tit_div + .sub_2dep {
      height: 0;
      transform: rotateX(-90deg); }
    .managerPop .LnbMenuManager .LnbMenuCon.sub_1dep .tit_div.on + .sub_2dep {
      height: auto;
      transform: rotateX(0deg);
      transition: 0.5s; }
      .managerPop .LnbMenuManager .LnbMenuCon.sub_1dep .tit_div.on + .sub_2dep > li:first-child {
        margin: 10px 0 0 0; }
    .managerPop .LnbMenuManager .LnbMenuCon.sub_1dep > li > .tit_div {
      display: block;
      font-size: 14px;
      font-weight: bold;
      line-height: 1;
      color: #000;
      border-bottom: solid 1px #d9d9d9;
      padding: 10px 25px 10px 10px;
      background: url(/static/media/ic_arrow_down_01_m_normal.28f73b9a.png) no-repeat right 10px center;
      overflow: hidden;
      white-space: nowrap;
      word-break: break-all;
      text-overflow: ellipsis;
      cursor: pointer; }
      .managerPop .LnbMenuManager .LnbMenuCon.sub_1dep > li > .tit_div:hover {
        color: #1c90fb; }
      .managerPop .LnbMenuManager .LnbMenuCon.sub_1dep > li > .tit_div.on {
        background: url(/static/media/ic_arrow_up_01_m_normal.ac3efcd6.png) no-repeat right 10px center; }
      .managerPop .LnbMenuManager .LnbMenuCon.sub_1dep > li > .tit_div.on + .sub_3dep {
        display: block; }
    .managerPop .LnbMenuManager .LnbMenuCon.sub_1dep .sub_2dep {
      font-size: 13px;
      font-weight: bold;
      line-height: 1;
      color: #000;
      border-bottom: solid 1px #d9d9d9;
      padding: 0px 10px;
      overflow-x: auto; }
      .managerPop .LnbMenuManager .LnbMenuCon.sub_1dep .sub_2dep li {
        white-space: nowrap;
        text-overflow: ellipsis;
        cursor: pointer; }
        .managerPop .LnbMenuManager .LnbMenuCon.sub_1dep .sub_2dep li .tit_div {
          background: url(/static/media/bg_popSnb_depth.beb9b9ab.png) no-repeat left top 3px;
          cursor: pointer;
          padding: 0 0 10px 15px; }
        .managerPop .LnbMenuManager .LnbMenuCon.sub_1dep .sub_2dep li > .tit_div:hover {
          color: #1c90fb; }
        .managerPop .LnbMenuManager .LnbMenuCon.sub_1dep .sub_2dep li > .tit_div.on {
          color: #1c90fb; }
      .managerPop .LnbMenuManager .LnbMenuCon.sub_1dep .sub_2dep .dep_close {
        background: url(/static/media/ic_arrow_right_02_m_normal.33359f4a.png) no-repeat left -3px top 0px !important; }
      .managerPop .LnbMenuManager .LnbMenuCon.sub_1dep .sub_2dep .dep_open {
        background: url(/static/media/ic_arrow_left_02_m_normal.37249fa5.png) no-repeat left -1px top 0px !important; }
      .managerPop .LnbMenuManager .LnbMenuCon.sub_1dep .sub_2dep .dep_close + ul {
        display: none; }
      .managerPop .LnbMenuManager .LnbMenuCon.sub_1dep .sub_2dep .dep_open + ul {
        display: block; }
      .managerPop .LnbMenuManager .LnbMenuCon.sub_1dep .sub_2dep .sub_3dep > li {
        padding-left: 15px; }
        .managerPop .LnbMenuManager .LnbMenuCon.sub_1dep .sub_2dep .sub_3dep > li > .tit_div:hover {
          color: #1c90fb; }
        .managerPop .LnbMenuManager .LnbMenuCon.sub_1dep .sub_2dep .sub_3dep > li > .tit_div.on {
          color: #1c90fb; }
      .managerPop .LnbMenuManager .LnbMenuCon.sub_1dep .sub_2dep .sub_3dep .sub_4dep > li {
        padding-left: 15px; }
        .managerPop .LnbMenuManager .LnbMenuCon.sub_1dep .sub_2dep .sub_3dep .sub_4dep > li > .tit_div:hover {
          color: #1c90fb; }
        .managerPop .LnbMenuManager .LnbMenuCon.sub_1dep .sub_2dep .sub_3dep .sub_4dep > li > .tit_div.on {
          color: #1c90fb; }
      .managerPop .LnbMenuManager .LnbMenuCon.sub_1dep .sub_2dep .sub_3dep .sub_4dep .sub_5dep > li {
        padding-left: 15px; }
        .managerPop .LnbMenuManager .LnbMenuCon.sub_1dep .sub_2dep .sub_3dep .sub_4dep .sub_5dep > li > .tit_div:hover {
          color: #1c90fb; }
        .managerPop .LnbMenuManager .LnbMenuCon.sub_1dep .sub_2dep .sub_3dep .sub_4dep .sub_5dep > li > .tit_div.on {
          color: #1c90fb; }
  .managerPop .contntsView {
    overflow: auto;
    word-break: break-all;
    padding: 20px;
    height: 100%; }

/*****************************   
   카드리스트    
******************************/
.pubCardListStyle {
  background: #f2f2f2;
  border: 1px solid #e6e6e6;
  position: relative;
  height: 100%;
  box-sizing: border-box; }
  .pubCardListStyle.noSort [class*="OBTCardList_sortstyle"] {
    display: none; }
  .pubCardListStyle.checkCardList [class*="OBTCardList_checkstyle"] {
    padding-right: 0;
    margin-left: 10px; }
  .pubCardListStyle.qwMenuList [class*="OBTPagination_pageRight"] {
    display: none; }
  .pubCardListStyle.qwMenuList [class*="OBTCardList_checkstyle"] {
    padding-right: 0;
    margin-left: 10px; }
  .pubCardListStyle.qwMenuList .qw {
    position: absolute;
    right: 10px;
    top: 17px; }
    .pubCardListStyle.qwMenuList .qw ul li {
      background: none !important;
      border: none !important; }
      .pubCardListStyle.qwMenuList .qw ul li > div {
        height: 25px !important; }
      .pubCardListStyle.qwMenuList .qw ul li span {
        display: inline-block;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background: #e6e6e6; }
      .pubCardListStyle.qwMenuList .qw ul li.basic span.on {
        background: #20c997; }
      .pubCardListStyle.qwMenuList .qw ul li.erp span.on {
        background: #1c90fb; }
  .pubCardListStyle.ctfMenuList [class*="OBTPagination_pageRight"] {
    display: none; }
  .pubCardListStyle.ctfMenuList [class*="OBTCardList_checkstyle"] {
    padding-right: 0;
    margin-left: 10px; }
  .pubCardListStyle.ctfMenuList .cardList > div > div + div > div > div > div ul > li {
    border-radius: 3px !important; }
  .pubCardListStyle.ctfMenuList .cardList > div > div + div > div > div > div ul > li .selectedBorder {
    border-radius: 3px !important; }
  .pubCardListStyle.ctfMenuList .ctfBox {
    padding: 0 16px;
    box-sizing: border-box; }
    .pubCardListStyle.ctfMenuList .ctfBox .topUnit {
      height: 41px;
      border-bottom: 1px solid #e6e6e6;
      box-sizing: border-box; }
      .pubCardListStyle.ctfMenuList .ctfBox .topUnit .text01 {
        font-size: 13px;
        line-height: 40px;
        color: #000000;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
      .pubCardListStyle.ctfMenuList .ctfBox .topUnit .text02 {
        font-size: 12px;
        line-height: 40px;
        color: #a6a6a6;
        margin: 0 0 0 10px; }
    .pubCardListStyle.ctfMenuList .ctfBox .botUnit {
      padding: 13px 0 0 0; }
      .pubCardListStyle.ctfMenuList .ctfBox .botUnit .lineUnit {
        height: 24px;
        margin: 0 0 10px 0; }
        .pubCardListStyle.ctfMenuList .ctfBox .botUnit .lineUnit .tag01 {
          width: 42px;
          height: 18px;
          font-size: 11px;
          line-height: 18px;
          text-align: center;
          color: #ffffff;
          background-color: #7f98fd;
          border-radius: 18px; }
        .pubCardListStyle.ctfMenuList .ctfBox .botUnit .lineUnit .tag02 {
          width: 42px;
          height: 18px;
          font-size: 11px;
          line-height: 18px;
          text-align: center;
          color: #ffffff;
          background-color: #37c1d6;
          border-radius: 18px; }
        .pubCardListStyle.ctfMenuList .ctfBox .botUnit .lineUnit .ico {
          justify-content: flex-end; }
          .pubCardListStyle.ctfMenuList .ctfBox .botUnit .lineUnit .ico .mobile {
            width: 24px;
            height: 24px;
            margin: 0 0 0 12px;
            background: url(/static/media/ic_certify_mobile_l_normal.59979eb7.png) no-repeat center; }
            .pubCardListStyle.ctfMenuList .ctfBox .botUnit .lineUnit .ico .mobile.on {
              background: url(/static/media/ic_certify_mobile_l_over.de0aa78d.png) no-repeat center; }
          .pubCardListStyle.ctfMenuList .ctfBox .botUnit .lineUnit .ico .otp {
            width: 24px;
            height: 24px;
            margin: 0 0 0 12px;
            background: url(/static/media/ic_certify_otp_l_normal.3a8e862c.png) no-repeat center; }
            .pubCardListStyle.ctfMenuList .ctfBox .botUnit .lineUnit .ico .otp.on {
              background: url(/static/media/ic_certify_otp_l_over.81159ed1.png) no-repeat center; }
          .pubCardListStyle.ctfMenuList .ctfBox .botUnit .lineUnit .ico .device {
            width: 24px;
            height: 24px;
            margin: 0 0 0 12px;
            background: url(/static/media/ic_certify_device_l_normal.dc1cce0c.png) no-repeat center; }
            .pubCardListStyle.ctfMenuList .ctfBox .botUnit .lineUnit .ico .device.on {
              background: url(/static/media/ic_certify_device_l_over.0a7bfb8d.png) no-repeat center; }
          .pubCardListStyle.ctfMenuList .ctfBox .botUnit .lineUnit .ico .password {
            width: 24px;
            height: 24px;
            margin: 0 0 0 12px;
            background: url(/static/media/ic_certify_password_l_normal.46d978eb.png) no-repeat center; }
            .pubCardListStyle.ctfMenuList .ctfBox .botUnit .lineUnit .ico .password.on {
              background: url(/static/media/ic_certify_password_l_over.0f93b0f5.png) no-repeat center; }
          .pubCardListStyle.ctfMenuList .ctfBox .botUnit .lineUnit .ico .fingerPrint {
            width: 24px;
            height: 24px;
            margin: 0 0 0 12px;
            background: url(/static/media/ic_certify_fingerprint_l_normal.edca7405.png) no-repeat center; }
            .pubCardListStyle.ctfMenuList .ctfBox .botUnit .lineUnit .ico .fingerPrint.on {
              background: url(/static/media/ic_certify_fingerprint_l_over.c521d9dc.png) no-repeat center; }
  .pubCardListStyle.ctfMenuList .ctf {
    position: absolute;
    right: 10px;
    top: 22px; }
    .pubCardListStyle.ctfMenuList .ctf ul li {
      background: none !important;
      border: none !important;
      float: left; }
      .pubCardListStyle.ctfMenuList .ctf ul li > div {
        height: 25px !important; }
      .pubCardListStyle.ctfMenuList .ctf ul li span {
        display: inline-block;
        width: 32px;
        height: 32px; }
      .pubCardListStyle.ctfMenuList .ctf ul li.fingerprint span {
        background: url(/static/media/ic_certify_fingerprint_l_disable.edca7405.png) no-repeat center center; }
      .pubCardListStyle.ctfMenuList .ctf ul li.fingerprint span.on {
        background: url(/static/media/ic_certify_fingerprint_l_over.c521d9dc.png) no-repeat center center; }
      .pubCardListStyle.ctfMenuList .ctf ul li.otp span {
        background: url(/static/media/ic_certify_otp_l_normal.3a8e862c.png) no-repeat center center; }
      .pubCardListStyle.ctfMenuList .ctf ul li.otp span.on {
        background: url(/static/media/ic_certify_otp_l_over.81159ed1.png) no-repeat center center; }
      .pubCardListStyle.ctfMenuList .ctf ul li.device span {
        background: url(/static/media/ic_certify_device_l_disable.dc1cce0c.png) no-repeat center center; }
      .pubCardListStyle.ctfMenuList .ctf ul li.device span.on {
        background: url(/static/media/ic_certify_device_l_over.0a7bfb8d.png) no-repeat center center; }
      .pubCardListStyle.ctfMenuList .ctf ul li.password span {
        background: url(/static/media/ic_certify_password_l_normal.46d978eb.png) no-repeat center center; }
      .pubCardListStyle.ctfMenuList .ctf ul li.password span.on {
        background: url(/static/media/ic_certify_password_l_over.0f93b0f5.png) no-repeat center center; }
  .pubCardListStyle .card_search {
    overflow: hidden;
    padding: 16px 10px 10px 10px; }
    .pubCardListStyle .card_search .btnImg {
      vertical-align: middle;
      margin-left: 4px;
      margin-top: -3px; }
    .pubCardListStyle .card_search.qwSearch {
      position: relative;
      height: 100px;
      padding: 9px 0;
      margin: 0 13px 10px;
      border-bottom: 1px solid #e6e6e6;
      box-sizing: border-box; }
  .pubCardListStyle .cd_tit {
    position: absolute;
    z-index: 2; }
    .pubCardListStyle .cd_tit.qwCd_tit {
      top: 75px;
      left: 13px; }
    .pubCardListStyle .cd_tit .ct {
      margin-right: 7px; }
      .pubCardListStyle .cd_tit .ct em {
        font-weight: bold; }
  .pubCardListStyle .cd_sort {
    position: absolute;
    z-index: 2;
    right: 0px;
    padding: 10px 12px 0px 0px; }
    .pubCardListStyle .cd_sort.qwCd_sort {
      top: 75px;
      right: 13px;
      padding: 0; }
  .pubCardListStyle .cardList {
    border: none;
    border-top: 1px solid #e6e6e6; }
    .pubCardListStyle .cardList [class*="OBTCardList_addRow"] {
      background: #fff; }
  .pubCardListStyle .cardList #inputElement {
    color: #000 !important; }
  .pubCardListStyle .cardList > div {
    border: none; }
  .pubCardListStyle .cardList > [class*="OBTCardList_pagination"] {
    border-top: 1px solid #e6e6e6;
    box-sizing: border-box; }
  .pubCardListStyle .cardList > div > div:first-child {
    height: 36px !important;
    border-bottom: 0px; }
  .pubCardListStyle .cardList > div > div:first-child + div {
    display: none; }
  .pubCardListStyle .cardList > div > div + div > div > div > div {
    padding: 0 10px;
    padding-top: 10px;
    box-sizing: border-box; }
  .pubCardListStyle .cardList > div > div + div > div > div > div ul > li {
    margin-bottom: 4px;
    border: 1px solid #d7d7d7;
    background: #fff;
    border-radius: 3px;
    box-sizing: border-box; }
  .pubCardListStyle .cardList > div > div + div > div > div > div ul > li .selectedBorder {
    border-radius: 3px; }
  .pubCardListStyle .cardList > div > div + div > div > div > div ul > li > div:first-child {
    padding: 0 !important;
    height: 36px; }
  .pubCardListStyle .cardList.toneDown .selectedList {
    background-color: #f2f8fd !important; }
  .pubCardListStyle .cardList.toneDown > div > div + div > div > div > div ul > li {
    border: solid 1px #e0e0e0; }
  .pubCardListStyle .cardList.toneDown > div > div + div > div > div > div ul > li > div > div > div {
    color: #a6a6a6 !important; }
  .pubCardListStyle .cardList.toneDown [class*="OBTCardList_li_CardList"] > div > div:nth-child(2) > div {
    color: #a6a6a6 !important; }
  .pubCardListStyle .cardList.toneDown [class*="OBTCardList_selectedCardList"] {
    border: 1px solid #afcfed;
    box-shadow: none; }

.pubCardListStyle.system {
  background: #fff;
  border: 1px solid #e6e6e6;
  position: relative;
  height: 100%;
  box-sizing: border-box;
  border-top-color: #000; }
  .pubCardListStyle.system .cardList {
    border: none;
    border-top: 1px solid #000; }
  .pubCardListStyle.system .cardList > div {
    border: none;
    border-bottom: 1px solid #e6e6e6; }
  .pubCardListStyle.system .cardList > [class*="OBTCardList_pagination"] {
    border: none; }
  .pubCardListStyle.system .cardList > div + div > div > div + div + div {
    display: none; }
  .pubCardListStyle.system .cardList > div > div + div > div > div > div ul > li {
    margin-bottom: 4px;
    border: 1px solid #d7d7d7;
    background: #fff;
    border-radius: 3px;
    box-sizing: border-box; }
  .pubCardListStyle.system .cardList > div > div + div > div > div > div ul > li .selectedBorder {
    border-radius: 3px; }

.pubCardListStyle.noTitle .cardList > div > div:first-child {
  height: 0px !important;
  display: none; }

.cardTempBox {
  margin: 0 16px; }
  .cardTempBox .typeUnit01 {
    min-width: 32px;
    height: 18px;
    padding: 0 6px;
    margin: 2px 0 0 10px;
    font-size: 11px;
    line-height: 18px;
    color: #ffffff;
    border-radius: 18px;
    box-sizing: border-box;
    text-align: center; }
    .cardTempBox .typeUnit01.type1 {
      background-color: #7f98fd; }
    .cardTempBox .typeUnit01.type2 {
      background-color: #37c1d6; }
  .cardTempBox .cardText01 {
    margin: 14px 0 5px 0;
    font-size: 12px;
    line-height: 20px;
    color: #4a4a4a;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }

.stamp_ta table {
  width: 100%;
  table-layout: fixed; }
  .stamp_ta table th {
    border: 1px solid #e6e6e6;
    height: 33px;
    background: #f2f2f2;
    box-sizing: border-box; }
  .stamp_ta table td {
    border: 1px solid #e6e6e6;
    height: 126px;
    text-align: center;
    box-sizing: border-box; }
    .stamp_ta table td .pic {
      position: relative;
      width: 82px;
      height: 82px;
      border-radius: 4px;
      border: solid 1px #e6e6e6;
      background-color: #fff;
      margin: 0 auto;
      box-sizing: border-box; }
      .stamp_ta table td .pic .pic_img {
        background: #fff;
        text-align: center;
        position: absolute;
        z-index: 2;
        width: 71px;
        left: 5px;
        top: 4px;
        height: 71px; }
        .stamp_ta table td .pic .pic_img > img {
          max-width: 71px;
          max-height: 71px;
          background: #fff; }
      .stamp_ta table td .pic:hover .btn_set {
        display: block; }
    .stamp_ta table td .btn_set {
      display: none;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0; }
      .stamp_ta table td .btn_set .opaci {
        width: 100%;
        height: 100%;
        background: #000;
        position: absolute;
        left: 0;
        top: 0;
        background-color: rgba(0, 0, 0, 0.2);
        z-index: 3; }
      .stamp_ta table td .btn_set .btns {
        position: absolute;
        top: 30px;
        z-index: 4;
        width: 62px;
        left: 50%;
        margin-left: -31px; }
      .stamp_ta table td .btn_set .btnImg {
        margin: 0 2px; }
    .stamp_ta table td .txt {
      position: absolute;
      top: 50%;
      margin-top: -9px;
      width: 82px;
      display: inline-block;
      left: 50%;
      margin-left: -41px;
      z-index: 1; }
    .stamp_ta table td.form_td .pic {
      width: 220px;
      height: 82px; }
      .stamp_ta table td.form_td .pic .pic_img {
        width: 160px;
        height: 28px;
        left: 50%;
        top: 50%;
        margin-left: -80px;
        margin-top: -14px; }
        .stamp_ta table td.form_td .pic .pic_img > img {
          max-width: 160px;
          max-height: 28px; }

/*****************************   
   다운레이어    
******************************/
.downLayer {
  box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, 0.16);
  position: absolute;
  bottom: 0px;
  width: 100%;
  border: 1px solid #a6a6a6;
  background: #fff;
  z-index: 10;
  box-sizing: border-box; }
  .downLayer .semo {
    position: absolute;
    width: 80px;
    left: 50%;
    margin-left: -40px;
    top: -23px;
    cursor: pointer; }
    .downLayer .semo .semoL {
      float: left;
      width: 8px;
      height: 25px;
      background: url(/static/media/downLayer_semoL.6b2d30d2.png) no-repeat left top;
      background-size: 8px 24px; }
    .downLayer .semo .text {
      float: left;
      width: 64px;
      padding: 3px 0 2px 0;
      background: #fff;
      box-shadow: 0 -10px 8px -7px rgba(0, 0, 0, 0.16);
      border-top: 1px solid #a6a6a6;
      text-align: center; }
    .downLayer .semo .semoR {
      float: left;
      width: 8px;
      height: 25px;
      background: url(/static/media/downLayer_semoR.0b77fb29.png) no-repeat right top;
      background-size: 8px 24px; }

.downLayer_in {
  position: relative;
  padding: 20px; }

/*****************************   
   색상    
******************************/
.colorPick ul li {
  float: left;
  margin-right: 6px;
  position: relative;
  height: 20px; }
  .colorPick ul li span {
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 50%;
    cursor: pointer; }
    .colorPick ul li span.plus_sp {
      width: 20px;
      height: 20px;
      border: 1px solid #7b7b7b;
      border-radius: 50%;
      background: url(/static/media/icon_cal_add_normal.147eb236.png) no-repeat center center;
      box-sizing: border-box; }
      .colorPick ul li span.plus_sp:hover {
        filter: invert(42%) sepia(83%) saturate(1989%) hue-rotate(189deg) brightness(100%) contrast(97%); }
    .colorPick ul li span.check {
      display: none;
      background: url(/static/media/check@2x.2ce17730.png) no-repeat center center;
      position: absolute;
      left: 0;
      top: 0;
      background-size: 10px 7px; }
  .colorPick ul li.on span.check {
    display: inline-block; }

/* 테이블 > 다국어 레이어 팝업 */
.depa_inp_div {
  background: #fff;
  width: 100%;
  padding: 10px 10px 5px 10px;
  box-sizing: border-box;
  left: 0;
  top: 39px;
  z-index: 100;
  border: 1px solid #a6a6a6;
  position: absolute; }
  .depa_inp_div > p {
    margin-bottom: 10px; }
  .depa_inp_div > div {
    margin-bottom: 5px; }
  .depa_inp_div table {
    width: 100%;
    margin-bottom: 5px; }
    .depa_inp_div table td, .depa_inp_div table th {
      border: none !important; }
    .depa_inp_div table th {
      padding: 3px 0px !important; }
    .depa_inp_div table td {
      padding: 3px 8px !important; }

/*검색필터*/
.sortSet {
  position: relative; }
  .sortSet .sortSp {
    display: block;
    border: 0px;
    outline: none;
    font-size: 12px;
    font-family: inherit;
    color: #000;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    background: url(/static/media/ic_arrow_down_02_s_normal@2x.282d7398.png) no-repeat right center;
    background-size: 14px;
    padding-right: 15px; }
  .sortSet .sortSp:hover {
    background: url(/static/media/ic_arrow_down_02_s_over@2x.19e93291.png) no-repeat right center;
    background-size: 14px; }
  .sortSet .sortList {
    text-align: left;
    border: 1px solid #cccccc;
    min-width: 168px;
    position: absolute;
    right: 0px;
    top: 20px;
    color: rgba(0, 0, 0, 0.87);
    background-color: white;
    transition: transform 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms, opacity 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    opacity: 0;
    transform: scaleY(0);
    transform-origin: left top;
    z-index: 1000;
    max-height: 841px;
    overflow-y: auto; }
    .sortSet .sortList ul li {
      padding: 2px 6px 0px;
      text-decoration: none;
      font-size: 12px;
      color: #4a4a4a;
      line-height: 20px;
      cursor: pointer; }
    .sortSet .sortList ul li.on {
      color: #1c90fb;
      background: #e9f5ff; }
    .sortSet .sortList ul li:hover {
      background: #e9f5ff; }
    .sortSet .sortList.check li {
      padding-left: 24px; }
    .sortSet .sortList.check li.on {
      color: #1c90fb;
      background: #e9f5ff;
      background: url(/static/media/ic_check_01_s_over@2x.bc08c072.png) no-repeat 7px 6px;
      background-size: 14px; }
  .sortSet.on .sortSp {
    background: url(/static/media/ic_arrow_up_02_s_normal@2x.b25dff92.png) no-repeat right center;
    background-size: 14px; }
  .sortSet.on .sortSp:hover {
    background: url(/static/media/ic_arrow_up_02_s_over@2x.824aba46.png) no-repeat right center;
    background-size: 14px; }
  .sortSet.on .sortList {
    opacity: 1;
    transform: scaleY(1); }
  .sortSet .sortList dl dt {
    font-size: 12px;
    font-weight: bold;
    line-height: 21px;
    border-bottom: 1px solid #f0f0f0;
    padding: 0 0 0 10px; }
  .sortSet .sortList dl dd {
    font-size: 12px;
    line-height: 21px;
    border-bottom: 1px solid #f0f0f0; }
  .sortSet .sortList dl dd ul li {
    font-size: 12px;
    line-height: 27px;
    color: #000000;
    padding: 0 0 0 26px;
    box-sizing: border-box;
    cursor: pointer;
    line-height: 27px; }
    .sortSet .sortList dl dd ul li:hover {
      background-color: #e6f5ff; }
      .sortSet .sortList dl dd ul li:hover span.up {
        background: url(/static/media/ic_ascending_order_s_over.b3237eaa.png) no-repeat right; }
      .sortSet .sortList dl dd ul li:hover span.down {
        background: url(/static/media/ic_descending_order_s_over.75630f94.png) no-repeat right; }
  .sortSet .sortList dl dd ul li.chk {
    font-size: 12px;
    line-height: 27px;
    color: #1c90fb;
    background: url(/static/media/ic_check_01_s_over@2x.bc08c072.png) no-repeat 10px 5px;
    background-size: 14px; }
  .sortSet .sortList dl dd ul li.chk:hover {
    font-size: 12px;
    line-height: 27px;
    color: #1c90fb;
    background: #e6f5ff url(/static/media/ic_check_01_s_over@2x.bc08c072.png) no-repeat 10px 5px;
    background-size: 14px; }
  .sortSet .sortList dl dd ul li span {
    display: block;
    margin: 0 10px 0 0;
    line-height: 24px; }
  .sortSet .sortList dl dd ul li span.up {
    display: block;
    background: url(/static/media/ic_ascending_order_s_normal.6e693328.png) no-repeat right; }
  .sortSet .sortList dl dd ul li span.down {
    display: block;
    background: url(/static/media/ic_descending_order_s_normal.4cd990f5.png) no-repeat right; }
  .sortSet span.imc {
    display: inline-block !important;
    margin-right: 5px !important;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #e6e6e6; }
    .sortSet span.imc.basic {
      background: #1c90fb; }
    .sortSet span.imc.user {
      background: #67ccb5; }
    .sortSet span.imc.uc {
      background: #1c90fb; }
    .sortSet span.imc.erp {
      background: #20c997; }
    .sortSet span.imc.erp2 {
      background: #f48da5; }
  .sortSet.disabled {
    cursor: not-allowed; }
    .sortSet.disabled .sortSp {
      cursor: not-allowed;
      background: url(/static/media/ic_arrow_down_02_s_disable.b9198906.png) no-repeat right center;
      background-size: 14px;
      color: #8d8d8d; }
    .sortSet.disabled .sortSp:hover {
      background: url(/static/media/ic_arrow_down_02_s_disable.b9198906.png) no-repeat right center;
      background-size: 14px; }
  .sortSet.keepSt .sortList ul li {
    padding: 3px 33px 4px 51px; }
  .sortSet.keepSt .sortList ul li.ico1 {
    background: url(/static/media/ic_all_s_normal.862e9008.png) no-repeat left 30px center; }
  .sortSet.keepSt .sortList ul li.ico2 {
    background: url(/static/media/ic_proval_s_normal.d6b1997c.png) no-repeat left 30px center; }
  .sortSet.keepSt .sortList ul li.ico3 {
    background: url(/static/media/ic_mail_s_normal.629e1a03.png) no-repeat left 30px center; }
  .sortSet.keepSt .sortList ul li.ico4 {
    background: url(/static/media/ic_report_s_normal.a28e66a3.png) no-repeat left 30px center; }
  .sortSet.keepSt .sortList ul li.ico5 {
    background: url(/static/media/ic_oneffice_s_normal.854416eb.png) no-repeat left 30px center; }
  .sortSet.keepSt .sortList ul li.ico6 {
    background: url(/static/media/ic_calendar_s_normal.5a168438.png) no-repeat left 30px center; }
  .sortSet.keepSt .sortList ul li.ico7 {
    background: url(/static/media/ic_msg_s_normal.4397d00d.png) no-repeat left 30px center; }
  .sortSet.keepSt .sortList ul li.ico8 {
    background: url(/static/media/ic_comment_s_normal.1ad476f4.png) no-repeat left 30px center; }
  .sortSet.keepSt .sortList ul li.ico9 {
    background: url(/static/media/ic_board_s_normal.849de479.png) no-repeat left 30px center; }
  .sortSet.keepSt .sortList ul li.ico10 {
    background: url(/static/media/ic_attach_s_normal.b72ee0ae.png) no-repeat left 30px center; }
  .sortSet.keepSt .sortList ul li.on.ico1 {
    background: url(/static/media/ic_all_s_over.567b46aa.png) no-repeat left 30px center, url(/static/media/ic_check_01_s_over.fde3deee.png) no-repeat 7px 7px; }
  .sortSet.keepSt .sortList ul li.on.ico2 {
    background: url(/static/media/ic_proval_s_over.3b02bb2f.png) no-repeat left 30px center, url(/static/media/ic_check_01_s_over.fde3deee.png) no-repeat 7px 7px; }
  .sortSet.keepSt .sortList ul li.on.ico3 {
    background: url(/static/media/ic_mail_s_over.5cb0a7e4.png) no-repeat left 30px center, url(/static/media/ic_check_01_s_over.fde3deee.png) no-repeat 7px 7px; }
  .sortSet.keepSt .sortList ul li.on.ico4 {
    background: url(/static/media/ic_report_s_over.06a77376.png) no-repeat left 30px center, url(/static/media/ic_check_01_s_over.fde3deee.png) no-repeat 7px 7px; }
  .sortSet.keepSt .sortList ul li.on.ico5 {
    background: url(/static/media/ic_oneffice_s_over.0d221d99.png) no-repeat left 30px center, url(/static/media/ic_check_01_s_over.fde3deee.png) no-repeat 7px 7px; }
  .sortSet.keepSt .sortList ul li.on.ico6 {
    background: url(/static/media/ic_calendar_s_over.272461bf.png) no-repeat left 30px center, url(/static/media/ic_check_01_s_over.fde3deee.png) no-repeat 7px 7px; }
  .sortSet.keepSt .sortList ul li.on.ico7 {
    background: url(/static/media/ic_msg_s_over.cdc623df.png) no-repeat left 30px center, url(/static/media/ic_check_01_s_over.fde3deee.png) no-repeat 7px 7px; }
  .sortSet.keepSt .sortList ul li.on.ico8 {
    background: url(/static/media/ic_comment_s_over.bc5c14fb.png) no-repeat left 30px center, url(/static/media/ic_check_01_s_over.fde3deee.png) no-repeat 7px 7px; }
  .sortSet.keepSt .sortList ul li.on.ico9 {
    background: url(/static/media/ic_board_s_over.86b81f1a.png) no-repeat left 30px center, url(/static/media/ic_check_01_s_over.fde3deee.png) no-repeat 7px 7px; }
  .sortSet.keepSt .sortList ul li.on.ico10 {
    background: url(/static/media/ic_attach_s_over.036a699f.png) no-repeat left 30px center, url(/static/media/ic_check_01_s_over.fde3deee.png) no-repeat 7px 7px; }

/*노트*/
.noteCardList [class*="OBTCardList_checkstyle"] {
  margin-left: 10px; }

.noteCardList .noteCard {
  position: relative;
  width: 100%; }
  .noteCardList .noteCard .loca {
    float: left;
    font-size: 12px;
    color: #666666;
    margin: 13px 0 0 5px;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 155px; }
  .noteCardList .noteCard .ico_folder {
    background: url(/static/media/ic_folder_blue.7435b0a7.png) no-repeat left center;
    padding-left: 18px; }
  .noteCardList .noteCard .date {
    float: right;
    font-size: 12px;
    color: #666666;
    margin: 13px 17px 2px 0px; }
  .noteCardList .noteCard .tit {
    width: 210px;
    height: 25px;
    font-size: 16px;
    margin: 0px 0px 0px 5px;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
    padding: 15px 0px 0px; }
  .noteCardList .noteCard .icons {
    float: right;
    margin-right: 15px;
    margin-top: 2px; }
    .noteCardList .noteCard .icons ul > li {
      border: none !important;
      float: left;
      background: none !important;
      margin-left: 4px; }
      .noteCardList .noteCard .icons ul > li > div {
        width: 15px !important;
        height: 15px !important;
        border: none;
        padding: 0; }
    .noteCardList .noteCard .icons .file {
      background: url(/static/media/ic_attach_s_normal.b72ee0ae.png) no-repeat center center; }
    .noteCardList .noteCard .icons .book {
      background: url(/static/media/ic_bookmark_01_m_normal.38244026.png) no-repeat center center; }
      .noteCardList .noteCard .icons .book:hover {
        background: url(/static/media/ic_bookmark_01_m_over.c335530f.png) no-repeat center center; }
      .noteCardList .noteCard .icons .book.on {
        background: url(/static/media/ic_favorite_on.879bae45.png) no-repeat center center; }
        .noteCardList .noteCard .icons .book.on:hover {
          pointer-events: none; }

.noteHead {
  border-bottom: 1px solid #e6e6e6;
  box-sizing: border-box;
  padding-top: 10px; }
  .noteHead .left_div {
    float: left;
    width: calc(100% - 250px); }
    .noteHead .left_div [class*="OBTTextField"] > div > div {
      border: none !important;
      padding-top: 3px !important; }
      .noteHead .left_div [class*="OBTTextField"] > div > div input[type="text"] {
        font-size: 14px !important; }
  .noteHead .right_div {
    float: right;
    width: 250px;
    text-align: right; }
    .noteHead .right_div > div {
      text-align: left; }
    .noteHead .right_div .ico_folder {
      margin-left: 27px;
      float: left;
      background: url(/static/media/ic_folder_blue.7435b0a7.png) no-repeat center center;
      width: 20px;
      height: 27px; }
  .noteHead .note_tit {
    overflow: hidden; }
    .noteHead .note_tit .book {
      float: left;
      background: url(/static/media/ic_bookmark_01_m_normal.38244026.png) no-repeat center center;
      width: 25px;
      height: 27px; }
      .noteHead .note_tit .book:hover {
        background: url(/static/media/ic_bookmark_01_m_over.c335530f.png) no-repeat center center; }
      .noteHead .note_tit .book.on {
        background: url(/static/media/ic_favorite_on.879bae45.png) no-repeat center center; }
        .noteHead .note_tit .book.on:hover {
          pointer-events: none; }
    .noteHead .note_tit .tit {
      font-size: 16px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      width: calc(100% - 35px); }
  .noteHead .note_info {
    margin-left: 24px;
    margin-top: 5px;
    float: left;
    width: calc(100% - 85px); }
    .noteHead .note_info li {
      float: left;
      background: url(/static/media/bg_line_bar01.e9619d23.png) no-repeat left center;
      padding-right: 11px;
      padding-left: 10px; }
      .noteHead .note_info li dt {
        float: left;
        margin-right: 5px;
        color: #a6a6a6; }
      .noteHead .note_info li dd {
        float: left;
        color: #a6a6a6; }
      .noteHead .note_info li .ico_folder {
        background: url(/static/media/ic_folder_blue.7435b0a7.png) no-repeat left center;
        padding-left: 20px;
        color: #a6a6a6; }
      .noteHead .note_info li .loca {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%; }
    .noteHead .note_info li:first-child {
      padding-left: 0;
      background: none; }
    .noteHead .note_info li:last-child {
      padding-right: 0;
      width: calc(100% - 330px); }
  .noteHead .note_etc {
    float: right;
    margin-right: 10px; }
    .noteHead .note_etc li {
      float: left;
      margin-left: 5px; }

.noteTexta {
  padding: 5px 0;
  box-sizing: border-box; }
  .noteTexta.border {
    border: 1px solid #e6e6e6; }
  .noteTexta textarea {
    border: none !important;
    font-size: 13px !important;
    line-height: 21px !important;
    color: #1a1a1a;
    vertical-align: top;
    box-sizing: border-box;
    resize: none; }

.noteTextaView {
  padding: 5px 6px;
  font-size: 13px;
  line-height: 21px;
  white-space: pre-wrap; }

.note_btn_edit {
  background: url(/static/media/ic_edit_s_normal.8b01f70a.png) no-repeat center center !important;
  border: none !important; }
  .note_btn_edit:hover {
    background: url(/static/media/ic_edit_s_over.45d9fc8b.png) no-repeat center center !important; }

.note_btn_del {
  background: url(/static/media/ic_trashcan_s_normal.b4b20832.png) no-repeat center center !important;
  border: none !important; }
  .note_btn_del:hover {
    background: url(/static/media/ic_trashcan_s_over.9153f32a.png) no-repeat center center !important; }

/* 페이지 컨테이너 특화 타이틀 영역을 위한 커스텀 */
[class*="OBTPageContainer_root"] > [class*="OBTPageContainer_section"] {
  overflow: inherit !important; }

.posi_top_box {
  background: #fff;
  position: absolute; }
  .posi_top_box .pubAvbStyle > div > [class*="OBTConditionPanel_"] {
    border: none;
    padding: 6px 4px 3px 4px; }
  .posi_top_box .pubAvbStyle .left_sear {
    position: absolute;
    top: 6px;
    left: 0px; }
  .posi_top_box .pubAvbStyle .right_sear {
    position: absolute;
    top: 6px;
    right: 37px; }
  .posi_top_box .pubAvbStyle .right_sear input[type="text"] {
    padding-right: 27px !important;
    width: calc(100% - 27px) !important; }
  .posi_top_box .pubAvbStyle .singleSearch {
    position: absolute;
    right: -35px; }
  .posi_top_box .pubAvbStyle [class*="OBTConditionPanel_optionalWrapper"] {
    padding: 6px 4px 4px 0px !important; }
  .posi_top_box .pubAvbStyle [class*="OBTConditionPanel_optional"] {
    justify-content: flex-end; }
  .posi_top_box .pubAvbStyle [class*="OBTConditionPanel_optional_"] {
    padding: 4px 36px 4px 0px !important; }
  .posi_top_box .pubAvbStyle [class*="OBTConditionItem_tooltipWrapper"] {
    justify-content: flex-end; }
  .posi_top_box .pubAvbStyle [class*="OBTConditionItem_tooltipWrapper"] div {
    margin-left: 0px !important; }
  .posi_top_box .pubAvbStyle [class*="OBTConditionPanel_primaryFunctions"] [class*="OBTConditionPanel_searchButton"] {
    border: none !important;
    background: none !important;
    position: relative;
    z-index: 2; }
  .posi_top_box .pubAvbStyle [class*="OBTTooltip_tooltipFloatingPanel"] {
    display: none !important; }
  .posi_top_box .pubAvbStyle .bar {
    width: 1px;
    height: 16px;
    background: url(/static/media/ico_page_bar.01a1a160.png) no-repeat center center;
    position: absolute;
    right: -3px;
    top: 15px; }
  .posi_top_box .pubAvbStyle .dateBtn [class*="OBTButtonGroup_focus"] {
    color: #007ff4 !important;
    background-image: linear-gradient(to top, #d0ebff, #edf6ff) !important; }
  .posi_top_box.rightBox .pubAvbStyle {
    position: relative; }
    .posi_top_box.rightBox .pubAvbStyle [class*="OBTConditionPanel_primaryFunctions"] [class*="OBTConditionPanel_searchButton"] {
      position: absolute;
      right: 9px;
      top: 10px; }
    .posi_top_box.rightBox .pubAvbStyle [class*="OBTConditionPanel_root"] > [class*="OBTConditionPanel_primaryRoot"] > [class*="OBTConditionPanel_primaryFunctions"] {
      margin: 0px; }
    .posi_top_box.rightBox .pubAvbStyle [class*="OBTConditionPanel_root"] > [class*="OBTConditionPanel_primaryRoot"] > [class*="OBTConditionPanel_primary"] {
      justify-content: flex-end; }
    .posi_top_box.rightBox .pubAvbStyle .sear input[type="text"] {
      padding-right: 27px !important;
      width: calc(100% - 27px) !important; }

.wid440 {
  width: 440px !important; }

/*****************************   
   원피스/ 원챔버 / 전재결재특화 LNB / 게시판 / 확장기능 / 연락처 / ERP 뱅킹   
******************************/
.onfficeSide, .eapSide, .boardSide, .extSide, .addrSide, .ebSide {
  background: #fff; }
  .onfficeSide .sideRegi .addrSideBtn, .eapSide .sideRegi .addrSideBtn, .boardSide .sideRegi .addrSideBtn, .extSide .sideRegi .addrSideBtn, .addrSide .sideRegi .addrSideBtn, .ebSide .sideRegi .addrSideBtn {
    width: 100%;
    height: 34px;
    border-radius: 2px;
    background-color: #1c90fb;
    cursor: pointer; }
    .onfficeSide .sideRegi .addrSideBtn span, .eapSide .sideRegi .addrSideBtn span, .boardSide .sideRegi .addrSideBtn span, .extSide .sideRegi .addrSideBtn span, .addrSide .sideRegi .addrSideBtn span, .ebSide .sideRegi .addrSideBtn span {
      position: relative;
      line-height: 33px;
      font-size: 13px;
      letter-spacing: -0.65px;
      color: #ffffff; }
      .onfficeSide .sideRegi .addrSideBtn span::after, .eapSide .sideRegi .addrSideBtn span::after, .boardSide .sideRegi .addrSideBtn span::after, .extSide .sideRegi .addrSideBtn span::after, .addrSide .sideRegi .addrSideBtn span::after, .ebSide .sideRegi .addrSideBtn span::after {
        content: '';
        position: absolute;
        top: 4px;
        right: -18px;
        width: 14px;
        height: 14px;
        background: url(/static/media/ic_arrow_down_01_s_w_normal@2x.6870d3c3.png) no-repeat center center;
        background-size: 14px; }
    .onfficeSide .sideRegi .addrSideBtn:hover, .eapSide .sideRegi .addrSideBtn:hover, .boardSide .sideRegi .addrSideBtn:hover, .extSide .sideRegi .addrSideBtn:hover, .addrSide .sideRegi .addrSideBtn:hover, .ebSide .sideRegi .addrSideBtn:hover {
      background-color: #036dd2; }
      .onfficeSide .sideRegi .addrSideBtn:hover span::after, .eapSide .sideRegi .addrSideBtn:hover span::after, .boardSide .sideRegi .addrSideBtn:hover span::after, .extSide .sideRegi .addrSideBtn:hover span::after, .addrSide .sideRegi .addrSideBtn:hover span::after, .ebSide .sideRegi .addrSideBtn:hover span::after {
        content: '';
        position: absolute;
        top: 4px;
        right: -18px;
        width: 14px;
        height: 14px;
        background: url(/static/media/ic_arrow_down_01_s_w_over@2x.fa49437a.png) no-repeat center center;
        background-size: 14px; }
    .onfficeSide .sideRegi .addrSideBtn.on, .eapSide .sideRegi .addrSideBtn.on, .boardSide .sideRegi .addrSideBtn.on, .extSide .sideRegi .addrSideBtn.on, .addrSide .sideRegi .addrSideBtn.on, .ebSide .sideRegi .addrSideBtn.on {
      background-color: #1c90fb; }
      .onfficeSide .sideRegi .addrSideBtn.on::after, .eapSide .sideRegi .addrSideBtn.on::after, .boardSide .sideRegi .addrSideBtn.on::after, .extSide .sideRegi .addrSideBtn.on::after, .addrSide .sideRegi .addrSideBtn.on::after, .ebSide .sideRegi .addrSideBtn.on::after {
        content: '';
        position: absolute;
        top: 4px;
        right: -18px;
        width: 14px;
        height: 14px;
        background: url(/static/media/ic_arrow_up_01_s_w_normal@2x.5c07a185.png) no-repeat center center;
        background-size: 14px; }
      .onfficeSide .sideRegi .addrSideBtn.on:hover, .eapSide .sideRegi .addrSideBtn.on:hover, .boardSide .sideRegi .addrSideBtn.on:hover, .extSide .sideRegi .addrSideBtn.on:hover, .addrSide .sideRegi .addrSideBtn.on:hover, .ebSide .sideRegi .addrSideBtn.on:hover {
        background-color: #036dd2; }
        .onfficeSide .sideRegi .addrSideBtn.on:hover span::after, .eapSide .sideRegi .addrSideBtn.on:hover span::after, .boardSide .sideRegi .addrSideBtn.on:hover span::after, .extSide .sideRegi .addrSideBtn.on:hover span::after, .addrSide .sideRegi .addrSideBtn.on:hover span::after, .ebSide .sideRegi .addrSideBtn.on:hover span::after {
          content: '';
          position: absolute;
          top: 4px;
          right: -18px;
          width: 14px;
          height: 14px;
          background: url(/static/media/ic_arrow_up_01_s_w_over@2x.15c7e4f3.png) no-repeat center center;
          background-size: 14px; }
  .onfficeSide .ofMenuLnb, .eapSide .ofMenuLnb, .boardSide .ofMenuLnb, .extSide .ofMenuLnb, .addrSide .ofMenuLnb, .ebSide .ofMenuLnb {
    position: relative;
    border-top: 1px solid #e6e6e6; }
    .onfficeSide .ofMenuLnb .addrSideList, .eapSide .ofMenuLnb .addrSideList, .boardSide .ofMenuLnb .addrSideList, .extSide .ofMenuLnb .addrSideList, .addrSide .ofMenuLnb .addrSideList, .ebSide .ofMenuLnb .addrSideList {
      z-index: 99;
      position: absolute;
      top: -13px;
      left: 12px;
      right: 12px;
      line-height: 56px;
      border: 1px solid #a6a6a6;
      box-shadow: 0 1px 1px 0 rgba(6, 6, 6, 0.1);
      background-color: #ffffff;
      box-sizing: border-box; }
      .onfficeSide .ofMenuLnb .addrSideList .sideIco, .eapSide .ofMenuLnb .addrSideList .sideIco, .boardSide .ofMenuLnb .addrSideList .sideIco, .extSide .ofMenuLnb .addrSideList .sideIco, .addrSide .ofMenuLnb .addrSideList .sideIco, .ebSide .ofMenuLnb .addrSideList .sideIco {
        line-height: 17px;
        padding: 5px 0 5px 32px;
        cursor: pointer; }
        .onfficeSide .ofMenuLnb .addrSideList .sideIco.write, .eapSide .ofMenuLnb .addrSideList .sideIco.write, .boardSide .ofMenuLnb .addrSideList .sideIco.write, .extSide .ofMenuLnb .addrSideList .sideIco.write, .addrSide .ofMenuLnb .addrSideList .sideIco.write, .ebSide .ofMenuLnb .addrSideList .sideIco.write {
          background: url(/static/media/ic_docu_write_per_m_normal@2x.1082fac6.png) no-repeat left 11px center;
          background-size: 18px; }
          .onfficeSide .ofMenuLnb .addrSideList .sideIco.write:hover, .eapSide .ofMenuLnb .addrSideList .sideIco.write:hover, .boardSide .ofMenuLnb .addrSideList .sideIco.write:hover, .extSide .ofMenuLnb .addrSideList .sideIco.write:hover, .addrSide .ofMenuLnb .addrSideList .sideIco.write:hover, .ebSide .ofMenuLnb .addrSideList .sideIco.write:hover {
            background-color: #eff7ff; }
        .onfficeSide .ofMenuLnb .addrSideList .sideIco.busiCard, .eapSide .ofMenuLnb .addrSideList .sideIco.busiCard, .boardSide .ofMenuLnb .addrSideList .sideIco.busiCard, .extSide .ofMenuLnb .addrSideList .sideIco.busiCard, .addrSide .ofMenuLnb .addrSideList .sideIco.busiCard, .ebSide .ofMenuLnb .addrSideList .sideIco.busiCard {
          background: url(/static/media/ic_businesscard_m_normal@2x.bcfa935d.png) no-repeat left 11px center;
          background-size: 18px; }
          .onfficeSide .ofMenuLnb .addrSideList .sideIco.busiCard:hover, .eapSide .ofMenuLnb .addrSideList .sideIco.busiCard:hover, .boardSide .ofMenuLnb .addrSideList .sideIco.busiCard:hover, .extSide .ofMenuLnb .addrSideList .sideIco.busiCard:hover, .addrSide .ofMenuLnb .addrSideList .sideIco.busiCard:hover, .ebSide .ofMenuLnb .addrSideList .sideIco.busiCard:hover {
            background-color: #eff7ff; }
    .onfficeSide .ofMenuLnb ul.arrUp, .eapSide .ofMenuLnb ul.arrUp, .boardSide .ofMenuLnb ul.arrUp, .extSide .ofMenuLnb ul.arrUp, .addrSide .ofMenuLnb ul.arrUp, .ebSide .ofMenuLnb ul.arrUp {
      height: 0;
      transform: rotateX(-90deg); }
    .onfficeSide .ofMenuLnb ul, .eapSide .ofMenuLnb ul, .boardSide .ofMenuLnb ul, .extSide .ofMenuLnb ul, .addrSide .ofMenuLnb ul, .ebSide .ofMenuLnb ul {
      height: auto;
      transform: rotateX(0deg);
      transition: 0.5s; }
      .onfficeSide .ofMenuLnb ul li, .eapSide .ofMenuLnb ul li, .boardSide .ofMenuLnb ul li, .extSide .ofMenuLnb ul li, .addrSide .ofMenuLnb ul li, .ebSide .ofMenuLnb ul li {
        position: relative; }
        .onfficeSide .ofMenuLnb ul li .tit_div, .eapSide .ofMenuLnb ul li .tit_div, .boardSide .ofMenuLnb ul li .tit_div, .extSide .ofMenuLnb ul li .tit_div, .addrSide .ofMenuLnb ul li .tit_div, .ebSide .ofMenuLnb ul li .tit_div {
          height: 36px;
          line-height: 36px;
          overflow: hidden;
          white-space: nowrap;
          word-break: break-all;
          text-overflow: ellipsis;
          padding-right: 10px;
          display: flex; }
        .onfficeSide .ofMenuLnb ul li .tit, .eapSide .ofMenuLnb ul li .tit, .boardSide .ofMenuLnb ul li .tit, .extSide .ofMenuLnb ul li .tit, .addrSide .ofMenuLnb ul li .tit, .ebSide .ofMenuLnb ul li .tit {
          padding-left: 22px;
          display: block;
          overflow: hidden;
          white-space: nowrap;
          word-break: break-all;
          text-overflow: ellipsis;
          cursor: pointer;
          font-size: 13px;
          background-size: 18px; }
        .onfficeSide .ofMenuLnb ul li .num, .eapSide .ofMenuLnb ul li .num, .boardSide .ofMenuLnb ul li .num, .extSide .ofMenuLnb ul li .num, .addrSide .ofMenuLnb ul li .num, .ebSide .ofMenuLnb ul li .num {
          font-size: 11px;
          font-weight: bold;
          color: #1c90fb;
          margin-left: 4px;
          color: #a6a6a6; }
        .onfficeSide .ofMenuLnb ul li .more, .eapSide .ofMenuLnb ul li .more, .boardSide .ofMenuLnb ul li .more, .extSide .ofMenuLnb ul li .more, .addrSide .ofMenuLnb ul li .more, .ebSide .ofMenuLnb ul li .more {
          position: absolute;
          top: 5px;
          right: 10px;
          width: 18px;
          height: 18px;
          background: url(/static/media/ic_more_detail_m_normal.7101c43b.png) no-repeat center center;
          cursor: pointer; }
          .onfficeSide .ofMenuLnb ul li .more:hover, .eapSide .ofMenuLnb ul li .more:hover, .boardSide .ofMenuLnb ul li .more:hover, .extSide .ofMenuLnb ul li .more:hover, .addrSide .ofMenuLnb ul li .more:hover, .ebSide .ofMenuLnb ul li .more:hover {
            background: url(/static/media/ic_more_detail_m_over.ede4e9e8.png) no-repeat center center; }
        .onfficeSide .ofMenuLnb ul li .dashboard .tit, .eapSide .ofMenuLnb ul li .dashboard .tit, .boardSide .ofMenuLnb ul li .dashboard .tit, .extSide .ofMenuLnb ul li .dashboard .tit, .addrSide .ofMenuLnb ul li .dashboard .tit, .ebSide .ofMenuLnb ul li .dashboard .tit {
          background: url(/static/media/ic_dashboard_normal.1ee82351.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .storage .tit, .eapSide .ofMenuLnb ul li .storage .tit, .boardSide .ofMenuLnb ul li .storage .tit, .extSide .ofMenuLnb ul li .storage .tit, .addrSide .ofMenuLnb ul li .storage .tit, .ebSide .ofMenuLnb ul li .storage .tit {
          background: url(/static/media/ic_storage_normal.d9bc1dea.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .buiding .tit, .eapSide .ofMenuLnb ul li .buiding .tit, .boardSide .ofMenuLnb ul li .buiding .tit, .extSide .ofMenuLnb ul li .buiding .tit, .addrSide .ofMenuLnb ul li .buiding .tit, .ebSide .ofMenuLnb ul li .buiding .tit {
          background: url(/static/media/ic_folder_building_normal.d3124006.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .recent .tit, .eapSide .ofMenuLnb ul li .recent .tit, .boardSide .ofMenuLnb ul li .recent .tit, .extSide .ofMenuLnb ul li .recent .tit, .addrSide .ofMenuLnb ul li .recent .tit, .ebSide .ofMenuLnb ul li .recent .tit {
          background: url(/static/media/ic_clock_normal.29ce31e8.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .share .tit, .eapSide .ofMenuLnb ul li .share .tit, .boardSide .ofMenuLnb ul li .share .tit, .extSide .ofMenuLnb ul li .share .tit, .addrSide .ofMenuLnb ul li .share .tit, .ebSide .ofMenuLnb ul li .share .tit {
          background: url(/static/media/ic_folder_user_normal.655b88f6.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .impo .tit, .eapSide .ofMenuLnb ul li .impo .tit, .boardSide .ofMenuLnb ul li .impo .tit, .extSide .ofMenuLnb ul li .impo .tit, .addrSide .ofMenuLnb ul li .impo .tit, .ebSide .ofMenuLnb ul li .impo .tit {
          background: url(/static/media/ic_star_normal.c4456632.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .sear .tit, .eapSide .ofMenuLnb ul li .sear .tit, .boardSide .ofMenuLnb ul li .sear .tit, .extSide .ofMenuLnb ul li .sear .tit, .addrSide .ofMenuLnb ul li .sear .tit, .ebSide .ofMenuLnb ul li .sear .tit {
          background: url(/static/media/ic_search_normal.0a1224af.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .auth .tit, .eapSide .ofMenuLnb ul li .auth .tit, .boardSide .ofMenuLnb ul li .auth .tit, .extSide .ofMenuLnb ul li .auth .tit, .addrSide .ofMenuLnb ul li .auth .tit, .ebSide .ofMenuLnb ul li .auth .tit {
          background: url(/static/media/ic_user_add_normal.05ae016d.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .graph .tit, .eapSide .ofMenuLnb ul li .graph .tit, .boardSide .ofMenuLnb ul li .graph .tit, .extSide .ofMenuLnb ul li .graph .tit, .addrSide .ofMenuLnb ul li .graph .tit, .ebSide .ofMenuLnb ul li .graph .tit {
          background: url(/static/media/ic_graph_normal.80909150.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .orgSet .tit, .eapSide .ofMenuLnb ul li .orgSet .tit, .boardSide .ofMenuLnb ul li .orgSet .tit, .extSide .ofMenuLnb ul li .orgSet .tit, .addrSide .ofMenuLnb ul li .orgSet .tit, .ebSide .ofMenuLnb ul li .orgSet .tit {
          background: url(/static/media/ic_org_setting_normal.f6750c0e.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .doc .tit, .eapSide .ofMenuLnb ul li .doc .tit, .boardSide .ofMenuLnb ul li .doc .tit, .extSide .ofMenuLnb ul li .doc .tit, .addrSide .ofMenuLnb ul li .doc .tit, .ebSide .ofMenuLnb ul li .doc .tit {
          background: url(/static/media/ic_doc_setting_normal.8cace0ab.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .cate .tit, .eapSide .ofMenuLnb ul li .cate .tit, .boardSide .ofMenuLnb ul li .cate .tit, .extSide .ofMenuLnb ul li .cate .tit, .addrSide .ofMenuLnb ul li .cate .tit, .ebSide .ofMenuLnb ul li .cate .tit {
          background: url(/static/media/ic_paper_setting_normal.c0a89ff4.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .graphSet .tit, .eapSide .ofMenuLnb ul li .graphSet .tit, .boardSide .ofMenuLnb ul li .graphSet .tit, .extSide .ofMenuLnb ul li .graphSet .tit, .addrSide .ofMenuLnb ul li .graphSet .tit, .ebSide .ofMenuLnb ul li .graphSet .tit {
          background: url(/static/media/ic_graph_setting_normal.abe8386f.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .secuSet .tit, .eapSide .ofMenuLnb ul li .secuSet .tit, .boardSide .ofMenuLnb ul li .secuSet .tit, .extSide .ofMenuLnb ul li .secuSet .tit, .addrSide .ofMenuLnb ul li .secuSet .tit, .ebSide .ofMenuLnb ul li .secuSet .tit {
          background: url(/static/media/ic_lock_setting_normal.f3460579.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .del .tit, .eapSide .ofMenuLnb ul li .del .tit, .boardSide .ofMenuLnb ul li .del .tit, .extSide .ofMenuLnb ul li .del .tit, .addrSide .ofMenuLnb ul li .del .tit, .ebSide .ofMenuLnb ul li .del .tit {
          background: url(/static/media/ic_delete_normal.2b0bd50b.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .oneflip .tit, .eapSide .ofMenuLnb ul li .oneflip .tit, .boardSide .ofMenuLnb ul li .oneflip .tit, .extSide .ofMenuLnb ul li .oneflip .tit, .addrSide .ofMenuLnb ul li .oneflip .tit, .ebSide .ofMenuLnb ul li .oneflip .tit {
          background: url(/static/media/ic_oneflip_normal.9257db4e.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .onestudio .tit, .eapSide .ofMenuLnb ul li .onestudio .tit, .boardSide .ofMenuLnb ul li .onestudio .tit, .extSide .ofMenuLnb ul li .onestudio .tit, .addrSide .ofMenuLnb ul li .onestudio .tit, .ebSide .ofMenuLnb ul li .onestudio .tit {
          background: url(/static/media/ic_one_studio_normal@2x.2a2ba505.png) no-repeat left center;
          background-size: 18px; }
        .onfficeSide .ofMenuLnb ul li .oneHome .tit, .eapSide .ofMenuLnb ul li .oneHome .tit, .boardSide .ofMenuLnb ul li .oneHome .tit, .extSide .ofMenuLnb ul li .oneHome .tit, .addrSide .ofMenuLnb ul li .oneHome .tit, .ebSide .ofMenuLnb ul li .oneHome .tit {
          background: url(/static/media/ic_oneppice_normal.ac8c865a.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .my .tit, .eapSide .ofMenuLnb ul li .my .tit, .boardSide .ofMenuLnb ul li .my .tit, .extSide .ofMenuLnb ul li .my .tit, .addrSide .ofMenuLnb ul li .my .tit, .ebSide .ofMenuLnb ul li .my .tit {
          background: url(/static/media/ic_folder_my_normal.65ceb7ee.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .secuDoc .tit, .eapSide .ofMenuLnb ul li .secuDoc .tit, .boardSide .ofMenuLnb ul li .secuDoc .tit, .extSide .ofMenuLnb ul li .secuDoc .tit, .addrSide .ofMenuLnb ul li .secuDoc .tit, .ebSide .ofMenuLnb ul li .secuDoc .tit {
          background: url(/static/media/ic_lock_normal.ae31fc9d.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .setDoc .tit, .eapSide .ofMenuLnb ul li .setDoc .tit, .boardSide .ofMenuLnb ul li .setDoc .tit, .extSide .ofMenuLnb ul li .setDoc .tit, .addrSide .ofMenuLnb ul li .setDoc .tit, .ebSide .ofMenuLnb ul li .setDoc .tit {
          background: url(/static/media/ic_setting_normal.ea8df219.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .setting .tit, .eapSide .ofMenuLnb ul li .setting .tit, .boardSide .ofMenuLnb ul li .setting .tit, .extSide .ofMenuLnb ul li .setting .tit, .addrSide .ofMenuLnb ul li .setting .tit, .ebSide .ofMenuLnb ul li .setting .tit {
          background: url(/static/media/ic_setting_normal.ea8df219.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .boxSubmit .tit, .eapSide .ofMenuLnb ul li .boxSubmit .tit, .boardSide .ofMenuLnb ul li .boxSubmit .tit, .extSide .ofMenuLnb ul li .boxSubmit .tit, .addrSide .ofMenuLnb ul li .boxSubmit .tit, .ebSide .ofMenuLnb ul li .boxSubmit .tit {
          background: url(/static/media/ic_box_submit_normal.5829db90.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .boxReceive .tit, .eapSide .ofMenuLnb ul li .boxReceive .tit, .boardSide .ofMenuLnb ul li .boxReceive .tit, .extSide .ofMenuLnb ul li .boxReceive .tit, .addrSide .ofMenuLnb ul li .boxReceive .tit, .ebSide .ofMenuLnb ul li .boxReceive .tit {
          background: url(/static/media/ic_box_receive_normal.25ea1c43.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .boxPredocu .tit, .eapSide .ofMenuLnb ul li .boxPredocu .tit, .boardSide .ofMenuLnb ul li .boxPredocu .tit, .extSide .ofMenuLnb ul li .boxPredocu .tit, .addrSide .ofMenuLnb ul li .boxPredocu .tit, .ebSide .ofMenuLnb ul li .boxPredocu .tit {
          background: url(/static/media/ic_box_predocu_normal.c2039812.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .boxCategory .tit, .eapSide .ofMenuLnb ul li .boxCategory .tit, .boardSide .ofMenuLnb ul li .boxCategory .tit, .extSide .ofMenuLnb ul li .boxCategory .tit, .addrSide .ofMenuLnb ul li .boxCategory .tit, .ebSide .ofMenuLnb ul li .boxCategory .tit {
          background: url(/static/media/ic_box_category_normal.2243e1f8.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .signSetting .tit, .eapSide .ofMenuLnb ul li .signSetting .tit, .boardSide .ofMenuLnb ul li .signSetting .tit, .extSide .ofMenuLnb ul li .signSetting .tit, .addrSide .ofMenuLnb ul li .signSetting .tit, .ebSide .ofMenuLnb ul li .signSetting .tit {
          background: url(/static/media/ic_sign_setting_normal.a2423958.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .transfer .tit, .eapSide .ofMenuLnb ul li .transfer .tit, .boardSide .ofMenuLnb ul li .transfer .tit, .extSide .ofMenuLnb ul li .transfer .tit, .addrSide .ofMenuLnb ul li .transfer .tit, .ebSide .ofMenuLnb ul li .transfer .tit {
          background: url(/static/media/ic_transfer_normal.1eea65d9.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .boxDocu .tit, .eapSide .ofMenuLnb ul li .boxDocu .tit, .boardSide .ofMenuLnb ul li .boxDocu .tit, .extSide .ofMenuLnb ul li .boxDocu .tit, .addrSide .ofMenuLnb ul li .boxDocu .tit, .ebSide .ofMenuLnb ul li .boxDocu .tit {
          background: url(/static/media/ic_docu_box_normal.46d702ba.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .distributionDocu .tit, .eapSide .ofMenuLnb ul li .distributionDocu .tit, .boardSide .ofMenuLnb ul li .distributionDocu .tit, .extSide .ofMenuLnb ul li .distributionDocu .tit, .addrSide .ofMenuLnb ul li .distributionDocu .tit, .ebSide .ofMenuLnb ul li .distributionDocu .tit {
          background: url(/static/media/ic_docu_distribution_normal.6f7b6e24.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .notice .tit, .eapSide .ofMenuLnb ul li .notice .tit, .boardSide .ofMenuLnb ul li .notice .tit, .extSide .ofMenuLnb ul li .notice .tit, .addrSide .ofMenuLnb ul li .notice .tit, .ebSide .ofMenuLnb ul li .notice .tit {
          background: url(/static/media/ic_notice_normal.8ea106a9.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .write .tit, .eapSide .ofMenuLnb ul li .write .tit, .boardSide .ofMenuLnb ul li .write .tit, .extSide .ofMenuLnb ul li .write .tit, .addrSide .ofMenuLnb ul li .write .tit, .ebSide .ofMenuLnb ul li .write .tit {
          background: url(/static/media/ic_write_normal.3401712b.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .board .tit, .eapSide .ofMenuLnb ul li .board .tit, .boardSide .ofMenuLnb ul li .board .tit, .extSide .ofMenuLnb ul li .board .tit, .addrSide .ofMenuLnb ul li .board .tit, .ebSide .ofMenuLnb ul li .board .tit {
          background: url(/static/media/ic_board_normal.ba1bb739.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .survey .tit, .eapSide .ofMenuLnb ul li .survey .tit, .boardSide .ofMenuLnb ul li .survey .tit, .extSide .ofMenuLnb ul li .survey .tit, .addrSide .ofMenuLnb ul li .survey .tit, .ebSide .ofMenuLnb ul li .survey .tit {
          background: url(/static/media/ic_survey_normal.01441960.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .activity .tit, .eapSide .ofMenuLnb ul li .activity .tit, .boardSide .ofMenuLnb ul li .activity .tit, .extSide .ofMenuLnb ul li .activity .tit, .addrSide .ofMenuLnb ul li .activity .tit, .ebSide .ofMenuLnb ul li .activity .tit {
          background: url(/static/media/ic_activity_normal.c6f04dd1.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .visitor .tit, .eapSide .ofMenuLnb ul li .visitor .tit, .boardSide .ofMenuLnb ul li .visitor .tit, .extSide .ofMenuLnb ul li .visitor .tit, .addrSide .ofMenuLnb ul li .visitor .tit, .ebSide .ofMenuLnb ul li .visitor .tit {
          background: url(/static/media/ic_visitor_normal.be6e1460.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .allAddr .tit, .eapSide .ofMenuLnb ul li .allAddr .tit, .boardSide .ofMenuLnb ul li .allAddr .tit, .extSide .ofMenuLnb ul li .allAddr .tit, .addrSide .ofMenuLnb ul li .allAddr .tit, .ebSide .ofMenuLnb ul li .allAddr .tit {
          background: url(/static/media/ic_address_normal@2x.3d8112b3.png) no-repeat left center;
          background-size: 18px; }
        .onfficeSide .ofMenuLnb ul li .favoriteAddr .tit, .eapSide .ofMenuLnb ul li .favoriteAddr .tit, .boardSide .ofMenuLnb ul li .favoriteAddr .tit, .extSide .ofMenuLnb ul li .favoriteAddr .tit, .addrSide .ofMenuLnb ul li .favoriteAddr .tit, .ebSide .ofMenuLnb ul li .favoriteAddr .tit {
          background: url(/static/media/ic_address_favo_normal@2x.871b7212.png) no-repeat left center;
          background-size: 18px; }
        .onfficeSide .ofMenuLnb ul li .groupAddr .tit, .eapSide .ofMenuLnb ul li .groupAddr .tit, .boardSide .ofMenuLnb ul li .groupAddr .tit, .extSide .ofMenuLnb ul li .groupAddr .tit, .addrSide .ofMenuLnb ul li .groupAddr .tit, .ebSide .ofMenuLnb ul li .groupAddr .tit {
          background: url(/static/media/ic_address_group_normal@2x.00c284e0.png) no-repeat left center;
          background-size: 18px; }
        .onfficeSide .ofMenuLnb ul li .groupAddr, .eapSide .ofMenuLnb ul li .groupAddr, .boardSide .ofMenuLnb ul li .groupAddr, .extSide .ofMenuLnb ul li .groupAddr, .addrSide .ofMenuLnb ul li .groupAddr, .ebSide .ofMenuLnb ul li .groupAddr {
          position: relative; }
          .onfficeSide .ofMenuLnb ul li .groupAddr .addBtnSetting, .eapSide .ofMenuLnb ul li .groupAddr .addBtnSetting, .boardSide .ofMenuLnb ul li .groupAddr .addBtnSetting, .extSide .ofMenuLnb ul li .groupAddr .addBtnSetting, .addrSide .ofMenuLnb ul li .groupAddr .addBtnSetting, .ebSide .ofMenuLnb ul li .groupAddr .addBtnSetting {
            position: absolute;
            top: 50%;
            right: 12px;
            transform: translateY(-50%);
            width: 14px;
            height: 14px;
            background: url(/static/media/ic_settine_02_s_normal.78cf748a.png) no-repeat center center;
            cursor: pointer; }
            .onfficeSide .ofMenuLnb ul li .groupAddr .addBtnSetting:hover, .eapSide .ofMenuLnb ul li .groupAddr .addBtnSetting:hover, .boardSide .ofMenuLnb ul li .groupAddr .addBtnSetting:hover, .extSide .ofMenuLnb ul li .groupAddr .addBtnSetting:hover, .addrSide .ofMenuLnb ul li .groupAddr .addBtnSetting:hover, .ebSide .ofMenuLnb ul li .groupAddr .addBtnSetting:hover {
              background: url(/static/media/ic_settine_02_s_over.21f3489d.png) no-repeat center center; }
            .onfficeSide .ofMenuLnb ul li .groupAddr .addBtnSetting > [class*="OBTFloatingPanel_root"], .eapSide .ofMenuLnb ul li .groupAddr .addBtnSetting > [class*="OBTFloatingPanel_root"], .boardSide .ofMenuLnb ul li .groupAddr .addBtnSetting > [class*="OBTFloatingPanel_root"], .extSide .ofMenuLnb ul li .groupAddr .addBtnSetting > [class*="OBTFloatingPanel_root"], .addrSide .ofMenuLnb ul li .groupAddr .addBtnSetting > [class*="OBTFloatingPanel_root"], .ebSide .ofMenuLnb ul li .groupAddr .addBtnSetting > [class*="OBTFloatingPanel_root"] {
              position: absolute;
              left: -5px !important;
              top: -7px !important;
              visibility: visible !important;
              transform: translateX(-100%); }
        .onfficeSide .ofMenuLnb ul li .tit_div.on .tit, .onfficeSide .ofMenuLnb ul li .tit_div:hover .tit, .eapSide .ofMenuLnb ul li .tit_div.on .tit, .eapSide .ofMenuLnb ul li .tit_div:hover .tit, .boardSide .ofMenuLnb ul li .tit_div.on .tit, .boardSide .ofMenuLnb ul li .tit_div:hover .tit, .extSide .ofMenuLnb ul li .tit_div.on .tit, .extSide .ofMenuLnb ul li .tit_div:hover .tit, .addrSide .ofMenuLnb ul li .tit_div.on .tit, .addrSide .ofMenuLnb ul li .tit_div:hover .tit, .ebSide .ofMenuLnb ul li .tit_div.on .tit, .ebSide .ofMenuLnb ul li .tit_div:hover .tit {
          color: #1c90fb; }
        .onfficeSide .ofMenuLnb ul li .tit_div.on .num, .onfficeSide .ofMenuLnb ul li .tit_div:hover .num, .eapSide .ofMenuLnb ul li .tit_div.on .num, .eapSide .ofMenuLnb ul li .tit_div:hover .num, .boardSide .ofMenuLnb ul li .tit_div.on .num, .boardSide .ofMenuLnb ul li .tit_div:hover .num, .extSide .ofMenuLnb ul li .tit_div.on .num, .extSide .ofMenuLnb ul li .tit_div:hover .num, .addrSide .ofMenuLnb ul li .tit_div.on .num, .addrSide .ofMenuLnb ul li .tit_div:hover .num, .ebSide .ofMenuLnb ul li .tit_div.on .num, .ebSide .ofMenuLnb ul li .tit_div:hover .num {
          color: #1c90fb; }
        .onfficeSide .ofMenuLnb ul li .tit_div.on.dashboard .tit, .onfficeSide .ofMenuLnb ul li .tit_div:hover.dashboard .tit, .eapSide .ofMenuLnb ul li .tit_div.on.dashboard .tit, .eapSide .ofMenuLnb ul li .tit_div:hover.dashboard .tit, .boardSide .ofMenuLnb ul li .tit_div.on.dashboard .tit, .boardSide .ofMenuLnb ul li .tit_div:hover.dashboard .tit, .extSide .ofMenuLnb ul li .tit_div.on.dashboard .tit, .extSide .ofMenuLnb ul li .tit_div:hover.dashboard .tit, .addrSide .ofMenuLnb ul li .tit_div.on.dashboard .tit, .addrSide .ofMenuLnb ul li .tit_div:hover.dashboard .tit, .ebSide .ofMenuLnb ul li .tit_div.on.dashboard .tit, .ebSide .ofMenuLnb ul li .tit_div:hover.dashboard .tit {
          background: url(/static/media/ic_dashboard_select.ae7cfe30.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .tit_div.on.storage .tit, .onfficeSide .ofMenuLnb ul li .tit_div:hover.storage .tit, .eapSide .ofMenuLnb ul li .tit_div.on.storage .tit, .eapSide .ofMenuLnb ul li .tit_div:hover.storage .tit, .boardSide .ofMenuLnb ul li .tit_div.on.storage .tit, .boardSide .ofMenuLnb ul li .tit_div:hover.storage .tit, .extSide .ofMenuLnb ul li .tit_div.on.storage .tit, .extSide .ofMenuLnb ul li .tit_div:hover.storage .tit, .addrSide .ofMenuLnb ul li .tit_div.on.storage .tit, .addrSide .ofMenuLnb ul li .tit_div:hover.storage .tit, .ebSide .ofMenuLnb ul li .tit_div.on.storage .tit, .ebSide .ofMenuLnb ul li .tit_div:hover.storage .tit {
          background: url(/static/media/ic_storage_select.8b2ea737.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .tit_div.on.buiding .tit, .onfficeSide .ofMenuLnb ul li .tit_div:hover.buiding .tit, .eapSide .ofMenuLnb ul li .tit_div.on.buiding .tit, .eapSide .ofMenuLnb ul li .tit_div:hover.buiding .tit, .boardSide .ofMenuLnb ul li .tit_div.on.buiding .tit, .boardSide .ofMenuLnb ul li .tit_div:hover.buiding .tit, .extSide .ofMenuLnb ul li .tit_div.on.buiding .tit, .extSide .ofMenuLnb ul li .tit_div:hover.buiding .tit, .addrSide .ofMenuLnb ul li .tit_div.on.buiding .tit, .addrSide .ofMenuLnb ul li .tit_div:hover.buiding .tit, .ebSide .ofMenuLnb ul li .tit_div.on.buiding .tit, .ebSide .ofMenuLnb ul li .tit_div:hover.buiding .tit {
          background: url(/static/media/ic_folder_building_select.b906cffc.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .tit_div.on.recent .tit, .onfficeSide .ofMenuLnb ul li .tit_div:hover.recent .tit, .eapSide .ofMenuLnb ul li .tit_div.on.recent .tit, .eapSide .ofMenuLnb ul li .tit_div:hover.recent .tit, .boardSide .ofMenuLnb ul li .tit_div.on.recent .tit, .boardSide .ofMenuLnb ul li .tit_div:hover.recent .tit, .extSide .ofMenuLnb ul li .tit_div.on.recent .tit, .extSide .ofMenuLnb ul li .tit_div:hover.recent .tit, .addrSide .ofMenuLnb ul li .tit_div.on.recent .tit, .addrSide .ofMenuLnb ul li .tit_div:hover.recent .tit, .ebSide .ofMenuLnb ul li .tit_div.on.recent .tit, .ebSide .ofMenuLnb ul li .tit_div:hover.recent .tit {
          background: url(/static/media/ic_clock_select.5b43f71e.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .tit_div.on.share .tit, .onfficeSide .ofMenuLnb ul li .tit_div:hover.share .tit, .eapSide .ofMenuLnb ul li .tit_div.on.share .tit, .eapSide .ofMenuLnb ul li .tit_div:hover.share .tit, .boardSide .ofMenuLnb ul li .tit_div.on.share .tit, .boardSide .ofMenuLnb ul li .tit_div:hover.share .tit, .extSide .ofMenuLnb ul li .tit_div.on.share .tit, .extSide .ofMenuLnb ul li .tit_div:hover.share .tit, .addrSide .ofMenuLnb ul li .tit_div.on.share .tit, .addrSide .ofMenuLnb ul li .tit_div:hover.share .tit, .ebSide .ofMenuLnb ul li .tit_div.on.share .tit, .ebSide .ofMenuLnb ul li .tit_div:hover.share .tit {
          background: url(/static/media/ic_folder_user_select.c7130398.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .tit_div.on.impo .tit, .onfficeSide .ofMenuLnb ul li .tit_div:hover.impo .tit, .eapSide .ofMenuLnb ul li .tit_div.on.impo .tit, .eapSide .ofMenuLnb ul li .tit_div:hover.impo .tit, .boardSide .ofMenuLnb ul li .tit_div.on.impo .tit, .boardSide .ofMenuLnb ul li .tit_div:hover.impo .tit, .extSide .ofMenuLnb ul li .tit_div.on.impo .tit, .extSide .ofMenuLnb ul li .tit_div:hover.impo .tit, .addrSide .ofMenuLnb ul li .tit_div.on.impo .tit, .addrSide .ofMenuLnb ul li .tit_div:hover.impo .tit, .ebSide .ofMenuLnb ul li .tit_div.on.impo .tit, .ebSide .ofMenuLnb ul li .tit_div:hover.impo .tit {
          background: url(/static/media/ic_star_select.be6ecadf.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .tit_div.on.sear .tit, .onfficeSide .ofMenuLnb ul li .tit_div:hover.sear .tit, .eapSide .ofMenuLnb ul li .tit_div.on.sear .tit, .eapSide .ofMenuLnb ul li .tit_div:hover.sear .tit, .boardSide .ofMenuLnb ul li .tit_div.on.sear .tit, .boardSide .ofMenuLnb ul li .tit_div:hover.sear .tit, .extSide .ofMenuLnb ul li .tit_div.on.sear .tit, .extSide .ofMenuLnb ul li .tit_div:hover.sear .tit, .addrSide .ofMenuLnb ul li .tit_div.on.sear .tit, .addrSide .ofMenuLnb ul li .tit_div:hover.sear .tit, .ebSide .ofMenuLnb ul li .tit_div.on.sear .tit, .ebSide .ofMenuLnb ul li .tit_div:hover.sear .tit {
          background: url(/static/media/ic_search_select.d6d1fe45.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .tit_div.on.auth .tit, .onfficeSide .ofMenuLnb ul li .tit_div:hover.auth .tit, .eapSide .ofMenuLnb ul li .tit_div.on.auth .tit, .eapSide .ofMenuLnb ul li .tit_div:hover.auth .tit, .boardSide .ofMenuLnb ul li .tit_div.on.auth .tit, .boardSide .ofMenuLnb ul li .tit_div:hover.auth .tit, .extSide .ofMenuLnb ul li .tit_div.on.auth .tit, .extSide .ofMenuLnb ul li .tit_div:hover.auth .tit, .addrSide .ofMenuLnb ul li .tit_div.on.auth .tit, .addrSide .ofMenuLnb ul li .tit_div:hover.auth .tit, .ebSide .ofMenuLnb ul li .tit_div.on.auth .tit, .ebSide .ofMenuLnb ul li .tit_div:hover.auth .tit {
          background: url(/static/media/ic_user_add_select.be53ae94.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .tit_div.on.graph .tit, .onfficeSide .ofMenuLnb ul li .tit_div:hover.graph .tit, .eapSide .ofMenuLnb ul li .tit_div.on.graph .tit, .eapSide .ofMenuLnb ul li .tit_div:hover.graph .tit, .boardSide .ofMenuLnb ul li .tit_div.on.graph .tit, .boardSide .ofMenuLnb ul li .tit_div:hover.graph .tit, .extSide .ofMenuLnb ul li .tit_div.on.graph .tit, .extSide .ofMenuLnb ul li .tit_div:hover.graph .tit, .addrSide .ofMenuLnb ul li .tit_div.on.graph .tit, .addrSide .ofMenuLnb ul li .tit_div:hover.graph .tit, .ebSide .ofMenuLnb ul li .tit_div.on.graph .tit, .ebSide .ofMenuLnb ul li .tit_div:hover.graph .tit {
          background: url(/static/media/ic_graph_select.0e0af852.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .tit_div.on.orgSet .tit, .onfficeSide .ofMenuLnb ul li .tit_div:hover.orgSet .tit, .eapSide .ofMenuLnb ul li .tit_div.on.orgSet .tit, .eapSide .ofMenuLnb ul li .tit_div:hover.orgSet .tit, .boardSide .ofMenuLnb ul li .tit_div.on.orgSet .tit, .boardSide .ofMenuLnb ul li .tit_div:hover.orgSet .tit, .extSide .ofMenuLnb ul li .tit_div.on.orgSet .tit, .extSide .ofMenuLnb ul li .tit_div:hover.orgSet .tit, .addrSide .ofMenuLnb ul li .tit_div.on.orgSet .tit, .addrSide .ofMenuLnb ul li .tit_div:hover.orgSet .tit, .ebSide .ofMenuLnb ul li .tit_div.on.orgSet .tit, .ebSide .ofMenuLnb ul li .tit_div:hover.orgSet .tit {
          background: url(/static/media/ic_org_setting_select.f0cc6199.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .tit_div.on.doc .tit, .onfficeSide .ofMenuLnb ul li .tit_div:hover.doc .tit, .eapSide .ofMenuLnb ul li .tit_div.on.doc .tit, .eapSide .ofMenuLnb ul li .tit_div:hover.doc .tit, .boardSide .ofMenuLnb ul li .tit_div.on.doc .tit, .boardSide .ofMenuLnb ul li .tit_div:hover.doc .tit, .extSide .ofMenuLnb ul li .tit_div.on.doc .tit, .extSide .ofMenuLnb ul li .tit_div:hover.doc .tit, .addrSide .ofMenuLnb ul li .tit_div.on.doc .tit, .addrSide .ofMenuLnb ul li .tit_div:hover.doc .tit, .ebSide .ofMenuLnb ul li .tit_div.on.doc .tit, .ebSide .ofMenuLnb ul li .tit_div:hover.doc .tit {
          background: url(/static/media/ic_doc_setting_select.42acc21a.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .tit_div.on.cate .tit, .onfficeSide .ofMenuLnb ul li .tit_div:hover.cate .tit, .eapSide .ofMenuLnb ul li .tit_div.on.cate .tit, .eapSide .ofMenuLnb ul li .tit_div:hover.cate .tit, .boardSide .ofMenuLnb ul li .tit_div.on.cate .tit, .boardSide .ofMenuLnb ul li .tit_div:hover.cate .tit, .extSide .ofMenuLnb ul li .tit_div.on.cate .tit, .extSide .ofMenuLnb ul li .tit_div:hover.cate .tit, .addrSide .ofMenuLnb ul li .tit_div.on.cate .tit, .addrSide .ofMenuLnb ul li .tit_div:hover.cate .tit, .ebSide .ofMenuLnb ul li .tit_div.on.cate .tit, .ebSide .ofMenuLnb ul li .tit_div:hover.cate .tit {
          background: url(/static/media/ic_paper_setting_select.a572e255.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .tit_div.on.graphSet .tit, .onfficeSide .ofMenuLnb ul li .tit_div:hover.graphSet .tit, .eapSide .ofMenuLnb ul li .tit_div.on.graphSet .tit, .eapSide .ofMenuLnb ul li .tit_div:hover.graphSet .tit, .boardSide .ofMenuLnb ul li .tit_div.on.graphSet .tit, .boardSide .ofMenuLnb ul li .tit_div:hover.graphSet .tit, .extSide .ofMenuLnb ul li .tit_div.on.graphSet .tit, .extSide .ofMenuLnb ul li .tit_div:hover.graphSet .tit, .addrSide .ofMenuLnb ul li .tit_div.on.graphSet .tit, .addrSide .ofMenuLnb ul li .tit_div:hover.graphSet .tit, .ebSide .ofMenuLnb ul li .tit_div.on.graphSet .tit, .ebSide .ofMenuLnb ul li .tit_div:hover.graphSet .tit {
          background: url(/static/media/ic_graph_setting_select.befbd639.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .tit_div.on.secuSet .tit, .onfficeSide .ofMenuLnb ul li .tit_div:hover.secuSet .tit, .eapSide .ofMenuLnb ul li .tit_div.on.secuSet .tit, .eapSide .ofMenuLnb ul li .tit_div:hover.secuSet .tit, .boardSide .ofMenuLnb ul li .tit_div.on.secuSet .tit, .boardSide .ofMenuLnb ul li .tit_div:hover.secuSet .tit, .extSide .ofMenuLnb ul li .tit_div.on.secuSet .tit, .extSide .ofMenuLnb ul li .tit_div:hover.secuSet .tit, .addrSide .ofMenuLnb ul li .tit_div.on.secuSet .tit, .addrSide .ofMenuLnb ul li .tit_div:hover.secuSet .tit, .ebSide .ofMenuLnb ul li .tit_div.on.secuSet .tit, .ebSide .ofMenuLnb ul li .tit_div:hover.secuSet .tit {
          background: url(/static/media/ic_lock_setting_select.5bf3de72.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .tit_div.on.del .tit, .onfficeSide .ofMenuLnb ul li .tit_div:hover.del .tit, .eapSide .ofMenuLnb ul li .tit_div.on.del .tit, .eapSide .ofMenuLnb ul li .tit_div:hover.del .tit, .boardSide .ofMenuLnb ul li .tit_div.on.del .tit, .boardSide .ofMenuLnb ul li .tit_div:hover.del .tit, .extSide .ofMenuLnb ul li .tit_div.on.del .tit, .extSide .ofMenuLnb ul li .tit_div:hover.del .tit, .addrSide .ofMenuLnb ul li .tit_div.on.del .tit, .addrSide .ofMenuLnb ul li .tit_div:hover.del .tit, .ebSide .ofMenuLnb ul li .tit_div.on.del .tit, .ebSide .ofMenuLnb ul li .tit_div:hover.del .tit {
          background: url(/static/media/ic_delete_select.0f4eb0c1.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .tit_div.on.oneflip .tit, .onfficeSide .ofMenuLnb ul li .tit_div:hover.oneflip .tit, .eapSide .ofMenuLnb ul li .tit_div.on.oneflip .tit, .eapSide .ofMenuLnb ul li .tit_div:hover.oneflip .tit, .boardSide .ofMenuLnb ul li .tit_div.on.oneflip .tit, .boardSide .ofMenuLnb ul li .tit_div:hover.oneflip .tit, .extSide .ofMenuLnb ul li .tit_div.on.oneflip .tit, .extSide .ofMenuLnb ul li .tit_div:hover.oneflip .tit, .addrSide .ofMenuLnb ul li .tit_div.on.oneflip .tit, .addrSide .ofMenuLnb ul li .tit_div:hover.oneflip .tit, .ebSide .ofMenuLnb ul li .tit_div.on.oneflip .tit, .ebSide .ofMenuLnb ul li .tit_div:hover.oneflip .tit {
          background: url(/static/media/ic_oneflip_select.5db153b3.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .tit_div.on.onestudio .tit, .onfficeSide .ofMenuLnb ul li .tit_div:hover.onestudio .tit, .eapSide .ofMenuLnb ul li .tit_div.on.onestudio .tit, .eapSide .ofMenuLnb ul li .tit_div:hover.onestudio .tit, .boardSide .ofMenuLnb ul li .tit_div.on.onestudio .tit, .boardSide .ofMenuLnb ul li .tit_div:hover.onestudio .tit, .extSide .ofMenuLnb ul li .tit_div.on.onestudio .tit, .extSide .ofMenuLnb ul li .tit_div:hover.onestudio .tit, .addrSide .ofMenuLnb ul li .tit_div.on.onestudio .tit, .addrSide .ofMenuLnb ul li .tit_div:hover.onestudio .tit, .ebSide .ofMenuLnb ul li .tit_div.on.onestudio .tit, .ebSide .ofMenuLnb ul li .tit_div:hover.onestudio .tit {
          background: url(/static/media/ic_one_studio_select@2x.1f9e2f23.png) no-repeat left center;
          background-size: 18px; }
        .onfficeSide .ofMenuLnb ul li .tit_div.on.oneHome .tit, .onfficeSide .ofMenuLnb ul li .tit_div:hover.oneHome .tit, .eapSide .ofMenuLnb ul li .tit_div.on.oneHome .tit, .eapSide .ofMenuLnb ul li .tit_div:hover.oneHome .tit, .boardSide .ofMenuLnb ul li .tit_div.on.oneHome .tit, .boardSide .ofMenuLnb ul li .tit_div:hover.oneHome .tit, .extSide .ofMenuLnb ul li .tit_div.on.oneHome .tit, .extSide .ofMenuLnb ul li .tit_div:hover.oneHome .tit, .addrSide .ofMenuLnb ul li .tit_div.on.oneHome .tit, .addrSide .ofMenuLnb ul li .tit_div:hover.oneHome .tit, .ebSide .ofMenuLnb ul li .tit_div.on.oneHome .tit, .ebSide .ofMenuLnb ul li .tit_div:hover.oneHome .tit {
          background: url(/static/media/ic_oneppice_select.8dcccc8d.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .tit_div.on.my .tit, .onfficeSide .ofMenuLnb ul li .tit_div:hover.my .tit, .eapSide .ofMenuLnb ul li .tit_div.on.my .tit, .eapSide .ofMenuLnb ul li .tit_div:hover.my .tit, .boardSide .ofMenuLnb ul li .tit_div.on.my .tit, .boardSide .ofMenuLnb ul li .tit_div:hover.my .tit, .extSide .ofMenuLnb ul li .tit_div.on.my .tit, .extSide .ofMenuLnb ul li .tit_div:hover.my .tit, .addrSide .ofMenuLnb ul li .tit_div.on.my .tit, .addrSide .ofMenuLnb ul li .tit_div:hover.my .tit, .ebSide .ofMenuLnb ul li .tit_div.on.my .tit, .ebSide .ofMenuLnb ul li .tit_div:hover.my .tit {
          background: url(/static/media/ic_folder_my_select.5db8d6db.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .tit_div.on.secuDoc .tit, .onfficeSide .ofMenuLnb ul li .tit_div:hover.secuDoc .tit, .eapSide .ofMenuLnb ul li .tit_div.on.secuDoc .tit, .eapSide .ofMenuLnb ul li .tit_div:hover.secuDoc .tit, .boardSide .ofMenuLnb ul li .tit_div.on.secuDoc .tit, .boardSide .ofMenuLnb ul li .tit_div:hover.secuDoc .tit, .extSide .ofMenuLnb ul li .tit_div.on.secuDoc .tit, .extSide .ofMenuLnb ul li .tit_div:hover.secuDoc .tit, .addrSide .ofMenuLnb ul li .tit_div.on.secuDoc .tit, .addrSide .ofMenuLnb ul li .tit_div:hover.secuDoc .tit, .ebSide .ofMenuLnb ul li .tit_div.on.secuDoc .tit, .ebSide .ofMenuLnb ul li .tit_div:hover.secuDoc .tit {
          background: url(/static/media/ic_lock_select.63af5064.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .tit_div.on.setting .tit, .onfficeSide .ofMenuLnb ul li .tit_div:hover.setting .tit, .eapSide .ofMenuLnb ul li .tit_div.on.setting .tit, .eapSide .ofMenuLnb ul li .tit_div:hover.setting .tit, .boardSide .ofMenuLnb ul li .tit_div.on.setting .tit, .boardSide .ofMenuLnb ul li .tit_div:hover.setting .tit, .extSide .ofMenuLnb ul li .tit_div.on.setting .tit, .extSide .ofMenuLnb ul li .tit_div:hover.setting .tit, .addrSide .ofMenuLnb ul li .tit_div.on.setting .tit, .addrSide .ofMenuLnb ul li .tit_div:hover.setting .tit, .ebSide .ofMenuLnb ul li .tit_div.on.setting .tit, .ebSide .ofMenuLnb ul li .tit_div:hover.setting .tit {
          background: url(/static/media/ic_setting_select.94a347ba.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .tit_div.on.boxSubmit .tit, .onfficeSide .ofMenuLnb ul li .tit_div:hover.boxSubmit .tit, .eapSide .ofMenuLnb ul li .tit_div.on.boxSubmit .tit, .eapSide .ofMenuLnb ul li .tit_div:hover.boxSubmit .tit, .boardSide .ofMenuLnb ul li .tit_div.on.boxSubmit .tit, .boardSide .ofMenuLnb ul li .tit_div:hover.boxSubmit .tit, .extSide .ofMenuLnb ul li .tit_div.on.boxSubmit .tit, .extSide .ofMenuLnb ul li .tit_div:hover.boxSubmit .tit, .addrSide .ofMenuLnb ul li .tit_div.on.boxSubmit .tit, .addrSide .ofMenuLnb ul li .tit_div:hover.boxSubmit .tit, .ebSide .ofMenuLnb ul li .tit_div.on.boxSubmit .tit, .ebSide .ofMenuLnb ul li .tit_div:hover.boxSubmit .tit {
          background: url(/static/media/ic_box_submit_select.b7535c6e.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .tit_div.on.boxReceive .tit, .onfficeSide .ofMenuLnb ul li .tit_div:hover.boxReceive .tit, .eapSide .ofMenuLnb ul li .tit_div.on.boxReceive .tit, .eapSide .ofMenuLnb ul li .tit_div:hover.boxReceive .tit, .boardSide .ofMenuLnb ul li .tit_div.on.boxReceive .tit, .boardSide .ofMenuLnb ul li .tit_div:hover.boxReceive .tit, .extSide .ofMenuLnb ul li .tit_div.on.boxReceive .tit, .extSide .ofMenuLnb ul li .tit_div:hover.boxReceive .tit, .addrSide .ofMenuLnb ul li .tit_div.on.boxReceive .tit, .addrSide .ofMenuLnb ul li .tit_div:hover.boxReceive .tit, .ebSide .ofMenuLnb ul li .tit_div.on.boxReceive .tit, .ebSide .ofMenuLnb ul li .tit_div:hover.boxReceive .tit {
          background: url(/static/media/ic_box_receive_select.08b0323e.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .tit_div.on.boxPredocu .tit, .onfficeSide .ofMenuLnb ul li .tit_div:hover.boxPredocu .tit, .eapSide .ofMenuLnb ul li .tit_div.on.boxPredocu .tit, .eapSide .ofMenuLnb ul li .tit_div:hover.boxPredocu .tit, .boardSide .ofMenuLnb ul li .tit_div.on.boxPredocu .tit, .boardSide .ofMenuLnb ul li .tit_div:hover.boxPredocu .tit, .extSide .ofMenuLnb ul li .tit_div.on.boxPredocu .tit, .extSide .ofMenuLnb ul li .tit_div:hover.boxPredocu .tit, .addrSide .ofMenuLnb ul li .tit_div.on.boxPredocu .tit, .addrSide .ofMenuLnb ul li .tit_div:hover.boxPredocu .tit, .ebSide .ofMenuLnb ul li .tit_div.on.boxPredocu .tit, .ebSide .ofMenuLnb ul li .tit_div:hover.boxPredocu .tit {
          background: url(/static/media/ic_box_predocu_select.4fc5bfc3.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .tit_div.on.boxCategory .tit, .onfficeSide .ofMenuLnb ul li .tit_div:hover.boxCategory .tit, .eapSide .ofMenuLnb ul li .tit_div.on.boxCategory .tit, .eapSide .ofMenuLnb ul li .tit_div:hover.boxCategory .tit, .boardSide .ofMenuLnb ul li .tit_div.on.boxCategory .tit, .boardSide .ofMenuLnb ul li .tit_div:hover.boxCategory .tit, .extSide .ofMenuLnb ul li .tit_div.on.boxCategory .tit, .extSide .ofMenuLnb ul li .tit_div:hover.boxCategory .tit, .addrSide .ofMenuLnb ul li .tit_div.on.boxCategory .tit, .addrSide .ofMenuLnb ul li .tit_div:hover.boxCategory .tit, .ebSide .ofMenuLnb ul li .tit_div.on.boxCategory .tit, .ebSide .ofMenuLnb ul li .tit_div:hover.boxCategory .tit {
          background: url(/static/media/ic_box_category_select.46dd30ac.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .tit_div.on.signSetting .tit, .onfficeSide .ofMenuLnb ul li .tit_div:hover.signSetting .tit, .eapSide .ofMenuLnb ul li .tit_div.on.signSetting .tit, .eapSide .ofMenuLnb ul li .tit_div:hover.signSetting .tit, .boardSide .ofMenuLnb ul li .tit_div.on.signSetting .tit, .boardSide .ofMenuLnb ul li .tit_div:hover.signSetting .tit, .extSide .ofMenuLnb ul li .tit_div.on.signSetting .tit, .extSide .ofMenuLnb ul li .tit_div:hover.signSetting .tit, .addrSide .ofMenuLnb ul li .tit_div.on.signSetting .tit, .addrSide .ofMenuLnb ul li .tit_div:hover.signSetting .tit, .ebSide .ofMenuLnb ul li .tit_div.on.signSetting .tit, .ebSide .ofMenuLnb ul li .tit_div:hover.signSetting .tit {
          background: url(/static/media/ic_sign_setting_select.fdf51a8f.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .tit_div.on.transfer .tit, .onfficeSide .ofMenuLnb ul li .tit_div:hover.transfer .tit, .eapSide .ofMenuLnb ul li .tit_div.on.transfer .tit, .eapSide .ofMenuLnb ul li .tit_div:hover.transfer .tit, .boardSide .ofMenuLnb ul li .tit_div.on.transfer .tit, .boardSide .ofMenuLnb ul li .tit_div:hover.transfer .tit, .extSide .ofMenuLnb ul li .tit_div.on.transfer .tit, .extSide .ofMenuLnb ul li .tit_div:hover.transfer .tit, .addrSide .ofMenuLnb ul li .tit_div.on.transfer .tit, .addrSide .ofMenuLnb ul li .tit_div:hover.transfer .tit, .ebSide .ofMenuLnb ul li .tit_div.on.transfer .tit, .ebSide .ofMenuLnb ul li .tit_div:hover.transfer .tit {
          background: url(/static/media/ic_transfer_select.6187bfe7.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .tit_div.on.boxDocu .tit, .onfficeSide .ofMenuLnb ul li .tit_div:hover.boxDocu .tit, .eapSide .ofMenuLnb ul li .tit_div.on.boxDocu .tit, .eapSide .ofMenuLnb ul li .tit_div:hover.boxDocu .tit, .boardSide .ofMenuLnb ul li .tit_div.on.boxDocu .tit, .boardSide .ofMenuLnb ul li .tit_div:hover.boxDocu .tit, .extSide .ofMenuLnb ul li .tit_div.on.boxDocu .tit, .extSide .ofMenuLnb ul li .tit_div:hover.boxDocu .tit, .addrSide .ofMenuLnb ul li .tit_div.on.boxDocu .tit, .addrSide .ofMenuLnb ul li .tit_div:hover.boxDocu .tit, .ebSide .ofMenuLnb ul li .tit_div.on.boxDocu .tit, .ebSide .ofMenuLnb ul li .tit_div:hover.boxDocu .tit {
          background: url(/static/media/ic_docu_box_select.107bcc18.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .tit_div.on.distributionDocu .tit, .onfficeSide .ofMenuLnb ul li .tit_div:hover.distributionDocu .tit, .eapSide .ofMenuLnb ul li .tit_div.on.distributionDocu .tit, .eapSide .ofMenuLnb ul li .tit_div:hover.distributionDocu .tit, .boardSide .ofMenuLnb ul li .tit_div.on.distributionDocu .tit, .boardSide .ofMenuLnb ul li .tit_div:hover.distributionDocu .tit, .extSide .ofMenuLnb ul li .tit_div.on.distributionDocu .tit, .extSide .ofMenuLnb ul li .tit_div:hover.distributionDocu .tit, .addrSide .ofMenuLnb ul li .tit_div.on.distributionDocu .tit, .addrSide .ofMenuLnb ul li .tit_div:hover.distributionDocu .tit, .ebSide .ofMenuLnb ul li .tit_div.on.distributionDocu .tit, .ebSide .ofMenuLnb ul li .tit_div:hover.distributionDocu .tit {
          background: url(/static/media/ic_docu_distribution_select.56d9b3ef.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .tit_div.on.notice .tit, .onfficeSide .ofMenuLnb ul li .tit_div:hover.notice .tit, .eapSide .ofMenuLnb ul li .tit_div.on.notice .tit, .eapSide .ofMenuLnb ul li .tit_div:hover.notice .tit, .boardSide .ofMenuLnb ul li .tit_div.on.notice .tit, .boardSide .ofMenuLnb ul li .tit_div:hover.notice .tit, .extSide .ofMenuLnb ul li .tit_div.on.notice .tit, .extSide .ofMenuLnb ul li .tit_div:hover.notice .tit, .addrSide .ofMenuLnb ul li .tit_div.on.notice .tit, .addrSide .ofMenuLnb ul li .tit_div:hover.notice .tit, .ebSide .ofMenuLnb ul li .tit_div.on.notice .tit, .ebSide .ofMenuLnb ul li .tit_div:hover.notice .tit {
          background: url(/static/media/ic_notice_select.7c19bd37.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .tit_div.on.write .tit, .onfficeSide .ofMenuLnb ul li .tit_div:hover.write .tit, .eapSide .ofMenuLnb ul li .tit_div.on.write .tit, .eapSide .ofMenuLnb ul li .tit_div:hover.write .tit, .boardSide .ofMenuLnb ul li .tit_div.on.write .tit, .boardSide .ofMenuLnb ul li .tit_div:hover.write .tit, .extSide .ofMenuLnb ul li .tit_div.on.write .tit, .extSide .ofMenuLnb ul li .tit_div:hover.write .tit, .addrSide .ofMenuLnb ul li .tit_div.on.write .tit, .addrSide .ofMenuLnb ul li .tit_div:hover.write .tit, .ebSide .ofMenuLnb ul li .tit_div.on.write .tit, .ebSide .ofMenuLnb ul li .tit_div:hover.write .tit {
          background: url(/static/media/ic_write_select.6df9f544.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .tit_div.on.board .tit, .onfficeSide .ofMenuLnb ul li .tit_div:hover.board .tit, .eapSide .ofMenuLnb ul li .tit_div.on.board .tit, .eapSide .ofMenuLnb ul li .tit_div:hover.board .tit, .boardSide .ofMenuLnb ul li .tit_div.on.board .tit, .boardSide .ofMenuLnb ul li .tit_div:hover.board .tit, .extSide .ofMenuLnb ul li .tit_div.on.board .tit, .extSide .ofMenuLnb ul li .tit_div:hover.board .tit, .addrSide .ofMenuLnb ul li .tit_div.on.board .tit, .addrSide .ofMenuLnb ul li .tit_div:hover.board .tit, .ebSide .ofMenuLnb ul li .tit_div.on.board .tit, .ebSide .ofMenuLnb ul li .tit_div:hover.board .tit {
          background: url(/static/media/ic_board_select.35fe66fe.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .tit_div.on.survey .tit, .onfficeSide .ofMenuLnb ul li .tit_div:hover.survey .tit, .eapSide .ofMenuLnb ul li .tit_div.on.survey .tit, .eapSide .ofMenuLnb ul li .tit_div:hover.survey .tit, .boardSide .ofMenuLnb ul li .tit_div.on.survey .tit, .boardSide .ofMenuLnb ul li .tit_div:hover.survey .tit, .extSide .ofMenuLnb ul li .tit_div.on.survey .tit, .extSide .ofMenuLnb ul li .tit_div:hover.survey .tit, .addrSide .ofMenuLnb ul li .tit_div.on.survey .tit, .addrSide .ofMenuLnb ul li .tit_div:hover.survey .tit, .ebSide .ofMenuLnb ul li .tit_div.on.survey .tit, .ebSide .ofMenuLnb ul li .tit_div:hover.survey .tit {
          background: url(/static/media/ic_survey_select.bc50e47c.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .tit_div.on.activity .tit, .onfficeSide .ofMenuLnb ul li .tit_div:hover.activity .tit, .eapSide .ofMenuLnb ul li .tit_div.on.activity .tit, .eapSide .ofMenuLnb ul li .tit_div:hover.activity .tit, .boardSide .ofMenuLnb ul li .tit_div.on.activity .tit, .boardSide .ofMenuLnb ul li .tit_div:hover.activity .tit, .extSide .ofMenuLnb ul li .tit_div.on.activity .tit, .extSide .ofMenuLnb ul li .tit_div:hover.activity .tit, .addrSide .ofMenuLnb ul li .tit_div.on.activity .tit, .addrSide .ofMenuLnb ul li .tit_div:hover.activity .tit, .ebSide .ofMenuLnb ul li .tit_div.on.activity .tit, .ebSide .ofMenuLnb ul li .tit_div:hover.activity .tit {
          background: url(/static/media/ic_activity_select.ff1083dc.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .tit_div.on.visitor .tit, .onfficeSide .ofMenuLnb ul li .tit_div:hover.visitor .tit, .eapSide .ofMenuLnb ul li .tit_div.on.visitor .tit, .eapSide .ofMenuLnb ul li .tit_div:hover.visitor .tit, .boardSide .ofMenuLnb ul li .tit_div.on.visitor .tit, .boardSide .ofMenuLnb ul li .tit_div:hover.visitor .tit, .extSide .ofMenuLnb ul li .tit_div.on.visitor .tit, .extSide .ofMenuLnb ul li .tit_div:hover.visitor .tit, .addrSide .ofMenuLnb ul li .tit_div.on.visitor .tit, .addrSide .ofMenuLnb ul li .tit_div:hover.visitor .tit, .ebSide .ofMenuLnb ul li .tit_div.on.visitor .tit, .ebSide .ofMenuLnb ul li .tit_div:hover.visitor .tit {
          background: url(/static/media/ic_visitor_select.223ecf4c.png) no-repeat left center; }
        .onfficeSide .ofMenuLnb ul li .tit_div.on.allAddr .tit, .onfficeSide .ofMenuLnb ul li .tit_div:hover.allAddr .tit, .eapSide .ofMenuLnb ul li .tit_div.on.allAddr .tit, .eapSide .ofMenuLnb ul li .tit_div:hover.allAddr .tit, .boardSide .ofMenuLnb ul li .tit_div.on.allAddr .tit, .boardSide .ofMenuLnb ul li .tit_div:hover.allAddr .tit, .extSide .ofMenuLnb ul li .tit_div.on.allAddr .tit, .extSide .ofMenuLnb ul li .tit_div:hover.allAddr .tit, .addrSide .ofMenuLnb ul li .tit_div.on.allAddr .tit, .addrSide .ofMenuLnb ul li .tit_div:hover.allAddr .tit, .ebSide .ofMenuLnb ul li .tit_div.on.allAddr .tit, .ebSide .ofMenuLnb ul li .tit_div:hover.allAddr .tit {
          background: url(/static/media/ic_address_select@2x.80ac0528.png) no-repeat left center;
          background-size: 18px; }
        .onfficeSide .ofMenuLnb ul li .tit_div.on.favoriteAddr .tit, .onfficeSide .ofMenuLnb ul li .tit_div:hover.favoriteAddr .tit, .eapSide .ofMenuLnb ul li .tit_div.on.favoriteAddr .tit, .eapSide .ofMenuLnb ul li .tit_div:hover.favoriteAddr .tit, .boardSide .ofMenuLnb ul li .tit_div.on.favoriteAddr .tit, .boardSide .ofMenuLnb ul li .tit_div:hover.favoriteAddr .tit, .extSide .ofMenuLnb ul li .tit_div.on.favoriteAddr .tit, .extSide .ofMenuLnb ul li .tit_div:hover.favoriteAddr .tit, .addrSide .ofMenuLnb ul li .tit_div.on.favoriteAddr .tit, .addrSide .ofMenuLnb ul li .tit_div:hover.favoriteAddr .tit, .ebSide .ofMenuLnb ul li .tit_div.on.favoriteAddr .tit, .ebSide .ofMenuLnb ul li .tit_div:hover.favoriteAddr .tit {
          background: url(/static/media/ic_address_favo_select@2x.a0808e34.png) no-repeat left center;
          background-size: 18px; }
        .onfficeSide .ofMenuLnb ul li .tit_div.on.groupAddr .tit, .onfficeSide .ofMenuLnb ul li .tit_div:hover.groupAddr .tit, .eapSide .ofMenuLnb ul li .tit_div.on.groupAddr .tit, .eapSide .ofMenuLnb ul li .tit_div:hover.groupAddr .tit, .boardSide .ofMenuLnb ul li .tit_div.on.groupAddr .tit, .boardSide .ofMenuLnb ul li .tit_div:hover.groupAddr .tit, .extSide .ofMenuLnb ul li .tit_div.on.groupAddr .tit, .extSide .ofMenuLnb ul li .tit_div:hover.groupAddr .tit, .addrSide .ofMenuLnb ul li .tit_div.on.groupAddr .tit, .addrSide .ofMenuLnb ul li .tit_div:hover.groupAddr .tit, .ebSide .ofMenuLnb ul li .tit_div.on.groupAddr .tit, .ebSide .ofMenuLnb ul li .tit_div:hover.groupAddr .tit {
          background: url(/static/media/ic_address_group_select@2x.04f4fe5a.png) no-repeat left center;
          background-size: 18px; }
        .onfficeSide .ofMenuLnb ul li .tit_div.on.setDoc .tit, .eapSide .ofMenuLnb ul li .tit_div.on.setDoc .tit, .boardSide .ofMenuLnb ul li .tit_div.on.setDoc .tit, .extSide .ofMenuLnb ul li .tit_div.on.setDoc .tit, .addrSide .ofMenuLnb ul li .tit_div.on.setDoc .tit, .ebSide .ofMenuLnb ul li .tit_div.on.setDoc .tit {
          color: #000000; }
        .onfficeSide .ofMenuLnb ul li .tit_div:hover.setDoc .tit, .eapSide .ofMenuLnb ul li .tit_div:hover.setDoc .tit, .boardSide .ofMenuLnb ul li .tit_div:hover.setDoc .tit, .extSide .ofMenuLnb ul li .tit_div:hover.setDoc .tit, .addrSide .ofMenuLnb ul li .tit_div:hover.setDoc .tit, .ebSide .ofMenuLnb ul li .tit_div:hover.setDoc .tit {
          color: #1c90fb;
          background: url(/static/media/ic_setting_select.94a347ba.png) no-repeat left center; }
      .onfficeSide .ofMenuLnb ul .tit_div:hover, .eapSide .ofMenuLnb ul .tit_div:hover, .boardSide .ofMenuLnb ul .tit_div:hover, .extSide .ofMenuLnb ul .tit_div:hover, .addrSide .ofMenuLnb ul .tit_div:hover, .ebSide .ofMenuLnb ul .tit_div:hover {
        background-color: #eff7ff; }
      .onfficeSide .ofMenuLnb ul .arr, .eapSide .ofMenuLnb ul .arr, .boardSide .ofMenuLnb ul .arr, .extSide .ofMenuLnb ul .arr, .addrSide .ofMenuLnb ul .arr, .ebSide .ofMenuLnb ul .arr {
        position: absolute;
        height: 36px;
        width: 11px;
        top: 0;
        left: 6px;
        cursor: pointer; }
        .onfficeSide .ofMenuLnb ul .arr.down, .eapSide .ofMenuLnb ul .arr.down, .boardSide .ofMenuLnb ul .arr.down, .extSide .ofMenuLnb ul .arr.down, .addrSide .ofMenuLnb ul .arr.down, .ebSide .ofMenuLnb ul .arr.down {
          background: url(/static/media/ic_arrow_down_01_s_normal.57adc5b1.png) no-repeat center center;
          background-size: 11px; }
        .onfficeSide .ofMenuLnb ul .arr.up, .eapSide .ofMenuLnb ul .arr.up, .boardSide .ofMenuLnb ul .arr.up, .extSide .ofMenuLnb ul .arr.up, .addrSide .ofMenuLnb ul .arr.up, .ebSide .ofMenuLnb ul .arr.up {
          background: url(/static/media/ic_arrow_right_01_s_normal.0f322bf0.png) no-repeat center center;
          background-size: 11px; }
      .onfficeSide .ofMenuLnb ul .arr:hover.down, .eapSide .ofMenuLnb ul .arr:hover.down, .boardSide .ofMenuLnb ul .arr:hover.down, .extSide .ofMenuLnb ul .arr:hover.down, .addrSide .ofMenuLnb ul .arr:hover.down, .ebSide .ofMenuLnb ul .arr:hover.down {
        background: url(/static/media/ic_arrow_down_01_s_over.814f255e.png) no-repeat center center;
        background-size: 11px; }
      .onfficeSide .ofMenuLnb ul .arr:hover.up, .eapSide .ofMenuLnb ul .arr:hover.up, .boardSide .ofMenuLnb ul .arr:hover.up, .extSide .ofMenuLnb ul .arr:hover.up, .addrSide .ofMenuLnb ul .arr:hover.up, .ebSide .ofMenuLnb ul .arr:hover.up {
        background: url(/static/media/ic_arrow_right_01_s_over.96a279d5.png) no-repeat center center;
        background-size: 11px; }
    .onfficeSide .ofMenuLnb ul.dep1, .eapSide .ofMenuLnb ul.dep1, .boardSide .ofMenuLnb ul.dep1, .extSide .ofMenuLnb ul.dep1, .addrSide .ofMenuLnb ul.dep1, .ebSide .ofMenuLnb ul.dep1 {
      margin-top: 4px; }
      .onfficeSide .ofMenuLnb ul.dep1 > li > .tit_div, .eapSide .ofMenuLnb ul.dep1 > li > .tit_div, .boardSide .ofMenuLnb ul.dep1 > li > .tit_div, .extSide .ofMenuLnb ul.dep1 > li > .tit_div, .addrSide .ofMenuLnb ul.dep1 > li > .tit_div, .ebSide .ofMenuLnb ul.dep1 > li > .tit_div {
        padding-left: 20px; }
        .onfficeSide .ofMenuLnb ul.dep1 > li > .tit_div .tit, .eapSide .ofMenuLnb ul.dep1 > li > .tit_div .tit, .boardSide .ofMenuLnb ul.dep1 > li > .tit_div .tit, .extSide .ofMenuLnb ul.dep1 > li > .tit_div .tit, .addrSide .ofMenuLnb ul.dep1 > li > .tit_div .tit, .ebSide .ofMenuLnb ul.dep1 > li > .tit_div .tit {
          font-weight: bold; }
      .onfficeSide .ofMenuLnb ul.dep1 > li > ul.dep2, .eapSide .ofMenuLnb ul.dep1 > li > ul.dep2, .boardSide .ofMenuLnb ul.dep1 > li > ul.dep2, .extSide .ofMenuLnb ul.dep1 > li > ul.dep2, .addrSide .ofMenuLnb ul.dep1 > li > ul.dep2, .ebSide .ofMenuLnb ul.dep1 > li > ul.dep2 {
        padding-left: 28px; }
        .onfficeSide .ofMenuLnb ul.dep1 > li > ul.dep2 li, .eapSide .ofMenuLnb ul.dep1 > li > ul.dep2 li, .boardSide .ofMenuLnb ul.dep1 > li > ul.dep2 li, .extSide .ofMenuLnb ul.dep1 > li > ul.dep2 li, .addrSide .ofMenuLnb ul.dep1 > li > ul.dep2 li, .ebSide .ofMenuLnb ul.dep1 > li > ul.dep2 li {
          padding-left: 13px;
          background: url(/static/media/bg_dat.1b1f3225.png) repeat-y 1px 0px;
          clear: both;
          position: relative; }
          .onfficeSide .ofMenuLnb ul.dep1 > li > ul.dep2 li:last-child, .eapSide .ofMenuLnb ul.dep1 > li > ul.dep2 li:last-child, .boardSide .ofMenuLnb ul.dep1 > li > ul.dep2 li:last-child, .extSide .ofMenuLnb ul.dep1 > li > ul.dep2 li:last-child, .addrSide .ofMenuLnb ul.dep1 > li > ul.dep2 li:last-child, .ebSide .ofMenuLnb ul.dep1 > li > ul.dep2 li:last-child {
            background: none; }
          .onfficeSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div, .eapSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div, .boardSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div, .extSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div, .addrSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div, .ebSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div {
            height: 28px;
            line-height: 28px; }
            .onfficeSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div:hover, .eapSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div:hover, .boardSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div:hover, .extSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div:hover, .addrSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div:hover, .ebSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div:hover {
              background-color: #fff; }
            .onfficeSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_open + ul, .eapSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_open + ul, .boardSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_open + ul, .extSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_open + ul, .addrSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_open + ul, .ebSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_open + ul {
              display: block; }
            .onfficeSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_open .arr, .eapSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_open .arr, .boardSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_open .arr, .extSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_open .arr, .addrSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_open .arr, .ebSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_open .arr {
              display: inline-block;
              background: url(/static/media/btn_tree_open.8eaf0406.png) no-repeat 0px 10px; }
            .onfficeSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_open .tit, .eapSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_open .tit, .boardSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_open .tit, .extSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_open .tit, .addrSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_open .tit, .ebSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_open .tit {
              background: none; }
            .onfficeSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_close + ul, .eapSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_close + ul, .boardSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_close + ul, .extSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_close + ul, .addrSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_close + ul, .ebSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_close + ul {
              display: none; }
            .onfficeSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_close .arr, .eapSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_close .arr, .boardSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_close .arr, .extSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_close .arr, .addrSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_close .arr, .ebSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_close .arr {
              display: inline-block;
              background: url(/static/media/btn_tree_close.a03df4cc.png) no-repeat 0px 10px; }
            .onfficeSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_close .tit, .eapSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_close .tit, .boardSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_close .tit, .extSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_close .tit, .addrSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_close .tit, .ebSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit_div.dep_close .tit {
              background: none; }
          .onfficeSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .nav-icon, .eapSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .nav-icon, .boardSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .nav-icon, .extSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .nav-icon, .addrSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .nav-icon, .ebSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .nav-icon {
            position: absolute;
            left: -2px;
            top: 0px;
            width: 14px;
            height: 15px;
            background: #fff url(/static/media/bg_datL2.2d80b7bb.png) no-repeat 3px 0px; }
          .onfficeSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .arr, .eapSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .arr, .boardSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .arr, .extSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .arr, .addrSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .arr, .ebSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .arr {
            width: 14px;
            height: 20px;
            float: left;
            display: none;
            top: 0px;
            left: -3px; }
          .onfficeSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit, .eapSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit, .boardSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit, .extSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit, .addrSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit, .ebSide .ofMenuLnb ul.dep1 > li > ul.dep2 li .tit {
            padding-left: 2px; }
        .onfficeSide .ofMenuLnb ul.dep1 > li > ul.dep2 > li:first-child > .dep_open::after, .eapSide .ofMenuLnb ul.dep1 > li > ul.dep2 > li:first-child > .dep_open::after, .boardSide .ofMenuLnb ul.dep1 > li > ul.dep2 > li:first-child > .dep_open::after, .extSide .ofMenuLnb ul.dep1 > li > ul.dep2 > li:first-child > .dep_open::after, .addrSide .ofMenuLnb ul.dep1 > li > ul.dep2 > li:first-child > .dep_open::after, .ebSide .ofMenuLnb ul.dep1 > li > ul.dep2 > li:first-child > .dep_open::after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 10px;
          height: 10px;
          background: #fff; }
        .onfficeSide .ofMenuLnb ul.dep1 > li > ul.dep2 > li:first-child > .dep_close::after, .eapSide .ofMenuLnb ul.dep1 > li > ul.dep2 > li:first-child > .dep_close::after, .boardSide .ofMenuLnb ul.dep1 > li > ul.dep2 > li:first-child > .dep_close::after, .extSide .ofMenuLnb ul.dep1 > li > ul.dep2 > li:first-child > .dep_close::after, .addrSide .ofMenuLnb ul.dep1 > li > ul.dep2 > li:first-child > .dep_close::after, .ebSide .ofMenuLnb ul.dep1 > li > ul.dep2 > li:first-child > .dep_close::after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 10px;
          height: 10px;
          background: #fff; }
    .onfficeSide .ofMenuLnb ul.dep2, .eapSide .ofMenuLnb ul.dep2, .boardSide .ofMenuLnb ul.dep2, .extSide .ofMenuLnb ul.dep2, .addrSide .ofMenuLnb ul.dep2, .ebSide .ofMenuLnb ul.dep2 {
      transition: all 0.3s ease-in-out;
      overflow: hidden; }
      .onfficeSide .ofMenuLnb ul.dep2.arrUp, .eapSide .ofMenuLnb ul.dep2.arrUp, .boardSide .ofMenuLnb ul.dep2.arrUp, .extSide .ofMenuLnb ul.dep2.arrUp, .addrSide .ofMenuLnb ul.dep2.arrUp, .ebSide .ofMenuLnb ul.dep2.arrUp {
        height: 0px !important; }

.ebSide .sideBtm {
  position: relative; }

/*상단 좌우 붙는 박스*/
.top_less_box {
  height: 54px !important;
  box-sizing: border-box;
  border-bottom: 1px solid #e5e5e5;
  background: #fff;
  width: calc(100% + 40px) !important;
  position: absolute;
  left: -20px;
  z-index: 2;
  padding: 0 20px; }
  .top_less_box .left_div {
    float: left;
    overflow: hidden;
    margin-left: 20px;
    margin-top: 13px; }
  .top_less_box .right_div {
    float: right;
    padding-top: 13px;
    padding-right: 20px; }
  .top_less_box.top_ex_box {
    width: 100% !important;
    position: inherit;
    left: 0; }
  .top_less_box.plus20 {
    width: calc(100% + 20px) !important; }

.top_less_box_bg {
  height: 34px;
  margin-top: 0 !important; }

.top_btn_blind:after {
  content: '';
  height: 50px !important;
  box-sizing: border-box;
  background: #fff;
  position: absolute;
  top: -74px;
  right: 30px;
  z-index: 2;
  width: 60px; }

.top_less_box_zero {
  height: 0px !important;
  box-sizing: border-box;
  background: #fff;
  width: calc(100% + 40px) !important;
  position: absolute;
  left: -20px;
  z-index: 2;
  padding: 0 20px;
  z-index: 400; }
  .top_less_box_zero .left_div {
    float: left;
    overflow: hidden;
    margin-left: 20px;
    margin-top: 13px; }
  .top_less_box_zero .right_div {
    float: right;
    padding-top: 13px;
    padding-right: 20px; }
  .top_less_box_zero.top_ex_box {
    width: 100% !important;
    position: inherit;
    left: 0; }

.dock_top_less {
  height: calc(100% + 20px) !important;
  margin-top: -20px; }

.dock_left_right_less {
  width: calc(100% + 40px) !important;
  margin-left: -20px; }

.noBgBtn {
  border: none !important;
  background: none !important; }

/*****************************   
   다운로드 센터   
******************************/
.downloadCenterHeader {
  width: 100%;
  height: 80px;
  margin-top: 10px;
  border-radius: 4px;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0 1px; }
  .downloadCenterHeader .dcHeaderText {
    position: absolute;
    top: 38px;
    left: 70px; }
    .downloadCenterHeader .dcHeaderText .tit {
      font-size: 22px;
      font-weight: bold;
      line-height: 26px;
      color: #0c2b65;
      margin: 0 20px 0 0; }
      .downloadCenterHeader .dcHeaderText .tit .blue {
        color: #1c90fb; }
    .downloadCenterHeader .dcHeaderText .dis {
      font-size: 12px;
      line-height: 18px;
      color: #5c7198; }
  .downloadCenterHeader .dcHeaderBg {
    background: url(/static/media/img_downloadcenter.1072b446.png) no-repeat center center;
    background-size: 100% 100%; }

.downloadCenterContents {
  position: relative;
  margin: 20px 0 0 0;
  box-sizing: border-box; }
  .downloadCenterContents .downloadBox {
    /* width:953px; */
    box-sizing: border-box; }
    .downloadCenterContents .downloadBox .unit {
      position: relative;
      min-width: 280px;
      height: 310px;
      margin: 0 0 0 6px;
      border-radius: 10px;
      border: 1px solid #e6e6e6;
      background-color: #ffffff;
      box-sizing: border-box; }
      .downloadCenterContents .downloadBox .unit:first-child {
        margin: 0; }
      .downloadCenterContents .downloadBox .unit.bg1 {
        background: url(/static/media/img_download_agent.e7421485.png) no-repeat top 20px center; }
      .downloadCenterContents .downloadBox .unit.bg2 {
        background: url(/static/media/img_download_msg.484b4055.png) no-repeat top 20px center; }
      .downloadCenterContents .downloadBox .unit.bg3 {
        background: url(/static/media/img_download_onechamber.83d96fb6.png) no-repeat top 20px center; }
      .downloadCenterContents .downloadBox .unit.bg4 {
        background: url(/static/media/img_download_mobile.32bea525.png) no-repeat top 20px center; }
      .downloadCenterContents .downloadBox .unit .txt {
        margin: 170px 20px 0 20px;
        padding: 0 0 20px 0;
        font-size: 16px;
        font-weight: bold;
        line-height: 24px;
        color: #4a4a4a;
        text-align: center;
        border-bottom: 1px solid #e6e6e6; }
      .downloadCenterContents .downloadBox .unit .installation {
        margin: 15px 0 5px 0;
        font-size: 13px;
        line-height: 18px;
        color: #a6a6a6;
        text-align: center; }
        .downloadCenterContents .downloadBox .unit .installation.blue {
          color: #1c90fb; }
      .downloadCenterContents .downloadBox .unit .btn {
        text-align: center; }
      .downloadCenterContents .downloadBox .unit .winTxt {
        display: inline-block;
        margin: 15px 20px 5px 0;
        padding: 0 0 0 22px;
        font-size: 13px;
        line-height: 18px;
        color: #000000;
        text-align: left;
        background: url(/static/media/ic_download_windows.13dd4a96.png) no-repeat left 0 center; }
        .downloadCenterContents .downloadBox .unit .winTxt + .btn {
          margin: 0 20px 0 0; }
      .downloadCenterContents .downloadBox .unit .macTxt {
        display: inline-block;
        margin: 15px 0 5px 20px;
        padding: 0 0 0 22px;
        font-size: 13px;
        line-height: 18px;
        color: #000000;
        text-align: left;
        background: url(/static/media/ic_download_mac.37ffb33c.png) no-repeat left 0 center; }
        .downloadCenterContents .downloadBox .unit .macTxt + .btn {
          margin: 0 0 0 20px; }
      .downloadCenterContents .downloadBox .unit .line {
        width: 1px;
        height: 20px;
        margin: 42px 0 0 0;
        background-color: #e6e6e6; }
      .downloadCenterContents .downloadBox .unit .googleBtn {
        margin: 25px 2px 0 0;
        padding: 0 6px;
        height: 40px; }
      .downloadCenterContents .downloadBox .unit .appstoreBtn {
        margin: 25px 0 0 2px;
        padding: 0 6px;
        height: 40px; }
      .downloadCenterContents .downloadBox .unit .QrBox {
        position: absolute;
        top: 35px;
        left: 50%;
        width: 150px;
        height: 150px;
        margin: 0 0 0 -95px;
        padding: 20px;
        border: 1px solid #e6e6e6;
        border-radius: 10px;
        background: #ffffff;
        -webkit-animation-fill-mode: none;
        animation-fill-mode: none;
        z-index: 1; }
        .downloadCenterContents .downloadBox .unit .QrBox::after {
          content: '';
          position: absolute;
          width: 10px;
          height: 10px;
          border: 1px solid #e6e6e6;
          background: #fff;
          z-index: -1; }
        .downloadCenterContents .downloadBox .unit .QrBox.left::after {
          left: 30px;
          bottom: -6px;
          width: 10px;
          height: 10px;
          border-width: 0 1px 1px 0;
          transform: rotate(45deg); }
        .downloadCenterContents .downloadBox .unit .QrBox.right::after {
          right: 30px;
          bottom: -6px;
          width: 10px;
          height: 10px;
          border-width: 0 1px 1px 0;
          transform: rotate(45deg); }
        .downloadCenterContents .downloadBox .unit .QrBox img {
          width: 100%; }
        .downloadCenterContents .downloadBox .unit .QrBox .clearDim {
          position: fixed;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          width: auto;
          height: auto;
          border-radius: 0;
          box-sizing: border-box;
          background-color: transparent;
          z-index: -1; }
  .downloadCenterContents .serviceBox {
    box-sizing: border-box; }
    .downloadCenterContents .serviceBox .grayTxt {
      color: #8c8c8c; }
    .downloadCenterContents .serviceBox .winTxt {
      padding: 0 0 0 22px;
      text-align: left;
      background: url(/static/media/ic_download_windows.13dd4a96.png) no-repeat left 0 center; }
    .downloadCenterContents .serviceBox .macTxt {
      padding: 0 0 0 22px;
      text-align: left;
      background: url(/static/media/ic_download_mac.37ffb33c.png) no-repeat left 0 center; }
    .downloadCenterContents .serviceBox .chromeTxt {
      padding: 0 0 0 22px;
      text-align: left;
      background: url(/static/media/img_download_chrome.3894cbc4.png) no-repeat left 0 center; }
    .downloadCenterContents .serviceBox .safariTxt {
      padding: 0 0 0 22px;
      text-align: left;
      background: url(/static/media/img_download_safari.e3b9d603.png) no-repeat left 0 center; }
    .downloadCenterContents .serviceBox .ieTxt {
      padding: 0 0 0 22px;
      text-align: left;
      background: url(/static/media/img_download_ie.1c2c4cc2.png) no-repeat left 0 center; }
  .downloadCenterContents .systemBox {
    box-sizing: border-box; }
    .downloadCenterContents .systemBox .referenceTitle {
      font-size: 12px;
      font-weight: bold;
      color: #000000; }
    .downloadCenterContents .systemBox .referenceDis {
      font-size: 12px;
      color: #4a4a4a; }
  .downloadCenterContents .serviceTab {
    padding: 0 0 20px 0; }
    .downloadCenterContents .serviceTab .tabBtn {
      position: relative;
      width: 280px;
      height: 44px;
      border: 1px solid #cccccc;
      border-radius: 100px;
      font-size: 16px;
      line-height: 44px;
      color: #a6a6a6;
      text-align: center;
      box-sizing: border-box; }
      .downloadCenterContents .serviceTab .tabBtn .web {
        width: 140px;
        height: 44px;
        line-height: 44px;
        margin: -1px 0 0 -1px;
        padding: 0 0 0 24px;
        border-radius: 100px;
        background: url(/static/media/ic_download_web_off@2x.672f3be9.png) no-repeat left 49px center;
        background-size: 24px;
        box-sizing: border-box;
        cursor: pointer; }
        .downloadCenterContents .serviceTab .tabBtn .web.on {
          color: #ffffff;
          background: #1c90fb url(/static/media/ic_download_web_on@2x.aa4a0560.png) no-repeat left 49px center;
          background-size: 24px; }
      .downloadCenterContents .serviceTab .tabBtn .mobile {
        width: 140px;
        height: 44px;
        line-height: 44px;
        margin: -1px 0 0 -1px;
        padding: 0 0 0 24px;
        border-radius: 100px;
        background: url(/static/media/ic_download_mobile_off@2x.dd02f40f.png) no-repeat left 34px center;
        background-size: 24px;
        box-sizing: border-box;
        cursor: pointer; }
        .downloadCenterContents .serviceTab .tabBtn .mobile.on {
          color: #ffffff;
          background: #1c90fb url(/static/media/ic_download_mobile_on@2x.7c600035.png) no-repeat left 34px center;
          background-size: 24px; }
  .downloadCenterContents .webConWrap .serviceBox {
    box-sizing: border-box; }
    .downloadCenterContents .webConWrap .serviceBox .icoWin {
      margin: 0 10px;
      width: 20px;
      height: 20px;
      background: url(/static/media/ic_download_windows.13dd4a96.png) no-repeat left 0 center; }
    .downloadCenterContents .webConWrap .serviceBox .icoMac {
      margin: 0 10px;
      width: 20px;
      height: 20px;
      background: url(/static/media/ic_download_mac.37ffb33c.png) no-repeat left 0 center; }
  .downloadCenterContents .mobileConWrap .serviceBox {
    flex-wrap: wrap;
    grid-gap: 14px;
    gap: 14px; }
    .downloadCenterContents .mobileConWrap .serviceBox .unitBox {
      position: relative;
      min-width: calc(50% - 7px);
      max-width: calc(50% - 7px);
      height: 120px;
      padding: 10px 30px;
      border: 1px solid #e6e6e6;
      border-radius: 10px;
      background-color: #ffffff;
      box-sizing: border-box; }
      .downloadCenterContents .mobileConWrap .serviceBox .unitBox .ico {
        width: 100px;
        height: 100px;
        margin: 0 20px 0 0; }
        .downloadCenterContents .mobileConWrap .serviceBox .unitBox .ico.Amaranth {
          background: url(/static/media/amaranth_10_72_amaranth@2x.da71c369.png) no-repeat center;
          background-size: 100px; }
        .downloadCenterContents .mobileConWrap .serviceBox .unitBox .ico.Mullen {
          background: url(/static/media/amaranth_10_mullen_72@2x.24f55717.png) no-repeat center;
          background-size: 100px; }
        .downloadCenterContents .mobileConWrap .serviceBox .unitBox .ico.ONEFFICE {
          background: url(/static/media/amaranth_10_oneffice_72@2x.743b4c6b.png) no-repeat center;
          background-size: 100px; }
        .downloadCenterContents .mobileConWrap .serviceBox .unitBox .ico.ONECHAMBER {
          background: url(/static/media/amaranth_10_onechamber_72@2x.696fcba5.png) no-repeat center;
          background-size: 100px; }
        .downloadCenterContents .mobileConWrap .serviceBox .unitBox .ico.Meet {
          background: url(/static/media/amaranth_10_meet_72@2x.67009247.png) no-repeat center;
          background-size: 100px; }
        .downloadCenterContents .mobileConWrap .serviceBox .unitBox .ico.vc {
          background: url(/static/media/amaranth-10-vc-72@2x.9ad056d8.png) no-repeat center;
          background-size: 100px; }
      .downloadCenterContents .mobileConWrap .serviceBox .unitBox .top .tit {
        font-size: 16px;
        font-weight: bold;
        height: 24px;
        line-height: 24px;
        letter-spacing: -0.8px;
        color: #000000; }
      .downloadCenterContents .mobileConWrap .serviceBox .unitBox .top .badge {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: 2px 0 2px 10px;
        padding: 0 6px;
        font-size: 11px;
        height: 18px;
        line-height: 18px;
        letter-spacing: -1.1px;
        color: #494949;
        border: 1px solid #494949;
        border-radius: 18px; }
      .downloadCenterContents .mobileConWrap .serviceBox .unitBox .sub {
        margin: 10px 0 0 0;
        font-size: 12px;
        height: auto;
        line-height: 18px;
        color: #4a4a4a; }
      .downloadCenterContents .mobileConWrap .serviceBox .unitBox .hoverBtn {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        grid-gap: 14px;
        gap: 14px;
        background-color: rgba(34, 70, 119, 0.4);
        border-radius: 10px; }
        .downloadCenterContents .mobileConWrap .serviceBox .unitBox .hoverBtn .btn {
          width: 160px;
          height: 50px;
          border-radius: 8px;
          background-color: #f9fafc;
          cursor: pointer; }
          .downloadCenterContents .mobileConWrap .serviceBox .unitBox .hoverBtn .btn.googlePlay {
            background: #f9fafc url(/static/media/img_download_googleplay@2x.47439f13.png) no-repeat center;
            background-size: 140px 34px; }
          .downloadCenterContents .mobileConWrap .serviceBox .unitBox .hoverBtn .btn.appStore {
            background: #f9fafc url(/static/media/img_download_appstore@2x.0c94f5ae.png) no-repeat center;
            background-size: 140px 34px; }
          .downloadCenterContents .mobileConWrap .serviceBox .unitBox .hoverBtn .btn:hover {
            position: relative; }
            .downloadCenterContents .mobileConWrap .serviceBox .unitBox .hoverBtn .btn:hover > .QrBox {
              display: block; }
          .downloadCenterContents .mobileConWrap .serviceBox .unitBox .hoverBtn .btn .QrBox {
            display: none;
            position: absolute;
            top: -205px;
            left: 50%;
            width: 150px;
            height: 150px;
            margin: 0 0 0 -96px;
            padding: 20px;
            border: 1px solid #e6e6e6;
            border-radius: 10px;
            background: #ffffff;
            -webkit-animation-fill-mode: none;
                    animation-fill-mode: none;
            z-index: 1; }
            .downloadCenterContents .mobileConWrap .serviceBox .unitBox .hoverBtn .btn .QrBox::after {
              content: "";
              position: absolute;
              width: 10px;
              height: 10px;
              left: calc(50% - 5px);
              bottom: -6px;
              width: 10px;
              height: 10px;
              border-width: 0 1px 1px 0;
              border-color: transparent transparent #e6e6e6 #e6e6e6;
              border-style: solid;
              transform: rotate(45deg);
              background: #fff; }
            .downloadCenterContents .mobileConWrap .serviceBox .unitBox .hoverBtn .btn .QrBox img {
              width: 100%; }
      .downloadCenterContents .mobileConWrap .serviceBox .unitBox:hover .hoverBtn {
        display: flex; }
      .downloadCenterContents .mobileConWrap .serviceBox .unitBox:active .hoverBtn {
        display: flex; }

/*방문객현황*/
.visitorHead {
  position: relative; }
  .visitorHead > h2 {
    float: left;
    font-size: 18px;
    padding-right: 14px;
    font-weight: bold;
    letter-spacing: -0.8px;
    text-align: center;
    color: #000000;
    line-height: 27px; }
  .visitorHead .btn_set {
    float: left; }
    .visitorHead .btn_set > div {
      vertical-align: middle; }
  .visitorHead .cal_posi {
    position: absolute;
    top: 29px;
    z-index: 1; }

/*퇴사처리, 스텝 공통*/
.xHidden [class*="OBTDockPanel_wrapper"] {
  overflow-x: hidden !important; }

.yHidden [class*="OBTDockPanel_wrapper"] {
  overflow-y: hidden !important; }

.bs_set_step {
  background: #fff;
  height: 100%;
  left: 0;
  top: 0px;
  right: 0;
  position: absolute;
  display: none;
  box-sizing: border-box; }
  .bs_set_step.active {
    display: block; }
    .bs_set_step.active .layer_div {
      left: 0px;
      width: 100%;
      display: block; }

.bs_set_step .Pop_border .tit_p {
  font-weight: normal; }

.fwn_div.Pop_border .tit_p {
  font-weight: normal; }

.bs_tab {
  border: 1px solid #dcdcdc;
  overflow: hidden; }

.bs_tab.tab1 ul li {
  width: 100% !important; }

.bs_tab.tab2 ul li {
  width: 50% !important; }

.bs_tab.tab3 ul li {
  width: 33.33% !important; }

.bs_tab.tab4 ul li {
  width: 25% !important; }

.bs_tab.tab5 ul li {
  width: 20% !important; }

.bs_tab.tab6 ul li {
  width: 16.6% !important; }

.bs_tab.tab7 ul li {
  width: 14.28% !important; }

.bs_tab ul li {
  float: left;
  text-align: center;
  width: 33%;
  position: relative; }

.bs_tab ul li:last-child {
  width: 34%; }

.bs_tab ul li .tit_step {
  display: inline-block;
  height: 38px;
  line-height: 38px;
  font-size: 14px;
  width: 100%;
  font-weight: bold;
  cursor: default;
  text-indent: 14px; }

.bs_tab ul li.on .tit_step {
  background: #50A2E0;
  color: #fff; }

.bs_tab ul li .arr_semo {
  display: block;
  position: absolute;
  right: -22px;
  top: -1px;
  width: 0px;
  height: 0px;
  border: 20px solid transparent;
  border-left: 20px solid #dcdcdc;
  border-right: none; }

.bs_tab ul li .arr_semo:after {
  content: "";
  position: absolute;
  right: 2px;
  top: -20px;
  width: 0px;
  height: 0px;
  border: 20px solid transparent;
  border-left: 20px solid #fff;
  border-right: none; }

.bs_tab ul li.on .arr_semo {
  border: 20px solid transparent;
  border-left: 20px solid #dcdcdc;
  border-right: none; }

.bs_tab ul li.on .arr_semo:after {
  content: "";
  position: absolute;
  right: 2px;
  top: -20px;
  width: 0px;
  height: 0px;
  border: 20px solid transparent;
  border-left: 20px solid #50A2E0;
  border-right: none; }

.bs_tab ul li.on:before {
  content: "";
  position: absolute;
  left: 0px;
  top: -1px;
  width: 0px;
  height: 0px;
  border: 20px solid transparent;
  border-left: 20px solid #fff;
  border-right: none; }

.bs_tab ul li:first-child.on:before {
  display: none; }

.bs_tab ul li:last-child.on .arr_semo {
  right: none;
  left: 0px;
  top: -1px;
  width: 0px;
  height: 0px;
  border: 20px solid transparent;
  border-left: 20px solid #dcdcdc;
  border-right: none; }

.bs_tab ul li:last-child.on .arr_semo:after {
  right: none;
  left: -22px;
  top: -20px;
  width: 0px;
  height: 0px;
  border: 20px solid transparent;
  border-left: 20px solid #fff;
  border-right: none; }

.bs_tab ul li:first-child {
  z-index: 2; }

.chkBoxList .title {
  color: #000;
  font-size: 13px;
  margin-top: 10px;
  padding-left: 45px;
  margin-bottom: 5px;
  background: url(/static/media/ic_check_03_m_normal.22a3b008.png) no-repeat left 18px center;
  cursor: pointer; }
  .chkBoxList .title.checked {
    background: url(/static/media/ic_check_03_m_over.ce40ef9d.png) no-repeat left 18px center; }

.chkBoxList ul {
  padding: 5px 0; }

.chkBoxList ul li {
  font-size: 13px;
  cursor: pointer;
  display: block;
  width: 100%;
  height: 54px;
  border-radius: 3px;
  border: solid 1px #e6e6e6;
  box-sizing: border-box;
  margin: 0 16px 15px 0;
  background: url(/static/media/ic_check_03_m_normal.22a3b008.png) no-repeat left 18px center;
  display: flex;
  align-items: center; }

.chkBoxList ul li.checked {
  border: solid 1px #1c90fb;
  background: #e9f5ff url(/static/media/ic_check_03_m_over.ce40ef9d.png) no-repeat left 18px center; }

.chkBoxList ul li .textDiv {
  width: 100%;
  height: 100%;
  align-items: center;
  display: flex;
  padding: 0 0 0 45px;
  line-height: 18px; }

.chkBoxList ul li .tit {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 20px;
  max-width: calc(100% - 30px);
  position: relative;
  line-height: 27px; }

.chkBoxList ul li .ico {
  width: 27px;
  height: 22px;
  display: inline-block;
  margin-right: 3px; }
  .chkBoxList ul li .ico.group {
    background: url(/static/media/ico_group_human.d785c261.png) no-repeat center center;
    background-size: 18px 18px; }
  .chkBoxList ul li .ico.company {
    background: url(/static/media/ic_comp_01.72167aaa.png) no-repeat center center;
    background-size: 16px 14px; }

.chkBoxList ul li .subTxt {
  width: 100%;
  height: 100%;
  align-items: center;
  display: flex;
  flex: 400px 1;
  padding: 0 0 0 45px;
  line-height: 18px;
  color: #666;
  position: relative;
  padding-left: 30px;
  margin-left: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.chkBoxList ul li .subTxt .stSp {
  line-height: 27px; }

.chkBoxList ul li .subTxt:after {
  content: '|';
  font-size: 12px;
  color: #666;
  position: absolute;
  left: 0px; }

.chkBoxList ul li .subTxt [class*="OBTTooltip_tooltipFloatingPanel"] {
  max-width: 350px; }

.chkBoxList ul li .subTxt [class*="OBTTooltip_tooltipFloatingPanel"] [class*="OBTTooltip_contents"] {
  line-height: 16px;
  white-space: normal; }

.chkBoxList ul li [class*="OBTTooltip_root"] {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 20px); }

.tooltip[tooltip]:hover:after {
  content: attr(tooltip);
  position: fixed;
  top: var(--tooltip-top);
  left: var(--tooltip-left);
  z-index: 1;
  border-radius: 3px;
  border: solid 1px #a6a6a6;
  background-color: #ffffff;
  font-size: 12px;
  line-height: 12px;
  padding: 7px 10px 7px 12px;
  color: #000;
  box-sizing: border-box;
  text-align: left;
  line-height: 16px; }

.tooltip:hover::before {
  content: '';
  position: fixed;
  top: var(--tooltip-arr-top);
  left: var(--tooltip-arr-left);
  width: 11px;
  height: 7px;
  background: url(/static/media/bg_tooltip_arrow.d451f9fe.png) left top 1px no-repeat;
  z-index: 2; }

.tooltip.top[tooltip]:hover:after {
  top: auto !important;
  top: initial !important;
  bottom: var(--tooltip-bottom); }

.tooltip.top:hover::before {
  content: '';
  transform: rotateX(180deg);
  top: inherit !important;
  bottom: var(--tooltip-arr-bottom); }

.tooltip[tooltip].max:hover:after {
  white-space: normal;
  max-width: var(--tooltip-max-width); }

/*업무보고*/
.report_box .type01Unit01 {
  min-width: 190px;
  height: 70px;
  margin: 0 0 0 0;
  padding: 11px 0 0 75px;
  border: 1px solid #cccccc;
  border-radius: 10px;
  background: #ffffff url(/static/media/tab_all_none.3b23ef22.png) no-repeat top 10px left 15px;
  box-sizing: border-box;
  cursor: pointer; }
  .report_box .type01Unit01:hover {
    border: 1px solid #1c90fb; }
  .report_box .type01Unit01.on {
    border: 1px solid #1c90fb;
    background: #f5faff url(/static/media/tab_all_sele.e00aeb86.png) no-repeat top 10px left 15px; }
  .report_box .type01Unit01 .txt01 {
    height: 22px;
    font-size: 13px;
    line-height: 22px;
    color: #4a4a4a; }
  .report_box .type01Unit01 .txt02 {
    height: 24px;
    font-size: 13px;
    line-height: 24px;
    color: #4a4a4a; }
    .report_box .type01Unit01 .txt02 b {
      padding: 0 2px 0 3px;
      font-size: 18px;
      font-weight: bold;
      line-height: 22px;
      color: #000000;
      letter-spacing: -0.9px;
      margin: 0 2px 0 0;
      text-decoration: underline; }

.report_box .type01Unit02 {
  min-width: 190px;
  height: 70px;
  margin: 0 0 0 8px;
  padding: 11px 0 0 75px;
  border: 1px solid #cccccc;
  border-radius: 10px;
  background: #ffffff url(/static/media/tab_report_receive_none.5b50e344.png) no-repeat top 10px left 15px;
  box-sizing: border-box;
  cursor: pointer; }
  .report_box .type01Unit02:hover {
    border: 1px solid #1c90fb; }
  .report_box .type01Unit02.on {
    border: 1px solid #1c90fb;
    background: #f5faff url(/static/media/tab_report_receive_sele.8bbc9f9e.png) no-repeat top 10px left 15px; }
  .report_box .type01Unit02 .txt01 {
    height: 22px;
    font-size: 13px;
    line-height: 22px;
    color: #4a4a4a; }
  .report_box .type01Unit02 .txt02 {
    height: 24px;
    font-size: 13px;
    line-height: 24px;
    color: #4a4a4a; }
    .report_box .type01Unit02 .txt02 b {
      padding: 0 2px 0 3px;
      font-size: 18px;
      font-weight: bold;
      line-height: 22px;
      color: #000000;
      letter-spacing: -0.9px;
      margin: 0 2px 0 0;
      text-decoration: underline; }

.report_box .type01Unit03 {
  min-width: 190px;
  height: 70px;
  margin: 0 0 0 8px;
  padding: 11px 0 0 75px;
  border: 1px solid #cccccc;
  border-radius: 10px;
  background: #ffffff url(/static/media/tab_report_refer_none.eab77be2.png) no-repeat top 10px left 15px;
  box-sizing: border-box;
  cursor: pointer; }
  .report_box .type01Unit03:hover {
    border: 1px solid #1c90fb; }
  .report_box .type01Unit03.on {
    border: 1px solid #1c90fb;
    background: #f5faff url(/static/media/tab_report_refer_sele.3c8b4378.png) no-repeat top 10px left 15px; }
  .report_box .type01Unit03 .txt01 {
    height: 22px;
    font-size: 13px;
    line-height: 22px;
    color: #4a4a4a; }
  .report_box .type01Unit03 .txt02 {
    height: 24px;
    font-size: 13px;
    line-height: 24px;
    color: #4a4a4a; }
    .report_box .type01Unit03 .txt02 b {
      padding: 0 2px 0 3px;
      font-size: 18px;
      font-weight: bold;
      line-height: 22px;
      color: #000000;
      letter-spacing: -0.9px;
      margin: 0 2px 0 0;
      text-decoration: underline; }

.report_box .type01Unit04 {
  min-width: 190px;
  height: 70px;
  margin: 0 0 0 8px;
  padding: 11px 0 0 75px;
  border: 1px solid #cccccc;
  border-radius: 10px;
  background: #ffffff url(/static/media/tab_report_share_none.d17a628b.png) no-repeat top 10px left 15px;
  box-sizing: border-box;
  cursor: pointer; }
  .report_box .type01Unit04:hover {
    border: 1px solid #1c90fb; }
  .report_box .type01Unit04.on {
    border: 1px solid #1c90fb;
    background: #f5faff url(/static/media/tab_report_share_sele.30c986e1.png) no-repeat top 10px left 15px; }
  .report_box .type01Unit04 .txt01 {
    height: 22px;
    font-size: 13px;
    line-height: 22px;
    color: #4a4a4a; }
  .report_box .type01Unit04 .txt02 {
    height: 24px;
    font-size: 13px;
    line-height: 24px;
    color: #4a4a4a; }
    .report_box .type01Unit04 .txt02 b {
      padding: 0 2px 0 3px;
      font-size: 18px;
      font-weight: bold;
      line-height: 22px;
      color: #000000;
      letter-spacing: -0.9px;
      margin: 0 2px 0 0;
      text-decoration: underline; }

.report_box .type01Unit05 {
  min-width: 190px;
  height: 70px;
  margin: 0 0 0 8px;
  padding: 11px 0 0 75px;
  border: 1px solid #cccccc;
  border-radius: 10px;
  background: #ffffff url(/static/media/tab_report_star_none.52aa8b0b.png) no-repeat top 10px left 15px;
  box-sizing: border-box;
  cursor: pointer; }
  .report_box .type01Unit05:hover {
    border: 1px solid #1c90fb; }
  .report_box .type01Unit05.on {
    border: 1px solid #1c90fb;
    background: #f5faff url(/static/media/tab_report_star_sele.99d7e3b9.png) no-repeat top 10px left 15px; }
  .report_box .type01Unit05 .txt01 {
    height: 22px;
    font-size: 13px;
    line-height: 22px;
    color: #4a4a4a; }
  .report_box .type01Unit05 .txt02 {
    height: 24px;
    font-size: 13px;
    line-height: 24px;
    color: #4a4a4a; }
    .report_box .type01Unit05 .txt02 b {
      padding: 0 2px 0 3px;
      font-size: 18px;
      font-weight: bold;
      line-height: 22px;
      color: #000000;
      letter-spacing: -0.9px;
      margin: 0 2px 0 0;
      text-decoration: underline; }

.wrHead {
  border-bottom: 1px solid #e6e6e6;
  box-sizing: border-box;
  padding-top: 10px; }
  .wrHead [class*="OBTTextField"] > div > div {
    border: none !important;
    padding-top: 3px !important;
    padding-bottom: 9px !important; }
    .wrHead [class*="OBTTextField"] > div > div input[type="text"] {
      font-size: 14px !important; }

.btn_pop_return {
  background: url(/static/media/ic_return_m_normal.353465d5.png) no-repeat center center !important;
  border: none !important; }
  .btn_pop_return:hover {
    background: url(/static/media/ic_return_m_over.2906834a.png) no-repeat center center !important; }

.btn_pop_export {
  background: url(/static/media/ic_export_m_normal.5246c504.png) no-repeat center center !important;
  border: none !important; }
  .btn_pop_export:hover {
    background: url(/static/media/ic_export_m_over.eeaf0ced.png) no-repeat center center !important; }

.btn_pop_more {
  background: url(/static/media/ic_more_detail_m_normal@2x.5add2597.png) no-repeat center center !important;
  border: none !important;
  background-size: 18px !important; }
  .btn_pop_more:hover {
    background: url(/static/media/ic_more_detail_m_over@2x.c6b7cf94.png) no-repeat center center !important;
    background-size: 18px !important; }

.btn_pop_star {
  background: url(/static/media/ic_favorite_m_off@2x.afc42430.png) no-repeat center center !important;
  border: none !important;
  background-size: 18px !important; }
  .btn_pop_star:hover {
    background: url(/static/media/ic_favorite_m_over@2x.f3fbab23.png) no-repeat center center !important;
    background-size: 18px !important; }
  .btn_pop_star.on {
    background: url(/static/media/ic_favorite_m_on@2x.8db84bbf.png) no-repeat center center !important;
    background-size: 18px !important; }

.noBorderText > div > div {
  border: none !important; }

.noBorderText input {
  background: none !important;
  font-size: 12px !important; }

.noBorderTextarea {
  padding: 5px 0;
  box-sizing: border-box; }
  .noBorderTextarea textarea {
    border: none !important;
    font-size: 12px !important;
    line-height: 21px !important;
    color: #1a1a1a;
    vertical-align: top;
    box-sizing: border-box;
    resize: none; }

.noBorderTextaView {
  font-size: 13px;
  line-height: 21px;
  white-space: pre-wrap;
  box-sizing: border-box; }

/*드랍다운레이어*/
.dropDownLayer {
  position: absolute;
  box-shadow: 0px 1px 1px 0 rgba(6, 6, 6, 0.1);
  border: solid 1px #a6a6a6;
  background-color: #ffffff; }
  .dropDownLayer ul li {
    line-height: 27px;
    padding-left: 7px;
    cursor: pointer; }
    .dropDownLayer ul li span {
      display: inline-block; }
    .dropDownLayer ul li:hover {
      background: #e6f5ff; }
    .dropDownLayer ul li.cmt span {
      background: url(/static/media/ic_comment_s_normal@2x.810b6563.png) no-repeat left center;
      padding-left: 17px;
      background-size: 14px; }
    .dropDownLayer ul li.edit span {
      background: url(/static/media/ic_edit_s_normal@2x.2bc6c747.png) no-repeat left center;
      padding-left: 17px;
      background-size: 14px; }
    .dropDownLayer ul li.del span {
      background: url(/static/media/ic_trashcan_s_normal.b4b20832.png) no-repeat left center;
      padding-left: 17px; }
    .dropDownLayer ul li.like span {
      background: url(/static/media/icon_dropdown_like.0c47ac91.png) no-repeat left center;
      padding-left: 17px; }
    .dropDownLayer ul li.like.on span {
      background: url(/static/media/icon_board_like_click.81f9b6e0.png) no-repeat left center;
      padding-left: 17px; }
    .dropDownLayer ul li.scrap span {
      background: url(/static/media/ic_scrap_s_normal.535c5716.png) no-repeat left center;
      padding-left: 17px; }
    .dropDownLayer ul li.print span {
      background: url(/static/media/ic_print_s_normal.da33488d.png) no-repeat left center;
      padding-left: 17px; }
    .dropDownLayer ul li.userweek span {
      background: url(/static/media/ic_user_s_normal@2x.3ae298e7.png) no-repeat left center;
      padding-left: 17px;
      background-size: 14px; }
    .dropDownLayer ul li.excel span {
      background: url(/static/media/ic_excel_save_s_normal.b70224d6.png) no-repeat left center;
      padding-left: 17px; }
    .dropDownLayer ul li.open span {
      background: url(/static/media/ic_open_s_normal.bacc5e96.png) no-repeat left center;
      padding-left: 17px; }
    .dropDownLayer ul li.private span {
      background: url(/static/media/ic_private_s_normal.0cdfc92d.png) no-repeat left center;
      padding-left: 17px; }
    .dropDownLayer ul li.shareAgain span {
      background: url(/static/media/ic_share_again_s_normal.d852ddc8.png) no-repeat left center;
      padding-left: 17px; }
    .dropDownLayer ul li.copy span {
      background: url(/static/media/ic_doc_copy_s_normal@2x.e54bde5f.png) no-repeat left center;
      padding-left: 17px;
      background-size: 14px; }
    .dropDownLayer ul li.history span {
      background: url(/static/media/ic_docu_history_s_normal@2x.a576e350.png) no-repeat left center;
      padding-left: 17px;
      background-size: 14px; }
    .dropDownLayer ul li.remind span {
      background: url(/static/media/ic_survey_reminders_s_normal@2x.2219561b.png) no-repeat left center;
      padding-left: 17px;
      background-size: 14px; }

.work_onefficeArea {
  min-height: 400px;
  border-bottom: 1px solid #e6e6e6;
  position: relative;
  padding-top: 40px; }

.btn_modify_oneffice {
  width: 78px;
  height: 30px;
  display: inline-block;
  background: url(/static/media/btn_modify_normal.46e24765.png) no-repeat left center;
  position: absolute;
  right: 0px;
  top: 6px;
  cursor: pointer; }

.btn_modify_txt {
  min-width: 44px;
  height: 30px;
  display: inline-block;
  border-radius: 15px;
  background: url(/static/media/ic_edit_m_white.5ac41d57.png) no-repeat left 12px center, linear-gradient(to bottom, #5eb5fd, #1c90fb);
  position: absolute;
  right: 0px;
  top: 6px;
  cursor: pointer;
  padding: 0 15px;
  padding-left: 32px;
  color: #fff;
  line-height: 30px;
  text-align: center; }

/*마이페이지 FIDO 이증기기 설정*/
.fido_sel_ta {
  margin: 0 auto; }

.fido_sel_ta table {
  width: 100%; }

.fido_sel_ta table th, .fido_sel_ta table td {
  border: none;
  text-align: center; }

.fido_sel_ta .textBox {
  margin: 50px 0 0 0;
  text-align: center; }

.fido_sel_ta .textBox .sertiHelpBtn {
  position: relative;
  display: inline-block;
  margin: 0 0 0 20px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.7px;
  color: #000000; }

.fido_sel_ta .textBox .sertiHelpBtn::before {
  content: '';
  position: absolute;
  top: 0;
  left: -20px;
  width: 18px;
  height: 20px;
  background: url(/static/media/ic_question_02_m_normal.799b6cdd.png) no-repeat left center; }

.fido_install {
  padding: 180px 0 0 0;
  background: url(/static/media/img_app_install.42bfb0d2.png) no-repeat top 5px center; }

.fido_install .sub {
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  color: #8c8c8c; }

.fido_box.imgBoxStyle {
  position: relative; }

.fido_box.imgBoxStyle .text {
  font-size: 15px;
  font-weight: bold;
  line-height: 21px;
  letter-spacing: -0.8px;
  text-align: center;
  color: #4a4a4a;
  margin: 4px 0; }

.fido_box.imgBoxStyle .text .icoFingerPrint {
  display: inline-block;
  vertical-align: middle;
  width: 28px;
  height: 32px;
  margin: 0;
  background: url(/static/media/ic_certify_fingerprint_l_normal.edca7405.png) no-repeat left center; }

.fido_box.imgBoxStyle .text .icoOtp {
  display: inline-block;
  vertical-align: middle;
  width: 28px;
  height: 32px;
  margin: 0;
  background: url(/static/media/ic_private_l_normal.1489fe5d.png) no-repeat left top; }

.fido_box.imgBoxStyle .text .icoDevice {
  display: inline-block;
  vertical-align: middle;
  width: 28px;
  height: 32px;
  margin: 0;
  background: url(/static/media/ic_certify_device_l_normal.dc1cce0c.png) no-repeat left center; }

.fido_box.imgBoxStyle .sub {
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  color: #8c8c8c; }
  .fido_box.imgBoxStyle .sub .menuIco {
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: bottom;
    background: url(/static/media/ic_view_list_02_s_over.7cdd247d.png) no-repeat center; }

.fido_box.imgBoxStyle.certi-notallowed {
  padding: 160px 0 0 0;
  background: url(/static/media/img_certi_notallowed.06e484db.png) no-repeat top 0px center; }

.fido_box.imgBoxStyle.user-notallowed {
  padding: 90px 0 0 0;
  background: url(/static/media/img_user_notallowed.fdad6919.png) no-repeat top 0px center; }

.fido_box.imgBoxStyle.certification {
  padding: 210px 0 0 0;
  background: url(/static/media/img_certification.80427504.png) no-repeat top 50px center; }

.fido_box.imgBoxStyle.device-notregistered {
  padding: 210px 0 0 0;
  background: url(/static/media/img_device_notregistered.e3faec49.png) no-repeat top 50px center; }

.fido_box.imgBoxStyle.app-install {
  padding: 210px 0 0 0;
  background: url(/static/media/img_app_install.42bfb0d2.png) no-repeat top 50px center; }

.fido_box.imgBoxStyle.complete {
  padding: 160px 0 0 0;
  background: url(/static/media/ic_complete.944dfb48.png) no-repeat top 35px center; }

.fido_box.pin_area {
  padding: 35px; }

.fido_box.pin_area .pin_input {
  height: 50px;
  margin: 0 4px;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  background: #ffffff;
  box-sizing: border-box; }

.fido_box.pin_area .pin_input .number {
  width: 100%;
  padding: 13px 0;
  font-size: 16px;
  line-height: 24px;
  border: none;
  text-indent: 0;
  border-radius: 4px;
  text-align: center;
  background: transparent;
  outline: none; }

.fido_box .text {
  font-size: 13px;
  line-height: 41px;
  letter-spacing: -0.65px;
  text-align: center; }

.fido_box .text span {
  font-size: 13px;
  font-weight: bold;
  line-height: 41px; }

.fido_box.pin_area .pin_input {
  padding: 0 0 10px 0;
  border-bottom: 1px solid #d9d9d9; }

.fido_box.pin_area .pin_input table {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 5px; }

.fido_box.pin_area .pin_input table td {
  border: 1px solid #d9d9d9;
  height: 50px;
  border-radius: 3px; }

.fido_box.pin_area .pin_input table td .number {
  width: 100%;
  height: 100%;
  font-size: 22px;
  outline: 0;
  border: none;
  text-indent: 0;
  border-radius: 3px; }

.fido_box.pin_area .pin_board {
  padding: 10px 0 0 0; }

.fido_box.pin_area .pin_board table {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 5px; }

.fido_box.pin_area .pin_board table td {
  border: 1px solid #d9d9d9;
  height: 50px;
  border-radius: 3px; }

.fido_box.pin_area .pin_board table td .btn {
  width: 100%;
  height: 100%;
  font-size: 15px;
  font-weight: bold;
  outline: 0;
  border: none;
  border-radius: 10px; }

.fido_box.pin_area .pin_board table td input[type='button']:active {
  background: #f4f9fe; }

.fido_box.imgDevice {
  position: relative; }

.fido_box.imgDevice.device-connected {
  padding: 110px 0 0 0;
  background: url(/static/media/img_device.97c1f342.png) no-repeat top -5px center; }

.fido_box.imgDevice.device-notconnected {
  padding: 180px 0 0 0;
  background: url(/static/media/img_device_notconnected.849cb98a.png) no-repeat top 30px center; }

.fido_box.imgDevice .text {
  font-size: 13px;
  line-height: 41px;
  letter-spacing: -0.65px;
  text-align: center; }

.fido_box.imgDevice .text span {
  font-size: 13px;
  font-weight: bold;
  line-height: 41px; }

/*home style 공통*/
.zeroWrap {
  position: relative; }
  .zeroWrap [class*="OBTDockPanel_middle"] {
    margin-top: 0 !important; }
  .zeroWrap .zeroWrap_in {
    box-sizing: border-box; }
  .zeroWrap .dash_head {
    border-bottom: 1px solid #e6e6e6;
    overflow: hidden;
    height: 50px; }
    .zeroWrap .dash_head .left_div {
      float: left;
      line-height: 51px; }
      .zeroWrap .dash_head .left_div .tit {
        float: left;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: -0.35px; }
    .zeroWrap .dash_head .right_div {
      float: right;
      overflow: hidden; }
      .zeroWrap .dash_head .right_div .arr {
        font-size: 12px;
        letter-spacing: -0.6px;
        color: #4a4a4a;
        background: url(/static/media/ic_arrow_right_01_s_disable.17cbeb2f.png) no-repeat right center;
        padding-right: 16px;
        line-height: 1;
        margin-top: 20px;
        cursor: pointer;
        display: inline-block; }
        .zeroWrap .dash_head .right_div .arr:hover {
          filter: invert(42%) sepia(83%) saturate(1989%) hue-rotate(189deg) brightness(100%) contrast(97%); }
      .zeroWrap .dash_head .right_div .so_txt {
        color: #a6a6a6;
        letter-spacing: -0.6px;
        font-size: 12px;
        margin-top: 16px;
        display: inline-block; }
    .zeroWrap .dash_head .gg_sel {
      float: left;
      margin-left: 20px; }
      .zeroWrap .dash_head .gg_sel ul li {
        float: left;
        margin-right: 4px; }
        .zeroWrap .dash_head .gg_sel ul li .btn_total {
          border: 1px solid #929fbc !important;
          border-radius: 2px;
          background: #fff !important;
          height: 27px;
          color: #929fbc; }
        .zeroWrap .dash_head .gg_sel ul li .btn_total.on {
          border: none !important;
          background: #929fbc !important;
          color: #fff;
          font-weight: bold; }
        .zeroWrap .dash_head .gg_sel ul li .btn_ing {
          border: 1px solid #46a3f0 !important;
          border-radius: 2px;
          background: #fff !important;
          height: 27px;
          color: #46a3f0; }
        .zeroWrap .dash_head .gg_sel ul li .btn_ing.on {
          border: none !important;
          background: #46a3f0 !important;
          color: #fff;
          font-weight: bold; }
        .zeroWrap .dash_head .gg_sel ul li .btn_confirm {
          border: 1px solid #20c997 !important;
          border-radius: 2px;
          background: #fff !important;
          height: 27px;
          color: #20c997; }
        .zeroWrap .dash_head .gg_sel ul li .btn_confirm.on {
          border: none !important;
          background: #20c997 !important;
          color: #fff;
          font-weight: bold; }
        .zeroWrap .dash_head .gg_sel ul li .btnType01 {
          border: 1px solid #929fbc !important;
          border-radius: 2px;
          background: #fff !important;
          height: 27px;
          color: #929fbc; }
        .zeroWrap .dash_head .gg_sel ul li .btnType01.on {
          border: none !important;
          background: #929fbc !important;
          color: #fff;
          font-weight: bold; }
        .zeroWrap .dash_head .gg_sel ul li .btnType02 {
          border: 1px solid #46a3f0 !important;
          border-radius: 2px;
          background: #fff !important;
          height: 27px;
          color: #46a3f0; }
        .zeroWrap .dash_head .gg_sel ul li .btnType02.on {
          border: none !important;
          background: #46a3f0 !important;
          color: #fff;
          font-weight: bold; }
        .zeroWrap .dash_head .gg_sel ul li .btnType03 {
          border: 1px solid #20c997 !important;
          border-radius: 2px;
          background: #fff !important;
          height: 27px;
          color: #20c997; }
        .zeroWrap .dash_head .gg_sel ul li .btnType03.on {
          border: none !important;
          background: #20c997 !important;
          color: #fff;
          font-weight: bold; }

.homeMainBg {
  height: 340px;
  box-sizing: border-box;
  background-image: linear-gradient(to bottom, #f5f8fa, #e4edf4); }

.btn_homeRegi {
  border-radius: 4px;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.16);
  background-image: linear-gradient(to left, #4d7bff, #4dcaff) !important;
  width: 169px;
  height: 48px !important;
  border: none !important;
  letter-spacing: -0.7px;
  text-align: center;
  font-size: 14px !important;
  color: #fff;
  font-weight: bold; }
  .btn_homeRegi > [class*="OBTButton_wrapper"] > [class*="OBTButton_labelText"] {
    font-size: 14px !important; }

.homeCon {
  padding: 0 30px;
  padding-bottom: 30px;
  overflow: hidden; }

/**************************************************   
   커스텀 트리 (keep에서 사용중)   
**************************************************/
.customTreeWrap {
  padding: 15px 0; }
  .customTreeWrap > ul {
    display: block !important;
    min-width: 100%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content; }
    .customTreeWrap > ul li > .itemDiv {
      padding: 0 0 0 10px; }
    .customTreeWrap > ul li.expend > ul {
      display: block !important; }
    .customTreeWrap > ul li ul {
      display: none; }
      .customTreeWrap > ul li ul li > .itemDiv {
        padding: 0 0 0 25px; }
      .customTreeWrap > ul li ul li.expend > ul {
        display: block !important; }
      .customTreeWrap > ul li ul li ul {
        display: none; }
        .customTreeWrap > ul li ul li ul li > .itemDiv {
          padding: 0 0 0 35px; }
        .customTreeWrap > ul li ul li ul li.expend > ul {
          display: block !important; }
        .customTreeWrap > ul li ul li ul li ul {
          display: none; }
          .customTreeWrap > ul li ul li ul li ul li > .itemDiv {
            padding: 0 0 0 45px; }
          .customTreeWrap > ul li ul li ul li ul li.expend > ul {
            display: block !important; }
          .customTreeWrap > ul li ul li ul li ul li ul {
            display: none; }
            .customTreeWrap > ul li ul li ul li ul li ul li > .itemDiv {
              padding: 0 0 0 55px; }
            .customTreeWrap > ul li ul li ul li ul li ul li.expend > ul {
              display: block !important; }
            .customTreeWrap > ul li ul li ul li ul li ul li ul {
              display: none; }
              .customTreeWrap > ul li ul li ul li ul li ul li ul li > .itemDiv {
                padding: 0 0 0 65px; }
              .customTreeWrap > ul li ul li ul li ul li ul li ul li.expend > ul {
                display: block !important; }
              .customTreeWrap > ul li ul li ul li ul li ul li ul li ul {
                display: none; }
                .customTreeWrap > ul li ul li ul li ul li ul li ul li ul li > .itemDiv {
                  padding: 0 0 0 75px; }
                .customTreeWrap > ul li ul li ul li ul li ul li ul li ul li.expend > ul {
                  display: block !important; }
                .customTreeWrap > ul li ul li ul li ul li ul li ul li ul li ul {
                  display: none; }
                  .customTreeWrap > ul li ul li ul li ul li ul li ul li ul li ul li > .itemDiv {
                    padding: 0 0 0 85px; }
                  .customTreeWrap > ul li ul li ul li ul li ul li ul li ul li ul li.expend > ul {
                    display: block !important; }
                  .customTreeWrap > ul li ul li ul li ul li ul li ul li ul li ul li ul {
                    display: none; }
                    .customTreeWrap > ul li ul li ul li ul li ul li ul li ul li ul li ul li > .itemDiv {
                      padding: 0 0 0 95px; }
                    .customTreeWrap > ul li ul li ul li ul li ul li ul li ul li ul li ul li.expend > ul {
                      display: block !important; }
                    .customTreeWrap > ul li ul li ul li ul li ul li ul li ul li ul li ul li ul {
                      display: none; }
                      .customTreeWrap > ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li > .itemDiv {
                        padding: 0 0 0 105px; }
                      .customTreeWrap > ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li.expend > ul {
                        display: block !important; }
  .customTreeWrap ul {
    -webkit-animation-fill-mode: none;
            animation-fill-mode: none; }
    .customTreeWrap ul li {
      position: relative; }
      .customTreeWrap ul li > .itemDiv {
        width: 100%;
        height: 26px;
        border: 1px solid transparent;
        box-sizing: border-box; }
        .customTreeWrap ul li > .itemDiv:hover {
          border: 1px solid #1c90fb;
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12); }
        .customTreeWrap ul li > .itemDiv:hover .dragHandler {
          display: block; }
        .customTreeWrap ul li > .itemDiv:hover .btnBox {
          display: flex; }
        .customTreeWrap ul li > .itemDiv .dragHandler {
          display: none;
          position: absolute;
          top: 0;
          left: 0;
          width: 16px;
          height: 26px;
          background: url(/static/media/ico_movebar.5ffb40db.png) no-repeat center;
          cursor: move;
          -webkit-animation-fill-mode: none;
                  animation-fill-mode: none; }
        .customTreeWrap ul li > .itemDiv .ico-root {
          position: relative;
          width: 18px;
          height: 26px;
          padding: 0 0 0 12px;
          background: url(/static/media/ic_comp_01.72167aaa.png) no-repeat right;
          cursor: pointer; }
        .customTreeWrap ul li > .itemDiv .ico-comp-open {
          position: relative;
          width: 18px;
          height: 26px;
          padding: 0 0 0 12px;
          background: url(/static/media/ic_comp_02.5e931683.png) no-repeat right;
          cursor: pointer; }
          .customTreeWrap ul li > .itemDiv .ico-comp-open::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 10px;
            height: 26px;
            background: url(/static/media/ic_arrow_down.6dcc68b7.png) no-repeat center; }
        .customTreeWrap ul li > .itemDiv .ico-comp-close {
          position: relative;
          width: 18px;
          height: 26px;
          padding: 0 0 0 12px;
          background: url(/static/media/ic_comp_02.5e931683.png) no-repeat right;
          cursor: pointer; }
          .customTreeWrap ul li > .itemDiv .ico-comp-close::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 10px;
            height: 26px;
            background: url(/static/media/ic_arrow_right.a3c761ff.png) no-repeat center; }
        .customTreeWrap ul li > .itemDiv .ico-open {
          position: relative;
          width: 18px;
          height: 26px;
          padding: 0 0 0 12px;
          background: url(/static/media/ic_folder_open_blue.02e9f854.png) no-repeat right;
          cursor: pointer; }
          .customTreeWrap ul li > .itemDiv .ico-open::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 10px;
            height: 26px;
            background: url(/static/media/ic_arrow_down.6dcc68b7.png) no-repeat center; }
        .customTreeWrap ul li > .itemDiv .ico-close {
          position: relative;
          width: 18px;
          height: 26px;
          padding: 0 0 0 12px;
          background: url(/static/media/ic_folder_blue.7435b0a7.png) no-repeat right;
          cursor: pointer; }
          .customTreeWrap ul li > .itemDiv .ico-close::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 10px;
            height: 26px;
            background: url(/static/media/ic_arrow_right.a3c761ff.png) no-repeat center; }
        .customTreeWrap ul li > .itemDiv .ico-user {
          position: relative;
          width: 18px;
          height: 26px;
          padding: 0 0 0 12px;
          background: url(/static/media/ic_user.c6a5f826.png) no-repeat right; }
        .customTreeWrap ul li > .itemDiv .titleBox {
          height: 27px;
          margin: 0 0 0 5px;
          white-space: nowrap; }
          .customTreeWrap ul li > .itemDiv .titleBox .txt {
            font-size: 12px;
            line-height: 27px;
            color: #000000; }
            .customTreeWrap ul li > .itemDiv .titleBox .txt.on {
              color: #1c90fb; }
          .customTreeWrap ul li > .itemDiv .titleBox .cnt {
            font-size: 12px;
            line-height: 27px;
            color: #a6a6a6;
            margin: 0 0 0 5px; }

/**************************************************   
   공통 :: 멀티 라인 텍스트박스 (KEEP링크)   
**************************************************/
.multiLineContents {
  border: 1px solid #cccccc;
  border-radius: 3px;
  background: #ffffff; }
  .multiLineContents:focus-within {
    border: 1px solid #1c90fb; }
  .multiLineContents input[type="text"].cloneHiddenText {
    position: absolute;
    left: -1000000px;
    top: -10000000px;
    visibility: hidden; }
  .multiLineContents .textBox {
    width: 100%;
    height: 100%;
    min-height: 30px;
    padding: 5px 7px;
    outline: none;
    font-size: 13px;
    line-height: 1.8;
    vertical-align: middle;
    word-break: break-all;
    background: #ffffff;
    border-radius: 3px;
    box-sizing: border-box;
    overflow-y: auto; }

/**************************************************   
   공통 :: KEEP 내보내기   
**************************************************/
.keepExport {
  flex-wrap: wrap;
  padding: 11px 14px;
  border: 1px solid #e6e6e6;
  overflow: auto; }
  .keepExport .linkCopy {
    cursor: pointer;
    padding: 10px; }
    .keepExport .linkCopy .ico {
      width: 50px;
      height: 50px;
      border-radius: 100px;
      background: #f2f5fa url(/static/media/ico_export_link.f441e7cb.png) no-repeat center; }
    .keepExport .linkCopy:hover .ico {
      background: #e0f1ff url(/static/media/ico_export_link.f441e7cb.png) no-repeat center; }
  .keepExport .keep {
    cursor: pointer;
    padding: 10px; }
    .keepExport .keep .ico {
      width: 50px;
      height: 50px;
      border-radius: 100px;
      background: #f2f5fa url(/static/media/ico_export_keep.8bcc45dd.png) no-repeat center; }
    .keepExport .keep:hover .ico {
      background: #e0f1ff url(/static/media/ico_export_keep.8bcc45dd.png) no-repeat center; }
  .keepExport .mail {
    cursor: pointer;
    padding: 10px; }
    .keepExport .mail .ico {
      width: 50px;
      height: 50px;
      border-radius: 100px;
      background: #f2f5fa url(/static/media/ico_export_mail.9485d845.png) no-repeat center; }
    .keepExport .mail:hover .ico {
      background: #e0f1ff url(/static/media/ico_export_mail.9485d845.png) no-repeat center; }
  .keepExport .board {
    cursor: pointer;
    padding: 10px; }
    .keepExport .board .ico {
      width: 50px;
      height: 50px;
      border-radius: 100px;
      background: #f2f5fa url(/static/media/ico_export_board.ed20a169.png) no-repeat center; }
    .keepExport .board:hover .ico {
      background: #e0f1ff url(/static/media/ico_export_board.ed20a169.png) no-repeat center; }
  .keepExport .kiss {
    cursor: pointer;
    padding: 10px; }
    .keepExport .kiss .ico {
      width: 50px;
      height: 50px;
      border-radius: 100px;
      background: #f2f5fa url(/static/media/ico_export_kiss.9bb1c3ea.png) no-repeat center; }
    .keepExport .kiss:hover .ico {
      background: #e0f1ff url(/static/media/ico_export_kiss.9bb1c3ea.png) no-repeat center; }
  .keepExport .law {
    cursor: pointer;
    padding: 10px; }
    .keepExport .law .ico {
      width: 50px;
      height: 50px;
      border-radius: 100px;
      background: #f2f5fa url(/static/media/ic_export_law@2x.1fa7de9a.png) no-repeat center;
      background-size: 24px; }
    .keepExport .law:hover .ico {
      background: #e0f1ff url(/static/media/ic_export_law@2x.1fa7de9a.png) no-repeat center;
      background-size: 24px; }
  .keepExport .aiBox {
    cursor: pointer;
    padding: 10px; }
    .keepExport .aiBox .ico {
      width: 50px;
      height: 50px;
      border-radius: 100px;
      background: #f2f5fa url(/static/media/ico_export_aibox@2x.573786ab.png) no-repeat center;
      background-size: 24px; }
    .keepExport .aiBox:hover .ico {
      background: #e0f1ff url(/static/media/ico_export_aibox@2x.573786ab.png) no-repeat center;
      background-size: 24px; }
  .keepExport .txt {
    margin: 6px 0 0 0;
    font-size: 12px;
    line-height: 18px;
    text-align: center; }

/**************************************************   
   KEEP :: 리뉴얼   
**************************************************/
.HPM0600 [class*="OBTTreeView_root"] {
  border-color: #e6e6e6; }

.HPM0600 .sortText {
  margin: 0 0 4px 0; }
  .HPM0600 .sortText .textBtn {
    position: relative;
    font-size: 14px;
    line-height: 27px;
    color: #4a4a4a;
    letter-spacing: -0.7px;
    padding: 0 0 0 21px;
    cursor: pointer; }
    .HPM0600 .sortText .textBtn:first-child {
      padding: 0 0 0 10px; }
    .HPM0600 .sortText .textBtn.on:first-child {
      padding: 0 0 0 10px; }
    .HPM0600 .sortText .textBtn:first-child::before {
      display: none; }
    .HPM0600 .sortText .textBtn::before {
      content: '';
      position: absolute;
      top: 8px;
      left: 11px;
      width: 1px;
      height: 11px;
      background-color: #e6e6e6; }
    .HPM0600 .sortText .textBtn.on {
      font-size: 14px;
      font-weight: bold;
      line-height: 27px;
      color: #1c90fb;
      letter-spacing: -0.7px;
      padding: 0 0 0 21px;
      cursor: pointer; }

.HPM0600 .keepGridWrap {
  width: 100%;
  height: 100%;
  border: 1px solid #e6e6e6;
  border-top: 2px solid #000000;
  box-sizing: border-box; }
  .HPM0600 .keepGridWrap .keepGridHeader {
    width: 100%;
    height: 32px;
    border-bottom: 1px solid #e6e6e6;
    background-color: #fafafa;
    box-sizing: border-box;
    table-layout: fixed; }
    .HPM0600 .keepGridWrap .keepGridHeader tr th {
      font-size: 12px;
      font-weight: bold;
      line-height: 30px;
      text-align: center;
      border-left: 1px solid #e6e6e6;
      cursor: pointer; }
      .HPM0600 .keepGridWrap .keepGridHeader tr th:first-child {
        border-left: none; }
      .HPM0600 .keepGridWrap .keepGridHeader tr th .pArrow {
        cursor: pointer;
        display: none;
        width: 12px;
        height: 18px;
        margin: 0 0 0 2px;
        vertical-align: text-bottom; }
      .HPM0600 .keepGridWrap .keepGridHeader tr th .pArrow.up {
        display: inline-block;
        background: url(/static/media/ic_arrow_up_02_m_normal.f02e497e.png) no-repeat center; }
      .HPM0600 .keepGridWrap .keepGridHeader tr th .pArrow.down {
        display: inline-block;
        background: url(/static/media/ic_arrow_down_02_m_normal.14749689.png) no-repeat center; }
  .HPM0600 .keepGridWrap .keepGridList {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    box-sizing: border-box;
    table-layout: fixed; }
    .HPM0600 .keepGridWrap .keepGridList tr {
      border-bottom: 1px solid #e6e6e6; }
      .HPM0600 .keepGridWrap .keepGridList tr:hover {
        background-color: #eff7ff; }
      .HPM0600 .keepGridWrap .keepGridList tr.on {
        background-color: #eff7ff; }
      .HPM0600 .keepGridWrap .keepGridList tr td {
        height: 32px;
        font-size: 12px;
        line-height: 20px;
        text-align: center;
        vertical-align: top;
        padding: 5px 8px;
        box-sizing: border-box; }
        .HPM0600 .keepGridWrap .keepGridList tr td.le {
          text-align: left; }
        .HPM0600 .keepGridWrap .keepGridList tr td.ri {
          text-align: right; }
        .HPM0600 .keepGridWrap .keepGridList tr td .module img {
          width: 18px;
          height: 18px;
          margin: 1px 5px 0 0;
          vertical-align: top; }
        .HPM0600 .keepGridWrap .keepGridList tr td .title {
          font-size: 12px;
          line-height: 20px;
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow: hidden;
          cursor: pointer; }
        .HPM0600 .keepGridWrap .keepGridList tr td .keyword {
          margin: 5px 0 0 0; }
          .HPM0600 .keepGridWrap .keepGridList tr td .keyword:after {
            content: "";
            display: block;
            clear: both;
            height: 0;
            visibility: hidden; }
          .HPM0600 .keepGridWrap .keepGridList tr td .keyword .inItem {
            float: left;
            height: 18px;
            line-height: 1;
            margin: 0 4px 4px 0;
            padding: 0 6px;
            border: 1px solid #e6e6e6;
            border-radius: 20px;
            box-sizing: border-box;
            background-color: #ffffff;
            cursor: pointer; }
            .HPM0600 .keepGridWrap .keepGridList tr td .keyword .inItem .txt {
              font-size: 11px;
              line-height: 18px;
              color: #8c8c8c; }
        .HPM0600 .keepGridWrap .keepGridList tr td .detailInfo {
          justify-content: center; }
          .HPM0600 .keepGridWrap .keepGridList tr td .detailInfo .detailInfoBtn {
            width: 18px;
            height: 21px;
            background: url(/static/media/ic_info_01_m_normal.2d9ab143.png) no-repeat center;
            cursor: pointer; }
            .HPM0600 .keepGridWrap .keepGridList tr td .detailInfo .detailInfoBtn:hover {
              background: url(/static/media/ic_info_01_m_over.09f367ca.png) no-repeat center; }
  .HPM0600 .keepGridWrap .no_data {
    height: 100%;
    box-sizing: border-box;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #8c8c8c;
    letter-spacing: -0.8px; }
    .HPM0600 .keepGridWrap .no_data.small {
      font-size: 12px; }
      .HPM0600 .keepGridWrap .no_data.small .text {
        padding-top: 70px;
        background: url(/static/media/img_empty_keep_s.d605ce35.png) no-repeat center center;
        background-size: 42px 42px;
        margin-top: -35px; }

/**************************************************   
   KEEP :: 싱세 레이어   
**************************************************/
.keepLayer {
  position: fixed;
  top: 0px;
  bottom: 20px;
  right: 20px;
  border: 1px solid #e1e1e1;
  box-sizing: border-box;
  background-color: #ffffff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16);
  z-index: 2;
  overflow: hidden;
  -webkit-animation-fill-mode: none;
          animation-fill-mode: none; }
  .keepLayer .layerDetailWrap {
    position: relative;
    width: 330px;
    height: 100%;
    box-sizing: border-box; }
    .keepLayer .layerDetailWrap .detailHeader {
      height: 48px;
      padding: 12px 20px;
      border-bottom: 1px solid #e6e6e6;
      box-sizing: border-box; }
      .keepLayer .layerDetailWrap .detailHeader .title {
        height: 24px;
        font-size: 16px;
        line-height: 24px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
      .keepLayer .layerDetailWrap .detailHeader .detailBtn {
        height: 24px;
        padding: 3px 0;
        overflow: hidden;
        box-sizing: border-box; }
        .keepLayer .layerDetailWrap .detailHeader .detailBtn .btnDone {
          display: block;
          width: 18px;
          height: 18px;
          margin: 0 0 0 10px;
          background: url(/static/media/ic_check_01_m_normal.f4423d0d.png) no-repeat center;
          cursor: pointer; }
          .keepLayer .layerDetailWrap .detailHeader .detailBtn .btnDone:hover {
            background: url(/static/media/ic_check_01_m_over.44ff912a.png) no-repeat center; }
        .keepLayer .layerDetailWrap .detailHeader .detailBtn .btnMore {
          display: block;
          width: 18px;
          height: 18px;
          margin: 0 0 0 10px;
          background: url(/static/media/ic_more_detail_m_normal.7101c43b.png) no-repeat center;
          cursor: pointer; }
          .keepLayer .layerDetailWrap .detailHeader .detailBtn .btnMore:hover {
            background: url(/static/media/ic_more_detail_m_over.ede4e9e8.png) no-repeat center; }
        .keepLayer .layerDetailWrap .detailHeader .detailBtn .btnClose {
          display: block;
          width: 18px;
          height: 18px;
          margin: 0 0 0 10px;
          background: url(/static/media/ic_close_01_m_normal.fce64b7a.png) no-repeat center;
          cursor: pointer; }
          .keepLayer .layerDetailWrap .detailHeader .detailBtn .btnClose:hover {
            background: url(/static/media/ic_close_01_m_over.f5ec4b52.png) no-repeat center; }
    .keepLayer .layerDetailWrap .detailContents {
      margin: 15px 20px; }
      .keepLayer .layerDetailWrap .detailContents .detailsUnit {
        padding: 1px 0;
        border-bottom: 1px solid #e7e7e7; }
        .keepLayer .layerDetailWrap .detailContents .detailsUnit.edit {
          padding: 5px 0;
          border-bottom: 1px solid #e7e7e7; }
        .keepLayer .layerDetailWrap .detailContents .detailsUnit:last-child {
          border-bottom: none; }
        .keepLayer .layerDetailWrap .detailContents .detailsUnit dt {
          min-width: 70px;
          height: 27px;
          line-height: 27px;
          padding: 5px 0 5px 22px;
          font-size: 13px;
          line-height: 27px;
          color: #666666; }
          .keepLayer .layerDetailWrap .detailContents .detailsUnit dt .btnBox {
            line-height: 1;
            padding: 3px 0; }
        .keepLayer .layerDetailWrap .detailContents .detailsUnit dt.icoModule {
          background: url(/static/media/ic_view_list_02_m_normal.05d0968d.png) no-repeat left; }
        .keepLayer .layerDetailWrap .detailContents .detailsUnit dt.icoKeep {
          background: url(/static/media/ic_keep_off_m_normal.14f529c8.png) no-repeat left; }
        .keepLayer .layerDetailWrap .detailContents .detailsUnit dt.icoUser {
          background: url(/static/media/ic_user_m_normal.0e28fe8d.png) no-repeat left; }
        .keepLayer .layerDetailWrap .detailContents .detailsUnit dt.icoCal {
          background: url(/static/media/ic_calendar_m_normal.4aa6aea0.png) no-repeat left; }
        .keepLayer .layerDetailWrap .detailContents .detailsUnit dt.icoTag {
          background: url(/static/media/ic_docu_tag_m_normal.38881f9d.png) no-repeat left; }
        .keepLayer .layerDetailWrap .detailContents .detailsUnit dt.icoContents {
          background: url(/static/media/ic_survey_m_normal.bf9aa402.png) no-repeat left; }
        .keepLayer .layerDetailWrap .detailContents .detailsUnit dd {
          padding: 5px 0; }
          .keepLayer .layerDetailWrap .detailContents .detailsUnit dd .text {
            font-size: 12px;
            line-height: 27px;
            color: #666666;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden; }
          .keepLayer .layerDetailWrap .detailContents .detailsUnit dd .textarea {
            padding: 0 0 0 22px;
            font-size: 12px;
            line-height: 18px;
            color: #666666;
            word-break: break-all;
            box-sizing: border-box; }
          .keepLayer .layerDetailWrap .detailContents .detailsUnit dd .textMultiBox {
            width: 100% !important;
            background-color: #ffffff; }
            .keepLayer .layerDetailWrap .detailContents .detailsUnit dd .textMultiBox textarea {
              padding: 6px !important;
              line-height: 1.5 !important; }
        .keepLayer .layerDetailWrap .detailContents .detailsUnit .OriginalInfoBox {
          width: 100%;
          border: 1px solid #e0e0e0;
          border-radius: 3px;
          background-color: #f5f5f5;
          margin: 12px 0;
          padding: 0 24px 0 16px;
          box-sizing: border-box; }
          .keepLayer .layerDetailWrap .detailContents .detailsUnit .OriginalInfoBox .title {
            padding: 14px 0 6px 0;
            font-size: 12px;
            line-height: 20px;
            color: #4a4a4a;
            letter-spacing: -0.6px;
            border-bottom: 1px solid #e6e6e6; }
          .keepLayer .layerDetailWrap .detailContents .detailsUnit .OriginalInfoBox .dtxt .dt {
            width: 62px;
            font-size: 12px;
            line-height: 1.5;
            color: #666666;
            letter-spacing: -0.6px; }
          .keepLayer .layerDetailWrap .detailContents .detailsUnit .OriginalInfoBox .dtxt .dd {
            min-height: 20px;
            font-size: 12px;
            line-height: 1.5;
            color: #666666;
            letter-spacing: -0.6px; }

/**************************************************   
   공통 :: 컨텍스트메뉴   
**************************************************/
.keep_contextMenu {
  position: fixed;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #a6a6a6;
  background-color: #ffffff;
  z-index: 10; }
  .keep_contextMenu .pop_con {
    padding: 5px 0; }
    .keep_contextMenu .pop_con .pop_list_div:after {
      content: "";
      display: block;
      height: 1px;
      margin: 5px 15px;
      box-sizing: border-box;
      background: #e5e5e5; }
    .keep_contextMenu .pop_con .pop_list_div:last-child:after {
      display: none; }
    .keep_contextMenu .pop_con .pop_list_div .pop_menu {
      min-width: 98px;
      height: 25px;
      cursor: pointer;
      padding: 0 15px;
      clear: both; }
    .keep_contextMenu .pop_con .pop_list_div .pop_menu:hover {
      transition: all 0.3s;
      background: #eaf6ff; }
    .keep_contextMenu .pop_con .pop_list_div .pop_menu .tit {
      float: left;
      font-size: 12px;
      color: #3f3f3f;
      letter-spacing: -0.25px;
      margin: 3px 0 0 0; }
    .keep_contextMenu .pop_con .pop_list_div .pop_menu .ico_edit {
      float: left;
      width: 18px;
      height: 18px;
      margin: 4px 10px 0 0;
      background: url(/static/media/ic_edit_m_normal.b165e865.png) no-repeat center center; }
    .keep_contextMenu .pop_con .pop_list_div .pop_menu .ico_delete {
      float: left;
      width: 18px;
      height: 18px;
      margin: 4px 10px 0 0;
      background: url(/static/media/ic_trashcan_m_normal.d7cd20e5.png) no-repeat center center; }
    .keep_contextMenu .pop_con .pop_list_div .pop_menu .ico_link {
      float: left;
      width: 18px;
      height: 18px;
      margin: 4px 10px 0 0;
      background: url(/static/media/ic_link_m_normal.30130225.png) no-repeat center center; }
  .keep_contextMenu .semo {
    position: absolute;
    width: 10px;
    height: 10px;
    border: solid 1px #a6a6a6;
    background: #ffffff;
    z-index: -1; }
    .keep_contextMenu .semo.topLeft {
      top: -6px;
      left: 21px;
      width: 10px;
      height: 10px;
      border-width: 1px 0px 0px 1px;
      transform: rotate(45deg); }
    .keep_contextMenu .semo.topRight {
      top: -6px;
      right: 21px;
      width: 10px;
      height: 10px;
      border-width: 1px 0px 0px 1px;
      transform: rotate(45deg); }
    .keep_contextMenu .semo.leftTop {
      top: 21px;
      left: -6px;
      width: 10px;
      height: 10px;
      border-width: 1px 0px 0px 1px;
      transform: rotate(-45deg); }
    .keep_contextMenu .semo.leftBottom {
      bottom: 21px;
      left: -6px;
      width: 10px;
      height: 10px;
      border-width: 1px 0px 0px 1px;
      transform: rotate(-45deg); }
    .keep_contextMenu .semo.rightTop {
      top: 21px;
      right: -6px;
      width: 10px;
      height: 10px;
      border-width: 0 1px 1px 0;
      transform: rotate(-45deg); }
    .keep_contextMenu .semo.rightBottom {
      bottom: 21px;
      right: -6px;
      width: 10px;
      height: 10px;
      border-width: 0 1px 1px 0;
      transform: rotate(-45deg); }
    .keep_contextMenu .semo.bottomLeft {
      bottom: -6px;
      left: 21px;
      width: 10px;
      height: 10px;
      border-width: 0px 1px 1px 0;
      transform: rotate(45deg); }
    .keep_contextMenu .semo.bottomRight {
      bottom: -6px;
      right: 21px;
      width: 10px;
      height: 10px;
      border-width: 0px 1px 1px 0;
      transform: rotate(45deg); }

.contextMenuPop {
  position: absolute;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #a6a6a6;
  background-color: #ffffff;
  z-index: 10; }
  .contextMenuPop .pop_con .pop_list_div .pop_menu {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-width: 80px;
    height: 25px;
    cursor: pointer;
    padding: 0 10px;
    box-sizing: border-box; }
    .contextMenuPop .pop_con .pop_list_div .pop_menu:hover {
      transition: all 0.3s;
      background: #eaf6ff; }
    .contextMenuPop .pop_con .pop_list_div .pop_menu > span:not(.tit) {
      display: inline-flex;
      width: 18px;
      height: 18px;
      margin: 1px 3px 0 0;
      background-repeat: no-repeat;
      background-position: center;
      background-size: 18px; }
    .contextMenuPop .pop_con .pop_list_div .pop_menu .tit {
      white-space: nowrap; }
    .contextMenuPop .pop_con .pop_list_div .pop_menu .ico_edit {
      background-image: url(/static/media/ic_edit_m_normal@2x.51b4b41e.png); }
    .contextMenuPop .pop_con .pop_list_div .pop_menu .ico_delete {
      background-image: url(/static/media/ic_trashcan_m_normal@2x.c689ecdd.png); }
    .contextMenuPop .pop_con .pop_list_div .pop_menu .ico_share {
      background-image: url(/static/media/ic_share_m_normal.78dda0cc.png); }
    .contextMenuPop .pop_con .pop_list_div .pop_menu .ico_company {
      background-image: url(/static/media/ic_comp_02_m_normal@2x.2fc22078.png); }
    .contextMenuPop .pop_con .pop_list_div .pop_menu .ico_businessFailure {
      background-image: url(/static/media/ic_fail_m_normal.0c77ca57.png); }
    .contextMenuPop .pop_con .pop_list_div .pop_menu .ico_info {
      background-image: url(/static/media/ic_info_01_m_normal@2x.adc25937.png); }
    .contextMenuPop .pop_con .pop_list_div .pop_menu .ico_notice {
      background-image: url(/static/media/ic_notice_m_normal.6fb5940d.png); }
    .contextMenuPop .pop_con .pop_list_div .pop_menu .ico_play {
      background-image: url(/static/media/ic_video_m_normal.36dd5544.png); }
    .contextMenuPop .pop_con .pop_list_div .pop_menu .ico_pause {
      background-image: url(/static/media/ic_possiable_m_normal.1f6f9b4e.png); }
    .contextMenuPop .pop_con .pop_list_div .pop_menu .ico_resend {
      background-image: url(/static/media/icon_resend_m_normal.52dfd5b5.png); }
    .contextMenuPop .pop_con .pop_list_div .pop_menu .ico_docuEdit {
      background-image: url(/static/media/ic_docu_edit_m_normal@2x.279c5dce.png); }
    .contextMenuPop .pop_con .pop_list_div .pop_menu .ico_docu {
      background-image: url(/static/media/ic_docu_m_normal@2x.7d16e9f0.png); }
    .contextMenuPop .pop_con .pop_list_div .pop_menu .ico_closing {
      background-image: url(/static/media/ic_closing_m_normal.44366000.png); }
    .contextMenuPop .pop_con .pop_list_div .pop_menu .ico_forecasting {
      background-image: url(/static/media/ic_forecasting_m_normal.c1878af1.png); }
    .contextMenuPop .pop_con .pop_list_div .pop_menu .ico_workChange {
      background-image: url(/static/media/ic_work_change_m_normal.a2053471.png); }
    .contextMenuPop .pop_con .pop_list_div .pop_menu .ico_scrap {
      background-image: url(/static/media/ic_scrap_m_normal@2x.2c2e44fd.png); }
    .contextMenuPop .pop_con .pop_list_div .pop_menu .ico_signCheck {
      background-image: url(/static/media/ic_sign_check_m_normal@2x.3d0d684f.png); }
    .contextMenuPop .pop_con .pop_list_div .pop_menu .ico_hold {
      background-image: url(/static/media/ic_caution_01_m_normal@2x.10318520.png); }
    .contextMenuPop .pop_con .pop_list_div .pop_menu .ico_survey {
      background-image: url(/static/media/ic_survey_m_normal@2x.afc40608.png); }
    .contextMenuPop .pop_con .pop_list_div .pop_menu .ico_update {
      background-image: url(/static/media/ic_update_list_m_normal@2x.5050e011.png); }
    .contextMenuPop .pop_con .pop_list_div .pop_menu .ico_cancel {
      background-image: url(/static/media/ic_close_02_m_normal@2x.9cc03620.png); }
    .contextMenuPop .pop_con .pop_list_div .pop_menu .ico_comment {
      background-image: url(/static/media/ic_comment_m_normal@2x.ea07cb3d.png); }
    .contextMenuPop .pop_con .pop_list_div .pop_menu .ico_docCopy {
      background-image: url(/static/media/ic_doc_copy_m_normal@2x.899cfd7c.png); }
  .contextMenuPop .semo {
    position: absolute;
    width: 10px;
    height: 10px;
    border: solid 1px #a6a6a6;
    background: #ffffff;
    z-index: -1; }
    .contextMenuPop .semo.topLeft {
      top: -6px;
      left: 21px;
      width: 10px;
      height: 10px;
      border-width: 1px 0px 0px 1px;
      transform: rotate(45deg); }
    .contextMenuPop .semo.topRight {
      top: -6px;
      right: 21px;
      width: 10px;
      height: 10px;
      border-width: 1px 0px 0px 1px;
      transform: rotate(45deg); }
    .contextMenuPop .semo.leftTop {
      top: 21px;
      left: -6px;
      width: 10px;
      height: 10px;
      border-width: 1px 0px 0px 1px;
      transform: rotate(-45deg); }
    .contextMenuPop .semo.leftBottom {
      bottom: 21px;
      left: -6px;
      width: 10px;
      height: 10px;
      border-width: 1px 0px 0px 1px;
      transform: rotate(-45deg); }
    .contextMenuPop .semo.rightTop {
      top: 21px;
      right: -6px;
      width: 10px;
      height: 10px;
      border-width: 0 1px 1px 0;
      transform: rotate(-45deg); }
    .contextMenuPop .semo.rightBottom {
      bottom: 21px;
      right: -6px;
      width: 10px;
      height: 10px;
      border-width: 0 1px 1px 0;
      transform: rotate(-45deg); }
    .contextMenuPop .semo.bottomLeft {
      bottom: -6px;
      left: 21px;
      width: 10px;
      height: 10px;
      border-width: 0px 1px 1px 0;
      transform: rotate(45deg); }
    .contextMenuPop .semo.bottomRight {
      bottom: -6px;
      right: 21px;
      width: 10px;
      height: 10px;
      border-width: 0px 1px 1px 0;
      transform: rotate(45deg); }

/**************************************************   
   GridType01 :: 기본형   
**************************************************/
.GridType01 {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  width: 100%;
  height: 100%; }
  .GridType01 table {
    width: 100%;
    box-sizing: border-box;
    table-layout: fixed; }
  .GridType01.line {
    border-width: 0 1px 0 1px;
    border-color: #e6e6e6;
    border-style: solid; }
  .GridType01.noThead {
    border-top: 2px solid #666; }
  .GridType01 .gridHeader thead {
    height: 32px;
    background-color: #fafafa;
    border-top: 2px solid #666; }
    .GridType01 .gridHeader thead th {
      font-size: 13px;
      padding: 13px 0;
      border: solid #e6e6e6;
      border-width: 0px 1px 1px 0px;
      text-align: center;
      letter-spacing: -0.6px;
      font-weight: bold; }
      .GridType01 .gridHeader thead th:last-child {
        border-right: none; }
      .GridType01 .gridHeader thead th .info {
        display: inline-flex;
        width: 14px;
        height: 14px;
        vertical-align: middle;
        margin-left: 4px;
        background: url(/static/media/ic_info_01_s_normal@2x.04a55336.png) no-repeat;
        background-size: 14px; }
  .GridType01 .gridBody tbody tr:hover td {
    background-color: #eff7ff; }
  .GridType01 .gridBody tbody tr:active td {
    background-color: #eff7ff; }
  .GridType01 .gridBody tbody tr.on td {
    background-color: #eff7ff; }
  .GridType01 .gridBody tbody tr.unread .titleCon .title {
    font-weight: bold; }
  .GridType01 .gridBody tbody td {
    font-size: 13px;
    height: 26px;
    padding: 13px 0;
    border-bottom: 1px solid #e6e6e6;
    text-align: center;
    box-sizing: border-box;
    background-color: #fff; }
    .GridType01 .gridBody tbody td.con {
      text-align: left; }
      .GridType01 .gridBody tbody td.con em {
        min-width: 25px;
        height: 18px;
        padding: 0 6px;
        margin-right: 5px;
        border-radius: 10px;
        background-color: #ff8787;
        color: #fff;
        text-align: center;
        font-size: 11px; }
      .GridType01 .gridBody tbody td.con .text {
        cursor: pointer;
        overflow: hidden;
        white-space: nowrap;
        word-break: break-all;
        text-overflow: ellipsis; }
      .GridType01 .gridBody tbody td.con .file {
        background: url(/static/media/ic_attach_s_normal@2x.d74d3560.png) no-repeat left center;
        background-size: 14px 14px;
        padding-left: 13px;
        color: #7b7b7b;
        margin-left: 5px;
        cursor: pointer; }
      .GridType01 .gridBody tbody td.con .cmt {
        background: url(/static/media/ic_comment_s_normal@2x.810b6563.png) no-repeat left center;
        background-size: 14px 14px;
        padding-left: 13px;
        color: #7b7b7b;
        margin-left: 5px; }
    .GridType01 .gridBody tbody td.readonly {
      background-color: #f5f5f5; }
    .GridType01 .gridBody tbody td.required {
      background-color: #fef3f0; }
    .GridType01 .gridBody tbody td .text {
      cursor: pointer; }
    .GridType01 .gridBody tbody td .curAuto {
      cursor: auto; }
    .GridType01 .gridBody tbody td .titleCon {
      display: flex;
      flex-direction: row;
      min-width: 0;
      padding-right: 5px; }
      .GridType01 .gridBody tbody td .titleCon .title {
        overflow: hidden;
        white-space: nowrap;
        word-break: break-all;
        text-overflow: ellipsis;
        line-height: 20px; }
  .GridType01 .gridBody tbody .ar {
    text-align: right;
    padding-right: 10px !important; }
  .GridType01 .gridBody tbody .al {
    text-align: left;
    padding-left: 10px !important; }
  .GridType01 .gridBody tbody .imgCss {
    vertical-align: middle;
    margin-right: 10px;
    width: 18px;
    height: 18px; }
  .GridType01 .gridBody tbody .disable {
    color: #a6a6a6; }
  .GridType01 .gridBody.line tr td {
    border-right: 1px solid #e6e6e6;
    box-sizing: border-box; }
    .GridType01 .gridBody.line tr td:last-child {
      border-right: none; }
  .GridType01 .no_data.small .text {
    padding-top: 85px; }
  .GridType01 .ico_cnt {
    margin: 0 0 0 6px;
    padding: 0 0 0 15px;
    font-size: 12px;
    color: #7d7d7d;
    cursor: pointer;
    line-height: 20px; }
    .GridType01 .ico_cnt:hover {
      text-decoration: underline;
      filter: invert(42%) sepia(83%) saturate(1989%) hue-rotate(189deg) brightness(100%) contrast(97%); }
    .GridType01 .ico_cnt.attach {
      background: url(/static/media/ic_attach_s_normal@2x.d74d3560.png) no-repeat left 3px center;
      background-size: 14px; }
    .GridType01 .ico_cnt.reply {
      background: url(/static/media/ic_comment_s_normal@2x.810b6563.png) no-repeat left;
      background-size: 14px; }
    .GridType01 .ico_cnt.connect {
      background: url(/static/media/ic_connect_s_normal@2x.4309eaca.png) no-repeat left;
      background-size: 14px; }
  .GridType01 .ico_new {
    width: 14px;
    height: 14px;
    margin-left: 6px;
    vertical-align: middle;
    margin-top: 3px; }
  .GridType01 .ico_newPage {
    width: 14px;
    height: 20px;
    line-height: 20px;
    margin-left: 6px;
    vertical-align: middle;
    background: url(/static/media/ic_write_newpage_s_normal@2x.8ebc58f5.png) no-repeat left;
    background-size: 14px;
    cursor: pointer; }
    .GridType01 .ico_newPage:hover {
      background: url(/static/media/ic_write_newpage_s_over@2x.a69cf562.png) no-repeat left;
      background-size: 14px; }
  .GridType01 .star {
    width: 18px;
    height: 18px;
    background: url(/static/media/ic_favorite_m_off.7883e541.png) no-repeat center;
    cursor: pointer;
    text-align: center;
    vertical-align: middle; }
    .GridType01 .star:hover {
      background: url(/static/media/ic_favorite_m_over.0b07d756.png) no-repeat center; }
    .GridType01 .star.on {
      background: url(/static/media/ic_favorite_m_on.124b5919.png) no-repeat center; }
  .GridType01 .radiusText {
    font-size: 11px;
    padding: 0 6px 1px 6px;
    border-radius: 9px;
    border: solid 1px #656565;
    text-align: center;
    color: #494949; }
  .GridType01 .state.confirm {
    color: #20c997;
    background: url(/static/media/ico_confirm_03.d0d8ee1a.png) no-repeat left;
    padding-left: 20px; }
  .GridType01 .state.save {
    color: #c8b465;
    background: url(/static/media/ico_save.6763eeb5.png) no-repeat left;
    padding-left: 20px; }
  .GridType01.inputWrap table {
    border-collapse: separate; }
  .GridType01.inputWrap .gridHeader {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    border-top: 2px solid #222; }
  .GridType01.inputWrap .gridBody {
    position: relative; }
    .GridType01.inputWrap .gridBody tr:hover td {
      background: none !important; }
      .GridType01.inputWrap .gridBody tr:hover td.readonly {
        background-color: #f5f5f5 !important; }
      .GridType01.inputWrap .gridBody tr:hover td.required {
        background-color: #fef3f0 !important; }
      .GridType01.inputWrap .gridBody tr:hover td.subtotal {
        background: #fffceb !important; }
      .GridType01.inputWrap .gridBody tr:hover td.cellOn {
        background: #d1ebff !important; }
    .GridType01.inputWrap .gridBody tr.on:hover td {
      background: #eff7ff !important; }
      .GridType01.inputWrap .gridBody tr.on:hover td.cellOn {
        background: #d1ebff !important; }
    .GridType01.inputWrap .gridBody tr.total td {
      background-color: #fff1d6;
      font-weight: bold; }
    .GridType01.inputWrap .gridBody tr.total:hover td {
      background: #fff1d6 !important; }
    .GridType01.inputWrap .gridBody tr.subtotal td {
      background-color: #fffceb;
      font-weight: bold; }
    .GridType01.inputWrap .gridBody tr.subtotal:hover td {
      background: #fffceb !important; }
      .GridType01.inputWrap .gridBody tr.subtotal:hover td.noBg {
        background: none !important; }
    .GridType01.inputWrap .gridBody tr.subtotal .noBg {
      background: none !important; }
      .GridType01.inputWrap .gridBody tr.subtotal .noBg:hover {
        background: none !important; }
    .GridType01.inputWrap .gridBody tr td {
      padding: 6px 5px;
      border-right: 1px solid #e6e6e6; }
      .GridType01.inputWrap .gridBody tr td .ar {
        padding-right: 0px !important; }
      .GridType01.inputWrap .gridBody tr td .al {
        padding-left: 0px !important; }
      .GridType01.inputWrap .gridBody tr td:last-child {
        border-right: none !important; }
      .GridType01.inputWrap .gridBody tr td span, .GridType01.inputWrap .gridBody tr td p {
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
    .GridType01.inputWrap .gridBody tr .cellOn {
      border: solid 1px #1c90fb;
      background-color: #d1ebff;
      box-sizing: border-box;
      border-top-width: 0; }
      .GridType01.inputWrap .gridBody tr .cellOn:hover {
        background: #d1ebff !important; }
      .GridType01.inputWrap .gridBody tr .cellOn.ds {
        border-top-width: 1px; }
  .GridType01.totalWrap {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    border-top: 1px solid #e6e6e6; }
    .GridType01.totalWrap .gridBody tbody .total td {
      background-color: #fff1d6;
      font-weight: bold;
      border-bottom: none; }

.GridTypeBg {
  border: solid #e6e6e6;
  border-width: 0px 1px 1px 1px;
  box-sizing: border-box; }

.GridTypeBgWhite {
  background-color: #ffffff !important; }

.pageContainerFilter {
  margin-bottom: 15px; }
  .pageContainerFilter .listFncWrap {
    margin: 0 !important; }
    .pageContainerFilter .listFncWrap .line {
      width: 1px;
      height: 15px;
      margin: 6px 9px;
      background-color: #e6e6e6; }
    .pageContainerFilter .listFncWrap .leftFnc {
      height: 27px; }
      .pageContainerFilter .listFncWrap .leftFnc .allChk {
        margin: 5px 10px 0 0;
        width: 18px;
        height: 18px;
        background: url(/static/media/ic_check_02_m_disable.f8032c97.png) no-repeat center;
        cursor: pointer; }
        .pageContainerFilter .listFncWrap .leftFnc .allChk.on {
          background: url(/static/media/ic_check_03_m_over.ce40ef9d.png) no-repeat center; }
    .pageContainerFilter .listFncWrap .rightFnc {
      justify-content: flex-end;
      align-items: center; }
      .pageContainerFilter .listFncWrap .rightFnc .alignFilterFnc {
        position: relative;
        margin: 5px 0 0 10px;
        cursor: pointer;
        padding: 0 15px 0 0;
        background: url(/static/media/ic_arrow_down_02_s_normal@2x.282d7398.png) no-repeat center right;
        background-size: 14px; }
        .pageContainerFilter .listFncWrap .rightFnc .alignFilterFnc:hover {
          color: #319df6;
          background: url(/static/media/ic_arrow_down_02_s_over@2x.19e93291.png) no-repeat center right;
          background-size: 14px; }
        .pageContainerFilter .listFncWrap .rightFnc .alignFilterFnc.on {
          background: url(/static/media/ic_arrow_up_02_s_normal@2x.b25dff92.png) no-repeat center right;
          background-size: 14px; }
        .pageContainerFilter .listFncWrap .rightFnc .alignFilterFnc.on:hover {
          color: #319df6;
          background: url(/static/media/ic_arrow_up_02_s_over@2x.824aba46.png) no-repeat center right;
          background-size: 14px; }
      .pageContainerFilter .listFncWrap .rightFnc .FilterBoxBasic {
        top: 28px;
        right: 0; }
        .pageContainerFilter .listFncWrap .rightFnc .FilterBoxBasic ul li {
          font-size: 12px;
          line-height: 27px;
          color: #000000;
          padding: 0 0 0 26px;
          box-sizing: border-box;
          cursor: pointer; }
          .pageContainerFilter .listFncWrap .rightFnc .FilterBoxBasic ul li:hover {
            background-color: #e6f5ff; }
            .pageContainerFilter .listFncWrap .rightFnc .FilterBoxBasic ul li:hover span.up {
              background: url(/static/media/ic_ascending_order_m_over@2x.66022efa.png) no-repeat right;
              background-size: 18px; }
            .pageContainerFilter .listFncWrap .rightFnc .FilterBoxBasic ul li:hover span.down {
              background: url(/static/media/ic_descending_order_m_over@2x.9888b6d2.png) no-repeat right;
              background-size: 18px; }
          .pageContainerFilter .listFncWrap .rightFnc .FilterBoxBasic ul li.chk {
            font-size: 12px;
            line-height: 27px;
            color: #1c90fb;
            background: url(/static/media/ic_check_01_m_over@2x.30ae7fc3.png) no-repeat left 6px center;
            background-size: 18px; }
          .pageContainerFilter .listFncWrap .rightFnc .FilterBoxBasic ul li.chk:hover {
            font-size: 12px;
            line-height: 27px;
            color: #1c90fb;
            background: #e6f5ff url(/static/media/ic_check_01_m_over@2x.30ae7fc3.png) no-repeat left 6px center;
            background-size: 18px; }
          .pageContainerFilter .listFncWrap .rightFnc .FilterBoxBasic ul li span {
            display: block;
            margin: 0 10px 0 0; }
            .pageContainerFilter .listFncWrap .rightFnc .FilterBoxBasic ul li span.up {
              display: block;
              background: url(/static/media/ic_ascending_order_m_normal@2x.ea88117d.png) no-repeat right;
              background-size: 18px; }
            .pageContainerFilter .listFncWrap .rightFnc .FilterBoxBasic ul li span.down {
              display: block;
              background: url(/static/media/ic_descending_order_m_normal@2x.9c219b47.png) no-repeat right;
              background-size: 18px; }

/**************************************************   
   GridType02 :: 열/행 고정 스크롤형   
**************************************************/
.GridType02 {
  position: relative;
  width: 100%;
  border-top: 2px solid #666666 !important;
  box-sizing: border-box; }
  .GridType02.line {
    border: solid #e6e6e6;
    border-width: 0 1px; }
  .GridType02 .gridWrap {
    position: relative;
    background-color: #ffffff; }
    .GridType02 .gridWrap.totalLine {
      border-top: 1px solid #e6e6e6; }
    .GridType02 .gridWrap table {
      position: relative;
      border-collapse: separate;
      width: 100%;
      overflow: visible;
      white-space: nowrap; }
      .GridType02 .gridWrap table tbody tr {
        background-color: #ffffff;
        cursor: pointer; }
        .GridType02 .gridWrap table tbody tr:last-child {
          border-right: none; }
        .GridType02 .gridWrap table tbody tr.on {
          background-color: #e6f5ff; }
        .GridType02 .gridWrap table tbody tr.total td {
          background-color: #fff1d6 !important; }
        .GridType02 .gridWrap table tbody tr.total th {
          background-color: #fff1d6 !important; }
      .GridType02 .gridWrap table th {
        height: 46px;
        border-right: 1px solid #e6e6e6;
        border-bottom: 1px solid #e6e6e6;
        background-color: #fafafa; }
        .GridType02 .gridWrap table th .info {
          display: inline-flex;
          width: 14px;
          height: 14px;
          vertical-align: middle;
          margin-left: 4px;
          background: url(/static/media/ic_info_01_s_normal@2x.04a55336.png) no-repeat;
          background-size: 14px; }
      .GridType02 .gridWrap table td {
        height: 46px;
        padding: 0 10px;
        border-right: 1px solid #e6e6e6;
        border-bottom: 1px solid #e6e6e6; }
      .GridType02 .gridWrap table .tBorder {
        border-right: 1px solid #e6e6e6; }
    .GridType02 .gridWrap .sot-top {
      position: sticky;
      top: 0; }
    .GridType02 .gridWrap .sot-left {
      position: sticky;
      left: 0;
      z-index: 10; }
    .GridType02 .gridWrap .z30 {
      z-index: 30 !important; }
    .GridType02 .gridWrap .gridLeft table {
      table-layout: auto; }
      .GridType02 .gridWrap .gridLeft table tr:last-child td {
        border-bottom: none; }
    .GridType02 .gridWrap .gridRight table {
      table-layout: fixed; }
      .GridType02 .gridWrap .gridRight table tr:last-child td {
        border-bottom: none; }
      .GridType02 .gridWrap .gridRight table th:last-child {
        border-right: none; }
      .GridType02 .gridWrap .gridRight table td:last-child {
        border-right: none; }
    .GridType02 .gridWrap .gridNoData {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
  .GridType02 .n-scroll {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important; }
  .GridType02 .n-scroll::-webkit-scrollbar {
    display: none !important; }

/**************************************************   
   GridType03 :: 필터 구분형   
**************************************************/
.GridType03 [class*="OBTDockPanel_middle"] {
  margin-top: 0 !important; }

.GridType03 .titleSearchWrap {
  box-sizing: border-box; }
  .GridType03 .titleSearchWrap .titleSearch {
    position: absolute;
    top: -50px;
    left: 0;
    right: 50px;
    height: 49px;
    padding: 0 10px 0 20px;
    box-sizing: border-box;
    background-color: #ffffff; }
    .GridType03 .titleSearchWrap .titleSearch .titleDivUnit .title {
      font-size: 18px;
      line-height: 49px;
      letter-spacing: -0.8px;
      color: #000000; }
    .GridType03 .titleSearchWrap .titleSearch .titleDivUnit .cnt {
      align-items: center;
      max-width: 420px;
      line-height: 49px;
      margin: 0 0 0 10px;
      font-size: 13px;
      font-weight: bold;
      letter-spacing: -0.8px; }
      .GridType03 .titleSearchWrap .titleSearch .titleDivUnit .cnt .searchTxt {
        max-width: 150px;
        line-height: 1;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; }
        .GridType03 .titleSearchWrap .titleSearch .titleDivUnit .cnt .searchTxt span {
          color: #1c90fb; }
    .GridType03 .titleSearchWrap .titleSearch .titleDivUnit .refreshBtn {
      margin: 18px 0 0 0;
      width: 14px;
      height: 14px;
      background: url(/static/media/ic_refresh_s_normal@2x.e086fffc.png) no-repeat center center;
      background-size: 14px;
      cursor: pointer; }
      .GridType03 .titleSearchWrap .titleSearch .titleDivUnit .refreshBtn:hover {
        background: url(/static/media/ic_refresh_s_over@2x.ae259d13.png) no-repeat center center;
        background-size: 14px; }
    .GridType03 .titleSearchWrap .titleSearch .searchDivUnit {
      margin: 11px 0;
      justify-content: flex-end; }
      .GridType03 .titleSearchWrap .titleSearch .searchDivUnit::after {
        content: "";
        display: block;
        clear: both;
        background: #e6e6e6;
        width: 1px;
        height: 16px;
        right: 0;
        top: 18px;
        position: absolute; }
      .GridType03 .titleSearchWrap .titleSearch .searchDivUnit .searchBox {
        position: relative; }
        .GridType03 .titleSearchWrap .titleSearch .searchDivUnit .searchBox .searchInput > div > div {
          padding: 3px 30px 3px 6px !important; }
        .GridType03 .titleSearchWrap .titleSearch .searchDivUnit .searchBox .searchBtn {
          position: absolute;
          top: 4px;
          right: 0;
          width: 30px;
          height: 20px;
          background: url(/static/media/ic_search_m_normal.ea91620e.png) no-repeat center;
          cursor: pointer; }
          .GridType03 .titleSearchWrap .titleSearch .searchDivUnit .searchBox .searchBtn:hover {
            background: url(/static/media/ic_search_m_over.86b64b20.png) no-repeat center; }
          .GridType03 .titleSearchWrap .titleSearch .searchDivUnit .searchBox .searchBtn.disabled {
            background: url(/static/media/ic_search_m_disable.09b5e6f9.png) no-repeat center; }
  .GridType03 .titleSearchWrap .searchDetail {
    position: relative;
    padding: 20px 70px 20px 20px;
    border-bottom: 1px solid #e6e6e6; }
    .GridType03 .titleSearchWrap .searchDetail .row {
      margin: 0 0 5px 0;
      height: 27px; }
      .GridType03 .titleSearchWrap .searchDetail .row:last-child {
        margin: 0; }
      .GridType03 .titleSearchWrap .searchDetail .row dl {
        padding: 0 20px 0 0; }
        .GridType03 .titleSearchWrap .searchDetail .row dl dt {
          min-width: 80px;
          text-align: right;
          margin: 0 10px 0 0;
          line-height: 27px; }
        .GridType03 .titleSearchWrap .searchDetail .row dl dd .fullPicker > div {
          width: 100% !important; }
    .GridType03 .titleSearchWrap .searchDetail .line {
      margin: 10px 0 15px 0;
      width: calc(100% + 50px);
      height: 1px;
      background-color: #e6e6e6; }
    .GridType03 .titleSearchWrap .searchDetail .subRowScroll {
      max-height: 315px;
      overflow-y: auto; }
    .GridType03 .titleSearchWrap .searchDetail .searchBtn {
      position: absolute;
      top: 20px;
      right: 20px; }

.GridType03 .listFncWrap {
  margin: 0 !important;
  padding: 13px 20px 12px 20px;
  border-bottom: 1px solid #e6e6e6;
  box-sizing: border-box; }
  .GridType03 .listFncWrap .leftFnc {
    height: 27px; }
    .GridType03 .listFncWrap .leftFnc .allChk {
      margin: 5px 10px 0 0;
      width: 18px;
      height: 18px;
      background: url(/static/media/ic_check_02_m_disable.f8032c97.png) no-repeat center;
      cursor: pointer; }
      .GridType03 .listFncWrap .leftFnc .allChk.on {
        background: url(/static/media/ic_check_03_m_over.ce40ef9d.png) no-repeat center; }
  .GridType03 .listFncWrap .rightFnc {
    height: 27px;
    justify-content: flex-end; }
    .GridType03 .listFncWrap .rightFnc .alignFilterFnc {
      position: relative;
      margin: 4px 0 0 10px;
      cursor: pointer;
      padding: 0;
      background: none; }
      .GridType03 .listFncWrap .rightFnc .alignFilterFnc .txt {
        font-size: 12px;
        line-height: 18px;
        color: #000000; }
      .GridType03 .listFncWrap .rightFnc .alignFilterFnc .arrow {
        width: 18px;
        height: 18px;
        background: url(/static/media/ic_arrow_down_02_s_normal@2x.282d7398.png) no-repeat center center;
        background-size: 14px; }
        .GridType03 .listFncWrap .rightFnc .alignFilterFnc .arrow.on {
          background: url(/static/media/ic_arrow_up_02_s_normal@2x.b25dff92.png) no-repeat center center;
          background-size: 14px; }
      .GridType03 .listFncWrap .rightFnc .alignFilterFnc:hover .arrow {
        color: #319df6;
        background: url(/static/media/ic_arrow_down_02_s_over@2x.19e93291.png) no-repeat center center;
        background-size: 14px; }
        .GridType03 .listFncWrap .rightFnc .alignFilterFnc:hover .arrow.on {
          color: #319df6;
          background: url(/static/media/ic_arrow_up_02_s_over@2x.824aba46.png) no-repeat center center;
          background-size: 14px; }
      .GridType03 .listFncWrap .rightFnc .alignFilterFnc .alignFilterTypeBox {
        top: 23px;
        right: 0; }
    .GridType03 .listFncWrap .rightFnc .alignFilterTypeBox {
      position: absolute;
      min-width: 170px;
      height: auto;
      border: 1px solid #a6a6a6;
      box-sizing: border-box;
      background: #ffffff;
      z-index: 1; }
      .GridType03 .listFncWrap .rightFnc .alignFilterTypeBox dt {
        font-size: 12px;
        font-weight: bold;
        line-height: 21px;
        border-bottom: 1px solid #f0f0f0;
        padding: 0 0 0 10px; }
      .GridType03 .listFncWrap .rightFnc .alignFilterTypeBox dd {
        font-size: 12px;
        line-height: 21px;
        border-bottom: 1px solid #f0f0f0; }
        .GridType03 .listFncWrap .rightFnc .alignFilterTypeBox dd ul li {
          font-size: 12px;
          line-height: 27px;
          color: #000000;
          padding: 0 0 0 26px;
          box-sizing: border-box;
          cursor: pointer; }
          .GridType03 .listFncWrap .rightFnc .alignFilterTypeBox dd ul li:hover {
            background-color: #e6f5ff; }
            .GridType03 .listFncWrap .rightFnc .alignFilterTypeBox dd ul li:hover span.up {
              background: url(/static/media/ic_ascending_order_m_over@2x.66022efa.png) no-repeat right;
              background-size: 18px; }
            .GridType03 .listFncWrap .rightFnc .alignFilterTypeBox dd ul li:hover span.down {
              background: url(/static/media/ic_descending_order_m_over@2x.9888b6d2.png) no-repeat right;
              background-size: 18px; }
          .GridType03 .listFncWrap .rightFnc .alignFilterTypeBox dd ul li.chk {
            font-size: 12px;
            line-height: 27px;
            color: #1c90fb;
            background: url(/static/media/ic_check_01_m_over@2x.30ae7fc3.png) no-repeat left 6px center;
            background-size: 18px; }
          .GridType03 .listFncWrap .rightFnc .alignFilterTypeBox dd ul li.chk:hover {
            font-size: 12px;
            line-height: 27px;
            color: #1c90fb;
            background: #e6f5ff url(/static/media/ic_check_01_m_over@2x.30ae7fc3.png) no-repeat left 6px center;
            background-size: 18px; }
          .GridType03 .listFncWrap .rightFnc .alignFilterTypeBox dd ul li span {
            display: block;
            margin: 0 10px 0 0; }
            .GridType03 .listFncWrap .rightFnc .alignFilterTypeBox dd ul li span.up {
              display: block;
              background: url(/static/media/ic_ascending_order_m_normal@2x.ea88117d.png) no-repeat right;
              background-size: 18px; }
            .GridType03 .listFncWrap .rightFnc .alignFilterTypeBox dd ul li span.down {
              display: block;
              background: url(/static/media/ic_descending_order_m_normal@2x.9c219b47.png) no-repeat right;
              background-size: 18px; }
    .GridType03 .listFncWrap .rightFnc .gridViewType {
      margin: 0 0 0 10px; }
      .GridType03 .listFncWrap .rightFnc .gridViewType ul {
        overflow: hidden; }
        .GridType03 .listFncWrap .rightFnc .gridViewType ul li {
          width: 26px;
          height: 25px;
          border: 1px solid #a6a6a6;
          transition: 0.3s;
          background-image: linear-gradient(to top, #f0f0f0, #ffffff); }
          .GridType03 .listFncWrap .rightFnc .gridViewType ul li:first-child {
            border-width: 1px;
            border-right-color: transparent;
            border-radius: 2px 0 0 2px; }
          .GridType03 .listFncWrap .rightFnc .gridViewType ul li:last-child {
            border-width: 1px;
            border-left-color: transparent;
            border-radius: 0 2px 2px 0; }
          .GridType03 .listFncWrap .rightFnc .gridViewType ul li span {
            display: block;
            width: 26px;
            height: 25px;
            cursor: pointer; }
            .GridType03 .listFncWrap .rightFnc .gridViewType ul li span.listBtn {
              background: url(/static/media/ic_view_list_02_m_normal.05d0968d.png) no-repeat center; }
            .GridType03 .listFncWrap .rightFnc .gridViewType ul li span.thumbnailBtn {
              background: url(/static/media/ic_view_thumbnail_02_m_normal.0440b65e.png) no-repeat center; }
          .GridType03 .listFncWrap .rightFnc .gridViewType ul li.on {
            border: 1px solid #1c90fb;
            background-image: linear-gradient(to top, #a0d6fe, #e6f5ff); }
            .GridType03 .listFncWrap .rightFnc .gridViewType ul li.on span.listBtn {
              background: url(/static/media/ic_view_list_02_m_over.a14c119e.png) no-repeat center; }
            .GridType03 .listFncWrap .rightFnc .gridViewType ul li.on span.thumbnailBtn {
              background: url(/static/media/ic_view_thumbnail_02_m_over.91102f1e.png) no-repeat center; }
          .GridType03 .listFncWrap .rightFnc .gridViewType ul li.disabled span.listBtn {
            background: url(/static/media/ic_view_list_02_m_disable.15d14cf4.png) no-repeat center; }
          .GridType03 .listFncWrap .rightFnc .gridViewType ul li.disabled span.thumbnailBtn {
            background: url(/static/media/ic_view_thumbnail_02_m_disable.229e3809.png) no-repeat center; }
    .GridType03 .listFncWrap .rightFnc .line {
      width: 1px;
      height: 15px;
      margin: 6px 4px;
      background-color: #e6e6e6; }

.GridType03 .GridType03ListView {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  width: 100%;
  height: 100%;
  padding: 20px;
  box-sizing: border-box; }
  .GridType03 .GridType03ListView .tableGroup {
    position: relative; }
    .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableHeader {
      border-radius: 4px;
      background-color: #f2f6f8; }
      .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableHeader .tr {
        position: relative;
        margin: 0 0 0 20px;
        height: 30px;
        line-height: 1.2;
        font-size: 12px;
        color: #8c8c8c;
        letter-spacing: -0.6px;
        text-align: center;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center; }
        .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableHeader .tr:last-child {
          margin: 0 20px; }
        .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableHeader .tr.cen {
          justify-content: center;
          align-items: center; }
        .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableHeader .tr .trLink {
          cursor: pointer;
          align-items: center; }
          .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableHeader .tr .trLink:hover {
            filter: invert(42%) sepia(83%) saturate(1989%) hue-rotate(189deg) brightness(100%) contrast(97%); }
          .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableHeader .tr .trLink .arrDown {
            width: 18px;
            height: 30px;
            background: url(/static/media/ic_arrow_down_02_m_normal@2x.880c7465.png) no-repeat center center;
            background-size: 18px; }
        .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableHeader .tr .selectBox {
          position: absolute;
          min-width: 100px;
          height: auto;
          border: 1px solid #a6a6a6;
          box-sizing: border-box;
          background: #ffffff;
          z-index: 1; }
          .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableHeader .tr .selectBox ul li {
            font-size: 12px;
            line-height: 27px;
            text-align: left;
            color: #000000;
            padding: 0 0 0 26px;
            box-sizing: border-box;
            cursor: pointer;
            white-space: nowrap; }
            .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableHeader .tr .selectBox ul li:hover {
              background-color: #e6f5ff; }
            .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableHeader .tr .selectBox ul li.chk {
              font-size: 12px;
              line-height: 27px;
              color: #1c90fb;
              background: url(/static/media/ic_check_01_m_over@2x.30ae7fc3.png) no-repeat left 6px center;
              background-size: 18px; }
            .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableHeader .tr .selectBox ul li.chk:hover {
              font-size: 12px;
              line-height: 27px;
              color: #1c90fb;
              background: #e6f5ff url(/static/media/ic_check_01_m_over@2x.30ae7fc3.png) no-repeat left 6px center;
              background-size: 18px; }
            .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableHeader .tr .selectBox ul li span {
              display: block;
              margin: 0 10px 0 0;
              padding: 0 24px 0 0; }
              .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableHeader .tr .selectBox ul li span.up {
                display: block;
                background: url(/static/media/ic_ascending_order_m_normal@2x.ea88117d.png) no-repeat right;
                background-size: 18px; }
              .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableHeader .tr .selectBox ul li span.down {
                display: block;
                background: url(/static/media/ic_descending_order_m_normal@2x.9c219b47.png) no-repeat right;
                background-size: 18px; }
        .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableHeader .tr .info {
          display: inline-flex;
          width: 14px;
          height: 14px;
          vertical-align: middle;
          margin-left: 4px;
          background: url(/static/media/ic_info_01_s_normal@2x.04a55336.png) no-repeat;
          background-size: 14px; }
    .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody {
      margin: 10px 0 0 0; }
      .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li {
        position: relative;
        margin: 6px 0 0 0;
        height: 54px;
        border: 1px solid #e6e6e6;
        border-radius: 4px;
        background-color: #ffffff;
        box-sizing: border-box;
        cursor: pointer; }
        .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li:first-child {
          margin: 0; }
        .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li.unread .td .titDiv .title {
          font-weight: bold; }
        .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li:hover {
          border: 1px solid #1c90fb;
          background-color: #ffffff;
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12); }
          .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li:hover .hoverBtn {
            display: flex;
            justify-content: center;
            align-items: center; }
        .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li:active {
          border: 1px solid #1c90fb;
          background-color: #f3f9ff; }
        .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li.on {
          border: 1px solid #1c90fb;
          background-color: #f3f9ff; }
        .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li.on:hover .hoverBtn {
          display: flex;
          justify-content: center;
          align-items: center;
          background: linear-gradient(90deg, rgba(243, 249, 255, 0.8) 0%, #f3f9ff 100%); }
        .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li.delLine {
          text-decoration: none !important;
          background-color: #f5f5f5; }
          .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li.delLine .td * {
            color: #8c8c8c !important; }
            .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li.delLine .td * [class*="OBTTooltip_contents"] {
              color: #000 !important; }
          .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li.delLine .processType07 * {
            color: #f8a457 !important; }
        .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td {
          margin: 0 0 0 20px;
          box-sizing: border-box; }
          .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td:last-child {
            margin: 0 20px; }
          .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td.cen {
            justify-content: center;
            align-items: center; }
          .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td.le {
            justify-content: center;
            align-items: flex-start; }
            .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td.le.v-box {
              justify-content: center;
              align-items: unset; }
          .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td.ri {
            justify-content: center;
            align-items: flex-end; }
            .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td.ri.v-box {
              justify-content: center;
              align-items: unset; }
          .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td .listChk {
            width: 18px;
            height: 18px;
            background: url(/static/media/ic_check_02_m_disable.f8032c97.png) no-repeat center;
            cursor: pointer; }
            .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td .listChk.on {
              background: url(/static/media/ic_check_03_m_over.ce40ef9d.png) no-repeat center; }
          .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td .ico_important {
            width: 18px;
            height: 18px;
            background: url(/static/media/ic_important_off_m_disable@2x.6cdd5aaf.png) no-repeat center center;
            background-size: 18px; }
            .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td .ico_important.on {
              background: url(/static/media/ic_important_on_m_normal@2x.6874de23.png) no-repeat center center;
              background-size: 18px; }
          .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td .dateText {
            font-size: 13px;
            line-height: 52px;
            letter-spacing: -0.33px;
            color: #000000;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden; }
          .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td .tdText {
            font-size: 13px;
            line-height: 52px;
            letter-spacing: -0.33px;
            color: #000000;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden; }
          .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td .titDiv {
            margin: 7px 0 0 0;
            max-width: 100%;
            height: 20px;
            align-items: center; }
            .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td .titDiv .ico_red {
              min-width: 34px;
              font-size: 11px;
              color: #ffffff;
              line-height: 18px;
              text-align: center;
              margin: 2px 4px 0 0;
              border-radius: 10px;
              vertical-align: top;
              background-color: #ff8787; }
            .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td .titDiv .ico_orange {
              min-width: 34px;
              font-size: 11px;
              color: #ffffff;
              line-height: 18px;
              text-align: center;
              margin: 2px 4px 0 0;
              border-radius: 10px;
              vertical-align: top;
              background-color: #FFA94D; }
            .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td .titDiv .ico_img {
              width: 16px;
              height: 16px;
              margin: 2px 4px 0 0; }
            .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td .titDiv .ico_set {
              width: 14px;
              height: 14px;
              margin-right: 4px; }
              .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td .titDiv .ico_set.security {
                background: url(/static/media/ic_security_s@2x.19b74ef9.png) no-repeat center center;
                background-size: 14px; }
              .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td .titDiv .ico_set.emergency {
                background: url(/static/media/ic_emergency_s@2x.a7da8ab8.png) no-repeat center center;
                background-size: 14px; }
              .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td .titDiv .ico_set.sign {
                background: url(/static/media/ic_sign_sub_s_normal@2x.270e005e.png) no-repeat center center;
                background-size: 14px; }
              .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td .titDiv .ico_set.inspection {
                background: url(/static/media/ic_inspection_s@2x.de271f58.png) no-repeat center center;
                background-size: 14px; }
              .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td .titDiv .ico_set.draft {
                background: url(/static/media/ic_draft_all_s_normal@2x.6ab457c8.png) no-repeat center center;
                background-size: 14px; }
              .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td .titDiv .ico_set.time {
                background: url(/static/media/ic_time_s@2x.adc6a3b2.png) no-repeat center center;
                background-size: 14px; }
              .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td .titDiv .ico_set.department {
                background: url(/static/media/ic_department_s@2x.55d78987.png) no-repeat center center;
                background-size: 14px; }
              .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td .titDiv .ico_set.docuReceive {
                background: url(/static/media/ic_docu_receive_s@2x.5d58f109.png) no-repeat center center;
                background-size: 14px; }
              .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td .titDiv .ico_set.docuSend {
                background: url(/static/media/ic_docu_send_s@2x.b1bd2a7a.png) no-repeat center center;
                background-size: 14px; }
              .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td .titDiv .ico_set.receiveSend {
                background: url(/static/media/ic_receive_send_s@2x.b8da00e5.png) no-repeat center center;
                background-size: 14px; }
              .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td .titDiv .ico_set.resend {
                background: url(/static/media/ic_resend_s@2x.94153ccd.png) no-repeat center center;
                background-size: 14px; }
              .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td .titDiv .ico_set.instead {
                background: url(/static/media/ic_approval_instead_s@2x.6c3c5fba.png) no-repeat center center;
                background-size: 14px; }
              .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td .titDiv .ico_set.lock {
                background: url(/static/media/ic_lock_s@2x.20a41e9b.png) no-repeat center center;
                background-size: 14px 14px; }
            .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td .titDiv .title {
              font-size: 13px;
              line-height: 20px;
              letter-spacing: -0.33px;
              color: #000000;
              text-overflow: ellipsis;
              white-space: nowrap;
              overflow: hidden; }
            .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td .titDiv .ico_cnt {
              margin: 0 0 0 6px;
              padding: 0 0 0 18px;
              font-size: 12px;
              color: #7d7d7d; }
              .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td .titDiv .ico_cnt:hover {
                text-decoration: underline;
                filter: invert(42%) sepia(83%) saturate(1989%) hue-rotate(189deg) brightness(100%) contrast(97%); }
              .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td .titDiv .ico_cnt.attach {
                background: url(/static/media/ic_attach_s_normal@2x.d74d3560.png) no-repeat center left 3px;
                background-size: 14px; }
              .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td .titDiv .ico_cnt.reply {
                background: url(/static/media/ic_comment_s_normal@2x.810b6563.png) no-repeat center left;
                background-size: 14px; }
              .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td .titDiv .ico_cnt.oneai {
                background: url(/static/media/ic_oneai_14@2x.aae76e9e.png) no-repeat center left;
                background-size: 14px; }
                .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td .titDiv .ico_cnt.oneai:hover {
                  filter: none; }
          .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td .infoDiv {
            margin: 2px 0 0 0;
            height: 18px; }
            .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td .infoDiv .infoLink:hover {
              text-decoration: underline;
              -webkit-text-decoration-color: #8c8c8c;
                      text-decoration-color: #8c8c8c; }
            .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td .infoDiv .txt {
              font-size: 11px;
              line-height: 18px;
              color: #8c8c8c;
              text-overflow: ellipsis;
              white-space: nowrap;
              overflow: hidden; }
            .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td .infoDiv .line {
              width: 1px;
              height: 8px;
              margin: 5px 4px;
              background-color: #e6e6e6; }
          .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td .picDiv {
            min-width: 24px;
            width: 24px;
            min-height: 24px;
            height: 24px;
            margin: 14px 6px 14px 0;
            border-radius: 24px;
            overflow: hidden; }
            .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td .picDiv img {
              width: 100%;
              min-height: 24px; }
          .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td .nameDiv {
            margin: 7px 0 0 0;
            height: 20px;
            font-size: 13px;
            line-height: 20px;
            letter-spacing: -0.33px;
            color: #000000; }
          .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td .process {
            min-height: 18px;
            align-items: center; }
            .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td .process img {
              width: 16px;
              height: 16px;
              margin: 1px 4px 0 0; }
            .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td .process span {
              font-size: 12px;
              line-height: 18px; }
            .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td .process.processType01 {
              color: #9da3aa; }
            .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td .process.processType02 {
              color: #f0c325; }
            .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td .process.processType03 {
              color: #46a3f0; }
            .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td .process.processType04 {
              color: #919191; }
            .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td .process.processType05 {
              color: #20C997; }
            .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td .process.processType06 {
              color: #FF8787; }
            .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td .process.processType07 {
              color: #f8a457; }
            .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .td .process .ellipsis2 {
              max-height: 36px;
              line-height: 18px;
              white-space: normal; }
        .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .hoverBtn {
          display: none;
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          padding: 0 20px 0 10px;
          border-radius: 4px;
          background: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0%, white 100%); }
          .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .hoverBtn .btn {
            width: 18px;
            height: 18px;
            margin: 0 0 0 10px; }
            .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .hoverBtn .btn img {
              vertical-align: unset; }
            .GridType03 .GridType03ListView .tableGroup .flexTableWrap .tableBody > li .hoverBtn .btn:hover img {
              filter: invert(42%) sepia(83%) saturate(1989%) hue-rotate(189deg) brightness(100%) contrast(97%); }
    .GridType03 .GridType03ListView .tableGroup .checkBox svg {
      left: 4px !important;
      background-color: #ffffff; }

.GridType03 .GridType03ThumbNailView {
  width: 100%;
  padding: 20px;
  box-sizing: border-box; }

/**************************************************   
   GridType04 :: 디자인 기본형 + div flex 구조   
**************************************************/
.GridType04 {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  width: 100%;
  height: 100%; }
  .GridType04.box {
    border-style: solid;
    border-width: 2px 1px 1px 1px;
    border-color: #666666 #e6e6e6 #e6e6e6 #e6e6e6;
    box-sizing: border-box; }
    .GridType04.box .tr {
      border: none !important; }
    .GridType04.box .tableHeader .th {
      border: none;
      border-bottom: 1px solid #e6e6e6; }
    .GridType04.box .tableBody .td {
      border: none;
      border-bottom: 1px solid #e6e6e6; }
    .GridType04.box .tableBody .hoverWrap {
      bottom: 1px !important; }
  .GridType04 .tableGroup {
    position: relative;
    width: 100%;
    box-sizing: border-box; }
    .GridType04 .tableGroup .flexTableWrap .tableHeader .tr {
      height: 32px;
      border-style: solid;
      border-width: 2px 1px 1px 1px;
      border-color: #666666 transparent #e6e6e6 transparent;
      background-color: #fafafa; }
      .GridType04 .tableGroup .flexTableWrap .tableHeader .tr .th {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        padding: 5px 10px;
        font-size: 13px;
        font-weight: bold;
        text-align: center;
        letter-spacing: -0.6px;
        border-left: 1px solid #e6e6e6;
        box-sizing: border-box; }
        .GridType04 .tableGroup .flexTableWrap .tableHeader .tr .th:first-child {
          border-left: none; }
        .GridType04 .tableGroup .flexTableWrap .tableHeader .tr .th .info {
          display: inline-flex;
          width: 14px;
          height: 14px;
          vertical-align: middle;
          margin-left: 4px;
          background: url(/static/media/ic_info_01_s_normal@2x.04a55336.png) no-repeat top 1px center;
          background-size: 14px; }
        .GridType04 .tableGroup .flexTableWrap .tableHeader .tr .th .trLink {
          cursor: pointer;
          align-items: center; }
          .GridType04 .tableGroup .flexTableWrap .tableHeader .tr .th .trLink:hover {
            filter: invert(42%) sepia(83%) saturate(1989%) hue-rotate(189deg) brightness(100%) contrast(97%); }
          .GridType04 .tableGroup .flexTableWrap .tableHeader .tr .th .trLink .arrDown {
            width: 18px;
            height: 30px;
            background: url(/static/media/ic_arrow_down_02_m_normal@2x.880c7465.png) no-repeat center center;
            background-size: 18px; }
          .GridType04 .tableGroup .flexTableWrap .tableHeader .tr .th .trLink .arrUp {
            width: 18px;
            height: 30px;
            background: url(/static/media/ic_arrow_up_02_m_normal@2x.de4837e0.png) no-repeat center center;
            background-size: 18px; }
    .GridType04 .tableGroup .flexTableWrap .tableBody .tr {
      position: relative;
      border: 1px solid;
      border-color: transparent transparent #e6e6e6 transparent;
      background-color: #ffffff; }
      .GridType04 .tableGroup .flexTableWrap .tableBody .tr:hover {
        border: 1px solid #1c90fb;
        background-color: #eff7ff; }
        .GridType04 .tableGroup .flexTableWrap .tableBody .tr:hover .hoverWrap {
          display: flex;
          justify-content: flex-end; }
      .GridType04 .tableGroup .flexTableWrap .tableBody .tr.on {
        background-color: #eff7ff; }
      .GridType04 .tableGroup .flexTableWrap .tableBody .tr.on:hover {
        border: 1px solid #1c90fb;
        background-color: #eff7ff; }
        .GridType04 .tableGroup .flexTableWrap .tableBody .tr.on:hover .hoverWrap {
          display: flex;
          justify-content: flex-end; }
      .GridType04 .tableGroup .flexTableWrap .tableBody .tr .td {
        position: relative;
        min-height: 42px;
        padding: 2px 10px;
        font-size: 12px;
        letter-spacing: -0.6px;
        border-left: 1px solid #e6e6e6;
        box-sizing: border-box; }
        .GridType04 .tableGroup .flexTableWrap .tableBody .tr .td:first-child {
          border-left: none; }
        .GridType04 .tableGroup .flexTableWrap .tableBody .tr .td.cen {
          justify-content: center;
          align-items: center; }
        .GridType04 .tableGroup .flexTableWrap .tableBody .tr .td.le {
          justify-content: center;
          align-items: flex-start; }
        .GridType04 .tableGroup .flexTableWrap .tableBody .tr .td.ri {
          justify-content: center;
          align-items: flex-end; }
        .GridType04 .tableGroup .flexTableWrap .tableBody .tr .td .dragItem {
          width: 100%; }
          .GridType04 .tableGroup .flexTableWrap .tableBody .tr .td .dragItem:hover .dragHandler {
            display: block; }
          .GridType04 .tableGroup .flexTableWrap .tableBody .tr .td .dragItem .dragHandler {
            display: none;
            position: absolute;
            top: 8px;
            left: 0;
            width: 16px;
            height: 27px;
            background: url(/static/media/ico_movebar.5ffb40db.png) no-repeat center;
            cursor: ns-resize;
            -webkit-animation-fill-mode: none;
                    animation-fill-mode: none; }
        .GridType04 .tableGroup .flexTableWrap .tableBody .tr .td .toggleSwitch {
          margin: 0;
          padding: 0; }
      .GridType04 .tableGroup .flexTableWrap .tableBody .tr .hoverWrap {
        display: none;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0; }
        .GridType04 .tableGroup .flexTableWrap .tableBody .tr .hoverWrap .hoverBtn {
          height: 100%;
          padding: 0 20px 0 10px;
          align-items: center;
          background: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0%, white 100%); }
          .GridType04 .tableGroup .flexTableWrap .tableBody .tr .hoverWrap .hoverBtn .btn {
            width: 18px;
            height: 18px;
            margin: 0 0 0 10px;
            cursor: pointer; }
            .GridType04 .tableGroup .flexTableWrap .tableBody .tr .hoverWrap .hoverBtn .btn img {
              vertical-align: unset; }
            .GridType04 .tableGroup .flexTableWrap .tableBody .tr .hoverWrap .hoverBtn .btn:hover img {
              filter: invert(42%) sepia(83%) saturate(1989%) hue-rotate(189deg) brightness(100%) contrast(97%); }

/**************************************************   
   GridType05 :: 리뉴얼(기본형)   
**************************************************/
.GridType05 {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  width: 100%;
  height: 100%;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  overflow: hidden;
  box-sizing: border-box;
  background-color: #fafafa; }
  .GridType05 table {
    width: 100%;
    box-sizing: border-box;
    table-layout: fixed; }
  .GridType05.line {
    border: 1px solid #e6e6e6; }
  .GridType05.noThead {
    border-top: 1px solid #e6e6e6; }
  .GridType05 .gridHeader thead {
    height: 32px;
    background-color: #fafafa; }
    .GridType05 .gridHeader thead th {
      height: 40px;
      font-size: 13px;
      border: solid #e6e6e6;
      border-width: 0px 0px 1px 1px;
      text-align: center;
      letter-spacing: -0.6px;
      font-weight: normal; }
      .GridType05 .gridHeader thead th:first-child {
        border-left: none; }
      .GridType05 .gridHeader thead th .info {
        display: inline-flex;
        width: 14px;
        height: 14px;
        vertical-align: middle;
        margin-left: 4px;
        background: url(/static/media/ic_info_01_s_normal@2x.04a55336.png) no-repeat;
        background-size: 14px; }
  .GridType05 .gridBody tbody tr:hover td {
    background-color: #eff7ff; }
  .GridType05 .gridBody tbody tr:active td {
    background-color: #eff7ff; }
  .GridType05 .gridBody tbody tr.on td {
    background-color: #eff7ff; }
  .GridType05 .gridBody tbody tr.unread .titleCon .title {
    font-weight: bold; }
  .GridType05 .gridBody tbody td {
    font-size: 13px;
    height: 40px;
    padding: 0 10px;
    border: solid #e6e6e6;
    border-width: 0px 0px 1px 1px;
    text-align: center;
    box-sizing: border-box;
    background-color: #fff; }
    .GridType05 .gridBody tbody td:first-child {
      border-left: none; }
    .GridType05 .gridBody tbody td.con {
      text-align: left; }
      .GridType05 .gridBody tbody td.con em {
        min-width: 25px;
        height: 18px;
        padding: 0 6px;
        margin-right: 5px;
        border-radius: 10px;
        background-color: #ff8787;
        color: #fff;
        text-align: center;
        font-size: 11px; }
      .GridType05 .gridBody tbody td.con .text {
        cursor: pointer;
        overflow: hidden;
        white-space: nowrap;
        word-break: break-all;
        text-overflow: ellipsis; }
      .GridType05 .gridBody tbody td.con .file {
        background: url(/static/media/ic_attach_s_normal@2x.d74d3560.png) no-repeat left center;
        background-size: 14px 14px;
        padding-left: 13px;
        color: #7b7b7b;
        margin-left: 5px;
        cursor: pointer; }
      .GridType05 .gridBody tbody td.con .cmt {
        background: url(/static/media/ic_comment_s_normal@2x.810b6563.png) no-repeat left center;
        background-size: 14px 14px;
        padding-left: 13px;
        color: #7b7b7b;
        margin-left: 5px; }
    .GridType05 .gridBody tbody td.readonly {
      background-color: #f5f5f5; }
    .GridType05 .gridBody tbody td.required {
      background-color: #fef3f0; }
    .GridType05 .gridBody tbody td .text {
      cursor: pointer; }
    .GridType05 .gridBody tbody td .curAuto {
      cursor: auto; }
    .GridType05 .gridBody tbody td .titleCon {
      display: flex;
      flex-direction: row;
      min-width: 0;
      padding-right: 5px; }
      .GridType05 .gridBody tbody td .titleCon .title {
        overflow: hidden;
        white-space: nowrap;
        word-break: break-all;
        text-overflow: ellipsis;
        line-height: 20px; }
  .GridType05 .gridBody tbody .ar {
    text-align: right;
    padding-right: 10px !important; }
  .GridType05 .gridBody tbody .al {
    text-align: left;
    padding-left: 10px !important; }
  .GridType05 .gridBody tbody .imgCss {
    vertical-align: middle;
    margin-right: 10px;
    width: 18px;
    height: 18px; }
  .GridType05 .gridBody tbody .disable {
    color: #a6a6a6; }
  .GridType05 .gridBody.line tr td {
    border-right: 1px solid #e6e6e6;
    box-sizing: border-box; }
    .GridType05 .gridBody.line tr td:last-child {
      border-right: none; }
  .GridType05 .no_data.small .text {
    padding-top: 85px; }
  .GridType05 .ico_cnt {
    margin: 0 0 0 6px;
    padding: 0 0 0 15px;
    font-size: 12px;
    color: #7d7d7d;
    cursor: pointer;
    line-height: 20px; }
    .GridType05 .ico_cnt:hover {
      text-decoration: underline;
      filter: invert(42%) sepia(83%) saturate(1989%) hue-rotate(189deg) brightness(100%) contrast(97%); }
    .GridType05 .ico_cnt.attach {
      background: url(/static/media/ic_attach_s_normal@2x.d74d3560.png) no-repeat left 3px center;
      background-size: 14px; }
    .GridType05 .ico_cnt.reply {
      background: url(/static/media/ic_comment_s_normal@2x.810b6563.png) no-repeat left;
      background-size: 14px; }
    .GridType05 .ico_cnt.connect {
      background: url(/static/media/ic_connect_s_normal@2x.4309eaca.png) no-repeat left;
      background-size: 14px; }
  .GridType05 .ico_new {
    width: 14px;
    height: 14px;
    margin-left: 6px;
    vertical-align: middle;
    margin-top: 3px; }
  .GridType05 .ico_newPage {
    width: 14px;
    height: 20px;
    line-height: 20px;
    margin-left: 6px;
    vertical-align: middle;
    background: url(/static/media/ic_write_newpage_s_normal@2x.8ebc58f5.png) no-repeat left;
    background-size: 14px;
    cursor: pointer; }
    .GridType05 .ico_newPage:hover {
      background: url(/static/media/ic_write_newpage_s_over@2x.a69cf562.png) no-repeat left;
      background-size: 14px; }
  .GridType05 .star {
    width: 18px;
    height: 18px;
    background: url(/static/media/ic_favorite_m_off.7883e541.png) no-repeat center;
    cursor: pointer;
    text-align: center;
    vertical-align: middle; }
    .GridType05 .star:hover {
      background: url(/static/media/ic_favorite_m_over.0b07d756.png) no-repeat center; }
    .GridType05 .star.on {
      background: url(/static/media/ic_favorite_m_on.124b5919.png) no-repeat center; }
  .GridType05 .radiusText {
    font-size: 11px;
    padding: 0 6px 1px 6px;
    border-radius: 9px;
    border: solid 1px #656565;
    text-align: center;
    color: #494949; }
  .GridType05 .state.confirm {
    color: #20c997;
    background: url(/static/media/ico_confirm_03.d0d8ee1a.png) no-repeat left;
    padding-left: 20px; }
  .GridType05 .state.save {
    color: #c8b465;
    background: url(/static/media/ico_save.6763eeb5.png) no-repeat left;
    padding-left: 20px; }
  .GridType05.inputWrap table {
    border-collapse: separate; }
  .GridType05.inputWrap .gridHeader {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    border-top: 2px solid #222; }
  .GridType05.inputWrap .gridBody {
    position: relative; }
    .GridType05.inputWrap .gridBody tr:hover td {
      background: none !important; }
      .GridType05.inputWrap .gridBody tr:hover td.readonly {
        background-color: #f5f5f5 !important; }
      .GridType05.inputWrap .gridBody tr:hover td.required {
        background-color: #fef3f0 !important; }
      .GridType05.inputWrap .gridBody tr:hover td.subtotal {
        background: #fffceb !important; }
      .GridType05.inputWrap .gridBody tr:hover td.cellOn {
        background: #d1ebff !important; }
    .GridType05.inputWrap .gridBody tr.on:hover td {
      background: #eff7ff !important; }
      .GridType05.inputWrap .gridBody tr.on:hover td.cellOn {
        background: #d1ebff !important; }
    .GridType05.inputWrap .gridBody tr.total td {
      background-color: #fff1d6;
      font-weight: bold; }
    .GridType05.inputWrap .gridBody tr.total:hover td {
      background: #fff1d6 !important; }
    .GridType05.inputWrap .gridBody tr.subtotal td {
      background-color: #fffceb;
      font-weight: bold; }
    .GridType05.inputWrap .gridBody tr.subtotal:hover td {
      background: #fffceb !important; }
      .GridType05.inputWrap .gridBody tr.subtotal:hover td.noBg {
        background: none !important; }
    .GridType05.inputWrap .gridBody tr.subtotal .noBg {
      background: none !important; }
      .GridType05.inputWrap .gridBody tr.subtotal .noBg:hover {
        background: none !important; }
    .GridType05.inputWrap .gridBody tr td {
      padding: 6px 5px;
      border-right: 1px solid #e6e6e6; }
      .GridType05.inputWrap .gridBody tr td .ar {
        padding-right: 0px !important; }
      .GridType05.inputWrap .gridBody tr td .al {
        padding-left: 0px !important; }
      .GridType05.inputWrap .gridBody tr td:last-child {
        border-right: none !important; }
      .GridType05.inputWrap .gridBody tr td span, .GridType05.inputWrap .gridBody tr td p {
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
    .GridType05.inputWrap .gridBody tr .cellOn {
      border: solid 1px #1c90fb;
      background-color: #d1ebff;
      box-sizing: border-box;
      border-top-width: 0; }
      .GridType05.inputWrap .gridBody tr .cellOn:hover {
        background: #d1ebff !important; }
      .GridType05.inputWrap .gridBody tr .cellOn.ds {
        border-top-width: 1px; }
  .GridType05.totalWrap {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    border-top: 1px solid #e6e6e6; }
    .GridType05.totalWrap .gridBody tbody .total td {
      background-color: #fff1d6;
      font-weight: bold;
      border-bottom: none; }

/**************************************************   
   pubGrid    
**************************************************/
.gridTableBasic table {
  width: 100%;
  box-sizing: border-box;
  table-layout: fixed; }

.gridTableBasic .gridTableBasicH thead {
  height: 32px;
  background-color: #fafafa;
  border-top: 2px solid #666; }
  .gridTableBasic .gridTableBasicH thead th {
    border: solid #e6e6e6;
    border-width: 0px 1px 1px 0px;
    text-align: center;
    letter-spacing: -0.6px;
    font-weight: bold; }
    .gridTableBasic .gridTableBasicH thead th:last-child {
      border-right: none; }

.gridTableBasic .gridTableBasicB tbody td {
  height: 32px;
  border-bottom: 1px solid #e6e6e6;
  text-align: center; }
  .gridTableBasic .gridTableBasicB tbody td.con {
    text-align: left; }
    .gridTableBasic .gridTableBasicB tbody td.con em {
      min-width: 25px;
      height: 18px;
      padding: 0 6px;
      margin-right: 5px;
      border-radius: 10px;
      background-color: #ff8787;
      color: #fff;
      text-align: center;
      font-size: 11px; }
    .gridTableBasic .gridTableBasicB tbody td.con .text {
      cursor: pointer;
      overflow: hidden;
      white-space: nowrap;
      word-break: break-all;
      text-overflow: ellipsis; }
    .gridTableBasic .gridTableBasicB tbody td.con .file {
      background: url(/static/media/ic_attach_s_normal.b72ee0ae.png) no-repeat left center;
      background-size: 14px 14px;
      padding-left: 13px;
      color: #7b7b7b;
      margin-left: 5px;
      cursor: pointer; }

.gridTableBorder {
  border: solid #e6e6e6;
  border-width: 0px 1px 1px 1px; }

/**************************************************   
   pubGridPaging :: 페이징   
**************************************************/
.PubGridPaging {
  padding-top: 20px;
  position: relative; }
  .PubGridPaging .paging {
    line-height: 0;
    justify-content: center; }
    .PubGridPaging .paging button {
      position: relative;
      width: 21px;
      height: 21px;
      background-color: transparent;
      border-width: medium;
      border-width: initial;
      border-style: none;
      border-color: currentColor;
      border-color: initial;
      -o-border-image: none;
         border-image: none;
      -o-border-image: initial;
         border-image: initial;
      outline: none; }
      .PubGridPaging .paging button.first {
        margin-right: 3px; }
      .PubGridPaging .paging button.prev {
        margin-right: 3px; }
      .PubGridPaging .paging button.next {
        margin-left: 3px; }
      .PubGridPaging .paging button.last {
        margin-left: 3px; }
      .PubGridPaging .paging button.num {
        width: 21px;
        height: 21px;
        padding: 0px 3px;
        font-size: 12px;
        font-family: 돋움, Dotum, Helvetica, "Apple SD Gothic Neo", sans-serif;
        letter-spacing: 0px;
        text-align: center;
        text-decoration: none;
        line-height: normal;
        line-height: initial;
        vertical-align: top;
        color: #4a4a4a;
        border-radius: 0px;
        border: none;
        outline: none;
        background: transparent;
        box-sizing: border-box;
        cursor: pointer; }
        .PubGridPaging .paging button.num.on {
          color: #1c90fb; }
        .PubGridPaging .paging button.num.on01 {
          color: #1c90fb;
          border: 1px solid #1c90fb;
          background: #e9f5ff; }
        .PubGridPaging .paging button.num:hover {
          color: #1c90fb;
          border: 1px solid #1c90fb;
          background: #e9f5ff; }
    .PubGridPaging .paging [class*="OBTDropDownList_default"] {
      margin: 0 0 0 5px; }
    .PubGridPaging .paging [class*="OBTDropDownList_default"] div div > span:first-child {
      display: block;
      overflow: hidden;
      height: 19px !important;
      padding: 0 24px 0 7px !important;
      border: 1px solid #dbdbdb;
      background: white;
      line-height: 19px !important; }
    .PubGridPaging .paging [class*="OBTDropDownList_default"] div div > button {
      margin-top: -12px !important;
      height: 21px !important; }
  .PubGridPaging .pagingBox {
    position: absolute;
    right: 0px;
    line-height: 18px;
    color: #8c8c8c;
    max-width: 150px;
    text-align: right; }
    .PubGridPaging .pagingBox .page_info > span {
      display: inline-block; }
      .PubGridPaging .pagingBox .page_info > span.fwb {
        font-weight: 700;
        color: #000; }
  .PubGridPaging .totalCount {
    color: #8c8c8c; }
    .PubGridPaging .totalCount em {
      color: #000; }

/**************************************************   
   AmaLink 쪽지 아마링크 팝업   
**************************************************/
.AmaLink {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 20px;
  box-sizing: border-box; }
  .AmaLink .title {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -0.8px; }
  .AmaLink .profile {
    width: 24px;
    height: 24px;
    margin-right: 6px;
    border-radius: 50px;
    cursor: pointer; }
  .AmaLink .userBox {
    align-items: center;
    margin-top: 10px;
    font-size: 13px; }
    .AmaLink .userBox .people {
      min-width: 50px;
      margin-right: 20px;
      color: #000000; }
    .AmaLink .userBox .user {
      margin-right: 5px;
      line-height: 24px;
      overflow: hidden;
      white-space: nowrap;
      word-break: break-all;
      text-overflow: ellipsis;
      color: #8c8c8c;
      cursor: pointer; }
    .AmaLink .userBox .time {
      color: #8c8c8c; }
    .AmaLink .userBox .btn {
      margin-left: 15px; }
  .AmaLink .amaConBox {
    height: 100%;
    margin-top: 15px;
    padding: 20px 0;
    border-top: 1px solid #e6e6e6;
    box-sizing: border-box;
    word-break: break-all; }
    .AmaLink .amaConBox .con {
      height: 100%;
      font-size: 13px;
      color: #000000; }
      .AmaLink .amaConBox .con .msg {
        align-items: center;
        cursor: pointer; }
        .AmaLink .amaConBox .con .msg img {
          width: 14px;
          height: 14px;
          margin-right: 4px; }
        .AmaLink .amaConBox .con .msg em {
          color: #1c90fb;
          background-color: #eff7ff;
          text-decoration: underline; }
  .AmaLink .userlist {
    position: absolute;
    top: 109px;
    right: 23px;
    width: 180px;
    padding: 7px 0;
    border: 1px solid #a6a6a6;
    background-color: #ffffff;
    box-shadow: 0px 1px 1px 0 rgba(6, 6, 6, 0.1);
    box-sizing: border-box; }
    .AmaLink .userlist .userInfo {
      align-items: center;
      padding: 6px 11px; }
      .AmaLink .userlist .userInfo .name {
        max-width: 110px;
        font-size: 13px;
        line-height: 1.42;
        letter-spacing: -0.33px;
        overflow: hidden;
        white-space: nowrap;
        word-break: break-all;
        text-overflow: ellipsis;
        cursor: pointer; }
      .AmaLink .userlist .userInfo .time {
        font-size: 11px;
        color: #8c8c8c; }
  .AmaLink.secuMess {
    text-align: center;
    align-items: center; }
    .AmaLink.secuMess .securityBg {
      width: 142px;
      height: 142px;
      margin-top: 90px;
      background: url(/static/media/img_security_message@2x.3fd1ce9d.png) no-repeat center center;
      background-size: 142px; }
    .AmaLink.secuMess strong {
      margin-top: 22px;
      font-size: 20px;
      font-weight: bold;
      letter-spacing: -0.5px; }
    .AmaLink.secuMess p {
      margin-top: 10px;
      font-size: 15px; }
    .AmaLink.secuMess .pwBox {
      align-items: center;
      justify-content: center;
      width: 396px;
      height: 55px;
      margin-top: 20px;
      border: 1px solid #e6e6e6; }

/**************************************************   
   wehagoLogin 위하고 로그인   
**************************************************/
.wehagoLoginWrap {
  word-break: break-all; }
  .wehagoLoginWrap [class*="banner-wehago"] {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 15px 33px;
    border: 1px solid #e2eaf8;
    border-radius: 4px;
    background-image: linear-gradient(to right, #f2f6ff 2%, #e5eeff 97%);
    box-sizing: border-box; }
    .wehagoLoginWrap [class*="banner-wehago"] > div {
      align-self: center; }
      .wehagoLoginWrap [class*="banner-wehago"] > div:first-child {
        display: inline-flex;
        align-items: center;
        flex: 1 1;
        padding-right: 30px;
        font-size: 13px;
        color: #5c7198;
        letter-spacing: -0.65px; }
      .wehagoLoginWrap [class*="banner-wehago"] > div:last-child button {
        height: 30px;
        padding: 0 17px;
        border: none;
        border-radius: 15px;
        background: rgba(255, 255, 255, 0.8) !important;
        box-shadow: 0 3px 6px 0 rgba(48, 103, 193, 0.2); }
        .wehagoLoginWrap [class*="banner-wehago"] > div:last-child button:hover {
          border: none !important; }
        .wehagoLoginWrap [class*="banner-wehago"] > div:last-child button span {
          font-size: 11px !important;
          font-weight: bold; }
          .wehagoLoginWrap [class*="banner-wehago"] > div:last-child button span:after {
            content: '';
            display: inline-block;
            margin-left: 11px;
            border: 4px solid transparent;
            border-right: none;
            border-left-color: #62666c; }
  .wehagoLoginWrap .banner-wehago {
    height: 50px;
    padding-left: 249px;
    padding-right: 32px;
    background-image: url(/static/media/img_wehago_login_left.dfe10742.png), url(/static/media/img_wehago_login_right.850b3e95.png), linear-gradient(to right, #e4f4ff, #e6f6ff 64%, #ebf9ff);
    background-position: left top, right top;
    background-repeat: no-repeat; }
    .wehagoLoginWrap .banner-wehago > div:first-child {
      padding-right: 0;
      width: calc(100% - 249px); }
      .wehagoLoginWrap .banner-wehago > div:first-child > div {
        font-size: 13px;
        color: #0c2b65;
        font-weight: bold;
        letter-spacing: -0.65px; }
        .wehagoLoginWrap .banner-wehago > div:first-child > div.cont {
          width: calc(100% - 102px);
          text-align: right; }
          .wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div {
            display: inline-block;
            margin: 0 20px;
            max-width: calc(100% / 3 - 41px);
            vertical-align: top; }
            .wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div > div {
              vertical-align: top; }
            .wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div:nth-child(1), .wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div:nth-child(2), .wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div:nth-child(3), .wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div[class*="ico"] {
              /* 아이콘별 클래스명 추가 */ }
              .wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div:nth-child(1):only-child, .wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div:nth-child(2):only-child, .wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div:nth-child(3):only-child, .wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div[class*="ico"]:only-child {
                max-width: calc(100% - 41px); }
              .wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div:nth-child(1):before, .wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div:nth-child(2):before, .wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div:nth-child(3):before, .wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div[class*="ico"]:before {
                content: '';
                margin-right: 8px;
                display: inline-block;
                width: 26px;
                height: 26px;
                border-radius: 50%;
                background-color: rgba(163, 211, 255, 0.9);
                background-repeat: no-repeat;
                background-position: 50% 50%;
                vertical-align: middle; }
              .wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div:nth-child(1) [data-orbit-component="OBTTooltip"], .wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div:nth-child(2) [data-orbit-component="OBTTooltip"], .wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div:nth-child(3) [data-orbit-component="OBTTooltip"], .wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div[class*="ico"] [data-orbit-component="OBTTooltip"] {
                overflow: hidden;
                width: auto;
                max-width: calc(100% - 34px);
                white-space: nowrap;
                text-overflow: ellipsis;
                line-height: 25px;
                text-align: left; }
              .wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div:nth-child(1) em, .wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div:nth-child(2) em, .wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div:nth-child(3) em, .wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div[class*="ico"] em {
                margin-left: 2px;
                font-size: 12px;
                color: #5c7198;
                letter-spacing: -0.6px;
                font-weight: normal; }
            .wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div.ico-comp:before {
              background-image: url(/static/media/ic_comp02_white_m_normal.15ebd754.png); }
            .wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div.ico-comp [data-orbit-component="OBTTooltip"] {
              max-width: calc(100% - 59px); }
            .wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div.ico-point:before {
              background-image: url(/static/media/ic_point_white_m_normal.bb1812d9.png); }
            .wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div.ico-point [data-orbit-component="OBTTooltip"] {
              max-width: calc(100% - 91px); }
              .wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div.ico-point [data-orbit-component="OBTTooltip"] > strong {
                padding-right: 2px; }
            .wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div.ico-point > em {
              display: inline-block;
              width: 32px;
              margin-left: 0; }
            .wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div.ico-user:before {
              background-image: url(/static/media/ic_user_white_m_normal.c3581ecb.png); }
            .wehagoLoginWrap .banner-wehago > div:first-child > div.cont > div.ico-user [data-orbit-component="OBTTooltip"] {
              max-width: calc(100% - 34px); }
    .wehagoLoginWrap .banner-wehago > div:last-child {
      display: flex;
      align-items: center; }
      .wehagoLoginWrap .banner-wehago > div:last-child p {
        margin-right: 16px;
        font-size: 13px;
        color: #5c7198;
        letter-spacing: -0.65px; }
      .wehagoLoginWrap .banner-wehago > div:last-child button span {
        display: flex;
        align-items: center; }
        .wehagoLoginWrap .banner-wehago > div:last-child button span:before {
          content: '';
          display: inline-block;
          width: 14px;
          height: 14px;
          margin-right: 6px;
          background: url(/static/media/ic_onoff_s_normal.09900d9d.png) no-repeat 0 0; }
        .wehagoLoginWrap .banner-wehago > div:last-child button span:after {
          display: none; }
      .wehagoLoginWrap .banner-wehago > div:last-child button:hover span {
        color: #1c90fb; }
        .wehagoLoginWrap .banner-wehago > div:last-child button:hover span:before {
          background-image: url(/static/media/ic_onoff_s_over.b53beb93.png); }
  .wehagoLoginWrap .banner-floating {
    display: inline-block; }
    .wehagoLoginWrap .banner-floating > .floating-panel {
      margin-top: 5px;
      padding: 10px 12px 6px 12px;
      border: 1px solid #a6a6a6;
      border-radius: 3px;
      background: #fff; }
      .wehagoLoginWrap .banner-floating > .floating-panel:before, .wehagoLoginWrap .banner-floating > .floating-panel:after {
        position: absolute;
        left: 50%;
        content: '';
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 5px 7px 5px;
        margin-left: -5px; }
      .wehagoLoginWrap .banner-floating > .floating-panel:before {
        top: -12px;
        border-color: transparent transparent #777 transparent; }
      .wehagoLoginWrap .banner-floating > .floating-panel:after {
        top: -11px;
        border-color: transparent transparent #fff transparent; }
      .wehagoLoginWrap .banner-floating > .floating-panel > div > div:first-child {
        position: relative !important;
        overflow-x: hidden !important;
        max-height: 220px;
        margin-bottom: 0 !important; }
        .wehagoLoginWrap .banner-floating > .floating-panel > div > div:first-child + div {
          display: none; }
      .wehagoLoginWrap .banner-floating > .floating-panel .radio1 {
        padding-bottom: 4px; }
        .wehagoLoginWrap .banner-floating > .floating-panel .radio1 > div {
          text-align: left; }
          .wehagoLoginWrap .banner-floating > .floating-panel .radio1 > div > span {
            min-width: 170px;
            margin-bottom: 4px !important;
            padding: 9px 12px;
            border: 1px solid #e0e0e0;
            border-radius: 3px;
            box-sizing: border-box; }
            .wehagoLoginWrap .banner-floating > .floating-panel .radio1 > div > span:last-child {
              margin-bottom: 0 !important; }
            .wehagoLoginWrap .banner-floating > .floating-panel .radio1 > div > span:hover, .wehagoLoginWrap .banner-floating > .floating-panel .radio1 > div > span.on {
              border: 1px solid #1c90fb;
              background: #eff7ff;
              box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16); }
            .wehagoLoginWrap .banner-floating > .floating-panel .radio1 > div > span input ~ svg, .wehagoLoginWrap .banner-floating > .floating-panel .radio1 > div > span input ~ span {
              left: 12px !important; }

.sessionConfirm {
  position: relative; }
  .sessionConfirm [data-orbit-component="OBTTooltip"].cancle [data-orbit-component="OBTFloatingPanel"] {
    top: 190px !important;
    left: 75px !important; }
  .sessionConfirm [data-orbit-component="OBTTooltip"].save [data-orbit-component="OBTFloatingPanel"] {
    top: 190px !important;
    left: 110px !important; }

.wehagoLoginPopup p {
  font-size: 15px;
  line-height: 1.5; }

.wehagoLoginPopup .heading {
  min-height: 180px;
  padding: 43px 30px;
  box-sizing: border-box; }
  .wehagoLoginPopup .heading > strong {
    display: inline-block;
    margin-bottom: 12px;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -1.2px; }
  .wehagoLoginPopup .heading.t1, .wehagoLoginPopup .heading.t2, .wehagoLoginPopup .heading.t3 {
    background-repeat: no-repeat;
    background-position: 100% 100%; }
  .wehagoLoginPopup .heading.t1 {
    background-image: url(/static/media/img_wehago_login.dfa820c4.png), linear-gradient(to right, #eff8fe 100%, #d9f0ff 0%); }
  .wehagoLoginPopup .heading.t2 {
    background-image: url(/static/media/img_taxinvoice.c98431a7.png), linear-gradient(to right, #eff8fe 100%, #d9f0ff 0%); }
  .wehagoLoginPopup .heading.t3 {
    background-image: url(/static/media/img_buliding.d097394f.png), linear-gradient(to right, #eff8fe 100%, #d9f0ff 0%); }

.wehagoLoginPopup .content {
  padding: 20px 30px 30px;
  text-align: center; }
  .wehagoLoginPopup .content > p + [class*="choice"] {
    margin-top: 12px; }
  .wehagoLoginPopup .content .btn button {
    margin-top: 20px;
    padding: 0 16px;
    height: 32px;
    font-size: 15px;
    border-color: #1c90fb;
    color: #fff;
    background-image: linear-gradient(to top, #1c90fb, #5eb5fd);
    border-radius: 2px;
    border: 1px solid #1c90fb;
    outline: none; }
    .wehagoLoginPopup .content .btn button:hover {
      border: 1px solid #136ad5;
      background-image: linear-gradient(0deg, #3280e0, #3ba1ff); }
    .wehagoLoginPopup .content .btn button:active {
      background-color: #1c90fb;
      background-image: linear-gradient(180deg, #3280e0, #3ba1ff); }

.wehagoLoginPopup .choice {
  padding: 19px 20px;
  background: #f5f7f9;
  border-radius: 10px; }
  .wehagoLoginPopup .choice input {
    position: absolute;
    top: -100px;
    left: -100px; }
    .wehagoLoginPopup .choice input + label {
      position: relative;
      display: inline-block;
      padding-left: 20px;
      margin-right: 30px;
      line-height: 20px;
      letter-spacing: -0.3px; }
      .wehagoLoginPopup .choice input + label:before, .wehagoLoginPopup .choice input + label:after {
        content: '';
        position: absolute;
        display: inline-block;
        box-sizing: border-box; }
      .wehagoLoginPopup .choice input + label:before {
        top: 3px;
        left: 0;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        border: 1px solid #a6a6a6;
        background-color: #fff; }
      .wehagoLoginPopup .choice input + label:after {
        top: 7px;
        left: 4px;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: #fff; }
    .wehagoLoginPopup .choice input:checked + label:before {
      border: 1px solid #1e91fb; }
    .wehagoLoginPopup .choice input:checked + label:after {
      background-color: #1e91fb; }

.UBAP048 .GridType01 .gridHeader th {
  height: 33px;
  padding: 0;
  box-sizing: border-box; }

.UBAP048 .GridType01 .gridBody td {
  height: 33px;
  padding: 0 5px;
  border-right: 1px solid #e6e6e6;
  box-sizing: border-box; }
  .UBAP048 .GridType01 .gridBody td:last-child {
    border-right: none; }

.UBAP048 .btnBox {
  width: 47px;
  justify-content: center;
  align-items: center;
  padding-top: 37px; }

.UAAP020 .right_div [data-orbit-component="OBTRadioButtonGroup"] > div > span:last-child {
  margin-right: 0px !important; }

.UAAP020 .pubAvbStyle [class*="OBTConditionItem_label"] {
  min-width: 45px; }

.UAAP020 .pubAvbStyle .ml60 {
  margin-left: 60px; }

.UAAP020 .gridBody .arrowBtn {
  width: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center; }
  .UAAP020 .gridBody .arrowBtn .down {
    background: url(/static/media/ic_arrow_down_01_s_normal.57adc5b1.png) no-repeat center;
    display: inline-block;
    cursor: pointer;
    width: 14px;
    height: 14px; }
    .UAAP020 .gridBody .arrowBtn .down:hover {
      background: url(/static/media/ic_arrow_down_01_s_over.814f255e.png) no-repeat center; }
  .UAAP020 .gridBody .arrowBtn .up {
    background: url(/static/media/ic_arrow_up_01_s_normal.8a20e8b0.png) no-repeat center;
    display: inline-block;
    cursor: pointer;
    width: 14px;
    height: 14px; }
    .UAAP020 .gridBody .arrowBtn .up:hover {
      background: url(/static/media/ic_arrow_up_01_s_over.4f6f9f00.png) no-repeat center; }

.UAAP020 .gridBody em {
  color: #1c90fb; }

/**************************************************   
   lottieImage 로티 이미지  
**************************************************/
.LottieImage .lottieLoading {
  padding: 0 0 20px 0;
  text-align: center; }
  .LottieImage .lottieLoading.border {
    border: 1px solid #e6e6e6; }
  .LottieImage .lottieLoading .title {
    font-size: 16px;
    font-weight: bold; }
  .LottieImage .lottieLoading .text {
    margin-top: 4px;
    font-size: 12px;
    color: #8c8c8c; }

.LottieImage .box {
  margin-left: 20px;
  padding: 20px;
  border: 1px solid #e6e6e6;
  box-sizing: border-box; }
  .LottieImage .box .boxTit {
    font-weight: bold;
    margin-bottom: 10px; }
  .LottieImage .box pre {
    width: 100%;
    background-color: #eeeeee; }

/**************************************************   
   Filter 필터
**************************************************/
.filterWrap {
  position: relative; }
  .filterWrap .filterBtn01, .filterWrap .filterBtn02 {
    background: url(/static/media/ic_arrow_down_02_s_normal@2x.282d7398.png) no-repeat center right;
    background-size: 14px;
    padding-right: 15px;
    cursor: pointer; }
    .filterWrap .filterBtn01:hover, .filterWrap .filterBtn02:hover {
      background: url(/static/media/ic_arrow_down_02_s_over@2x.19e93291.png) no-repeat center right;
      background-size: 14px; }
    .filterWrap .filterBtn01.on, .filterWrap .filterBtn02.on {
      background: url(/static/media/ic_arrow_up_02_s_normal@2x.b25dff92.png) no-repeat center right;
      background-size: 14px; }
      .filterWrap .filterBtn01.on:hover, .filterWrap .filterBtn02.on:hover {
        background: url(/static/media/ic_arrow_up_02_s_over@2x.824aba46.png) no-repeat center right;
        background-size: 14px; }
  .filterWrap dl dt {
    text-align: left;
    padding: 0 0 1px 10px;
    border-bottom: 1px solid #f0f0f0;
    font-weight: bold;
    font-size: 12px; }
  .filterWrap dl dd {
    border-bottom: 1px solid #f0f0f0; }
    .filterWrap dl dd:last-child {
      border-bottom: none; }
  .filterWrap ul li {
    font-size: 12px;
    text-align: left;
    padding: 0 0 0 22px;
    line-height: 27px;
    box-sizing: border-box;
    cursor: pointer; }
    .filterWrap ul li:hover {
      background-color: #e6f5ff; }
      .filterWrap ul li:hover span.up {
        background: url(/static/media/ic_ascending_order_m_over@2x.66022efa.png) no-repeat right;
        background-size: 18px; }
      .filterWrap ul li:hover span.down {
        background: url(/static/media/ic_descending_order_m_over@2x.9888b6d2.png) no-repeat right;
        background-size: 18px; }
    .filterWrap ul li.chk {
      color: #1c90fb;
      background: url(/static/media/ic_check_01_s_over@2x.bc08c072.png) no-repeat 5px 5px;
      background-size: 14px; }
      .filterWrap ul li.chk:hover {
        color: #1c90fb;
        background: #e6f5ff url(/static/media/ic_check_01_s_over@2x.bc08c072.png) no-repeat 5px 5px;
        background-size: 14px; }
    .filterWrap ul li.on {
      color: #1c90fb;
      background-color: #e6f5ff; }
    .filterWrap ul li.normal {
      color: #000000;
      padding-left: 10px; }
      .filterWrap ul li.normal:hover {
        color: #1c90fb; }
      .filterWrap ul li.normal.normalOn {
        color: #1c90fb; }
    .filterWrap ul li span {
      display: block;
      padding-right: 20px;
      margin-right: 10px;
      line-height: 24px;
      white-space: nowrap; }
      .filterWrap ul li span.up {
        background: url(/static/media/ic_ascending_order_m_normal@2x.ea88117d.png) no-repeat right;
        background-size: 18px; }
      .filterWrap ul li span.down {
        background: url(/static/media/ic_descending_order_m_normal@2x.9c219b47.png) no-repeat right;
        background-size: 18px; }
      .filterWrap ul li span.imc {
        display: inline-block;
        padding-right: 0;
        margin-right: 5px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #e6e6e6; }
        .filterWrap ul li span.imc.basic, .filterWrap ul li span.imc.uc {
          background-color: #1c90fb; }
        .filterWrap ul li span.imc.user {
          background-color: #67ccb5; }
        .filterWrap ul li span.imc.erp {
          background-color: #20c997; }
        .filterWrap ul li span.imc.erp2 {
          background-color: #f48da5; }
  .filterWrap .filterFn {
    min-width: 150px;
    margin: 5px;
    padding: 5px 0 1px 5px;
    border-top: 1px solid #f0f0f0;
    box-sizing: border-box; }
    .filterWrap .filterFn .btnRefresh {
      font-size: 11px;
      color: #7c7c7c;
      padding: 0 10px 0 18px;
      background: url(/static/media/ic_reset_s_normal.a7e4f52b.png) no-repeat left top 2px;
      cursor: pointer; }
      .filterWrap .filterFn .btnRefresh:hover {
        color: #1c90fb;
        background: url(/static/media/ic_reset_s_over.6bc0c35c.png) no-repeat left top 2px; }
  .filterWrap .filterList01 {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: auto;
    border: 1px solid #a6a6a6;
    background-color: #ffffff;
    box-sizing: border-box;
    z-index: 10; }
  .filterWrap .filterList02 {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 168px;
    border: 1px solid #cccccc;
    border-radius: 2px;
    background-color: #ffffff;
    transition: transform 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms, opacity 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    box-sizing: border-box;
    -webkit-tap-highlight-color: #000000;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: left top;
    max-height: 841px;
    overflow-y: auto;
    z-index: 11; }
    .filterWrap .filterList02.listOn {
      opacity: 1;
      transform: scaleY(1); }
    .filterWrap .filterList02 dt {
      font-size: 12px;
      font-weight: bold;
      line-height: 21px;
      padding: 0 0 0 10px; }
    .filterWrap .filterList02 dd {
      font-size: 12px;
      line-height: 21px; }

/**************************************************   
   Amaranth10 약관동의
**************************************************/
.agreePop .header {
  text-align: center;
  margin: 20px 0; }
  .agreePop .header h1 {
    font-size: 18px;
    font-weight: bold;
    padding: 0 0 5px 0;
    letter-spacing: -0.9px; }
  .agreePop .header .sText {
    color: #a6a6a6; }

.agreePop .wrap-content .total {
  border-bottom: solid 1px #e6e6e6;
  box-sizing: border-box;
  font-size: 14px; }

.agreePop .wrap-content .conBox {
  padding: 20px;
  background-color: #f9fafc; }
  .agreePop .wrap-content .conBox .tabBox {
    padding: 13px 20px 12px;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
    margin-bottom: 8px; }
    .agreePop .wrap-content .conBox .tabBox:last-child {
      margin-bottom: 0px; }

.agreePop .detailBox {
  border-radius: 4px;
  border: solid 1px #e6e6e6;
  padding: 30px 0px 0px 30px; }
  .agreePop .detailBox .detailCon {
    padding-right: 30px; }
    .agreePop .detailBox .detailCon .line {
      padding: 0 0 20px 0;
      border-bottom: 1px solid #e6e6e6; }
    .agreePop .detailBox .detailCon dl {
      padding-top: 20px; }
      .agreePop .detailBox .detailCon dl:last-child {
        padding-bottom: 30px; }
      .agreePop .detailBox .detailCon dl dt {
        font-size: 14px;
        font-weight: bold;
        letter-spacing: -0.35px;
        padding: 0 0 5px 0; }
      .agreePop .detailBox .detailCon dl dd {
        color: #4a4a4a;
        line-height: 18px;
        padding-left: 11px; }
        .agreePop .detailBox .detailCon dl dd em {
          color: #1c90fb;
          font-weight: bold; }

/**************************************************    
   쪽지보내기 
**************************************************/
.msgSend .receive_tit {
  width: 85px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 12px;
  font-weight: bold; }

.msgSend .btnImg {
  margin: 0 0 0 4px !important; }

.msgSend .textBox textarea {
  padding: 10px !important; }

/**************************************************     
   첨부파일 이력조회  
**************************************************/
.UAAP018 .fileBox {
  padding: 0 10px;
  height: 42px;
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
  font-size: 12px;
  color: #000000; }
  .UAAP018 .fileBox .name {
    padding: 0 0 0 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .UAAP018 .fileBox .ext {
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content; }
  .UAAP018 .fileBox .volume {
    padding: 0 0 0 5px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content; }

.UAAP018 .fileTooltipFix {
  max-width: 500px; }

.UAAP018 .fileHistory {
  margin: 10px 0 0 0;
  border-style: solid;
  border-color: #666666 transparent #a6a6a6 transparent;
  border-width: 2px 0 1px 0; }
  .UAAP018 .fileHistory ul li {
    padding: 0 20px;
    height: 54px;
    border-top: 1px solid #e6e6e6;
    box-sizing: border-box; }
    .UAAP018 .fileHistory ul li:first-child {
      border: none; }
    .UAAP018 .fileHistory ul li .ico {
      min-width: 28px;
      min-height: 28px;
      width: 28px;
      height: 28px; }
      .UAAP018 .fileHistory ul li .ico.preview {
        background: url(/static/media/ic_notice_preview@2x.a4355e54.png) no-repeat center;
        background-size: 28px; }
      .UAAP018 .fileHistory ul li .ico.download {
        background: url(/static/media/ic_notice_download@2x.7157e2f8.png) no-repeat center;
        background-size: 28px; }
      .UAAP018 .fileHistory ul li .ico.onechamber {
        background: url(/static/media/ic_notice_onechamber@2x.af90b7b0.png) no-repeat center;
        background-size: 28px; }
    .UAAP018 .fileHistory ul li .name {
      margin: 0 0 0 10px;
      min-width: 35px;
      max-width: 35px;
      height: 20px;
      line-height: 20px;
      font-size: 13px;
      letter-spacing: -0.65px;
      color: #000000;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      cursor: pointer; }
    .UAAP018 .fileHistory ul li .line {
      margin: 0 8px;
      width: 1px;
      height: 10px;
      background-color: #e6e6e6; }
    .UAAP018 .fileHistory ul li .text {
      font-size: 13px;
      letter-spacing: -0.65px;
      color: #000000;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
    .UAAP018 .fileHistory ul li .date {
      margin: 0 0 0 10px;
      font-size: 12px;
      color: #a6a6a6; }
    .UAAP018 .fileHistory ul li .webIco {
      margin: 0 0 0 10px;
      width: 14px;
      height: 14px;
      min-width: 14px;
      min-height: 14px;
      background: url(/static/media/ic_web_s_normal@2x.bfa8fc92.png) no-repeat center;
      background-size: 14px; }
    .UAAP018 .fileHistory ul li .mobileIco {
      margin: 0 0 0 10px;
      width: 14px;
      height: 14px;
      min-width: 14px;
      min-height: 14px;
      background: url(/static/media/ic_mobile_s_normal@2x.3f3b8422.png) no-repeat center;
      background-size: 14px; }

/*****************************    
    대시보드   
******************************/
.dashboardBox.data-area {
  overflow: hidden;
  position: relative;
  padding: 20px 0 20px 20px !important;
  background-color: #f0f5fb;
  box-sizing: border-box; }
  .dashboardBox.data-area.admin {
    background-color: #e7eff0; }
  .dashboardBox.data-area:before {
    content: '';
    position: absolute;
    height: 230px;
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: contain; }
  .dashboardBox.data-area:after {
    content: '';
    position: absolute;
    height: 230px;
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: contain; }
  .dashboardBox.data-area > div {
    position: relative;
    display: inline-flex;
    height: 190px;
    padding: 20px 40px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.7);
    box-shadow: 0 3px 10px 0 #dbe4eb;
    box-sizing: border-box;
    z-index: 1; }

/*****************************    
    Status (상태)   
******************************/
.statusLabel {
  display: flex;
  justify-content: center;
  height: 18px;
  padding: 0 6px;
  font-size: 11px;
  line-height: 17px;
  text-align: center;
  border-radius: 9px;
  box-sizing: border-box; }
  .statusLabel.small {
    height: 14px !important;
    line-height: 14px !important; }
  .statusLabel.type1 {
    color: #ffffff;
    background-color: #20c997; }
  .statusLabel.type2 {
    color: #ffffff;
    background-color: #2dbcb5; }
  .statusLabel.type3 {
    color: #ffffff;
    background-color: #39b0d2; }
  .statusLabel.type4 {
    color: #ffffff;
    background-color: #46a3f0; }
  .statusLabel.type5 {
    color: #ffffff;
    background-color: #ff8787; }
  .statusLabel.type6 {
    color: #ffffff;
    background-color: #f8a457; }
  .statusLabel.type7 {
    color: #ffffff;
    background-color: #f0c325; }
  .statusLabel.type8 {
    color: #ffffff;
    background-color: #c8b465; }
  .statusLabel.type9 {
    color: #ffffff;
    background-color: #9da3aa; }
  .statusLabel.type10 {
    color: #919191;
    background-color: #e2e2e2; }

.proceIco {
  font-size: 12px;
  padding: 0 4px 0 19px; }
  .proceIco.ok {
    color: #20c997;
    background: url(/static/media/ico_confirm_03.d0d8ee1a.png) no-repeat left center;
    background-size: 16px; }
  .proceIco.confirm01 {
    color: #2dbcb5;
    background: url(/static/media/ico_confirm_02.64c61c27.png) no-repeat left center;
    background-size: 16px; }
  .proceIco.confirm02 {
    color: #39b0d2;
    background: url(/static/media/ico_confirm_01.719b69fd.png) no-repeat left center;
    background-size: 16px; }
  .proceIco.confirmPro {
    color: #46a3f0;
    background: url(/static/media/icon_confirm_inpro.74779d0b.png) no-repeat left center;
    background-size: 16px; }
  .proceIco.pro {
    color: #46a3f0;
    background: url(/static/media/ico_inpro.33b7614d.png) no-repeat left center;
    background-size: 16px; }
  .proceIco.returnPro {
    color: #46a3f0;
    background: url(/static/media/icon_return_inpro.6e20aa58.png) no-repeat left center;
    background-size: 16px; }
  .proceIco.return {
    color: #ff8787;
    background: url(/static/media/ico_return.1afcb3d3.png) no-repeat left center;
    background-size: 16px; }
  .proceIco.cancelRed {
    color: #ff8787;
    background: url(/static/media/ic_cancel_red.8f82870e.png) no-repeat left center;
    background-size: 16px; }
  .proceIco.error01 {
    color: #ff8787;
    background: url(/static/media/ico_error_01.be9e36a9.png) no-repeat left center;
    background-size: 16px; }
  .proceIco.error {
    color: #f8a457;
    background: url(/static/media/ico_error.6065353b.png) no-repeat left center;
    background-size: 16px; }
  .proceIco.hold {
    color: #f8a457;
    background: url(/static/media/ico_hold_02.7268f853.png) no-repeat left center;
    background-size: 16px; }
  .proceIco.fail {
    color: #f8a457;
    background: url(/static/media/ico_fail.bdd3141b.png) no-repeat left center;
    background-size: 16px; }
  .proceIco.write {
    color: #f8a457;
    background: url(/static/media/ico_write.239a89b0.png) no-repeat left center;
    background-size: 16px; }
  .proceIco.pend {
    color: #f0c325;
    background: url(/static/media/ico_pend.76edb690.png) no-repeat left center;
    background-size: 16px; }
  .proceIco.later {
    color: #f0c325;
    background: url(/static/media/ic_sign_later_yellow.c95c78c5.png) no-repeat left center;
    background-size: 16px; }
  .proceIco.save {
    color: #c8b465;
    background: url(/static/media/ico_save.6763eeb5.png) no-repeat left center;
    background-size: 16px; }
  .proceIco.cancelBrown {
    color: #c8b465;
    background: url(/static/media/ic_cancel_brown.fd240d52.png) no-repeat left center;
    background-size: 16px; }
  .proceIco.face {
    color: #c8b465;
    background: url(/static/media/ic_face_yellow.2b19c7b6.png) no-repeat left center;
    background-size: 16px; }
  .proceIco.holdGray {
    color: #9da3aa;
    background: url(/static/media/ico_hold.222b2167.png) no-repeat left center;
    background-size: 16px; }
  .proceIco.reference {
    color: #9da3aa;
    background: url(/static/media/ic_reference_gray.eaebba26.png) no-repeat left center;
    background-size: 16px; }
  .proceIco.failGray {
    color: #9da3aa;
    background: url(/static/media/ico_docu_del.927984c8.png) no-repeat left center;
    background-size: 16px; }
  .proceIco.confirmGray {
    color: #919191;
    background: url(/static/media/ic_confirm_gray.79f8465d.png) no-repeat left center;
    background-size: 16px; }
  .proceIco.exp {
    color: #919191;
    background: url(/static/media/ic_expected_gray.8f146117.png) no-repeat left center;
    background-size: 16px; }

.statusBullet {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 12px; }
  .statusBullet::before {
    content: '';
    border-radius: 50%; }
  .statusBullet.s2::before {
    width: 2px;
    height: 2px;
    margin-right: 4px; }
  .statusBullet.s4::before {
    width: 4px;
    height: 4px;
    margin-right: 2px; }
  .statusBullet.s6::before {
    width: 6px;
    height: 6px;
    margin-right: 4px; }
  .statusBullet.s10::before {
    width: 10px;
    height: 10px;
    margin-right: 5px; }
  .statusBullet.type1 {
    color: #20c997; }
    .statusBullet.type1::before {
      background-color: #20c997; }
  .statusBullet.type2 {
    color: #2dbcb5; }
  .statusBullet::before {
    background-color: #2dbcb5; }
  .statusBullet.type3 {
    color: #39b0d2; }
    .statusBullet.type3::before {
      background-color: #39b0d2; }
  .statusBullet.type4 {
    color: #46a3f0; }
    .statusBullet.type4::before {
      background-color: #46a3f0; }
  .statusBullet.type5 {
    color: #ff8787; }
    .statusBullet.type5::before {
      background-color: #ff8787; }
  .statusBullet.type6 {
    color: #f8a457; }
    .statusBullet.type6::before {
      background-color: #f8a457; }
  .statusBullet.type7 {
    color: #f0c325; }
    .statusBullet.type7::before {
      background-color: #f0c325; }
  .statusBullet.type8 {
    color: #c8b465; }
    .statusBullet.type8::before {
      background-color: #c8b465; }
  .statusBullet.type9 {
    color: #9da3aa; }
    .statusBullet.type9::before {
      background-color: #9da3aa; }
  .statusBullet.type10 {
    color: #e2e2e2; }
    .statusBullet.type10::before {
      background-color: #e2e2e2; }
  .statusBullet.type11 {
    color: #a6a6a6; }
    .statusBullet.type11::before {
      background-color: #818181; }

/*****************************    
    oneAi   
******************************/
.oneaiBtn {
  position: absolute;
  width: 50px;
  height: 50px;
  z-index: 10;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-radius: 25px;
  cursor: pointer;
  background: #fff url(/static/media/ic_oneai@2x.e26b6ce4.png) no-repeat center;
  background-size: 50px;
  transition: width 0.5s;
  box-shadow: 0 5px 10px 0 rgba(129, 144, 172, 0.3); }
  .oneaiBtn::before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    transition: all 0.5s;
    transition-property: width;
    transition-duration: 0.5s; }
  .oneaiBtn:hover {
    position: absolute;
    border-radius: 26px;
    width: 129px;
    height: 52px;
    background-image: linear-gradient(95deg, #2b9dff -19%, #7f6eff 63%, #e557ff);
    background-size: 100%; }
    .oneaiBtn:hover::before {
      width: 127px;
      background: #fff url(/static/media/img_lg_ai_type@3x.4749284d.png) no-repeat center;
      background-size: 93px 32px; }

.aiGradientBtn {
  position: relative;
  margin: 0 10px 0 0;
  height: 27px;
  border-radius: 95px;
  background-image: linear-gradient(to right, #28afff, #8c2fff 68%, #f632ff);
  background-size: 100%;
  cursor: pointer; }
  .aiGradientBtn::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 1px;
    left: 1px;
    width: calc(100% - 2px);
    height: 25px;
    line-height: 25px;
    padding: 0;
    border-radius: 25px;
    background: #fff url(/static/media/ic_oneai_16_px@2x.3c56f308.png) no-repeat left 8px top 4px;
    background-size: 16px;
    box-sizing: border-box; }
  .aiGradientBtn:hover::after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 1px;
    left: 1px;
    width: calc(100% - 2px);
    height: 25px;
    border-radius: 25px;
    box-sizing: border-box;
    background-image: linear-gradient(to right, #28afff, #8c2fff 68%, #f632ff);
    opacity: 0.1; }
  .aiGradientBtn .txt {
    position: relative;
    z-index: 3;
    padding: 4px 10px 4px 28px;
    font-size: 12px;
    color: transparent;
    background: linear-gradient(95deg, #2b9dff -19%, #7f6eff 63%, #e557ff);
    background-size: 100%;
    -webkit-background-clip: text; }
  .aiGradientBtn.noImg::before {
    background: #fff; }
  .aiGradientBtn.noImg .txt {
    padding-left: 12px; }

.btn_oneAi {
  background: url(/static/media/ic_oneai_s@2x.bd7be23c.png) no-repeat center center, linear-gradient(to top, #f0f0f0, #ffffff) !important;
  background-size: 18px !important; }

.btn_oneAi:active {
  border: solid 1px #a6a6a6 !important;
  background: url(/static/media/ic_oneai_s@2x.bd7be23c.png) no-repeat left 4px center, linear-gradient(to bottom, #dddddd, #f5f5f5) !important;
  background-size: 18px !important; }

[class*="OBTButton_disabled"].btn_oneAi {
  border: solid 1px #cccccc !important;
  background: #f5f5f5 url(/static/media/ic_oneai_s@2x.bd7be23c.png) no-repeat center center !important;
  background-size: 18px !important; }

.btn_oneAi.on {
  border: solid 1px #1c90fb !important;
  background: url(/static/media/ic_oneai_s@2x.bd7be23c.png) no-repeat center center, linear-gradient(to top, #a0d6fe, #e6f5ff) !important;
  background-size: 18px !important; }

input.btn_oneAi {
  border: 1px solid #ccc !important;
  border-radius: 2px; }

input.btn_oneAi:hover {
  border: solid 1px #a6a6a6 !important; }

.btn_img_oneAi > div > img {
  width: 18px;
  height: 18px; }

.oneAiCheckBox {
  margin: 0 0 0 0; }
  .oneAiCheckBox > div > [class*="OBTCheckBox2_checkIcon"] {
    background: url(/static/media/checkbox_oneAi_non.aea7cbfc.png) no-repeat center/100% !important; }
  .oneAiCheckBox > div > [class*="OBTCheckBox2_defaultChecked"] {
    background: url(/static/media/checkbox_oneAi_checked.b67f1c48.png) no-repeat center/100% !important; }
  .oneAiCheckBox > div > [class*="OBTCheckBox2_defaultDisabled"] {
    background: url(/static/media/checkbox_oneAi_disa.5c5ac503.png) no-repeat center/100% !important; }

.oneAiBlueBtn {
  font-size: 14px;
  color: #ffffff !important;
  border: none !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 4px 0 rgba(101, 122, 255, 0.24) !important;
  background: linear-gradient(283deg, #4daeff, #7458ff) !important; }
  .oneAiBlueBtn:hover {
    background: linear-gradient(283deg, #4494db, #634fdb) !important; }
  .oneAiBlueBtn[class*="OBTButton_disabled"] {
    box-shadow: none !important;
    background-image: none !important;
    background-color: #d9d9d9 !important; }

.oneAiGrayBtn {
  color: #a6a6a6 !important;
  border: none !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16) !important;
  background: #f5f5f5 !important;
  font-size: 14px;
  cursor: not-allowed; }
  .oneAiGrayBtn:hover {
    background: #f5f5f5 !important; }
  .oneAiGrayBtn[class*="OBTButton_disabled"] {
    box-shadow: none !important;
    background-image: none !important;
    background-color: #d9d9d9 !important; }

.oneAiPanel [class*="OBTDockPanel_right"] {
  margin-left: 0 !important;
  padding-left: 0 !important; }

.oneAiPanel [class*="OBTDockPanel_right"] > div {
  margin-left: 4px; }

.oneAiPanel .oneAiLayer .layerWarp {
  display: flex;
  background: linear-gradient(to bottom, #fff, #f7fcfe 46%, #d9e0f8 122%);
  padding: 15px 20px 0 20px; }
  .oneAiPanel .oneAiLayer .layerWarp .headWarp {
    display: flex;
    align-items: center; }
    .oneAiPanel .oneAiLayer .layerWarp .headWarp .title {
      font-size: 14px;
      font-weight: bold;
      letter-spacing: -0.7px;
      color: #000; }
    .oneAiPanel .oneAiLayer .layerWarp .headWarp .btnClose {
      background: url(/static/media/ic_btn_close_normal@2x.a93a1266.png) no-repeat center center;
      background-size: 24px; }
  .oneAiPanel .oneAiLayer .layerWarp .conWarp {
    margin-top: 30px; }
    .oneAiPanel .oneAiLayer .layerWarp .conWarp .conBox {
      padding-top: 24px; }
      .oneAiPanel .oneAiLayer .layerWarp .conWarp .conBox:first-child {
        padding-top: 0px; }
      .oneAiPanel .oneAiLayer .layerWarp .conWarp .conBox dt {
        letter-spacing: -0.6px;
        color: #000;
        margin-bottom: 10px;
        font-weight: bold; }
      .oneAiPanel .oneAiLayer .layerWarp .conWarp .conBox dd {
        padding-bottom: 8px;
        color: #000; }
        .oneAiPanel .oneAiLayer .layerWarp .conWarp .conBox dd:last-child {
          padding-bottom: 0px; }

.oneAiPanel .oneAiLayer .oneAibtnBox {
  background-color: #fff;
  padding: 14px 20px 18px 20px; }
  .oneAiPanel .oneAiLayer .oneAibtnBox > [class*="OBTTooltip_root"] {
    width: 100%; }
    .oneAiPanel .oneAiLayer .oneAibtnBox > [class*="OBTTooltip_root"] [class*="OBTButton_labelText"] {
      font-size: 14px; }
  .oneAiPanel .oneAiLayer .oneAibtnBox .line {
    margin-right: 10px;
    width: 1px;
    height: 15px;
    background-color: #e6e6e6; }
  .oneAiPanel .oneAiLayer .oneAibtnBox .oneAiGrayBtn {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0 10px; }
    .oneAiPanel .oneAiLayer .oneAibtnBox .oneAiGrayBtn [class*="OBTButton_wrapper"] img {
      width: 24px;
      height: 24px; }

.oneAiBtnLine {
  position: relative;
  padding-right: 20px; }
  .oneAiBtnLine::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 1px;
    height: 16px;
    background-color: #e6e6e6; }
  .oneAiBtnLine .aiGradientBtn {
    margin: 0 3px 0 0; }

.oneAiLottie {
  position: relative;
  z-index: 1; }
  .oneAiLottie .oneAiLottieBox {
    position: relative;
    z-index: 10;
    top: 0;
    right: 0;
    height: 30px;
    cursor: pointer; }

.oneAiSearchWarp .oneAiTitle {
  font-size: 15px;
  font-weight: bold;
  line-height: 18px;
  color: #000;
  padding-bottom: 10px;
  border-bottom: 1px solid #afb6c4;
  box-sizing: border-box;
  margin: 20px 0 14px 0; }
  .oneAiSearchWarp .oneAiTitle em {
    color: #5f65ff;
    margin-left: 6px; }
  .oneAiSearchWarp .oneAiTitle:first-child {
    margin-top: 0px; }

.oneAiSearchWarp .oneAiAlertText {
  margin: 0 0 10px 0;
  font-size: 13px;
  font-weight: normal;
  line-height: 20px;
  color: #000; }

.oneAiSearchWarp .oneAiComp {
  border: none; }
  .oneAiSearchWarp .oneAiComp .oaForm {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    background-color: #ffffff;
    box-sizing: border-box;
    overflow: hidden; }
    .oneAiSearchWarp .oneAiComp .oaForm table {
      width: 100%;
      table-layout: fixed; }
      .oneAiSearchWarp .oneAiComp .oaForm table tr {
        border-top: 1px solid rgba(175, 182, 196, 0.15); }
        .oneAiSearchWarp .oneAiComp .oaForm table tr:first-child {
          border-top: none; }
        .oneAiSearchWarp .oneAiComp .oaForm table tr th {
          height: 38px;
          padding: 10px 14px;
          font-size: 12px;
          font-weight: bold;
          letter-spacing: -0.3px;
          color: #0b0c0e;
          text-align: left;
          background-color: #f4f5f6;
          box-sizing: border-box; }
        .oneAiSearchWarp .oneAiComp .oaForm table tr td {
          height: 38px;
          padding: 10px 14px;
          font-size: 12px;
          font-weight: normal;
          letter-spacing: -0.3px;
          color: #0b0c0e;
          text-align: left;
          background-color: #ffffff;
          box-sizing: border-box; }
  .oneAiSearchWarp .oneAiComp .oaGrid {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    background-color: #ffffff;
    box-sizing: border-box;
    overflow: auto; }
    .oneAiSearchWarp .oneAiComp .oaGrid table {
      width: 100%;
      table-layout: fixed; }
      .oneAiSearchWarp .oneAiComp .oaGrid table tr {
        border-top: 1px solid rgba(175, 182, 196, 0.15); }
        .oneAiSearchWarp .oneAiComp .oaGrid table tr th {
          height: 38px;
          padding: 10px 7px;
          font-size: 12px;
          font-weight: bold;
          letter-spacing: -0.3px;
          color: #0b0c0e;
          text-align: center;
          background-color: #f4f5f6;
          box-sizing: border-box; }
        .oneAiSearchWarp .oneAiComp .oaGrid table tr td {
          height: 38px;
          padding: 10px 7px;
          font-size: 12px;
          font-weight: normal;
          letter-spacing: -0.3px;
          color: #0b0c0e;
          text-align: center;
          background-color: #ffffff;
          box-sizing: border-box; }
          .oneAiSearchWarp .oneAiComp .oaGrid table tr td.left {
            text-align: left; }
          .oneAiSearchWarp .oneAiComp .oaGrid table tr td.center {
            text-align: center !important; }
          .oneAiSearchWarp .oneAiComp .oaGrid table tr td.right {
            text-align: right; }

.oneAiSearchWarp .oneAiBtn {
  margin: 14px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: center; }
  .oneAiSearchWarp .oneAiBtn > button {
    margin-right: 6px;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(101, 122, 255, 0.24);
    background-image: linear-gradient(to left, #4daeff, #7458ff);
    border: none;
    outline: none;
    padding: 4px 10px 5px;
    color: #fff; }
    .oneAiSearchWarp .oneAiBtn > button:last-child {
      margin-right: 0px; }

/*****************************    
    공통 :: ai 프롬프트 테이블
******************************/
.aiGridTableGw1 {
  width: 100%;
  border-radius: 10px;
  border: 1px solid #ebebeb;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05);
  box-sizing: border-box; }
  .aiGridTableGw1 .gridHeader {
    height: 37px;
    padding: 0 16px;
    border-bottom: 1px solid #e0e0e0;
    background-color: #fafafa;
    box-sizing: border-box;
    border-radius: 10px 10px 0 0; }
    .aiGridTableGw1 .gridHeader thead tr th {
      height: 37px;
      padding: 0 4px;
      text-align: center;
      font-weight: normal;
      box-sizing: border-box; }
  .aiGridTableGw1 .gridBody {
    padding: 0 16px;
    max-height: 260px;
    background-color: #ffffff;
    border-radius: 0 0 10px 10px; }
    .aiGridTableGw1 .gridBody tbody tr td {
      height: 38px;
      padding: 0 4px;
      border-top: 1px solid #ebebeb;
      box-sizing: border-box; }
    .aiGridTableGw1 .gridBody tbody tr:first-child td {
      border-top: none; }
  .aiGridTableGw1 table {
    table-layout: fixed;
    width: 100%;
    font-size: 13px;
    letter-spacing: -0.33px;
    color: #0b0c0e;
    box-sizing: border-box; }
    .aiGridTableGw1 table .gridTooltip {
      display: inline-flex;
      max-width: 100%;
      line-height: normal; }
    .aiGridTableGw1 table .date {
      color: #1c90fb;
      text-decoration: underline;
      cursor: pointer; }

/*****************************    
    공통 :: 아마링크
******************************/
.keepLink {
  position: relative;
  display: inline-block;
  height: 18px;
  margin: 0 5px 0 0;
  padding: 0 0 0 20px;
  cursor: pointer;
  max-width: 200px;
  vertical-align: middle; }
  .keepLink img {
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px; }
  .keepLink .text {
    width: 100%;
    font-size: 12px;
    font-family: auto;
    line-height: 19px;
    color: #1c90fb;
    -webkit-text-decoration: underline #1c90fb;
            text-decoration: underline #1c90fb;
    background-color: rgba(28, 144, 251, 0.07);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .keepLink.small {
    position: relative;
    display: inline-block;
    height: 15px;
    margin: 0 5px 0 0;
    padding: 0 0 0 15px;
    cursor: pointer;
    max-width: 180px;
    vertical-align: middle; }
    .keepLink.small img {
      position: absolute;
      top: 2px;
      left: 0;
      width: 11px;
      height: 11px; }
    .keepLink.small .text {
      width: 100%;
      font-size: 11px;
      font-family: auto;
      line-height: 15px;
      color: #1c90fb;
      -webkit-text-decoration: underline #1c90fb;
              text-decoration: underline #1c90fb;
      background-color: rgba(28, 144, 251, 0.07);
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }

/*****************************    
    공통 :: oneai 옵션화 팝업
******************************/
.newPortalOneaiPopup {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  position: relative;
  z-index: 3000;
  width: 660px;
  height: 440px;
  background: url(/static/media/bg_oneai_Introduction@2x.ca191aab.png) no-repeat left top;
  background-size: 660px 440px; }
  .newPortalOneaiPopup .clo {
    align-items: center;
    display: flex;
    height: 50px;
    justify-content: flex-end;
    width: 100%;
    margin-right: 27px; }
  .newPortalOneaiPopup .Badge {
    border-radius: 15px;
    border: solid 1px #807eff;
    box-sizing: border-box;
    padding: 5px 20px;
    text-align: center;
    letter-spacing: -0.42px;
    font-size: 14px;
    font-weight: bold;
    color: #624dfc; }
  .newPortalOneaiPopup .text {
    padding-top: 30px;
    letter-spacing: -0.48px;
    color: #000;
    font-size: 16px; }
  .newPortalOneaiPopup .title {
    align-items: center;
    padding-top: 1px;
    color: #000126;
    letter-spacing: -1.02px;
    font-size: 34px;
    font-weight: bold; }
    .newPortalOneaiPopup .title .oneaiLogo {
      width: 140px;
      height: 42px;
      margin: 0 8px;
      background: url(/static/media/lg_oneai_42@2x.2a0a9e68.png) no-repeat left center;
      background-size: 140px 42px; }
  .newPortalOneaiPopup .text2 {
    font-size: 16px;
    letter-spacing: -0.4px;
    color: #000;
    padding-top: 5px; }
    .newPortalOneaiPopup .text2 em {
      color: #a143ff;
      font-weight: bold; }
  .newPortalOneaiPopup .telBox {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 540px;
    height: 96px;
    margin-top: 30px;
    font-weight: bold; }
    .newPortalOneaiPopup .telBox .icoBox {
      align-items: center;
      display: flex;
      height: 50px;
      font-size: 20px;
      letter-spacing: -0.6px;
      color: #8c8c8c;
      padding: 0 31px 0 70px;
      background: url(/static/media/ic_buying_advice@4x.d9920fa8.png) no-repeat left center;
      background-size: 50px 50px; }
    .newPortalOneaiPopup .telBox .number {
      font-size: 24px;
      line-height: 1.13;
      color: #000; }
  .newPortalOneaiPopup .btnBox {
    margin: 30px 0 0 0; }
    .newPortalOneaiPopup .btnBox > p {
      cursor: pointer;
      padding: 10px 30px;
      border-radius: 4px;
      box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
      background-image: linear-gradient(112deg, #5895ff 1%, #8f74ff 97%);
      font-size: 14px;
      color: #fff;
      letter-spacing: -0.35px;
      font-weight: bold; }
      .newPortalOneaiPopup .btnBox > p:hover, .newPortalOneaiPopup .btnBox > p:active {
        background-image: linear-gradient(112deg, #4876cc 1%, #715ecc 97%); }

.watchIcon {
  min-width: 18px;
  width: 18px;
  height: 18px;
  cursor: pointer; }
  .watchIcon.on {
    background: url(/static/media/ic_watch_m_over@2x.f5e68610.png) no-repeat center;
    background-size: 18px; }
  .watchIcon.off {
    background: url(/static/media/ic_watch_cancel_m_normal@2x.a1c5d9f6.png) no-repeat center;
    background-size: 18px; }
  .watchIcon.disabled {
    background: url(/static/media/ic_watch_cancel_m_disable@2x.0488d2a2.png) no-repeat center;
    background-size: 18px;
    cursor: default; }

/*****************************    
    스크롤 커스텀
******************************/
.OBTDialogScrollbar [class*="OBTDialog_data"],
.OBTDialogScrollbar [class*="OBTDialog2_data"] {
  overflow: hidden !important; }
  .OBTDialogScrollbar [class*="OBTDialog_data"] [class*="OBTDialog_dataWrapper"],
  .OBTDialogScrollbar [class*="OBTDialog_data"] [class*="OBTDialog2_dataWrapper"],
  .OBTDialogScrollbar [class*="OBTDialog2_data"] [class*="OBTDialog_dataWrapper"],
  .OBTDialogScrollbar [class*="OBTDialog2_data"] [class*="OBTDialog2_dataWrapper"] {
    overflow: auto !important; }
    .OBTDialogScrollbar [class*="OBTDialog_data"] [class*="OBTDialog_dataWrapper"]::-webkit-scrollbar,
    .OBTDialogScrollbar [class*="OBTDialog_data"] [class*="OBTDialog2_dataWrapper"]::-webkit-scrollbar,
    .OBTDialogScrollbar [class*="OBTDialog2_data"] [class*="OBTDialog_dataWrapper"]::-webkit-scrollbar,
    .OBTDialogScrollbar [class*="OBTDialog2_data"] [class*="OBTDialog2_dataWrapper"]::-webkit-scrollbar {
      width: 4px; }
    .OBTDialogScrollbar [class*="OBTDialog_data"] [class*="OBTDialog_dataWrapper"]::-webkit-scrollbar-track,
    .OBTDialogScrollbar [class*="OBTDialog_data"] [class*="OBTDialog2_dataWrapper"]::-webkit-scrollbar-track,
    .OBTDialogScrollbar [class*="OBTDialog2_data"] [class*="OBTDialog_dataWrapper"]::-webkit-scrollbar-track,
    .OBTDialogScrollbar [class*="OBTDialog2_data"] [class*="OBTDialog2_dataWrapper"]::-webkit-scrollbar-track {
      background-color: none; }
    .OBTDialogScrollbar [class*="OBTDialog_data"] [class*="OBTDialog_dataWrapper"]::-webkit-scrollbar-thumb,
    .OBTDialogScrollbar [class*="OBTDialog_data"] [class*="OBTDialog2_dataWrapper"]::-webkit-scrollbar-thumb,
    .OBTDialogScrollbar [class*="OBTDialog2_data"] [class*="OBTDialog_dataWrapper"]::-webkit-scrollbar-thumb,
    .OBTDialogScrollbar [class*="OBTDialog2_data"] [class*="OBTDialog2_dataWrapper"]::-webkit-scrollbar-thumb {
      background-color: #d4d5d7; }
    .OBTDialogScrollbar [class*="OBTDialog_data"] [class*="OBTDialog_dataWrapper"]::-webkit-scrollbar-button,
    .OBTDialogScrollbar [class*="OBTDialog_data"] [class*="OBTDialog2_dataWrapper"]::-webkit-scrollbar-button,
    .OBTDialogScrollbar [class*="OBTDialog2_data"] [class*="OBTDialog_dataWrapper"]::-webkit-scrollbar-button,
    .OBTDialogScrollbar [class*="OBTDialog2_data"] [class*="OBTDialog2_dataWrapper"]::-webkit-scrollbar-button {
      display: none; }
    .OBTDialogScrollbar [class*="OBTDialog_data"] [class*="OBTDialog_dataWrapper"]::-webkit-scrollbar-thumb:hover,
    .OBTDialogScrollbar [class*="OBTDialog_data"] [class*="OBTDialog2_dataWrapper"]::-webkit-scrollbar-thumb:hover,
    .OBTDialogScrollbar [class*="OBTDialog2_data"] [class*="OBTDialog_dataWrapper"]::-webkit-scrollbar-thumb:hover,
    .OBTDialogScrollbar [class*="OBTDialog2_data"] [class*="OBTDialog2_dataWrapper"]::-webkit-scrollbar-thumb:hover {
      background-color: none; }
    .OBTDialogScrollbar [class*="OBTDialog_data"] [class*="OBTDialog_dataWrapper"]::-webkit-scrollbar-track, .OBTDialogScrollbar [class*="OBTDialog_data"] [class*="OBTDialog_dataWrapper"]::-webkit-scrollbar-thumb,
    .OBTDialogScrollbar [class*="OBTDialog_data"] [class*="OBTDialog2_dataWrapper"]::-webkit-scrollbar-track,
    .OBTDialogScrollbar [class*="OBTDialog_data"] [class*="OBTDialog2_dataWrapper"]::-webkit-scrollbar-thumb,
    .OBTDialogScrollbar [class*="OBTDialog2_data"] [class*="OBTDialog_dataWrapper"]::-webkit-scrollbar-track,
    .OBTDialogScrollbar [class*="OBTDialog2_data"] [class*="OBTDialog_dataWrapper"]::-webkit-scrollbar-thumb,
    .OBTDialogScrollbar [class*="OBTDialog2_data"] [class*="OBTDialog2_dataWrapper"]::-webkit-scrollbar-track,
    .OBTDialogScrollbar [class*="OBTDialog2_data"] [class*="OBTDialog2_dataWrapper"]::-webkit-scrollbar-thumb {
      border-radius: 2px; }

.pubCustomScroll::-webkit-scrollbar {
  width: 4px;
  height: 4px; }

.pubCustomScroll::-webkit-scrollbar-track {
  background-color: none; }

.pubCustomScroll::-webkit-scrollbar-thumb {
  background-color: #d4d5d7; }

.pubCustomScroll::-webkit-scrollbar-button {
  display: none; }

.pubCustomScroll::-webkit-scrollbar-thumb:hover {
  background-color: none; }

.pubCustomScroll::-webkit-scrollbar-track, .pubCustomScroll::-webkit-scrollbar-thumb {
  border-radius: 2px; }

/************************************************** 
   공통:: 장소검색 팝업 
**************************************************/
.placeSearchPop .addList {
  border: 1px solid #e0e0e0;
  height: 100%;
  box-sizing: border-box; }
  .placeSearchPop .addList .topBox_sw {
    padding: 8px 10px;
    border-bottom: 1px solid #e0e0e0;
    background: #fafafa; }
  .placeSearchPop .addList .sw_div {
    border-bottom: 1px solid #e0e0e0;
    padding: 10px 8px;
    cursor: pointer; }
    .placeSearchPop .addList .sw_div dl dt {
      line-height: 25px;
      font-weight: bold; }
    .placeSearchPop .addList .sw_div dl dt:hover, .placeSearchPop .addList .sw_div dl dd:hover, .placeSearchPop .addList .sw_div dl dd.on {
      text-decoration: underline; }
    .placeSearchPop .addList .sw_div dl dd {
      display: flex;
      flex-direction: row;
      align-items: center; }
      .placeSearchPop .addList .sw_div dl dd .map_s {
        margin-left: 4px; }
    .placeSearchPop .addList .sw_div.on, .placeSearchPop .addList .sw_div:hover {
      background: #e9f5ff; }

.placeSearchPop .pagingBox {
  height: 40px;
  background-color: #fafafa;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  border-top: solid 1px #e6e6e6;
  margin-top: -1px; }

.placeSearchPop .mapView {
  border: 1px solid #e6e6e6;
  box-sizing: border-box; }
  .placeSearchPop .mapView .mapDiv {
    width: 100%;
    overflow: auto; }
  .placeSearchPop .mapView .mapBtm {
    border-top: 1px solid #e6e6e6;
    height: 40px; }
    .placeSearchPop .mapView .mapBtm .navi {
      line-height: 27px;
      margin: 6px 0 0 6px; }

/************************************************** 
   공통:: 특화 타이틀 컴포넌트화
**************************************************/
.titleWrap [class*='OBTPageContainer_titleText'] {
  margin-right: 8px; }

.titleWrap [class*='OBTPageContainer_onlineManual'] {
  margin-left: 0 !important; }

.titleWrap .title {
  margin-right: 8px; }

.titleWrap > [class*='OBTTooltip_root'] {
  line-height: 1; }

.searchDivWrap {
  grid-gap: 4px;
  gap: 4px; }

.searchDetailWarp {
  padding: 20px;
  border-bottom: 1px solid #e6e6e6;
  box-sizing: border-box; }
  .searchDetailWarp .searchDetail {
    position: relative;
    flex-wrap: wrap;
    grid-gap: 8px 50px;
    gap: 8px 50px;
    margin-right: 4px; }
    .searchDetailWarp .searchDetail dl {
      display: inline-flex; }
      .searchDetailWarp .searchDetail dl dt {
        min-width: 47px;
        text-align: right;
        margin: 0 10px 0 0;
        line-height: 27px; }
      .searchDetailWarp .searchDetail dl dd {
        min-width: 178px;
        grid-gap: 4px;
        gap: 4px; }
        .searchDetailWarp .searchDetail dl dd .fullPicker > div {
          width: 100% !important; }
  .searchDetailWarp .btnImgTxt {
    padding-left: 25px !important; }
    .searchDetailWarp .btnImgTxt.btn_search {
      height: 100%;
      max-height: 62px;
      background-position: left 6px center !important; }

/************************************************** 
   공통:: 아이콘
**************************************************/
.commonIco.titleRefresh {
  width: 18px !important;
  height: 18px !important;
  background: url(/static/media/ic_refresh_m_normal@2x.634d9762.png) no-repeat top 1px center;
  background-size: 18px;
  vertical-align: middle; }
  .commonIco.titleRefresh:hover {
    background: url(/static/media/ic_refresh_m_over@2x.a2cdabe0.png) no-repeat top 1px center;
    background-size: 18px; }

.commonIco.arrow_left_m {
  min-width: 18px;
  min-height: 18px;
  background: url(/static/media/ic_arrow_left_01_m_normal.0f497c5a.png) no-repeat center;
  background-size: 18px;
  cursor: pointer; }
  .commonIco.arrow_left_m:hover {
    background: url(/static/media/ic_arrow_left_01_m_over.9ff672fe.png) no-repeat center;
    background-size: 18px; }

.commonIco .watch_s {
  min-width: 14px;
  min-height: 14px;
  background: url(/static/media/ic_watch_s_normal@2x.6cf71cbd.png) no-repeat center;
  background-size: 14px; }

.commonIco .attach_s {
  min-width: 14px;
  min-height: 14px;
  background: url(/static/media/ic_attach_s_normal@2x.d74d3560.png) no-repeat center;
  background-size: 14px; }

.commonIco .comment_s {
  min-width: 14px;
  min-height: 14px;
  background: url(/static/media/ic_comment_s_normal@2x.810b6563.png) no-repeat center;
  background-size: 14px; }

.commonIco .like_s {
  min-width: 14px;
  min-height: 14px;
  background: url(/static/media/ic_like_01_s_normal_red@2x.48dca0fd.png) no-repeat center;
  background-size: 14px; }
  .commonIco .like_s.on {
    background: url(/static/media/ic_like_02_s_normal_red@2x.6fd22616.png) no-repeat center;
    background-size: 14px; }

.commonIco .agree_s {
  min-width: 14px;
  min-height: 14px;
  background: url(/static/media/ic_grid_agree@2x.17d81c69.png) no-repeat center;
  background-size: 14px; }
  .commonIco .agree_s.on {
    background: url(/static/media/ic_grid_agree_on@2x.b06f62b9.png) no-repeat center;
    background-size: 14px; }

.commonIco .disagree_s {
  min-width: 14px;
  min-height: 14px;
  background: url(/static/media/ic_grid_disagree@2x.50a2ad70.png) no-repeat center;
  background-size: 14px; }
  .commonIco .disagree_s.on {
    background: url(/static/media/ic_grid_disagree_on@2x.725182de.png) no-repeat center;
    background-size: 14px; }

.commonIco .info_s {
  min-width: 14px;
  min-height: 14px;
  background: url(/static/media/ic_info_01_s_normal@2x.04a55336.png) no-repeat center;
  background-size: 14px; }

.commonIco .new_s {
  min-width: 14px;
  min-height: 14px;
  background: url(/static/media/ic_grid_new@2x.4b2e5ef5.png) no-repeat center;
  background-size: 14px; }

.commonIco .time_s {
  min-width: 14px;
  min-height: 14px;
  background: url(/static/media/ic_time_s_normal@2x.2ab7b027.png) no-repeat center;
  background-size: 14px; }

.commonIco .newpage_s {
  min-width: 14px;
  min-height: 14px;
  background: url(/static/media/ic_write_newpage_s_normal@2x.8ebc58f5.png) no-repeat center;
  background-size: 14px;
  cursor: pointer; }
  .commonIco .newpage_s:hover {
    background: url(/static/media/ic_write_newpage_s_over@2x.a69cf562.png) no-repeat center;
    background-size: 14px; }

.commonIco .map_s {
  min-width: 14px;
  min-height: 14px;
  background: url(/static/media/ic_map_s_normal@2x.19608674.png) no-repeat center;
  background-size: 14px;
  cursor: pointer; }
  .commonIco .map_s:hover {
    background: url(/static/media/ic_map_s_over@2x.a8372294.png) no-repeat center;
    background-size: 14px; }
  .commonIco .map_s.disabled {
    background: url(/static/media/ic_map_s_disable@2x.59f3ab39.png) no-repeat center;
    background-size: 14px; }

.commonIco .info_m {
  min-width: 18px;
  min-height: 18px;
  background: url(/static/media/ic_info_01_m_normal@2x.adc25937.png) no-repeat center;
  background-size: 18px;
  cursor: pointer; }
  .commonIco .info_m:hover {
    background: url(/static/media/ic_info_01_m_over@2x.b43bf7d5.png) no-repeat center;
    background-size: 18px; }

.commonIco .newpage_m {
  min-width: 18px;
  min-height: 18px;
  background: url(/static/media/ic_write_newpage_m_normal@2x.8b438665.png) no-repeat center;
  background-size: 18px;
  cursor: pointer; }
  .commonIco .newpage_m:hover {
    background: url(/static/media/ic_write_newpage_m_over@2x.ddb5e3f3.png) no-repeat center;
    background-size: 18px; }

.commonIco .export_m {
  min-width: 18px;
  min-height: 18px;
  background: url(/static/media/ic_export_m_normal@2x.98b0d86d.png) no-repeat center;
  background-size: 18px;
  cursor: pointer; }
  .commonIco .export_m:hover {
    background: url(/static/media/ic_export_m_over@2x.f26ccb96.png) no-repeat center;
    background-size: 18px; }

.commonIco .more_m {
  min-width: 18px;
  min-height: 18px;
  background: url(/static/media/ic_more_detail_m_normal@2x.5add2597.png) no-repeat center;
  background-size: 18px;
  cursor: pointer; }
  .commonIco .more_m:hover {
    background: url(/static/media/ic_more_detail_m_over@2x.c6b7cf94.png) no-repeat center;
    background-size: 18px; }

.commonIco .close_m {
  min-width: 18px;
  min-height: 18px;
  background: url(/static/media/ic_close_01_m_normal@2x.668b04a6.png) no-repeat center;
  background-size: 18px;
  cursor: pointer; }
  .commonIco .close_m:hover {
    background: url(/static/media/ic_close_01_m_over@2x.82e9bb05.png) no-repeat center;
    background-size: 18px; }

.commonIco .edit_m {
  min-width: 18px;
  min-height: 18px;
  background: url(/static/media/ic_edit_m_normal@2x.51b4b41e.png) no-repeat center;
  background-size: 18px;
  cursor: pointer; }
  .commonIco .edit_m:hover {
    background: url(/static/media/ic_edit_m_over@2x.7d33da73.png) no-repeat center;
    background-size: 18px; }

.commonIco .arrow_up_m {
  min-width: 18px;
  min-height: 18px;
  background: url(/static/media/ic_arrow_up_01_m_normal@2x.d09ffeab.png) no-repeat center;
  background-size: 18px;
  cursor: pointer; }
  .commonIco .arrow_up_m:hover {
    background: url(/static/media/ic_arrow_up_01_m_over@2x.a3428acd.png) no-repeat center;
    background-size: 18px; }

.commonIco .arrow_down_m {
  min-width: 18px;
  min-height: 18px;
  background: url(/static/media/ic_arrow_down_01_m_normal@2x.09194af6.png) no-repeat center;
  background-size: 18px;
  cursor: pointer; }
  .commonIco .arrow_down_m:hover {
    background: url(/static/media/ic_arrow_down_01_m_over@2x.6358ad08.png) no-repeat center;
    background-size: 18px; }

.commonIco .check_m {
  min-width: 18px;
  min-height: 18px;
  background: url(/static/media/ic_check_01_m_normal@2x.32f53d00.png) no-repeat center center;
  background-size: 18px;
  cursor: pointer; }
  .commonIco .check_m:hover {
    background: url(/static/media/ic_check_01_m_over@2x.30ae7fc3.png) no-repeat center center;
    background-size: 18px; }

.commonIco .trashcan_m {
  min-width: 18px;
  min-height: 18px;
  background: url(/static/media/ic_trashcan_m_normal@2x.c689ecdd.png) no-repeat center center;
  background-size: 18px;
  cursor: pointer; }
  .commonIco .trashcan_m:hover {
    background: url(/static/media/ic_trashcan_m_over@2x.3f87af44.png) no-repeat center center;
    background-size: 18px; }

/**************************************************    
   공통 :: on/off 토글 스위치   
**************************************************/
.toggleSwitch {
  min-width: 38px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 16px;
  line-height: 16px;
  padding: 0 43px 0 0;
  color: #4a4a4a;
  letter-spacing: -0.7px;
  cursor: pointer;
  transition: 0.3s; }
  .toggleSwitch.on {
    background: url(/static/media/btn_toggle_on.221adf13.png) no-repeat right center;
    background-size: 38px 16px; }
  .toggleSwitch.off {
    background: url(/static/media/btn_toggle_off.acd8db2c.png) no-repeat right center;
    background-size: 38px 16px; }

.switchChk {
  display: flex;
  flex-direction: row;
  align-items: center; }
  .switchChk input[type="checkbox"] {
    display: none; }
  .switchChk .label_on_off > * {
    vertical-align: top;
    font-size: 10px;
    transition: all .3s; }
  .switchChk .label_on_off {
    margin-left: 5px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    width: 38px;
    height: 16px;
    color: #fff;
    cursor: pointer;
    border-radius: 13px;
    border: 1px solid #c4c4c4;
    background-color: #ffffff;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    transition: all .3s; }
    .switchChk .label_on_off .marble {
      position: absolute;
      top: 3px;
      left: 3px;
      display: block;
      width: 10px;
      height: 10px;
      background-color: #fff;
      background: #c4c4c4;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%; }
    .switchChk .label_on_off .on {
      display: none;
      padding-left: 6px; }
    .switchChk .label_on_off .off {
      padding-left: 15px;
      line-height: 15px;
      color: #c4c4c4; }
  .switchChk .input_on_off:checked + .label_on_off {
    border: 1px solid #1c90fb;
    background-color: #ffffff; }
    .switchChk .input_on_off:checked + .label_on_off .on {
      display: inline-block;
      color: #1c90fb; }
    .switchChk .input_on_off:checked + .label_on_off .off {
      display: none; }
    .switchChk .input_on_off:checked + .label_on_off .marble {
      background: #1c90fb;
      left: 25px; }

/**************************************************    
   공통 :: stepBox   
**************************************************/
.stepBoxCom ul {
  display: flex;
  flex-wrap: wrap; }
  .stepBoxCom ul li {
    position: relative;
    flex: 1 1;
    height: 48px;
    line-height: 46px;
    font-size: 13px;
    text-align: center;
    padding: 0 21px 0 26px;
    border: 1px solid #e6e6e6;
    color: #a6a6a6;
    box-sizing: border-box; }
    .stepBoxCom ul li:not(:first-child).on:before, .stepBoxCom ul li:not(:last-child):after {
      content: '';
      position: absolute;
      top: 50%;
      width: 27px;
      height: 23px;
      margin-top: -12px;
      border: solid #e6e6e6;
      border-width: 1px 1px 0 0;
      background: #fff;
      transform: rotate(60deg) skewX(28deg);
      z-index: 1; }
    .stepBoxCom ul li:before {
      left: -15px; }
    .stepBoxCom ul li:after {
      right: -15px; }
    .stepBoxCom ul li:not(:first-child) {
      margin-left: -1px;
      padding-left: 39px; }
    .stepBoxCom ul li:last-child {
      padding-right: 34px; }
    .stepBoxCom ul li.on {
      font-weight: bold;
      border-color: #1c90fb;
      color: #1c90fb;
      background-color: #e9f5ff;
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
      z-index: 1; }
      .stepBoxCom ul li.on:before {
        border-color: #1c90fb !important; }
      .stepBoxCom ul li.on:after {
        border-color: #1c90fb;
        background-color: #e9f5ff; }
      .stepBoxCom ul li.on ~ li, .stepBoxCom ul li.on ~ li:after {
        border-color: #e6e6e6; }
      .stepBoxCom ul li.on .step {
        background-color: #1c90fb;
        color: #ffffff; }
    .stepBoxCom ul li .step {
      margin-right: 6px;
      padding: 1px 6px;
      font-size: 9px;
      font-weight: normal;
      vertical-align: top;
      border-radius: 9px;
      background-color: #e6e6e6;
      color: #a6a6a6; }
      .stepBoxCom ul li .step b {
        font-weight: bold;
        font-size: 11px; }

.stepBoxCom.small ul li {
  height: 32px;
  line-height: 30px;
  border-radius: 2px; }
  .stepBoxCom.small ul li:not(:first-child).on:before, .stepBoxCom.small ul li:not(:last-child):after {
    width: 18px;
    height: 15px;
    margin-top: -8px; }
  .stepBoxCom.small ul li:before {
    left: -10px; }
  .stepBoxCom.small ul li:after {
    right: -10px; }
  .stepBoxCom.small ul li:not(:first-child) {
    padding-left: 30px; }
  .stepBoxCom.small ul li:last-child {
    padding-right: 26px; }

/**************************************************    
   공통 :: 전체, 미진행, 진행, 완료 (상태 박스탭) 디자인    
**************************************************/
.ProgressTab .unit {
  min-width: 190px;
  height: 70px;
  margin: 0 0 0 8px;
  padding: 0 15px;
  border: 1px solid #cccccc;
  border-radius: 10px;
  background-color: #ffffff;
  box-sizing: border-box;
  cursor: pointer; }
  .ProgressTab .unit .txt01 {
    height: 22px;
    font-size: 13px;
    line-height: 22px;
    color: #000000; }
  .ProgressTab .unit .txt02 {
    height: 24px;
    font-size: 13px;
    line-height: 24px;
    color: #000000; }
    .ProgressTab .unit .txt02 b {
      font-size: 18px;
      font-weight: bold;
      line-height: 22px;
      color: #000000;
      letter-spacing: -0.9px;
      margin: 0 2px 0 0; }
  .ProgressTab .unit:first-child {
    margin: 0; }
  .ProgressTab .unit:hover, .ProgressTab .unit.on {
    border: 1px solid #1c90fb; }
    .ProgressTab .unit:hover .chargeIcon, .ProgressTab .unit:hover .spendIcon, .ProgressTab .unit:hover .selesIcon, .ProgressTab .unit.on .chargeIcon, .ProgressTab .unit.on .spendIcon, .ProgressTab .unit.on .selesIcon {
      background-color: #e0f1ff !important; }
  .ProgressTab .unit.on {
    background-color: #f5faff; }
  .ProgressTab .unit.type1 .chargeIcon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #f6f7f9 url(/static/media/tab_all_none.3b23ef22.png) no-repeat center; }
  .ProgressTab .unit.type2 .chargeIcon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #f6f7f9 url(/static/media/tab_charge_notproceed_none.74eadbec.png) no-repeat center; }
  .ProgressTab .unit.type2 .accountIcon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #f6f7f9 url(/static/media/tab_accounting_unissued_none.8b6af0b3.png) no-repeat center; }
  .ProgressTab .unit.type2 .txt02 b {
    color: #919191; }
  .ProgressTab .unit.type3 .chargeIcon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #f6f7f9 url(/static/media/tab_charge_ongoing_none.eb11bbca.png) no-repeat center; }
  .ProgressTab .unit.type3 .spendIcon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #f6f7f9 url(/static/media/tab_spend_approval_none.30344264.png) no-repeat center; }
  .ProgressTab .unit.type3 .selesIcon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #f6f7f9 url(/static/media/tab_selesclose_ongoing_none.6c380d59.png) no-repeat center; }
  .ProgressTab .unit.type3 .accountIcon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #f6f7f9 url(/static/media/tab_accounting_division_ongoing_none.2a2ab77a.png) no-repeat center; }
  .ProgressTab .unit.type3 .txt02 b {
    color: #46a3f0; }
  .ProgressTab .unit.type4 .chargeIcon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #f6f7f9 url(/static/media/tab_charge_fin_none.2315f72a.png) no-repeat center; }
  .ProgressTab .unit.type4 .spendIcon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #f6f7f9 url(/static/media/tab_spend_fin_none.eccea0c2.png) no-repeat center; }
  .ProgressTab .unit.type4 .selesIcon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #f6f7f9 url(/static/media/tab_selesclose_fin_none.399e4cf6.png) no-repeat center; }
  .ProgressTab .unit.type4 .accountIcon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #f6f7f9 url(/static/media/tab_accounting_approval_none.ab14bcbf.png) no-repeat center; }
  .ProgressTab .unit.type4 .txt02 b {
    color: #20c997; }
  .ProgressTab .unit.type5 .chargeIcon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #f6f7f9 url(/static/media/tab_charge_cancel_none.812941fc.png) no-repeat center; }
  .ProgressTab .unit.type5 .spendIcon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #f6f7f9 url(/static/media/tab_spend_delete_01_none.b18e54eb.png) no-repeat center; }
  .ProgressTab .unit.type5 .selesIcon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #f6f7f9 url(/static/media/tab_selesclose_cancel_none.4e478b21.png) no-repeat center; }
  .ProgressTab .unit.type5 .accountIcon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #f6f7f9 url(/static/media/tab_accounting_pend_none.8e65c766.png) no-repeat center; }
  .ProgressTab .unit.type5 .txt02 b {
    color: #ff8787; }
  .ProgressTab .unit.type6 .spendIcon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #f6f7f9 url(/static/media/tab_spend_submit_none.81129a6a.png) no-repeat center; }
  .ProgressTab .unit.type6 .txt02 b {
    color: #f0c325; }
  .ProgressTab .unit.type7 .chargeIcon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #f6f7f9 url(/static/media/tab_charge_write_none.cf126dd8.png) no-repeat center; }
  .ProgressTab .unit.type7 .txt02 b {
    color: #f8a457; }

/**************************************************    
   공통 :: 검증시작 로딩
**************************************************/
.aiProgressLoading {
  border-radius: 16px;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 15, 0.06);
  background-color: #fff; }
  .aiProgressLoading .loadingHeader {
    width: 100%;
    height: 48px;
    padding: 20px 30px 0 30px;
    box-sizing: border-box; }
    .aiProgressLoading .loadingHeader .title {
      letter-spacing: -0.75px;
      color: #000000;
      font-size: 15px;
      font-weight: bold; }
    .aiProgressLoading .loadingHeader .closeBtn {
      width: 13px;
      height: 13px;
      background: url(/static/media/btn-close@2x.a447e994.png) no-repeat center;
      background-size: 13px;
      cursor: pointer;
      z-index: 1; }
  .aiProgressLoading .stepDiv {
    margin: 30px 0 0 0; }
  .aiProgressLoading .loadingText {
    letter-spacing: -0.35px;
    color: #454545;
    font-size: 14px;
    text-align: center; }
  .aiProgressLoading .progressDiv {
    margin: 25px auto 0 auto; }
    .aiProgressLoading .progressDiv .progress {
      position: relative;
      width: 256px;
      height: 10px;
      border-radius: 5px;
      background-color: #dcdfe5;
      overflow: hidden; }
      .aiProgressLoading .progressDiv .progress .bar {
        height: 10px;
        border-radius: 5px;
        background-image: linear-gradient(to right, #b238ff, #538cff); }
    .aiProgressLoading .progressDiv .per {
      margin: 0 0 0 9px;
      font-size: 14px;
      font-weight: normal;
      line-height: 38px;
      letter-spacing: -0.35px;
      color: #000000; }
  .aiProgressLoading .progressDiv02 {
    margin: 45px auto 0 auto; }
    .aiProgressLoading .progressDiv02 .progress {
      position: relative;
      width: 256px;
      height: 16px;
      border-radius: 8px;
      background-color: #dcdfe5;
      overflow: hidden; }
      .aiProgressLoading .progressDiv02 .progress .bar {
        height: 16px;
        border-radius: 8px;
        background-image: linear-gradient(to right, #b238ff 28%, #538cff);
        text-align: right;
        overflow: hidden; }
        .aiProgressLoading .progressDiv02 .progress .bar .txt {
          margin: 0 10px 0 0;
          font-size: 11px;
          font-weight: bold;
          line-height: 16px;
          letter-spacing: -0.32px;
          color: #ffffff; }
  .aiProgressLoading .text01 {
    margin: 20px 0 0 0;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    line-height: 32px;
    letter-spacing: -0.55px;
    color: #000000; }

/**************************************************    
   공통 :: 사이드바 콘텐츠
**************************************************/
.sideBarCom {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  grid-gap: 5px;
  gap: 5px;
  padding: 5px; }
  .sideBarCom.bgGray {
    background-color: #f5f5f5; }
  .sideBarCom .sideBarWrap {
    border-radius: 4px;
    border: 1px solid #cccccc;
    box-sizing: border-box;
    overflow: hidden;
    background-color: #ffffff; }
    .sideBarCom .sideBarWrap.up .sideBarTitle {
      color: #1c90fb;
      background: url(/static/media/ic_arrow_up_01_s_normal@2x.187a79fe.png) no-repeat right 10px center;
      background-size: 14px; }
      .sideBarCom .sideBarWrap.up .sideBarTitle.ico1::before {
        background: url(/static/media/ic_sb_ing_select@2x.0f4560d0.png) no-repeat left center;
        background-size: 18px; }
      .sideBarCom .sideBarWrap.up .sideBarTitle.ico2::before {
        background: url(/static/media/ic_sb_ing_cancel_select@2x.8ef22427.png) no-repeat left center;
        background-size: 18px; }
      .sideBarCom .sideBarWrap.up .sideBarTitle.ico3::before {
        background: url(/static/media/ic_sb_check_select@2x.79028253.png) no-repeat left center;
        background-size: 18px; }
      .sideBarCom .sideBarWrap.up .sideBarTitle.ico4::before {
        background: url(/static/media/ic_sb_check_cancel_select@2x.14aa365b.png) no-repeat left center;
        background-size: 18px; }
    .sideBarCom .sideBarWrap.down .sideBarTitle {
      background: url(/static/media/ic_arrow_down_01_s_normal@2x.92ecf592.png) no-repeat right 10px center;
      background-size: 14px; }
    .sideBarCom .sideBarWrap .sideBarTitle {
      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 12px 9px 12px 11px;
      font-weight: bold;
      cursor: pointer; }
      .sideBarCom .sideBarWrap .sideBarTitle.ico1::before {
        content: '';
        width: 18px;
        height: 18px;
        margin-right: 6px;
        background: url(/static/media/ic_sb_ing_normal@2x.79fb8106.png) no-repeat left center;
        background-size: 18px; }
      .sideBarCom .sideBarWrap .sideBarTitle.ico2::before {
        content: '';
        width: 18px;
        height: 18px;
        margin-right: 6px;
        background: url(/static/media/ic_sb_ing_cancel_normal@2x.efdfd770.png) no-repeat left center;
        background-size: 18px; }
      .sideBarCom .sideBarWrap .sideBarTitle.ico3::before {
        content: '';
        width: 18px;
        height: 18px;
        margin-right: 6px;
        background: url(/static/media/ic_sb_check_normal@2x.394ceb3e.png) no-repeat left center;
        background-size: 18px; }
      .sideBarCom .sideBarWrap .sideBarTitle.ico4::before {
        content: '';
        width: 18px;
        height: 18px;
        margin-right: 6px;
        background: url(/static/media/ic_sb_check_cancel_normal@2x.9447059f.png) no-repeat left center;
        background-size: 18px; }
    .sideBarCom .sideBarWrap .sideBarContent {
      padding: 10px 9px;
      border-top: 1px solid #cccccc;
      box-sizing: border-box; }
      .sideBarCom .sideBarWrap .sideBarContent .info {
        margin-bottom: 8px; }
        .sideBarCom .sideBarWrap .sideBarContent .info:last-child {
          margin-bottom: 0; }
        .sideBarCom .sideBarWrap .sideBarContent .info p {
          font-size: 11px;
          color: #8c8c8c; }
        .sideBarCom .sideBarWrap .sideBarContent .info .text_red {
          color: #ff8787 !important; }

/**************************************************    
   공통 :: 컨텐츠 전체스크롤 및 Top 적용
**************************************************/
.fixBoxCon {
  max-height: 0;
  position: sticky;
  position: -webkit-sticky;
  top: 0px;
  bottom: 0px; }

/**************************************************    
   팝업 :: 컨텍스트 팝업
**************************************************/
.contactPopup {
  display: flex;
  position: absolute;
  top: 0;
  right: 20px;
  z-index: 100;
  box-shadow: 4px 6px 20px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #e6e6e6;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: column; }
  .contactPopup .arrow {
    position: absolute;
    border: solid 1px #e6e6e6;
    background: #ffffff;
    z-index: -1;
    width: 12px;
    height: 12px; }
    .contactPopup .arrow.topLeft {
      top: -7px;
      left: 21px;
      border-width: 1px 0px 0px 1px;
      transform: rotate(45deg); }
    .contactPopup .arrow.topCenter {
      top: -7px;
      left: 50%;
      border-width: 1px 0px 0px 1px;
      transform: rotate(45deg); }
    .contactPopup .arrow.topRight {
      top: -7px;
      right: 21px;
      border-width: 1px 0px 0px 1px;
      transform: rotate(45deg); }
    .contactPopup .arrow.leftTop {
      top: 21px;
      left: -7px;
      border-width: 1px 0px 0px 1px;
      transform: rotate(-45deg); }
    .contactPopup .arrow.leftCenter {
      top: 50%;
      left: -7px;
      border-width: 1px 0px 0px 1px;
      transform: rotate(-45deg); }
    .contactPopup .arrow.leftBottom {
      bottom: 21px;
      left: -7px;
      border-width: 1px 0px 0px 1px;
      transform: rotate(-45deg); }
    .contactPopup .arrow.rightTop {
      top: 21px;
      right: -7px;
      border-width: 0 1px 1px 0;
      transform: rotate(-45deg); }
    .contactPopup .arrow.rightCenter {
      top: 50%;
      right: -7px;
      border-width: 0 1px 1px 0;
      transform: rotate(-45deg); }
    .contactPopup .arrow.rightBottom {
      bottom: 21px;
      right: -7px;
      border-width: 0 1px 1px 0;
      transform: rotate(-45deg); }
    .contactPopup .arrow.bottomLeft {
      bottom: -7px;
      left: 21px;
      border-width: 0px 1px 1px 0;
      transform: rotate(45deg); }
    .contactPopup .arrow.bottomCenter {
      bottom: -7px;
      left: 50%;
      border-width: 0px 1px 1px 0;
      transform: rotate(45deg); }
    .contactPopup .arrow.bottomRight {
      bottom: -7px;
      right: 21px;
      border-width: 0px 1px 1px 0;
      transform: rotate(45deg); }
  .contactPopup .titleWrap {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ebebeb;
    height: 56px;
    padding: 0 20px; }
    .contactPopup .titleWrap .title {
      display: flex;
      align-items: center;
      color: #000;
      font-size: 18px;
      font-weight: bold; }
    .contactPopup .titleWrap .popClose {
      width: 24px;
      height: 24px;
      background: url(/static/media/ic_btn_close_normal@2x.a93a1266.png) no-repeat center/24px;
      cursor: pointer;
      border: none; }

/**************************************************    
   공통 :: Quick Top 버튼 (맨위로 버튼)
**************************************************/
.pubQuickTopBtn {
  z-index: 999;
  position: fixed;
  right: 20px;
  bottom: 15px;
  width: 36px;
  height: 36px;
  border-radius: 54px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  background: rgba(48, 60, 82, 0.8) url(/static/media/ic_quick_top_s@2x.219c0e4b.png) no-repeat center;
  background-size: 36px;
  cursor: pointer;
  box-sizing: border-box;
  font-size: 0px; }
  .pubQuickTopBtn:hover {
    background: rgba(48, 60, 82, 0.95) url(/static/media/ic_quick_top_s@2x.219c0e4b.png) no-repeat center;
    background-size: 36px; }


/*# sourceMappingURL=main.37956e39.chunk.css.map*/