@charset "UTF-8";
html {
  height: 100%;
}
html body.login {
  overflow: visible;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-family: "Noto Sans KR", "Noto Sans KR Local", "돋움", sans-serif;
  font-weight: 400;
  background: url(/resources/mrs2/css/manager/faceLiftImg/login/loginPage.jpg) no-repeat;
  background-size: cover;
}
@media all and (max-width: 1024px) {
  html body.login {
    background-image: none;
    background-color: #FFFFFF;
  }
}
html body.login #loginForm {
  padding: 50px;
  border-radius: 20px;
  background-color: #FFFFFF;
}
html body.login #loginForm .login-wrapper .login-form-logo h1 {
  margin-bottom: 15px;
}
html body.login #loginForm .login-wrapper .login-form-logo h1 img {
  width: 150px;
  height: 50px;
}
html body.login #loginForm .login-wrapper .login-form-logo #loginFormLogoText {
  width: 100%;
  height: 37px;
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 30px;
  color: #283442;
}
html body.login #loginForm .login-wrapper .login-form-wrapper .loginText {
  width: 400px;
  height: 48px;
  border: 2px solid #F1F3FB;
  border-radius: 5px;
  padding-left: 20px;
  margin-bottom: 15px;
  background-color: #F1F3FB;
  box-sizing: border-box;
  font-size: 17px;
  font-family: "Noto Sans CJK KR", "Noto Sans KR", "Noto Sans KR Local", "돋움";
  color: #1c252f;
}
html body.login #loginForm .login-wrapper .login-form-wrapper .loginText::-moz-placeholder {
  color: #ADB3C2;
}
html body.login #loginForm .login-wrapper .login-form-wrapper .loginText::placeholder {
  color: #ADB3C2;
}
html body.login #loginForm .login-wrapper .login-form-wrapper .loginText:focus, html body.login #loginForm .login-wrapper .login-form-wrapper .loginText:hover, html body.login #loginForm .login-wrapper .login-form-wrapper .loginText:active {
  border: 2px solid #F1F3FB;
  background-color: #ffffff;
}
html body.login #loginForm .login-wrapper .login-form-wrapper .loginText:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #F1F3FB inset !important;
  -webkit-text-fill-color: #1c252f;
}
html body.login #loginForm .login-wrapper .login-form-wrapper .login-row3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 15px 0;
}
html body.login #loginForm .login-wrapper .login-form-wrapper .login-row3 #saveTF {
  display: none;
}
html body.login #loginForm .login-wrapper .login-form-wrapper .login-row3 .checkbox + .label {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 18px;
  border: none;
  margin-right: 5px;
  top: 1px;
}
html body.login #loginForm .login-wrapper .login-form-wrapper .login-row3 .checkbox + .label:before {
  content: "";
  position: relative;
  border-radius: 4px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/dash_white_icon.svg") no-repeat #C6C8D1;
}
html body.login #loginForm .login-wrapper .login-form-wrapper .login-row3 .checkbox:checked + .label:before {
  content: "\f00c";
  background: #00C17C;
  border-color: #00C17C;
  color: white;
  line-height: 18px;
}
html body.login #loginForm .login-wrapper .login-form-wrapper .login-row3 .middle-set {
  display: flex;
  color: #6A7684;
  font-size: 15px;
}
html body.login #loginForm .login-wrapper .login-form-wrapper .login-row3 .pull-right a {
  float: initial;
  color: #6A7684;
  font-size: 15px;
}
html body.login #loginForm .submit-wrapper .errorMsg .loginerrmsgbox {
  color: #F4361E;
  font-size: 14px;
  margin: 30px 0 30px 0;
  white-space: pre;
}
html body.login #loginForm .submit-wrapper .btn-wrapper #btn-login {
  color: #FFFFFF;
  width: 100%;
  height: 48px;
  border-radius: 30px;
  opacity: 1;
  margin: 15px 0px;
  background-color: #262F40;
  border: none;
}
html body.login #loginForm .submit-wrapper .btn-wrapper #btn-login:after {
  content: "로그인하기";
  font-size: 17px;
}
html body.login #loginForm .line {
  width: 400px;
  height: 1px;
  background-color: #E7EAF1;
  margin: 15px 0px;
}
html body.login #loginForm .logininfo {
  display: inline-block;
  color: #6A7684;
  font-size: 13px;
  margin: 15px 0 0 0;
}
html body.login #loginForm .logininfo .loginManager {
  margin-bottom: 3px;
}
html body.login #loginForm .logininfo .section-line {
  display: inline-flex;
  align-items: center;
}
html body.login #loginForm .logininfo .loginInfoLine {
  display: inline-block;
  width: 1px;
  height: 10px;
  margin: 0 7px;
  background-color: #E7EAF1;
}
html body.login #msg-browser {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #FFFFFF;
  font-size: 13px;
  margin-top: 30px;
}
@media all and (max-width: 1024px) {
  html body.login #msg-browser {
    flex-direction: row;
    color: #6A7684;
  }
}
html body.login #msg-browser .chrome-link {
  color: #FFFFFF;
  border: 2px solid #FFFFFF;
  border-radius: 5px;
  margin-top: 26px;
}
@media all and (max-width: 1024px) {
  html body.login #msg-browser .chrome-link {
    border: 2px solid #6A7684;
    color: #6A7684;
    margin-top: 0;
    margin-left: 36px;
  }
}
html body.login #msg-browser .chrome-link .text {
  margin: 28px 7px;
}
@charset "UTF-8";
body#select-product-wrapper {
  overflow: hidden;
  height: 100%;
}

div.select-product {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  overflow: auto;
}
div.select-product a,
div.select-product body,
div.select-product button,
div.select-product input,
div.select-product select,
div.select-product table,
div.select-product textarea {
  letter-spacing: 1px;
}
@keyframes move {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
div.select-product .header-wrapper.__renewal {
  min-width: 1000px !important;
  width: 100% !important;
}
div.select-product .header-wrapper.__renewal .header-content .menu {
  min-width: auto !important;
}
div.select-product .main-wrapper {
  min-width: 1000px !important;
  width: 100%;
  height: calc(100% - 64px);
  overflow: hidden auto;
}
div.select-product .main-wrapper:before {
  max-width: none;
  background-color: #f8f9fc;
  position: unset;
}
div.select-product .main-wrapper .content-wrapper {
  display: flex;
  background-color: #ffffff;
  width: 1000px;
  margin: 0 auto;
}
@media (min-width: 1321px) {
  div.select-product .main-wrapper .content-wrapper {
    width: 1320px;
  }
}
div.select-product .main-wrapper .content-wrapper .services {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
div.select-product .main-wrapper .content-wrapper .services header {
  width: 100%;
  text-align: center;
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
  animation-name: move;
  animation-delay: 0s;
  animation-duration: 0.5s;
  animation-fill-mode: backwards;
}
div.select-product .main-wrapper .content-wrapper .services header h1 {
  margin: 60px 0 16px 0;
  color: #283442;
  font: normal normal 800 45px NanumSquare;
}
div.select-product .main-wrapper .content-wrapper .services header h2 {
  font-size: 20px;
  color: #283442;
  font: normal normal 400 20px "Noto Sans CJK KR", "Noto Sans KR", "Noto Sans KR Local", "돋움";
}
div.select-product .main-wrapper .content-wrapper .services a:nth-child(1) {
  animation-name: move;
  animation-delay: 0s;
  animation-duration: 0.2s;
  animation-fill-mode: backwards;
}
div.select-product .main-wrapper .content-wrapper .services a:nth-child(2) {
  animation-name: move;
  animation-delay: 0.2s;
  animation-duration: 0.4s;
  animation-fill-mode: backwards;
}
div.select-product .main-wrapper .content-wrapper .services a:nth-child(3) {
  animation-name: move;
  animation-delay: 0.4s;
  animation-duration: 0.6s;
  animation-fill-mode: backwards;
}
div.select-product .main-wrapper .content-wrapper .services a:nth-child(4) {
  animation-name: move;
  animation-delay: 0.6s;
  animation-duration: 0.8s;
  animation-fill-mode: backwards;
}
div.select-product .main-wrapper .content-wrapper .services a:nth-child(5) {
  animation-name: move;
  animation-delay: 0.8s;
  animation-duration: 1s;
  animation-fill-mode: backwards;
}
div.select-product .main-wrapper .content-wrapper .services a:nth-child(6) {
  animation-name: move;
  animation-delay: 1s;
  animation-duration: 1.2s;
  animation-fill-mode: backwards;
}
div.select-product .main-wrapper .content-wrapper .services a:nth-child(7) {
  animation-name: move;
  animation-delay: 1.2s;
  animation-duration: 1.4s;
  animation-fill-mode: backwards;
}
div.select-product .main-wrapper .content-wrapper .services a:nth-child(8) {
  animation-name: move;
  animation-delay: 1.4s;
  animation-duration: 1.6s;
  animation-fill-mode: backwards;
}
div.select-product .main-wrapper .content-wrapper .services a:nth-child(9) {
  animation-name: move;
  animation-delay: 1.6s;
  animation-duration: 1.8s;
  animation-fill-mode: backwards;
}
div.select-product .main-wrapper .content-wrapper .services a:nth-child(10) {
  animation-name: move;
  animation-delay: 1.8s;
  animation-duration: 2s;
  animation-fill-mode: backwards;
}
div.select-product .main-wrapper .content-wrapper .services a:nth-child(11) {
  animation-name: move;
  animation-delay: 2s;
  animation-duration: 2.2s;
  animation-fill-mode: backwards;
}
div.select-product .main-wrapper .content-wrapper .services a:nth-child(12) {
  animation-name: move;
  animation-delay: 2.2s;
  animation-duration: 2.4s;
  animation-fill-mode: backwards;
}
div.select-product .main-wrapper .content-wrapper .services a:nth-child(13) {
  animation-name: move;
  animation-delay: 2.4s;
  animation-duration: 2.6s;
  animation-fill-mode: backwards;
}
div.select-product .main-wrapper .content-wrapper .services a:nth-child(14) {
  animation-name: move;
  animation-delay: 2.6s;
  animation-duration: 2.8s;
  animation-fill-mode: backwards;
}
div.select-product .main-wrapper .content-wrapper .services a:nth-child(15) {
  animation-name: move;
  animation-delay: 2.8s;
  animation-duration: 3s;
  animation-fill-mode: backwards;
}
div.select-product .main-wrapper .content-wrapper .services a {
  display: inline-block;
  margin: 20px;
  vertical-align: top;
  position: relative;
}
div.select-product .main-wrapper .content-wrapper .services a .version-badge {
  transition: top 0.1s ease-in, left 0.1s ease-in;
  color: white;
  background-color: #B8C3CE;
  border-radius: 4px;
  position: absolute;
  top: 10px;
  left: 10px;
  line-height: 1;
  padding: 4px;
  letter-spacing: normal;
  font-size: 11px;
  z-index: 999;
}
div.select-product .main-wrapper .content-wrapper .services a .service {
  width: 290px;
  height: 390px;
  border-radius: 8px;
  text-align: center;
  display: inline-block;
  background-color: #ffffff;
  box-shadow: 20px 30px 30px rgb(213, 216, 220);
  transition: 0.3s cubic-bezier(0.07, 1, 1, 1);
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_INSIGHT_ADMIN]:hover {
  box-shadow: 29px 43px 52px rgba(181, 185, 190, 0.8);
  transition: 0.1s ease-in;
  transform: translate(-5px, -5px);
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_INSIGHT_ADMIN]:hover:before {
  transition: 0.3s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_INSIGHT_ADMIN]:hover .service-info .service-footer {
  background-color: #00c17c;
  transition: 0.2s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_INSIGHT_ADMIN]:before {
  width: 230px;
  height: 150px;
  content: "";
  display: block;
  margin: 30px auto 0px;
  border-radius: 8px;
  background-size: cover;
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/selectProduct/MIDAS_INSIGHT_ADMIN.png");
  transition: 0.3s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_INSIGHT2_ADMIN]:hover {
  box-shadow: 29px 43px 52px rgba(181, 185, 190, 0.8);
  transition: 0.1s ease-in;
  transform: translate(-5px, -5px);
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_INSIGHT2_ADMIN]:hover:before {
  transition: 0.3s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_INSIGHT2_ADMIN]:hover .service-info .service-footer {
  background-color: #00c17c;
  transition: 0.2s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_INSIGHT2_ADMIN]:before {
  width: 230px;
  height: 150px;
  content: "";
  display: block;
  margin: 30px auto 0px;
  border-radius: 8px;
  background-size: cover;
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/selectProduct/MIDAS_INSIGHT2_ADMIN.png");
  transition: 0.3s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_INSIGHT2_ADMIN_JOBFLEX]:hover {
  box-shadow: 29px 43px 52px rgba(181, 185, 190, 0.8);
  transition: 0.1s ease-in;
  transform: translate(-5px, -5px);
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_INSIGHT2_ADMIN_JOBFLEX]:hover:before {
  transition: 0.3s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_INSIGHT2_ADMIN_JOBFLEX]:hover .service-info .service-footer {
  background-color: #00c17c;
  transition: 0.2s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_INSIGHT2_ADMIN_JOBFLEX]:before {
  width: 230px;
  height: 150px;
  content: "";
  display: block;
  margin: 30px auto 0px;
  border-radius: 8px;
  background-size: cover;
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/selectProduct/MIDAS_INSIGHT2_ADMIN_JOBFLEX.png");
  transition: 0.3s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_INSIGHT2_ADMIN_JOBDA]:hover {
  box-shadow: 29px 43px 52px rgba(181, 185, 190, 0.8);
  transition: 0.1s ease-in;
  transform: translate(-5px, -5px);
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_INSIGHT2_ADMIN_JOBDA]:hover:before {
  transition: 0.3s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_INSIGHT2_ADMIN_JOBDA]:hover .service-info .service-footer {
  background-color: #00c17c;
  transition: 0.2s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_INSIGHT2_ADMIN_JOBDA]:before {
  width: 230px;
  height: 150px;
  content: "";
  display: block;
  margin: 30px auto 0px;
  border-radius: 8px;
  background-size: cover;
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/selectProduct/MIDAS_INSIGHT2_ADMIN_JOBDA.png");
  transition: 0.3s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_INSIGHT_EVAL]:hover {
  box-shadow: 29px 43px 52px rgba(181, 185, 190, 0.8);
  transition: 0.1s ease-in;
  transform: translate(-5px, -5px);
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_INSIGHT_EVAL]:hover:before {
  transition: 0.3s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_INSIGHT_EVAL]:hover .service-info .service-footer {
  background-color: #00c17c;
  transition: 0.2s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_INSIGHT_EVAL]:before {
  width: 230px;
  height: 150px;
  content: "";
  display: block;
  margin: 30px auto 0px;
  border-radius: 8px;
  background-size: cover;
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/selectProduct/MIDAS_INSIGHT_EVAL.png");
  transition: 0.3s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_INSIGHT_EVAL_V2_JOBDA]:hover {
  box-shadow: 29px 43px 52px rgba(181, 185, 190, 0.8);
  transition: 0.1s ease-in;
  transform: translate(-5px, -5px);
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_INSIGHT_EVAL_V2_JOBDA]:hover:before {
  transition: 0.3s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_INSIGHT_EVAL_V2_JOBDA]:hover .service-info .service-footer {
  background-color: #00c17c;
  transition: 0.2s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_INSIGHT_EVAL_V2_JOBDA]:before {
  width: 230px;
  height: 150px;
  content: "";
  display: block;
  margin: 30px auto 0px;
  border-radius: 8px;
  background-size: cover;
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/selectProduct/MIDAS_INSIGHT_EVAL_V2_JOBDA.png");
  transition: 0.3s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_INSIGHT_EVAL_JOBFLEX]:hover {
  box-shadow: 29px 43px 52px rgba(181, 185, 190, 0.8);
  transition: 0.1s ease-in;
  transform: translate(-5px, -5px);
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_INSIGHT_EVAL_JOBFLEX]:hover:before {
  transition: 0.3s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_INSIGHT_EVAL_JOBFLEX]:hover .service-info .service-footer {
  background-color: #00c17c;
  transition: 0.2s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_INSIGHT_EVAL_JOBFLEX]:before {
  width: 230px;
  height: 150px;
  content: "";
  display: block;
  margin: 30px auto 0px;
  border-radius: 8px;
  background-size: cover;
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/selectProduct/MIDAS_INSIGHT_EVAL_JOBFLEX.png");
  transition: 0.3s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_INSIGHT_EVAL_JOBDA]:hover {
  box-shadow: 29px 43px 52px rgba(181, 185, 190, 0.8);
  transition: 0.1s ease-in;
  transform: translate(-5px, -5px);
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_INSIGHT_EVAL_JOBDA]:hover:before {
  transition: 0.3s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_INSIGHT_EVAL_JOBDA]:hover .service-info .service-footer {
  background-color: #00c17c;
  transition: 0.2s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_INSIGHT_EVAL_JOBDA]:before {
  width: 230px;
  height: 150px;
  content: "";
  display: block;
  margin: 30px auto 0px;
  border-radius: 8px;
  background-size: cover;
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/selectProduct/MIDAS_INSIGHT_EVAL_JOBDA.png");
  transition: 0.3s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_INSEED_ADMIN]:hover {
  box-shadow: 29px 43px 52px rgba(181, 185, 190, 0.8);
  transition: 0.1s ease-in;
  transform: translate(-5px, -5px);
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_INSEED_ADMIN]:hover:before {
  transition: 0.3s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_INSEED_ADMIN]:hover .service-info .service-footer {
  background-color: #00c17c;
  transition: 0.2s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_INSEED_ADMIN]:before {
  width: 230px;
  height: 150px;
  content: "";
  display: block;
  margin: 30px auto 0px;
  border-radius: 8px;
  background-size: cover;
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/selectProduct/MIDAS_INSEED_ADMIN.png");
  transition: 0.3s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_CONFIG]:hover {
  box-shadow: 29px 43px 52px rgba(181, 185, 190, 0.8);
  transition: 0.1s ease-in;
  transform: translate(-5px, -5px);
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_CONFIG]:hover:before {
  transition: 0.3s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_CONFIG]:hover .service-info .service-footer {
  background-color: #00c17c;
  transition: 0.2s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_CONFIG]:before {
  width: 230px;
  height: 150px;
  content: "";
  display: block;
  margin: 30px auto 0px;
  border-radius: 8px;
  background-size: cover;
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/selectProduct/MIDAS_CONFIG.png");
  transition: 0.3s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_INTERVIEW_ADMIN]:hover {
  box-shadow: 29px 43px 52px rgba(181, 185, 190, 0.8);
  transition: 0.1s ease-in;
  transform: translate(-5px, -5px);
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_INTERVIEW_ADMIN]:hover:before {
  transition: 0.3s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_INTERVIEW_ADMIN]:hover .service-info .service-footer {
  background-color: #00c17c;
  transition: 0.2s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_INTERVIEW_ADMIN]:before {
  width: 230px;
  height: 150px;
  content: "";
  display: block;
  margin: 30px auto 0px;
  border-radius: 8px;
  background-size: cover;
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/selectProduct/MIDAS_INTERVIEW_ADMIN.png");
  transition: 0.3s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_INTERVIEW_ADMIN_JOBFLEX]:hover {
  box-shadow: 29px 43px 52px rgba(181, 185, 190, 0.8);
  transition: 0.1s ease-in;
  transform: translate(-5px, -5px);
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_INTERVIEW_ADMIN_JOBFLEX]:hover:before {
  transition: 0.3s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_INTERVIEW_ADMIN_JOBFLEX]:hover .service-info .service-footer {
  background-color: #00c17c;
  transition: 0.2s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_INTERVIEW_ADMIN_JOBFLEX]:before {
  width: 230px;
  height: 150px;
  content: "";
  display: block;
  margin: 30px auto 0px;
  border-radius: 8px;
  background-size: cover;
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/selectProduct/MIDAS_INTERVIEW_ADMIN_JOBFLEX.png");
  transition: 0.3s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=HELP_DESK]:hover {
  box-shadow: 29px 43px 52px rgba(181, 185, 190, 0.8);
  transition: 0.1s ease-in;
  transform: translate(-5px, -5px);
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=HELP_DESK]:hover:before {
  transition: 0.3s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=HELP_DESK]:hover .service-info .service-footer {
  background-color: #00c17c;
  transition: 0.2s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=HELP_DESK]:before {
  width: 230px;
  height: 150px;
  content: "";
  display: block;
  margin: 30px auto 0px;
  border-radius: 8px;
  background-size: cover;
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/selectProduct/HELP_DESK.png");
  transition: 0.3s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=JOBDA_HELP_DESK]:hover {
  box-shadow: 29px 43px 52px rgba(181, 185, 190, 0.8);
  transition: 0.1s ease-in;
  transform: translate(-5px, -5px);
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=JOBDA_HELP_DESK]:hover:before {
  transition: 0.3s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=JOBDA_HELP_DESK]:hover .service-info .service-footer {
  background-color: #00c17c;
  transition: 0.2s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=JOBDA_HELP_DESK]:before {
  width: 230px;
  height: 150px;
  content: "";
  display: block;
  margin: 30px auto 0px;
  border-radius: 8px;
  background-size: cover;
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/selectProduct/JOBDA_HELP_DESK.png");
  transition: 0.3s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_ACC_ADMIN]:hover {
  box-shadow: 29px 43px 52px rgba(181, 185, 190, 0.8);
  transition: 0.1s ease-in;
  transform: translate(-5px, -5px);
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_ACC_ADMIN]:hover:before {
  transition: 0.3s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_ACC_ADMIN]:hover .service-info .service-footer {
  background-color: #00c17c;
  transition: 0.2s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_ACC_ADMIN]:before {
  width: 230px;
  height: 150px;
  content: "";
  display: block;
  margin: 30px auto 0px;
  border-radius: 8px;
  background-size: cover;
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/selectProduct/MIDAS_ACC_ADMIN.png");
  transition: 0.3s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_JOBDA_DEV_ADMIN]:hover {
  box-shadow: 29px 43px 52px rgba(181, 185, 190, 0.8);
  transition: 0.1s ease-in;
  transform: translate(-5px, -5px);
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_JOBDA_DEV_ADMIN]:hover:before {
  transition: 0.3s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_JOBDA_DEV_ADMIN]:hover .service-info .service-footer {
  background-color: #00c17c;
  transition: 0.2s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_JOBDA_DEV_ADMIN]:before {
  width: 230px;
  height: 150px;
  content: "";
  display: block;
  margin: 30px auto 0px;
  border-radius: 8px;
  background-size: cover;
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/selectProduct/MIDAS_JOBDA_DEV_ADMIN.png");
  transition: 0.3s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=HDOT_AGENT]:hover {
  box-shadow: 29px 43px 52px rgba(181, 185, 190, 0.8);
  transition: 0.1s ease-in;
  transform: translate(-5px, -5px);
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=HDOT_AGENT]:hover:before {
  transition: 0.3s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=HDOT_AGENT]:hover .service-info .service-footer {
  background-color: #00c17c;
  transition: 0.2s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=HDOT_AGENT]:before {
  width: 230px;
  height: 150px;
  content: "";
  display: block;
  margin: 30px auto 0px;
  border-radius: 8px;
  background-size: cover;
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/selectProduct/HDOT_AGENT.png");
  transition: 0.3s ease-in;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=JOBDA_PR]:before {
  display: block;
  content: "";
  height: 100%;
  border-radius: 8px;
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/selectProduct/JOBDA_PR.png");
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=JOBDA_PR]:hover {
  box-shadow: 29px 43px 52px rgba(181, 185, 190, 0.8);
  transition: 0.1s ease-in;
  transform: translate(-5px, -5px);
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=PROMOTION]:before {
  display: block;
  content: "";
  height: 100%;
  border-radius: 8px;
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/selectProduct/PROMOTION.png");
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=PROMOTION]:hover {
  box-shadow: 29px 43px 52px rgba(181, 185, 190, 0.8);
  transition: 0.1s ease-in;
  transform: translate(-5px, -5px);
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=INHR_PR]:before {
  display: block;
  content: "";
  height: 100%;
  border-radius: 8px;
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/selectProduct/INHR_PR.png");
  background-position-x: -40px;
  background-position-y: -36px;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=INHR_PR]:hover {
  box-shadow: 29px 43px 52px rgba(181, 185, 190, 0.8);
  transition: 0.1s ease-in;
  transform: translate(-5px, -5px);
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=JOBDA_AD]:before {
  display: block;
  content: "";
  height: 100%;
  border-radius: 8px;
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/selectProduct/JOBDA_AD.png");
  background-repeat: no-repeat;
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_INTERVIEW_ADMIN_JOBFLEX_BANNER]:before {
  display: block;
  content: "";
  height: 100%;
  border-radius: 8px;
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/selectProduct/INTERVIEW_PR.png");
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_ACC_ADMIN_BANNER]:before {
  display: block;
  content: "";
  height: 100%;
  border-radius: 8px;
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/selectProduct/ACC_PR.png");
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=MIDAS_JOBDA_DEV_ADMIN_BANNER]:before {
  display: block;
  content: "";
  height: 100%;
  border-radius: 8px;
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/selectProduct/MIDAS_JOBDA_DEV_ADMIN.png");
}
div.select-product .main-wrapper .content-wrapper .services a .service[data-code=HDOT_AGENT]:before {
  width: 230px;
  height: 150px;
  display: block;
  content: "";
  border-radius: 8px;
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/selectProduct/HDOT_AGENT.png");
}
div.select-product .main-wrapper .content-wrapper .services a .service .service-info h3 {
  margin: 10px;
  color: #283442;
  font-size: 20px;
  letter-spacing: 0;
}
div.select-product .main-wrapper .content-wrapper .services a .service .service-info .middleText {
  margin-top: -25px;
  height: 45px;
  color: #00c17c;
  font: normal normal bold 12px/60px Roboto;
  font-size: 12px;
  letter-spacing: 0.5px;
}
div.select-product .main-wrapper .content-wrapper .services a .service .service-info .infoText {
  color: #6a7684;
  font-size: 14px;
  letter-spacing: 0;
}
div.select-product .main-wrapper .content-wrapper .services a .service .service-footer {
  width: 28px;
  height: 28px;
  margin: 15px auto 37px auto;
  border-radius: 50%;
  overflow: hidden;
  color: transparent;
  background-color: #1c252f;
  background-image: url(/resources/mrs2/css/manager/faceLiftImg/selectProduct/arrowIcon.svg);
  background-repeat: no-repeat;
  background-position: center;
}
div.select-product .popUp {
  overflow: hidden;
  position: absolute;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #19283d;
  z-index: 9999;
}
div.select-product .popUp .close {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding-left: 11px;
  height: 35px;
  line-height: 35px;
  background: #3f4553;
  color: #fff;
  text-align: left;
}
div.select-product .popUp .close .checkbox:before {
  min-width: 14px;
  height: 14px;
  border-color: #fff;
  color: #2cb4d4;
}
div.select-product .popUp .close label {
  position: relative;
}
div.select-product .popUp .close label:before {
  min-width: 14px;
  height: 14px;
  border-color: #fff;
  color: #2cb4d4;
}
div.select-product .popUp .close .button {
  position: absolute;
  top: 6px;
  right: 5px;
  width: 40px;
  height: 24px;
  line-height: 24px;
  background: #8a93a7;
  color: #fff;
  border: none;
}
div.select-product .popUp .close .button:active {
  top: 7px;
  right: 4px;
}
@charset "UTF-8";
/***********************************************************************

                              RENEWAL STYLE

***********************************************************************/
.__renewal.sticky {
  position: sticky;
  z-index: 10020;
  width: 100%;
}
.__renewal input[type=password].text {
  box-sizing: border-box;
  font-weight: 500;
  color: #343a40;
  border: 2px solid #f5f6f7;
  border-radius: 5px;
  background-color: #f5f6f7;
  padding: 0 10px 0 10px;
  height: 32px !important;
  width: 100%;
}
.__renewal input[type=password].text:hover {
  border-color: #f1f3fb;
  background-color: #ffffff;
}
.__renewal input[type=password].text:disabled {
  border-color: #dbdee8;
  background-color: #dbdee8;
}
.__renewal input[type=password].text:focus {
  border-color: #f1f3fb;
  background-color: #ffffff;
}
.__renewal input[type=password].text::-moz-placeholder {
  color: #adb3c2;
}
.__renewal input[type=password].text::placeholder {
  color: #adb3c2;
}
.__renewal #passwordChangePopupFaceLift {
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: relative;
}
.__renewal #passwordChangePopupFaceLift > img {
  display: block;
  margin: 0 auto;
}
.__renewal #passwordChangePopupFaceLift .face-lift-password-msg-box {
  text-align: center;
  display: block;
}
.__renewal #passwordChangePopupFaceLift .face-lift-password-msg-box .face-lift-password-msg {
  margin-top: 24px;
}
.__renewal #passwordChangePopupFaceLift .face-lift-password-msg-box .face-lift-password-msg h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
.__renewal #passwordChangePopupFaceLift .face-lift-password-msg-box .face-lift-password-msg p {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  white-space: pre-wrap;
}
.__renewal #passwordChangePopupFaceLift .facelift-password-table {
  border-top: 1px solid #e7eaf1;
  border-bottom: 1px solid #e7eaf1;
  border-left: 0;
  border-right: 0;
}
.__renewal #passwordChangePopupFaceLift .facelift-password-table tr {
  border-bottom: 1px solid #e7eaf1;
}
.__renewal #passwordChangePopupFaceLift .facelift-password-table th {
  background: #f8f9fc;
  text-align: left;
  border-right: 1px solid #e7eaf1;
  padding: 19px 0 16px 20px;
  color: #343a40;
  vertical-align: middle;
}
.__renewal #passwordChangePopupFaceLift .facelift-password-table td {
  padding: 11px 13px 12px 12px;
}
.__renewal #passwordChangePopupFaceLift .facelift-password-table td > div > span.labelMsg {
  display: flex;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  right: 10px;
  top: 5px;
  width: -moz-fit-content;
  width: fit-content;
}
.__renewal #passwordChangePopupFaceLift .facelift-password-table td > div > span.labelMsg[data-status=error] {
  color: #f4361e;
}
.__renewal #passwordChangePopupFaceLift .facelift-password-table td > div > span.labelMsg[data-status=error]:before {
  content: "";
  display: none;
}
.__renewal #passwordChangePopupFaceLift .facelift-password-table td > div > span.labelMsg[data-status=error]:after {
  background: url("/resources/mrs2/css/manager/faceLiftImg/textfield_icon_20_error_red.svg") no-repeat center center;
  display: block;
  width: 20px;
  height: 20px;
  position: static;
}
.__renewal #passwordChangePopupFaceLift .facelift-password-table td > div > span.labelMsg[data-status=success] {
  color: #00c17c;
}
.__renewal #passwordChangePopupFaceLift .facelift-password-table td > div > span.labelMsg[data-status=success]:before {
  content: "";
  display: none;
}
.__renewal #passwordChangePopupFaceLift .facelift-password-table td > div > span.labelMsg[data-status=success]:after {
  background: url("/resources/mrs2/css/manager/faceLiftImg/textfield_icon_20_error.svg") no-repeat center center;
  display: block;
  width: 20px;
  height: 20px;
  position: static;
}
.__renewal #passwordChangePopupFaceLift .facelift-password-table td .pwLayer {
  border-radius: 4px;
  top: 36px;
  background-color: #343a40;
  border: 0;
  padding: 4px;
  transition: none;
  left: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.__renewal #passwordChangePopupFaceLift .facelift-password-table td .pwLayer:before {
  border: none;
}
.__renewal #passwordChangePopupFaceLift .facelift-password-table td .pwLayer:after {
  display: none;
}
.__renewal #passwordChangePopupFaceLift .facelift-password-table td .pwLayer ul {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.__renewal #passwordChangePopupFaceLift .facelift-password-table td .pwLayer ul li {
  transition: none !important;
  display: flex;
  padding: 0;
  margin: 0;
  color: #ffffff;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  gap: 4px;
}
.__renewal #passwordChangePopupFaceLift .facelift-password-table td .pwLayer ul li[data-status=success] {
  color: #40c057;
}
.__renewal #passwordChangePopupFaceLift .facelift-password-table td .pwLayer ul li[data-status=success]:before {
  transition: none !important;
  content: "";
  display: block;
  background: url("/resources/mrs2/css/manager/icon/common/icon_check_circle_24_filled.svg") no-repeat center center;
  height: 18px;
  width: 18px;
  position: static;
}
.__renewal #passwordChangePopupFaceLift .facelift-password-table td .pwLayer ul li:before {
  transition: none !important;
  content: "";
  display: block;
  background: url("/resources/mrs2/css/manager/icon/common/icon_clear_24_line.svg") no-repeat center center;
  height: 18px;
  width: 18px;
  position: static;
}
.__renewal #passwordChangePopupFaceLift .view-footer {
  position: absolute;
  bottom: -78px;
  z-index: 100;
}
.__renewal #sessionInfoPopupFaceLift {
  position: absolute;
  width: 264px;
  height: 216px;
  text-align: center;
  background: #ffffff 0 0 no-repeat;
  box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.0784313725);
  border: 1px solid #dee2e6;
  border-radius: 12px;
  right: 0;
  top: 65px;
  padding: 32px;
}
.__renewal #sessionInfoPopupFaceLift .sessionInfoImg {
  display: block;
  margin: 0 auto;
}
.__renewal #sessionInfoPopupFaceLift .title {
  margin-top: 16px;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  color: #1b242d;
}
.__renewal #sessionInfoPopupFaceLift .title strong.green {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  color: #00c17c;
}
.__renewal #sessionInfoPopupFaceLift .description {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #868e96;
}

#modal[data-type=changePassword] .__renewal .modal-body {
  overflow: visible !important;
}

/***********************************************************************

                              BASE STYLE

***********************************************************************/
a,
body,
button,
input,
select,
table,
textarea {
  font-family: "Noto Sans KR", "Noto Sans KR Local", "돋움", sans-serif;
  font-weight: 400;
  font-size: 13px;
  color: #6a7684;
  letter-spacing: -0.3px;
  word-spacing: initial;
}

img {
  vertical-align: top;
}

a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}

h2,
h3 {
  color: #283442;
}

:focus {
  outline: none;
}

.sub-setting ol.code-list,
input.text,
textarea.textarea {
  transition: all linear 0.2s;
}

section.page__init {
  background-color: #ffffff;
  box-shadow: 0 1px 3px rgba(56, 66, 88, 0.0509803922);
  border: 1px solid #e7eaf1;
  border-radius: 8px;
  padding: 30px 25px 25px;
  margin-top: 20px;
}
section.page__init.page__init__top {
  border-radius: 8px 8px 0 0;
}
section.page__init.page__init__middle {
  border-top: none;
  border-radius: 0;
}
section.page__init.page__init__bottom {
  border-top: none;
  border-radius: 0 0 8px 8px;
}
section.page__init h3 {
  font-size: 16px;
  font-weight: 700;
  margin: 0;
  color: #3a3f45;
}
section.page__init figure {
  position: relative;
  height: 100%;
}
section.page__init figure > img {
  width: 100%;
}
section.page__init figure:before {
  content: "";
  background: #d6d9df;
  display: block;
  width: 100%;
  height: 18px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
section.page__init figure:after {
  content: "";
  background-position: 0 0;
  background-repeat: repeat;
  background-size: 10px 10px;
  position: absolute;
  top: 5px;
  left: 9px;
  background-image: radial-gradient(#ffffff 0, #ffffff 3px, transparent 0, transparent 3px);
  display: block;
  width: 30px;
  height: 10px;
}

div.page__init {
  background-color: #ffffff;
  box-shadow: 0 1px 3px rgba(56, 66, 88, 0.0509803922);
  border: 1px solid #e7eaf1;
  border-radius: 8px;
  padding: 0 25px 25px 25px;
}
div.page__init.page__init__top {
  border-radius: 8px 8px 0 0;
}
div.page__init.page__init__middle {
  border-top: none;
  border-radius: 0;
}
div.page__init.page__init__bottom {
  border-top: none;
  border-radius: 0 0 8px 8px;
}
div.page__init h3.h3 {
  padding: 10px 0;
}

div.page__line {
  height: 1px;
  background-color: #e7eaf1;
  width: 100%;
  padding-right: 50px;
  margin: 10px 0 0 -25px;
}

.margin-right7px {
  margin-right: 7px !important;
}
.margin-left7px {
  margin-left: 7px !important;
}
.margin-right0px {
  margin-right: 0 !important;
}
.margin-left0px {
  margin-left: 0 !important;
}

.top-0px {
  top: 0 !important;
}

/***********************************************************************

                              PROCESSTAB STYLE

***********************************************************************/
.tab__process {
  width: 100%;
  height: 48px;
  background-color: #dbdee8;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
}
.tab__process .tab__process__color {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-100%);
  display: flex;
  flex-direction: row;
  background-color: #dbdee8;
  border-radius: 24px;
}
.tab__process .tab__process__color .first {
  width: 263px;
  height: 50px;
  background: linear-gradient(90deg, #187ffe, #02b1f6);
  border-radius: 24px 0 0 24px;
  line-height: 50px;
  text-align: center;
}
.tab__process .tab__process__color .second {
  width: 263px;
  height: 50px;
  background: linear-gradient(90deg, #02b1f6, #01c3bc);
  border-radius: 24px 0 0 24px;
  line-height: 50px;
  text-align: center;
  border-radius: 0;
}
.tab__process .tab__process__color .third {
  width: 263px;
  height: 50px;
  background: linear-gradient(90deg, #01c3bc, #00bb80);
  border-radius: 24px 0 0 24px;
  line-height: 50px;
  text-align: center;
  border-radius: 0;
}
.tab__process .tab__process__color .fourth {
  width: 263px;
  height: 50px;
  background: linear-gradient(90deg, #00bb80, #00bb80);
  border-radius: 24px 0 0 24px;
  line-height: 50px;
  text-align: center;
  border-radius: 0;
}
.tab__process .tab__process__color .fifth {
  width: 263px;
  height: 50px;
  background: linear-gradient(90deg, #00bb80, #01c26f);
  border-radius: 24px 0 0 24px;
  line-height: 50px;
  text-align: center;
  border-radius: 0;
}
.tab__process .tab__process__color .sixth {
  width: 263px;
  height: 50px;
  background: linear-gradient(90deg, #01c26f, #03c945);
  border-radius: 24px 0 0 24px;
  line-height: 50px;
  text-align: center;
  border-radius: 0 24px 24px 0;
}
.tab__process .tab__process__name {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.tab__process .tab__process__name .process__content {
  width: 20%;
  height: 100%;
  display: flex;
  justify-content: left;
  align-items: center;
  position: relative;
  text-align: center;
  font: normal normal 500 16px/24px Noto Sans KR, Noto Sans KR Local;
  line-height: 50px;
  color: #6a7684;
  border-radius: 24px;
}
.tab__process .tab__process__name .process__content a {
  width: 100%;
  height: 100%;
  position: absolute;
}
.tab__process .tab__process__name .process__content[data-number="1"] {
  color: #ffffff;
}
.tab__process .tab__process__name .process__content.step1:before {
  content: "";
  width: 38px;
  height: 38px;
  margin-left: 5px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/processTab/step1.svg") no-repeat center;
}
.tab__process .tab__process__name .process__content.step1.active {
  color: #ffffff;
}
.tab__process .tab__process__name .process__content.step1.active:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/processTab/step1_active.svg") no-repeat;
}
.tab__process .tab__process__name .process__content.step2:before {
  content: "";
  width: 38px;
  height: 38px;
  margin-left: 5px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/processTab/step2.svg") no-repeat center;
}
.tab__process .tab__process__name .process__content.step2.active {
  color: #ffffff;
}
.tab__process .tab__process__name .process__content.step2.active:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/processTab/step2_active.svg") no-repeat;
}
.tab__process .tab__process__name .process__content.step3:before {
  content: "";
  width: 38px;
  height: 38px;
  margin-left: 5px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/processTab/step3.svg") no-repeat center;
}
.tab__process .tab__process__name .process__content.step3.active {
  color: #ffffff;
}
.tab__process .tab__process__name .process__content.step3.active:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/processTab/step3_active.svg") no-repeat;
}
.tab__process .tab__process__name .process__content.step4:before {
  content: "";
  width: 38px;
  height: 38px;
  margin-left: 5px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/processTab/step4.svg") no-repeat center;
}
.tab__process .tab__process__name .process__content.step4.active {
  color: #ffffff;
}
.tab__process .tab__process__name .process__content.step4.active:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/processTab/step4_active.svg") no-repeat;
}
.tab__process .tab__process__name .process__content.step5:before {
  content: "";
  width: 38px;
  height: 38px;
  margin-left: 5px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/processTab/step5.svg") no-repeat center;
}
.tab__process .tab__process__name .process__content.step5.active {
  color: #ffffff;
}
.tab__process .tab__process__name .process__content.step5.active:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/processTab/step5_active.svg") no-repeat;
}
.tab__process .tab__process__name .process__content.step6:before {
  content: "";
  width: 38px;
  height: 38px;
  margin-left: 5px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/processTab/step6.svg") no-repeat center;
}
.tab__process .tab__process__name .process__content.step6.active {
  color: #ffffff;
}
.tab__process .tab__process__name .process__content.step6.active:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/processTab/step6_active.svg") no-repeat;
}

.process__under__bar {
  width: 100%;
  height: 1px;
  background-color: #e7eaf1;
  padding-right: 50px;
  margin: 25px 0 0 -25px;
}

#processTab {
  margin-bottom: 0;
  padding-top: 25px;
}
#processTab.no_under_bar {
  padding: 20px 20px 0 20px;
  background-color: #ffffff;
  border: 1px solid #edeef3;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(56, 66, 88, 0.0509803922);
}
#processTab.no_under_bar .process__under__bar {
  width: auto;
  height: auto;
}

/***********************************************************************

                              HEADER STYLE

***********************************************************************/
#content h2.h2 {
  color: #283442;
  font: normal normal bold 19px/28px Noto Sans KR, Noto Sans KR Local;
  margin: 0 0 26px 0;
}
#content h2.h2:before {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  background: url(/resources/mrs2/css/manager/faceLiftImg/title_bullet_icon.svg);
}

.phsDescriptionModalButton {
  display: flex;
  justify-content: center;
  align-items: center;
  background: white;
  position: absolute;
  top: -2px;
  right: 0;
  border: 2px solid #e7eaf1;
  border-radius: 20px;
  width: 176px;
  height: 40px;
}
.phsDescriptionModalButton:hover {
  background: #e7eaf1;
}

.phsDescriptionToggleImage {
  width: 22px;
  margin-right: 8px;
}

.phsGuideButtonText {
  font-weight: 700;
  color: #1c252f;
  font-size: 16px;
}

.phs.modalDescription {
  list-style: none;
  padding-bottom: 20px;
  font-weight: 500;
  font-family: "Noto Sans KR";
  color: #6a7684;
  line-height: 23px;
}
.phs.modalMenu {
  display: flex;
  margin-top: 20px;
}
.phs.modalMenu li {
  position: relative;
  width: 25%;
  line-height: 20px;
  padding-top: 0;
  margin-top: 0;
}
.phs.modalMenu li:not(:first-child)::after {
  content: "";
  display: block;
  position: absolute;
  height: 20px;
  width: 2px;
  background: #cbced8;
  border-radius: 20px;
  top: 25px;
  pointer-events: none;
}
.phs.modalMenu li.active {
  z-index: 1;
}
.phs.modalMenu li.active::after {
  background: white;
}
.phs.modalMenu li.active > button {
  z-index: 1;
  transform: scale(1.03);
  font-weight: 700;
  background: white;
  color: black;
  border-top: 1px solid #e7eaf1;
  border-left: 1px solid #e7eaf1;
  border-right: 1px solid #e7eaf1;
}
.phs.modalMenu li button {
  font-family: "Noto Sans KR";
  width: 100%;
  border: none;
  padding: 10px 20px;
  color: #adb3c2;
  background: #e8eaf0;
  font-weight: 700;
}
.phs.horizonLine {
  display: flex;
  justify-content: center;
}
.phs.horizonLine::after {
  position: absolute;
  content: "";
  border: 0;
  border-bottom: 1px solid #e7eaf1;
  width: 100%;
}
.phs.modalContent.contentWrap {
  background: #e7eaf1;
  padding: 10px;
  margin-top: 20px;
}
.phs.modalContent.contentList {
  padding: 20px;
  margin-top: 0;
}
.phs.modalContent.contentList p {
  font-family: "Noto Sans KR";
  color: black;
  font-weight: bold;
  margin-bottom: 10px;
}
.phs.modalContent.contentList .imageWrap {
  border-radius: 5px;
  text-align: center;
  width: 100%;
  background: #c1c7d3;
}
.phs.modalContent.contentList .imageWrap img {
  margin: 20px 0;
  padding: 0;
  width: 650px;
}
.phs.modalContent.descriptionImage {
  width: 100%;
}
.phs.modalContent.imageVerticalWrap {
  display: flex;
  flex-flow: column;
  border-radius: 5px;
  text-align: center;
  width: 100%;
  background: #c1c7d3;
}
.phs.modalContent.imageVerticalWrap img {
  margin: 20px auto 0 auto;
  width: 650px;
}
.phs.modalContent.imageVerticalWrap img:last-child {
  margin-bottom: 20px;
}

#content h3.h3 {
  color: #283442;
  font-size: 16px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 5px;
  padding: 30px 0 0 0;
}
#content h3.h3:before {
  display: none;
}
#content h3.h3:after {
  display: none;
}
#content h3.h3.no-padding-top {
  padding-top: 0;
}
#content h3.h3 span.subtitle {
  margin-left: 10px;
  color: #6a7684;
  font-weight: 400;
}

/***********************************************************************

                              TABLE STYLE

***********************************************************************/
table.table {
  font-size: 13px;
}
table.table thead tr th {
  background-color: #f8f9fc;
  border-top: 1px solid #e7eaf1;
  border-right: none;
  border-bottom: 1px solid #e7eaf1;
  border-left: none;
  height: 52px;
}
table.table thead tr th.th-left {
  padding-left: 15px;
  padding-right: 15px;
  text-align: left;
}
table.table tbody tr td {
  background-color: #ffffff;
  padding: 15px 0;
  border-bottom: 1px solid #f2f3f5;
}
table.table tbody tr td button.setting-jf-notice {
  width: 20px;
  height: 20px;
  border: none;
  outline: none;
  background: url("/resources/mrs2/css/manager/faceLiftImg/setting_big_icon.svg") no-repeat;
}
table.table tbody tr td button.setting-jf-notice:hover {
  background: url("/resources/mrs2/css/manager/faceLiftImg/setting_blue_icon.svg") no-repeat;
}
table.tbl-form-group {
  border-top: none;
  font-size: 13px;
  margin-bottom: 0;
}
table.tbl-form-group tbody tr th {
  color: #283442;
  font-size: 13px;
  font-weight: 500;
  padding: 0 0 0 10px;
  background-color: #ffffff;
  border-bottom: 1px solid #f2f3f5;
}
table.tbl-form-group tbody tr td {
  color: #6a7684;
  border-bottom: 1px solid #f2f3f5;
  height: 32px;
  padding: 17px 10px 17px 0;
}
table.tbl-form-group tbody tr td.td-flex {
  display: flex;
  align-items: center;
}
table.tbl-form-group tbody tr:last-child th {
  border-bottom: none;
}
table.tbl-form-group tbody tr:last-child td {
  border-bottom: none;
}
@media screen and (max-width: 1458px) {
  table.face-lift-list-table .document col:nth-child(2):not(.empty--col),
  table.face-lift-list-table .automatic col:nth-child(2):not(.empty--col) {
    width: 250px !important;
  }
}
table.face-lift-list-table button.recruit-planner {
  width: 24px;
  height: 24px;
  background-color: white;
  border: none;
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/icon_assignment_24_line.svg");
  background-position: center;
  padding: 14px;
  background-repeat: no-repeat;
}
table.face-lift-list-table button.recruit-planner:disabled {
  opacity: 0.2;
  cursor: not-allowed;
}
table.face-lift-list-table button:disabled {
  opacity: 0.2;
}
table.face-lift-list-table button.btn-manage {
  margin-right: 0;
}
table.face-lift-list-table button.btn-manage:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/box_icon_big.svg") no-repeat;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
table.face-lift-list-table.dropdown-table tbody tr td div.dropdown-set ul.dropdown-menu li:hover {
  background-color: transparent;
  color: transparent;
}
table.face-lift-list-table.dropdown-table tbody tr td div.dropdown-set ul.dropdown-menu li:hover:after {
  display: none;
}
table.face-lift-list-table.tbody-th-left tbody tr th {
  text-align: left;
  padding-left: 10px;
}
table.face-lift-list-table.tbody-td-left tbody tr td {
  text-align: left;
  padding: 17px 10px 17px 0;
  height: 32px;
}
table.face-lift-list-table.thead-th70px tbody tr th {
  height: 73px;
}
table.face-lift-list-table tr td.td-flex {
  display: flex;
  align-items: center;
}
table.face-lift-list-table thead tr th {
  height: 73px;
  text-align: center;
  background-color: #ffffff;
  color: #1c252f;
  font-weight: 500;
  border-bottom: 1px solid #f2f3f5;
}
table.face-lift-list-table thead tr th.th-left {
  text-align: left;
  padding-left: 8px;
}
table.face-lift-list-table thead tr th.th-left.no-padding {
  padding-left: 0;
}
table.face-lift-list-table thead tr th label.styled-select {
  width: auto;
  background-color: transparent;
  border: none;
}
table.face-lift-list-table thead tr th label.styled-select select {
  border-radius: 5px;
  border: 2px solid transparent;
  background-color: transparent;
  font-weight: 500;
  padding: 0 24px 1px 10px;
  color: #1c252f;
  transition: all linear 0.2s;
  max-width: 90px;
}
table.face-lift-list-table thead tr th label.styled-select select:hover {
  color: #1c252f;
  border: 2px solid #e7eaf1;
  background-color: #ffffff;
}
table.face-lift-list-table thead tr th label.styled-select select:focus {
  color: #1c252f;
  border: 2px solid #6a7684;
  outline: none;
}
table.face-lift-list-table thead tr th label.styled-select select:disabled {
  color: #adb3c2;
  background-color: #dbdee8;
  border-color: #dbdee8;
}
table.face-lift-list-table thead tr th div.dropdown-set button.btn-info.active {
  background-color: transparent;
}
table.face-lift-list-table thead tr th div.dropdown-set ul.dropdown-menu {
  background: #ffffff;
  padding: 10px 0 15px 0;
  box-shadow: 0 2px 10px rgba(92, 106, 136, 0.2);
  border-radius: 8px;
  right: auto;
  left: 0;
}
table.face-lift-list-table thead tr th div.dropdown-set ul.dropdown-menu.drop-left {
  right: auto;
  left: 0;
}
table.face-lift-list-table thead tr th div.dropdown-set ul.dropdown-menu.drop225px {
  width: 225px;
  text-align: left;
}
table.face-lift-list-table thead tr th div.dropdown-set ul.dropdown-menu.dropdown-search li:hover:after {
  content: none;
}
table.face-lift-list-table thead tr th div.dropdown-set ul.dropdown-menu.dropdown-search li.divider-top {
  border-bottom: none;
  padding-bottom: 0;
}
table.face-lift-list-table thead tr th div.dropdown-set ul.dropdown-menu.dropdown-search li.emptyArea {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
table.face-lift-list-table thead tr th div.dropdown-set ul.dropdown-menu.dropdown-search li.emptyArea:hover {
  background-color: transparent;
}
table.face-lift-list-table thead tr th div.dropdown-set ul.dropdown-menu.dropdown-search li.fixed:hover {
  background-color: transparent;
}
table.face-lift-list-table thead tr th div.dropdown-set ul.dropdown-menu.dropdown-search li.fixed input[type=search] {
  margin: 6px;
  border: none;
  border-radius: 5px;
  background-color: #f1f3fb;
}
table.face-lift-list-table thead tr th div.dropdown-set ul.dropdown-menu.dropdown-search li.fixed input[type=search]::-moz-placeholder {
  color: #adb3c2;
}
table.face-lift-list-table thead tr th div.dropdown-set ul.dropdown-menu.dropdown-search li.fixed input[type=search]::placeholder {
  color: #adb3c2;
}
table.face-lift-list-table thead tr th div.dropdown-set ul.dropdown-menu.dropdown-search li.fixed input[type=search]::-ms-clear {
  display: none;
}
table.face-lift-list-table thead tr th div.dropdown-set ul.dropdown-menu.dropdown-search li.fixed input[type=search]::-ms-reveal {
  display: none;
}
table.face-lift-list-table thead tr th div.dropdown-set ul.dropdown-menu.dropdown-search li.fixed input[type=search]::-webkit-search-cancel-button {
  display: none;
}
table.face-lift-list-table thead tr th div.dropdown-set ul.dropdown-menu.dropdown-search li .btn__input__clear {
  width: 20px;
  height: 20px;
  position: absolute;
  border: none;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
  background: url("/resources/mrs2/css/manager/faceLiftImg/cancel_icon.svg");
}
table.face-lift-list-table thead tr th div.dropdown-set ul.dropdown-menu li {
  min-height: 32px;
  display: flex;
  align-items: center;
  color: #6a7684;
}
table.face-lift-list-table thead tr th div.dropdown-set ul.dropdown-menu li label {
  background-color: transparent;
  width: 100%;
}
table.face-lift-list-table thead tr th div.dropdown-set ul.dropdown-menu li a {
  text-decoration: none;
}
table.face-lift-list-table thead tr th div.dropdown-set ul.dropdown-menu li a:hover {
  background-color: inherit;
}
table.face-lift-list-table thead tr th div.dropdown-set ul.dropdown-menu li:hover {
  color: #1c252f;
  background-color: #edeef3;
}
table.face-lift-list-table thead tr th div.dropdown-set ul.dropdown-menu li:hover a {
  background-color: transparent;
}
table.face-lift-list-table thead tr th.th-info-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
table.face-lift-list-table thead tr th.th-info-icon span.info-icon {
  display: block;
  width: 20px;
  height: 20px;
  background: url(/resources/mrs2/css/manager/faceLiftImg/info_icon.svg) no-repeat;
  border: none;
  position: relative;
}
table.face-lift-list-table thead tr th.th-info-icon span.info-icon ul {
  background: #ffffff;
  top: 20px;
  z-index: 100;
  display: none;
  position: absolute;
  border-radius: 5px;
  border: 1px solid #e7eaf1;
  color: #6a7684;
  padding: 10px;
  text-align: left;
}
table.face-lift-list-table thead tr th.th-info-icon span.info-icon .badge_tooltip {
  box-sizing: border-box;
  top: 20px;
  display: none;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 280px;
  padding: 13px;
  line-height: 1.5;
  font-size: 11px;
  font-weight: normal;
  text-align: left;
  background: #302e41;
  border-radius: 5px;
  border: 1px solid #302e41;
  color: white;
  z-index: 1000;
}
table.face-lift-list-table thead tr th.th-info-icon span.info-icon .badge_tooltip:before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 5.5px solid transparent;
  border-bottom: 7px solid #302e41;
  z-index: 5;
}
table.face-lift-list-table thead tr th.th-info-icon span.info-icon .badge_tooltip:after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6.5px solid transparent;
  border-bottom: 8px solid #302e41;
}
table.face-lift-list-table thead tr th.th-info-icon span.info-icon:hover ul,
table.face-lift-list-table thead tr th.th-info-icon span.info-icon:hover .badge_tooltip {
  display: block;
}
table.face-lift-list-table tbody tr:first-child th {
  border-top: none;
}
table.face-lift-list-table tbody tr:first-child td {
  border-top: none;
}
table.face-lift-list-table tbody tr th {
  color: #283442;
  border-top: 1px solid #f2f3f5;
  font-weight: 500;
}
table.face-lift-list-table tbody tr th.th-left {
  text-align: left;
  padding-left: 10px;
}
table.face-lift-list-table tbody tr th.th-left.no-padding {
  padding-left: 0;
}
table.face-lift-list-table tbody tr th.th-top {
  vertical-align: top;
  padding-top: 20px;
}
table.face-lift-list-table tbody tr td {
  height: 43px;
  padding: 15px 0 15px 0;
  background-color: #ffffff;
  border-top: 1px solid #f2f3f5;
  text-align: center;
  color: #6a7684;
}
table.face-lift-list-table tbody tr td.td-left {
  text-align: left;
  padding-left: 8px;
}
table.face-lift-list-table tbody tr td.td-left.no-padding {
  padding-left: 0;
}
table.face-lift-list-table tbody tr td.td-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
table.face-lift-list-table tbody tr td .divSmsNoticeContents {
  padding: 0;
}
table.face-lift-list-table tbody tr td div.dropdown-set button.btn-info.active {
  background-color: transparent;
}
table.face-lift-list-table tbody tr td div.dropdown-set ul.dropdown-menu {
  background: #ffffff;
  padding: 10px 0 15px 0;
  box-shadow: 0 2px 10px rgba(92, 106, 136, 0.2);
  border-radius: 8px;
  right: auto;
  left: 0;
  min-width: 200px;
}
table.face-lift-list-table tbody tr td div.dropdown-set ul.dropdown-menu.drop-left {
  right: auto;
  left: 0;
}
table.face-lift-list-table tbody tr td div.dropdown-set ul.dropdown-menu.drop225px {
  width: 225px;
  text-align: left;
}
table.face-lift-list-table tbody tr td div.dropdown-set ul.dropdown-menu.dropdown-search li:hover:after {
  content: none;
}
table.face-lift-list-table tbody tr td div.dropdown-set ul.dropdown-menu.dropdown-search li.divider-top {
  border-bottom: none;
  padding-bottom: 0;
}
table.face-lift-list-table tbody tr td div.dropdown-set ul.dropdown-menu.dropdown-search li.emptyArea {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
table.face-lift-list-table tbody tr td div.dropdown-set ul.dropdown-menu.dropdown-search li.emptyArea:hover {
  background-color: transparent;
}
table.face-lift-list-table tbody tr td div.dropdown-set ul.dropdown-menu.dropdown-search li.fixed:hover {
  background-color: transparent;
}
table.face-lift-list-table tbody tr td div.dropdown-set ul.dropdown-menu.dropdown-search li.fixed input[type=search] {
  margin: 6px;
  border: none;
  border-radius: 5px;
  background-color: #f1f3fb;
}
table.face-lift-list-table tbody tr td div.dropdown-set ul.dropdown-menu.dropdown-search li.fixed input[type=search]::-moz-placeholder {
  color: #adb3c2;
}
table.face-lift-list-table tbody tr td div.dropdown-set ul.dropdown-menu.dropdown-search li.fixed input[type=search]::placeholder {
  color: #adb3c2;
}
table.face-lift-list-table tbody tr td div.dropdown-set ul.dropdown-menu.dropdown-search li.fixed input[type=search]::-ms-clear {
  display: none;
}
table.face-lift-list-table tbody tr td div.dropdown-set ul.dropdown-menu.dropdown-search li.fixed input[type=search]::-ms-reveal {
  display: none;
}
table.face-lift-list-table tbody tr td div.dropdown-set ul.dropdown-menu.dropdown-search li.fixed input[type=search]::-webkit-search-cancel-button {
  display: none;
}
table.face-lift-list-table tbody tr td div.dropdown-set ul.dropdown-menu.dropdown-search li .btn__input__clear {
  width: 20px;
  height: 20px;
  position: absolute;
  border: none;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
  background: url("/resources/mrs2/css/manager/faceLiftImg/cancel_icon.svg");
}
table.face-lift-list-table tbody tr td div.dropdown-set ul.dropdown-menu li {
  min-height: 32px;
  display: flex;
  align-items: center;
  color: #6a7684;
}
table.face-lift-list-table tbody tr td div.dropdown-set ul.dropdown-menu li.no-arrow:hover {
  background-color: transparent;
}
table.face-lift-list-table tbody tr td div.dropdown-set ul.dropdown-menu li.no-arrow:hover:after {
  content: none;
  color: #6a7684;
}
table.face-lift-list-table tbody tr td div.dropdown-set ul.dropdown-menu li label {
  background-color: transparent;
  width: 100%;
}
table.face-lift-list-table tbody tr td div.dropdown-set ul.dropdown-menu li a {
  text-decoration: none;
}
table.face-lift-list-table tbody tr td div.dropdown-set ul.dropdown-menu li a:hover {
  background-color: inherit;
}
table.face-lift-list-table tbody tr td div.dropdown-set ul.dropdown-menu li:hover {
  color: #1c252f;
  background-color: #edeef3;
}
table.face-lift-list-table tbody tr td div.dropdown-set ul.dropdown-menu li:hover a {
  background-color: transparent;
}
table.face-lift-list-table tbody tr td div.dropdown-set ul.dropdown-menu li:hover:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: url("/resources/mrs2/css/manager/faceLiftImg/next_arrow_icon.svg");
}
table.face-lift-list-table tbody tr td.td-tooltip {
  position: relative;
}
table.face-lift-list-table tbody tr td.td-tooltip .td-toolbar {
  z-index: 100;
  background: #ffffff;
  display: none;
  position: absolute;
  border-radius: 5px;
  border: 1px solid #e7eaf1;
  padding: 10px;
  color: #6a7684;
}
table.face-lift-list-table tbody tr td.td-tooltip:hover ul.td-toolbar {
  display: block;
}
table.face-lift-list-table tbody tr.tr_blur td {
  background-color: #f8f9fc;
  color: rgba(106, 118, 132, 0.2);
}
table.face-lift-list-table tbody tr.tr_blur td a {
  color: rgba(106, 118, 132, 0.2);
}
table.face-lift-list-table tbody tr.tr_blur td button:disabled {
  opacity: 0.2;
}
table.face-lift-list-table colgroup.aiInterview col:nth-child(1) {
  width: 100px;
}
table.face-lift-list-table colgroup.aiInterview col:nth-child(4) {
  width: 100px;
}
table.face-lift-list-table colgroup.aiInterview col:nth-child(5) {
  width: 140px;
}
table.face-lift-list-table colgroup.aiInterview col:nth-child(6) {
  width: 140px;
}
table.face-lift-list-table colgroup.aiInterview col:nth-child(7) {
  width: 100px;
}
table.face-lift-list-table colgroup.aiInterview col:nth-child(8) {
  width: 100px;
}
table.face-lift-list-table colgroup.aiInterview col:nth-child(9) {
  width: 80px;
}
table.face-lift-list-table colgroup.aiInterview col:nth-child(10) {
  width: 80px;
}
table.face-lift-list-table colgroup.aiInterview col:nth-child(11) {
  width: 80px;
}
table.face-lift-list-table colgroup.aiInterview col:nth-child(12) {
  width: 80px;
}
@media screen and (max-width: 1458px) {
  table.face-lift-list-table colgroup.aiInterview col:nth-child(1) {
    width: 100px;
  }
  table.face-lift-list-table colgroup.aiInterview col:nth-child(4) {
    width: 100px;
  }
  table.face-lift-list-table colgroup.aiInterview col:nth-child(5) {
    width: 120px;
  }
  table.face-lift-list-table colgroup.aiInterview col:nth-child(6) {
    width: 140px;
  }
  table.face-lift-list-table colgroup.aiInterview col:nth-child(7) {
    width: 90px;
  }
  table.face-lift-list-table colgroup.aiInterview col:nth-child(8) {
    width: 90px;
  }
  table.face-lift-list-table colgroup.aiInterview col:nth-child(9) {
    width: 80px;
  }
  table.face-lift-list-table colgroup.aiInterview col:nth-child(10) {
    width: 60px;
  }
  table.face-lift-list-table colgroup.aiInterview col:nth-child(11) {
    width: 60px;
  }
  table.face-lift-list-table colgroup.aiInterview col:nth-child(12) {
    width: 60px;
  }
}
table.all-white-table.td-left tbody tr td {
  text-align: left;
  padding-left: 30px;
}
table.all-white-table thead {
  color: #1c252f;
}
table.all-white-table thead tr {
  height: 73px;
}
table.all-white-table thead tr th {
  color: #1c252f;
  background-color: #ffffff;
  border-top: 1px solid transparent;
  border-right: none;
  border-bottom: 1px solid #f2f3f5;
  border-left: none;
  height: 32px;
}
table.all-white-table tbody {
  color: #6a7684;
}
table.all-white-table tbody tr {
  height: 73px;
}
table.all-white-table tbody tr th {
  background-color: #ffffff;
  border-top: none;
  border-right: none !important;
  border-bottom: 1px solid #eceef4;
  border-left: none;
}
table.all-white-table tbody tr td {
  color: #6a7684;
  background-color: #ffffff;
  border-top: none;
  border-right: none !important;
  border-bottom: 1px solid #f2f3f5;
  border-left: none;
}
table.all-white-table tbody tr td div.div--circle {
  width: 140px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  border-radius: 12px;
  background-color: #e7eaf1;
}
table.all-white-table tbody tr:last-child td {
  border-bottom: 1px solid transparent;
}
table th[data-th=btnSort][data-order=up][data-sort]:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/sort_up_icon.svg");
}
table th[data-th=btnSort][data-order=down][data-sort]:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/sort_down_icon.svg");
}

table#evaluateeList div.delete-box-wrap:first-child {
  margin-top: 2px;
}
table#evaluateeList div.delete-box-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}
table#evaluateeList div.delete-box-wrap span.delete-box {
  width: 68px;
  display: inline-block;
  overflow: hidden;
  height: 28px;
  border: none;
  border-radius: 5px 0 0 5px;
  color: #00a850;
  background-color: #ccf5e0;
  box-sizing: border-box;
  text-align: left;
  padding: 5px 0 5px 8px;
}
table#evaluateeList div.delete-box-wrap span.delete-box + button[data-button=removeValuer] {
  width: 24px;
  min-height: 28px;
  border: none;
  border-radius: 0 5px 5px 0;
  background-color: #ccf5e0;
  box-sizing: border-box;
}
table#evaluateeList div.delete-box-wrap span.delete-box + button[data-button=removeValuer]:before {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(/resources/mrs2/css/manager/faceLiftImg/dash_green_icon.svg);
}
table#evaluateeList div.delete-box-wrap span.delete-box + button[data-button=resetValuer] {
  width: 24px;
  min-height: 28px;
  border: none;
  border-radius: 0 5px 5px 0;
  background-color: #ccf5e0;
  box-sizing: border-box;
}
table#evaluateeList div.delete-box-wrap span.delete-box + button[data-button=resetValuer]:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(/resources/mrs2/css/manager/faceLiftImg/refresh_green_icon.svg);
}
table#evaluateeList div.delete-box-pstype-wrap:first-child {
  margin-top: 2px;
}
table#evaluateeList div.delete-box-pstype-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}
table#evaluateeList div.delete-box-pstype-wrap span.delete-box-pstype {
  width: 85px;
  display: inline-block;
  overflow: hidden;
  height: 28px;
  border: none;
  border-radius: 5px 0 0 5px;
  color: #00a850;
  background-color: #ccf5e0;
  box-sizing: border-box;
  text-align: left;
  padding: 5px 0 5px 8px;
}
table#evaluateeList div.delete-box-pstype-wrap span.delete-box-pstype + button[data-button=removeValuer] {
  width: 24px;
  min-height: 28px;
  border: none;
  border-radius: 0 5px 5px 0;
  background-color: #ccf5e0;
  box-sizing: border-box;
}
table#evaluateeList div.delete-box-pstype-wrap span.delete-box-pstype + button[data-button=removeValuer]:before {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(/resources/mrs2/css/manager/faceLiftImg/dash_green_icon.svg);
}
table#evaluateeList div.delete-box-pstype-wrap span.delete-box-pstype + button[data-button=resetValuer] {
  width: 24px;
  min-height: 28px;
  border: none;
  border-radius: 0 5px 5px 0;
  background-color: #ccf5e0;
  box-sizing: border-box;
}
table#evaluateeList div.delete-box-pstype-wrap span.delete-box-pstype + button[data-button=resetValuer]:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(/resources/mrs2/css/manager/faceLiftImg/refresh_green_icon.svg);
}
table#evaluateeList div.different-box-wrap:first-child {
  margin-top: 2px;
}
table#evaluateeList div.different-box-wrap {
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  border: 2px solid #e7eaf1 !important;
  width: 115px !important;
  border-radius: 5px;
}
table#evaluateeList div.different-box-wrap:hover {
  background-color: #e7eaf1;
  border-color: #e7eaf1;
}
table#evaluateeList div.different-box-wrap span.different-box {
  width: 83px;
  overflow: hidden;
  height: 28px;
  border: none;
  border-radius: 5px 0 0 5px;
  box-sizing: border-box;
  text-align: left;
  padding: 5px 0 5px 8px;
}
table#evaluateeList div.different-box-wrap span.different-box + button[data-button=differentValuer] {
  width: 24px;
  min-height: 28px;
  border: none;
  border-radius: 0 5px 5px 0;
  box-sizing: border-box;
}
table#evaluateeList div.different-box-wrap span.different-box + button[data-button=differentValuer]:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(/resources/mrs2/css/manager/faceLiftImg/different_valuer_plus.svg);
}
table#evaluateeList div.different-box-wrap span.different-box + button[data-button=differentValuer]:hover {
  background-color: transparent;
  border-color: transparent;
}

/***********************************************************************

                              BUTTON STYLE (btn style)

***********************************************************************/
button.btn {
  color: #6a7684;
  background-color: transparent;
  border-radius: 5px;
  box-sizing: border-box;
  min-width: 32px;
  min-height: 32px;
  transition: all 0.3s ease;
  border: none;
}
button.btn:hover {
  background-color: #e7eaf1;
  border-color: #e7eaf1;
  min-width: 32px;
}
button.btn:active {
  border: none;
}
button.btn:disabled:hover {
  background-color: transparent;
  border-color: transparent;
}
button.btn.active {
  border: none;
  background-color: transparent;
}
button.btn.btn24px {
  height: 24px !important;
  min-height: auto !important;
  min-width: auto !important;
  font-size: 11px !important;
  line-height: calc(13px) !important;
  padding: 3px 7px 4px 7px !important;
}
button.btn.btn28px {
  height: 28px !important;
  min-height: auto !important;
  min-width: auto !important;
  font-size: 12px !important;
  line-height: calc(14px) !important;
  padding: 5px 8px 5px 8px !important;
}
button.btn.btn32px {
  min-width: 32px;
  height: 32px !important;
  min-height: auto !important;
  min-width: auto !important;
  font-size: 13px !important;
  line-height: calc(15px) !important;
  padding: 6px 10px 7px 10px !important;
}
button.btn.btn32px.btn-ng {
  background-color: #ffffff;
  color: #00c17c;
  border-radius: 6px;
}
button.btn.btn32px.btn-ng.btn-back {
  border: 2px solid #00c17c;
}
button.btn.btn32px.btn-ng.btn-back:hover {
  background-color: #e7eaf1;
}
button.btn.btn40px {
  height: 40px !important;
  min-height: auto !important;
  min-width: auto !important;
  font-size: 15px !important;
  line-height: calc(18px) !important;
  padding: 9px 14px 9px 14px !important;
}
button.btn.btn48px {
  height: 48px !important;
  min-height: auto !important;
  min-width: auto !important;
  font-size: 17px !important;
  line-height: calc(21px) !important;
  padding: 11px 17px 12px 17px !important;
}
button.btn.btn56px {
  height: 56px !important;
  min-height: auto !important;
  min-width: auto !important;
  font-size: 19px !important;
  line-height: calc(24px) !important;
  padding: 14px 19px 14px 19px !important;
}
button.btn.btn-margin7px {
  margin-right: 7px !important;
}
button.btn.btn-margin5px {
  margin-right: 5px !important;
}
button.btn.btn-margin4px {
  margin-right: 4px !important;
}
button.btn.btn-margin2px {
  margin-right: 2px !important;
}
button.btn.btn-no-margin {
  margin-right: 0 !important;
}
button.btn.btn-left-box {
  margin-right: 0;
  border-radius: 5px 0 0 5px !important;
}
button.btn.btn-right-box {
  left: -5px;
  border-radius: 0 5px 5px 0 !important;
}
button.btn.btn-no-before:before {
  content: none;
}
button.btn.btn-no-hover:hover {
  background-color: transparent;
  border-color: transparent;
}
button.btn.btn-like-table-header {
  color: #333;
  font-weight: 600;
}
button.btn.btn-delete-green {
  background-color: transparent;
  border: none;
}
button.btn.btn-delete-green:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/dash_green_icon.svg") no-repeat;
  top: 50%;
  transform: translateY(-50%);
}
button.btn.btn-delete-gray {
  background-color: transparent;
  border: none;
}
button.btn.btn-delete-gray:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/dash_gray_icon.svg") no-repeat;
  top: 50%;
  transform: translateY(-50%);
}
button.btn.like-input {
  background-color: #f1f3fb;
  border: 2px solid #f1f3fb;
  border-radius: 5px;
  box-sizing: border-box;
}
button.btn.like-input:disabled {
  background-color: #dbdee8;
  border: 2px solid #dbdee8;
  opacity: 1;
  color: #adb3c2;
}
button.btn.like-input:active {
  top: 0;
  left: 0;
}
button.btn.like-input:focus {
  top: 0;
  left: 0;
  border-color: #6a7684;
}
button.btn.like-input.selected {
  color: #1c252f;
  font-weight: 500;
}
button.btn.like-input.input225px {
  width: 225px !important;
  height: 32px !important;
}
button.btn.like-input.input325px {
  width: 325px !important;
  height: 32px !important;
}
button.btn.like-input.input88px {
  width: 88px !important;
  height: 32px !important;
}
button.btn.like-input.input-left {
  text-align: left;
}
button.btn[data-button=addValuer] {
  border: 2px solid #e7eaf1 !important;
  min-width: 100px !important;
  border-radius: 5px;
}
button.btn[data-button=addValuer]:before {
  background-color: #6a7684 !important;
}
button.btn[data-button=addValuer]:after {
  background-color: #6a7684 !important;
}
button.btn[data-button=addValuer]:hover {
  background-color: #efefef !important;
}
button.btn[data-button=addValuerPsType] {
  border: 2px solid #e7eaf1 !important;
  min-width: 118px !important;
  border-radius: 5px;
}
button.btn[data-button=addValuerPsType]:before {
  background-color: #6a7684 !important;
}
button.btn[data-button=addValuerPsType]:after {
  background-color: #6a7684 !important;
}
button.btn[data-button=addValuerPsType]:hover {
  background-color: #efefef !important;
}
button.btn.btn-chat-icon {
  margin-right: 0;
}
button.btn.btn-chat-icon:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("/resources/mrs2/css/manager/faceLiftImg/chat_icon.svg");
}
button.btn.btn-details {
  margin-right: 0;
}
button.btn.btn-details:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("/resources/mrs2/css/manager/faceLiftImg/2_new_window.svg");
}
button.btn.btn-weight {
  margin-right: 0;
}
button.btn.btn-weight:before {
  content: "";
  position: absolute;
  width: 32px;
  height: 32px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("/resources/mrs2/css/manager/faceLiftImg/weight.svg");
}
button.btn.btn-cancel:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("/resources/mrs2/css/manager/faceLiftImg/cancel_icon.svg");
}
button.btn.btn-cancel-white:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("/resources/mrs2/css/manager/faceLiftImg/cancel_white_icon.svg");
}
button.btn.btn-info:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url("/resources/mrs2/css/manager/faceLiftImg/drop_down_icon.svg");
}
button.btn.btn-info:hover {
  border: none;
  background-color: transparent;
}
button.btn.btn-info:focus {
  border: none;
  background-color: transparent;
}
button.btn.btn-great {
  background-color: #00c17c;
  font-size: 17px;
  font-weight: 500;
  color: #ffffff;
  border: none;
}
button.btn.btn-great.btn-ng {
  background-color: #ffffff;
  color: #00c17c;
  border: none;
  border-radius: 6px;
  width: 225px;
  height: 48px;
}
button.btn.btn-great.btn-ng:hover {
  border-color: #3f8e61;
  background-color: #ffffff;
}
button.btn.btn-great.btn-ng .leftArrow {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 14px;
  transform: translateY(-50%);
  background: url(/resources/mrs2/css/manager/faceLiftImg/left_arrow_icon.svg);
}
button.btn.btn-great.btn-ng.btn-back {
  border: 2px solid #00c17c;
}
button.btn.btn-great.btn-ng.btn-back:hover {
  background-color: #e7eaf1;
}
button.btn.btn-great[type=submit], button.btn.btn-great[type=button] {
  width: 225px;
  height: 48px;
  border-radius: 6px;
}
button.btn.btn-great[type=submit] .rightArrow, button.btn.btn-great[type=button] .rightArrow {
  background: url(/resources/mrs2/css/manager/faceLiftImg/rigth_arrow_icon.svg);
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
}
button.btn.btn-great:hover {
  background-color: #3f8e61;
}
button.btn.btn-white {
  color: #6a7684;
  border: 2px solid #e7eaf1;
  border-radius: 5px;
}
button.btn.btn-white:hover {
  background-color: #e7eaf1;
}
button.btn.btn-black {
  background-color: #343a40;
  color: #ffffff;
  border-radius: 6px;
  border: none;
}
button.btn.btn-black:hover {
  background-color: #212529;
}
button.btn.btn-black:focus {
  border: 2px solid #ced4da;
}
button.btn.btn-green {
  color: #ffffff;
  background-color: #00c17c;
  font-weight: 500;
  border-radius: 5px;
  border: 2px solid #00c17c;
}
button.btn.btn-green:hover {
  background-color: #3f8e61;
  border: 2px solid #3f8e61;
}
button.btn.btn-green:focus {
  background-color: #3f8e61;
  border: 2px solid #3f8e61;
}
button.btn.btn-green:disabled {
  background-color: #c5c9d8;
  border: 2px solid #c5c9d8;
  color: rgba(255, 255, 255, 0.5);
}
button.btn.btn-gray {
  color: #6a7684;
  background-color: #e7eaf1;
  font-weight: 500;
  border-radius: 5px;
  border: 2px solid #e7eaf1;
  cursor: not-allowed;
}
button.btn.btn-blue {
  background-color: #0388e2 !important;
  color: #ffffff !important;
}
button.btn.btn-blue:hover {
  background-color: #016ab1 !important;
}
button.btn.btn-green-border {
  background-color: transparent;
  color: #00c17c;
  border: 2px solid #00c17c;
  border-radius: 5px;
}
button.btn.btn-add {
  color: #6a7684;
  border: 2px solid #e7eaf1;
}
button.btn.btn-add:hover {
  background-color: #e7eaf1;
}
button.btn.btn-add:disabled {
  opacity: 0.2;
}
button.btn.btn-facelift-refresh {
  background-color: #00c17c;
  border-radius: 20px;
  border: none;
  color: #ffffff;
  font-size: 16px;
  margin-left: 0;
  padding: 18px 20px 18px 23px;
  line-height: 0;
  font-weight: 500;
  height: 40px;
}
button.btn.btn-facelift-refresh:hover {
  background-color: #3f8e61;
}
button.btn.btn-transparent {
  color: #6a7684;
  background-color: transparent;
}
button.btn.btn-transparent:hover {
  background-color: #e7eaf1;
}
button.btn.btn-transparent:focus {
  background-color: #e7eaf1;
}
button.btn.btn-preview:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/eyes_icon.svg") no-repeat;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
button.btn.btn-manage:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/box_icon.svg") no-repeat;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
button.btn.btn-search {
  margin-right: 0;
}
button.btn.btn-search:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/search_big_icon.svg") no-repeat;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
button.btn.btn-search:disabled {
  background-color: #dbdee8;
  cursor: not-allowed;
}
button.btn.btn-trash {
  margin-right: 0;
}
button.btn.btn-trash:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/trash_icon.svg") no-repeat;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
button.btn.btn-trash:disabled:hover {
  opacity: 1;
  position: relative;
}
button.btn.btn-trash:disabled:hover::after {
  position: absolute;
  right: 100%;
  top: calc(-50% + 5px);
  padding: 8px;
  border-radius: 6px;
  border: 1px solid #4d4b5b;
  background: #302e41;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  white-space: pre;
  text-align: left;
  line-height: 18px;
}
button.btn.btn-trash:disabled:hover.document-trash::after, button.btn.btn-trash:disabled:hover.automatic-trash::after, button.btn.btn-trash:disabled:hover.pt-trash::after, button.btn.btn-trash:disabled:hover.exam-trash::after, button.btn.btn-trash:disabled:hover.interview-trash::after {
  content: "전형 대상자의 평가 결과가 존재하거나\a전형 안내 및 합격자 발표가 진행된 경우, 삭제가 불가능합니다.";
}
button.btn.btn-trash:disabled:hover.ai-trash::after, button.btn.btn-trash:disabled:hover.acc-trash::after, button.btn.btn-trash:disabled:hover.dev-trash::after {
  content: "전형 대상자가 한명이라도 있거나\a전형 안내 및 합격자 발표가 진행된 경우, 삭제가 불가능합니다.";
}
button.btn.btn-trash:disabled:hover.integrated-trash::after {
  content: "전형 대상자가 한명이라도 있거나\a전형 통합이 진행된 경우, 삭제가 불가능합니다.";
}
button.btn.btn-user:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/user_icon.svg") no-repeat;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
button.btn.btn-analysis:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/analysis_icon.svg") no-repeat;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
button.btn.reAnalysisNeed:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/reAnalysisNeed_icon.svg") no-repeat;
  width: 32px;
  height: 32px;
  top: 50%;
  left: 50%;
  transform: translate(-34%, -55%);
}
button.btn.analysisFail:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/analysisFail_icon.svg") no-repeat;
  width: 32px;
  height: 32px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
}
button.btn.analysisProceeding:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/analysisProceeding_icon.svg") no-repeat;
  width: 32px;
  height: 32px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
}
button.btn.analysisSuccess:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/analysisSuccess_icon.svg") no-repeat;
  width: 32px;
  height: 32px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
}
button.btn.alert:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/icon_info_24_filled.svg") no-repeat;
  top: 15%;
  left: 75%;
  transform: translate(-50%, -55%);
}
button.btn.btn-result {
  margin-right: 0;
}
button.btn.btn-result:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/result_icon.svg") no-repeat;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
button.btn.btn-list-output {
  margin-right: 0;
  font-size: 12px;
  padding: 0 6px 0 20px;
  height: 20px;
  min-height: 20px;
  border-radius: 4px;
}
button.btn.btn-list-output.not-evaluated {
  background: #f8f9fa;
  color: #868e96;
}
button.btn.btn-list-output.not-evaluated:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/icon_list_output_18_line.svg") no-repeat;
}
button.btn.btn-list-output.not-evaluated:hover {
  background: #e9ecef;
}
button.btn.btn-list-output.evaluated {
  background: #ebfbee;
  color: #40c057;
}
button.btn.btn-list-output.evaluated:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/icon_list_output_18_line_filled.svg") no-repeat;
}
button.btn.btn-list-output.evaluated:hover {
  background: #b2f2bb;
}
button.btn.btn-list-output:before {
  top: calc(50% + 1px);
  left: 11px;
  transform: translate(-50%, -50%);
}
button.btn.btn-sort {
  margin-right: 0;
  min-width: 20px;
  min-height: 20px;
  padding: 4px;
}
button.btn.btn-sort:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/icon_sort_24_fill.svg") no-repeat;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
button.btn.btn-refresh:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/renew_icon.svg") no-repeat;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
button.btn.btn-email {
  margin-right: 0;
}
button.btn.btn-email:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/email_icon.svg") no-repeat;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
button.btn.btn-site {
  margin-right: 0;
}
button.btn.btn-site:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/site_icon.svg") no-repeat;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
button.btn.btn-setting-big:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/setting_big_icon.svg") no-repeat;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
button.btn.btn-setting-big:hover {
  background-color: transparent;
  border: none;
}
button.btn.btn-setting-big:hover:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/setting_blue_icon.svg") no-repeat;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
button.btn.btn-re-setting-big:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/re_setting_big_icon.svg") no-repeat;
  width: 26px;
  height: 26px;
  top: 50%;
  left: 50%;
  transform: translate(-34%, -55%);
}
button.btn.btn-re-setting-big:hover {
  background-color: transparent;
  border: none;
}
button.btn.btn-re-setting-big:hover:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/re_setting_big_blue_icon.svg") no-repeat;
  width: 26px;
  height: 26px;
  top: 50%;
  left: 50%;
  transform: translate(-34%, -55%);
}
button.btn.btn-setting-blue:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/setting_blue_icon.svg") no-repeat;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
button.btn.btn-setting-blue:hover {
  background-color: transparent;
  border: none;
}
button.btn.btn-edit {
  margin-right: 0;
}
button.btn.btn-edit:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/edit_icon.svg") no-repeat;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
button.btn.btn-download {
  margin-right: 0;
}
button.btn.btn-download:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/download_icon.svg") no-repeat;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
button.btn.btn-float-right {
  position: absolute;
  right: 0;
  left: auto;
  top: 50%;
  transform: translateY(-50%);
}
button.btn.btn-mini {
  min-height: 28px;
}
button.btn.btn-minus {
  width: 32px;
  height: 32px;
  border: 2px solid #e7eaf1;
  border-radius: 5px;
  box-sizing: border-box;
  background: url("/resources/mrs2/css/manager/faceLiftImg/remove_gray_icon.svg") center center no-repeat;
}
button.btn.btn-minus:hover {
  background-color: #e7eaf1;
}
button.btn.btn-plus {
  width: 32px;
  height: 32px;
  border: 2px solid #e7eaf1;
  border-radius: 5px;
  box-sizing: border-box;
  background: url("/resources/mrs2/css/manager/faceLiftImg/add_gray_icon.svg") center center no-repeat;
}
button.btn.btn-plus:hover {
  background-color: #e7eaf1;
}
button.btn.btn-icon80:before {
  background-size: 80%;
  background-position: center;
}
button.btn.like-text {
  min-height: 0;
  color: #6a7684;
}
button.btn i.fa {
  margin: 0 13px 0 5px;
  font-size: 13px;
}
button.btn i.fa.fa-folder-open-o:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/folder_icon.svg") no-repeat;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -48%);
}
button.btn i.fa.fa-folder-open:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/folder_icon.svg") no-repeat;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
button.btn i.fa.fa-file:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/file_icon.svg") no-repeat;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
button.btn i.fa.fa-plus-square-o:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/add_file_icon.svg") no-repeat;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -48%);
}
button.btn i.fa.fa-refresh-o:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/refresh_icon.svg") no-repeat;
  left: 50%;
  top: 50%;
  transform: translate(-60%, -40%);
}
button.btn i.fa.fa-box-icon:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/box_icon.svg") no-repeat;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -44%);
}
button.btn i.fa.fa-download-icon:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/download_icon.svg") no-repeat;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -44%);
}
button.btn i.fa.fa-download:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/icon_download_24_line.svg") no-repeat;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -44%);
}
button.btn i.fa.fa-upload-icon:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/upload_icon.svg") no-repeat;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -44%);
}
button.btn i.fa.fa-upload:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/icon_upload_24_line.svg") no-repeat;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -44%);
}
button.btn i.fa.fa-add-white-icon:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/add_white_icon.svg") no-repeat;
  left: 50%;
  top: 50%;
  transform: translate(-60%, -40%);
}
button.btn i.fa.fa-drop-down {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/drop_down_icon.svg") no-repeat;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
}
button.btn i.fa.fa-file-icon {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/file_icon.svg") no-repeat;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
button.btn i.fa.fa-clock-icon:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/clock_icon.svg") no-repeat;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
button.btn i.fa.fa-reorder:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/list_icon.svg") no-repeat;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
button.btn i.fa.fa-check:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/check_gray_icon.svg") no-repeat;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
button.btn i.fa.fa-plus:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/add_gray_icon.svg") no-repeat;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
button.btn i.fa.fa-refresh:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/renew_icon.svg") no-repeat;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -48%);
}
button.btn i.fa.fa-enter-icon:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/enter_icon.svg") no-repeat;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -40%);
}
button.btn i.fa.fa-preview-icon:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/eyes_icon.svg") no-repeat;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -45%);
}
button.btn i.fa.fa-mapping-icon:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/mapping_icon.svg") no-repeat;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -45%);
}
button.btn i.fa.fa-right {
  top: 0;
}
button.btn i.fa.fa-trash-o:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/trash_icon_small.svg") no-repeat;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
button.btn + span.btn-information::before {
  content: url(/resources/mrs2/css/manager/faceLiftImg/grid_facelift_info.svg) !important;
}
button.btn + span.btn-information-margin-bottom::before {
  position: absolute;
  bottom: 1px;
  content: url(/resources/mrs2/css/manager/faceLiftImg/grid_facelift_info.svg) !important;
}
button.info-icon {
  width: 20px;
  height: 20px;
  position: absolute;
  background: url(/resources/mrs2/css/manager/faceLiftImg/info_icon.svg) no-repeat;
  border: none;
}
button.viewGrayBtn {
  border-radius: 4px;
  width: 50px;
  height: 24px;
  border: none;
  font-size: 12px;
  cursor: pointer;
  margin-right: 2px;
  background-color: #e7eaf1;
  color: #6a7684;
}
button.viewGrayBtn.longbtn {
  width: 118px;
}
button.viewGrayBtn.shortBtn {
  width: 60px;
}
button.viewLightGreenBtn {
  border-radius: 4px;
  width: 60px;
  height: 24px;
  border: none;
  font-size: 12px;
  cursor: pointer;
  margin-right: 2px;
  background-color: #ccf5e0;
  color: #00a850;
}
button.viewBlueBtn {
  border-radius: 4px;
  width: 50px;
  height: 24px;
  border: none;
  font-size: 12px;
  cursor: pointer;
  margin-right: 2px;
  color: #00a850;
  background-color: #ccf5e0;
}
button.viewGreenBtn {
  border-radius: 4px;
  width: 100px;
  height: 24px;
  border: none;
  font-size: 12px;
  cursor: pointer;
  margin-right: 2px;
  background-color: #00c17c;
  color: #ffffff;
}
button.viewGreenBtn.shortBtn {
  width: 60px;
}

a.tactstab.a-btn-style {
  border: 2px solid #e7eaf1;
  border-radius: 4px;
  box-sizing: border-box;
  color: #6a7684;
  font-size: 13px;
  text-decoration: none;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 10px;
}

/***********************************************************************

                              INPUT STYLE

***********************************************************************/
input[type=checkbox].checkbox:disabled:checked + span.label:before {
  border: none !important;
}
input[type=checkbox].checkbox:disabled + span.label:before {
  border: none !important;
}
input[type=checkbox].checkbox:hover + .label:before {
  border-color: transparent;
}
input[type=checkbox].checkbox:checked + span.label {
  padding: 0;
  font-weight: 400 !important;
  margin: 0;
  padding-right: 6px;
}
input[type=checkbox].checkbox:checked + span.label:before {
  background-color: #57be81;
  border-color: #57be81;
}
input[type=checkbox].checkbox + span.label {
  padding: 0;
  font-weight: 400 !important;
  margin: 0;
  padding-right: 6px;
}
input[type=checkbox].checkbox + span.label:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/dash_white_icon.svg") no-repeat;
  width: 18px;
  height: 18px;
  position: relative;
  border-radius: 4px;
  background-color: #c6c8d1;
  border: none;
  background-position: center;
}
input[type=checkbox].checkbox.switch.small {
  width: 48px;
  height: 24px;
}
input[type=checkbox].checkbox.switch.small:checked + .label:before {
  content: "ON";
  width: 48px;
  height: 24px;
  padding: 4px 8px;
  font-size: 10px;
  font-weight: bold;
  background-color: #00c17c;
}
input[type=checkbox].checkbox.switch.small:checked + .label:after {
  left: 28px;
}
input[type=checkbox].checkbox.switch.small + .label {
  top: 0;
}
input[type=checkbox].checkbox.switch.small + .label:before {
  content: "OFF";
  width: 48px;
  height: 24px;
  padding: 4px 8px;
  font-size: 10px;
  font-weight: bold;
  background-color: #c5c9d8;
}
input[type=checkbox].checkbox.switch.small + .label:after {
  left: 4px;
  top: 4px;
}
input[type=checkbox].checkbox.switch.custom {
  width: 48px;
  height: 24px;
}
input[type=checkbox].checkbox.switch.custom:checked + .label:before {
  content: "ON";
  width: 48px;
  height: 24px;
  padding: 4px 8px;
  font-size: 10px;
  font-weight: bold;
  line-height: 18px;
  background-color: #00c17c;
}
input[type=checkbox].checkbox.switch.custom:checked + .label:after {
  width: 16px;
  height: 16px;
  left: 28px;
}
input[type=checkbox].checkbox.switch.custom + .label:before {
  content: "OFF";
  width: 48px;
  height: 24px;
  padding: 4px 8px;
  font-size: 10px;
  font-weight: bold;
  line-height: 18px;
  background-color: #c5c9d8;
}
input[type=checkbox].checkbox.switch.custom + .label:after {
  width: 16px;
  height: 16px;
  left: 4px;
  top: 4px;
}
input[type=checkbox].checkbox.switch.custom.lock:disabled + .label:before {
  background-color: #c5c9d8 !important;
  border: 1px solid #c5c9d8 !important;
}
input[type=checkbox].checkbox.switch.custom.lock:disabled + .label:after {
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/lock_gray_icon.svg");
  background-repeat: no-repeat;
  background-position: center;
}
input[type=checkbox].checkbox.switch.custom.lock:checked:disabled + .label:before {
  background-color: #00c17c !important;
  border: 1px solid #00c17c !important;
}
input[type=checkbox].checkbox.switch.custom.lock:checked:disabled + .label:after {
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/lock_green_icon.svg");
  background-repeat: no-repeat;
  background-position: center;
}
input[type=checkbox].checkbox + .label:hover:before {
  border-color: transparent;
}
input[type=radio].radio {
  width: 20px;
  height: 20px;
}
input[type=radio].radio:hover + .label:before {
  background: #ffffff;
  border: 6px solid #00c17c;
}
input[type=radio].radio:hover + .label:hover:before {
  background: #ffffff;
  border: 6px solid #00c17c;
}
input[type=radio].radio:disabled + .label:before {
  background: #eeeff1 !important;
  border: 1px solid #eeeff1 !important;
}
input[type=radio].radio + .label {
  min-width: 0;
  min-height: 0;
  font-weight: 400;
  top: -1px;
  padding-right: 5px;
}
input[type=radio].radio + .label:before {
  width: 20px;
  height: 20px;
  background-color: #e2e4e9;
  border: 7px solid #c6c8d1;
}
input[type=radio].radio + .label:hover:before {
  border-color: #00c17c;
}
input[type=radio].radio:checked + .label {
  min-width: 0;
  min-height: 0;
}
input[type=radio].radio:checked + .label:before {
  width: 20px;
  height: 20px;
  min-width: 0;
  background: #ffffff;
  border: 6px solid #00c17c;
}
input[type=radio].radio:checked + .line__box {
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 400;
}
input[type=radio].radio:checked + .line__box:after {
  content: "";
  width: 100%;
  height: 32px;
  background-color: #edeef3;
  position: absolute;
  left: 0;
  z-index: -1;
}
input[type=radio].radio:checked:disabled + .label:before {
  width: 20px;
  height: 20px;
  min-width: 0;
  background: #ced4da !important;
  border: 6px solid #eeeff1 !important;
}
input[type=text].text, input[type=number].text, input[type=password].text, input[type=search].text {
  font-weight: 400;
  color: #1c252f;
  border: 2px solid #f1f3fb;
  border-radius: 5px;
  background-color: #f1f3fb;
  box-sizing: border-box;
  padding: 0 0 1px 10px;
  height: 32px !important;
}
input[type=text].text:hover, input[type=number].text:hover, input[type=password].text:hover, input[type=search].text:hover {
  border-color: #f1f3fb;
  background-color: #ffffff;
}
input[type=text].text:disabled, input[type=number].text:disabled, input[type=password].text:disabled, input[type=search].text:disabled {
  border-color: #dbdee8;
  background-color: #dbdee8;
}
input[type=text].text:focus, input[type=number].text:focus, input[type=password].text:focus, input[type=search].text:focus {
  border-color: #f1f3fb;
  background-color: #ffffff;
}
input[type=text].text::-moz-placeholder, input[type=number].text::-moz-placeholder, input[type=password].text::-moz-placeholder, input[type=search].text::-moz-placeholder {
  color: #adb3c2;
}
input[type=text].text::placeholder, input[type=number].text::placeholder, input[type=password].text::placeholder, input[type=search].text::placeholder {
  color: #adb3c2;
}
input[type=text].search:focus, input[type=number].search:focus, input[type=password].search:focus, input[type=search].search:focus {
  border-color: #f1f3fb;
  background-color: #ffffff;
}
input[type=text].search:focus + button[type=submit], input[type=number].search:focus + button[type=submit], input[type=password].search:focus + button[type=submit], input[type=search].search:focus + button[type=submit] {
  border: none !important;
  background-color: #ffffff;
}
input.input32px {
  height: 32px !important;
}
input.input28px {
  height: 28px !important;
}
input.input225px {
  width: 225px !important;
}
input.input325px {
  width: 325px !important;
}
input.input400px {
  width: 400px !important;
  height: 32px !important;
}
input.input-calendar {
  text-indent: -15px !important;
}
input.input60px {
  width: 60px !important;
}
input.input-padding-left {
  padding-left: 10px !important;
}
input:disabled {
  background-color: #dbdee8;
}
input.text.text100per {
  height: 32px;
}

textarea:disabled {
  border-color: #dbdee8;
  background-color: #dbdee8;
}

/***********************************************************************

                              LABEL STYLE

***********************************************************************/
label.input-icon input {
  font-weight: 600;
  padding-left: 25px !important;
}
label.input-icon i.fa-calendar:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/1_calendar.svg") no-repeat;
  top: 50%;
  left: 50%;
  transform: translate(-40%, -50%);
}
label.input-icon i.fa-clock-o:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/1_time.svg") no-repeat;
  top: 50%;
  left: 50%;
  transform: translate(-40%, -50%);
}
label.input-icon + .btn-search {
  position: relative;
  width: 25px;
  height: 32px;
  margin-left: -7px;
  top: -3.5px;
  background-color: #f1f3fb;
  border-radius: 0 5px 5px 0;
  border: none;
}
label.input-icon + .btn-search:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/search_icon.svg") no-repeat;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
label.input-icon + .btn-search:disabled {
  background-color: #dbdee8;
  cursor: not-allowed;
}
label.styled-select {
  color: transparent;
  border-radius: 0;
  border: none;
  background-color: transparent;
  box-sizing: border-box;
  margin-top: 0;
  margin-bottom: 0;
  transition: all linear 0.2s;
}
label.styled-select .padding-left8px {
  padding-left: 8px;
}
label.styled-select:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/drop_down_icon.svg") no-repeat;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
  z-index: 1000;
}
label.styled-select > select {
  height: 32px;
  border-radius: 5px;
  border: 2px solid #f1f3fb;
  background-color: #f1f3fb;
  font-weight: 400;
  padding: 0 24px 1px 10px;
  color: #1c252f;
  transition: all linear 0.2s;
}
label.styled-select > select:hover {
  color: #1c252f;
  border: 2px solid #e7eaf1;
  background-color: #ffffff;
}
label.styled-select > select:focus {
  color: #1c252f;
  border: 2px solid #6a7684;
  background-color: #ffffff;
  outline: none;
}
label.styled-select > select:disabled {
  color: #adb3c2;
  background-color: #dbdee8;
  border-color: #dbdee8;
  opacity: 1 !important;
}
label.styled-select.pagingCounter {
  border: 2px solid transparent;
  border-radius: 5px;
}
label.styled-select.pagingCounter:hover {
  color: #e7eaf1;
  border: 2px solid transparent;
  box-sizing: border-box;
}
label.styled-select.pagingCounter:before {
  content: "";
}
label.styled-select .pageSize {
  height: 32px;
  width: 70px;
}
label.styled-searchSelect {
  color: transparent;
  border-radius: 0;
  border: none;
  background-color: transparent;
  box-sizing: border-box;
  margin-top: 0;
  margin-bottom: 0;
  transition: all linear 0.2s;
}
label.styled-searchSelect.margin-right7px {
  margin-right: 7px;
}
label.styled-searchSelect.width-240px > * {
  width: 240px;
}
label.styled-searchSelect.width-300px > * {
  width: 300px;
}
label.styled-searchSelect.width-400px > * {
  width: 400px;
}
label.styled-searchSelect.width-100per {
  width: 100%;
}
label.styled-searchSelect .dropdown {
  height: 32px;
  border-radius: 5px;
  background-color: #f1f3fb;
  font-weight: 400;
  padding: 0 24px 1px 10px;
  color: #1c252f;
  transition: all linear 0.2s;
  display: flex;
  align-items: center;
}
label.styled-searchSelect .dropdown.white {
  background-color: white;
}
label.styled-searchSelect .dropdown.border0 {
  border: none;
}
label.styled-searchSelect .dropdown.borderRadius0 {
  border-radius: 0;
}
label.styled-searchSelect .dropdown.height100per {
  height: 100%;
}
label.styled-searchSelect .dropdown:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url(/resources/mrs2/css/manager/faceLiftImg/drop_down_icon.svg) no-repeat;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
  z-index: 1000;
}
label.styled-searchSelect .dropdown:hover {
  color: #1c252f;
  background-color: #ffffff;
}
label.styled-searchSelect .dropdown:focus {
  color: #1c252f;
  background-color: #ffffff;
  outline: none;
}
label.styled-searchSelect .dropdown.disabled {
  color: #adb3c2;
  background-color: #dbdee8;
  border-color: #dbdee8;
  opacity: 1 !important;
  cursor: not-allowed;
}
label.styled-searchSelect .dropdown p {
  white-space: nowrap;
  overflow: hidden;
  font-weight: normal;
}
label.styled-searchSelect .options {
  position: absolute;
  top: calc(100% + 3px);
  display: none;
  width: 100%;
  box-shadow: 0 5px 10px #c8c8c8;
  cursor: default;
  border-radius: 5px;
  background: #ffffff;
  z-index: 9999;
  overflow-x: hidden;
  overflow-y: scroll;
}
label.styled-searchSelect .options.active {
  display: block;
}
label.styled-searchSelect .options .search {
  border-bottom: 1px solid #e5e5e5;
}
label.styled-searchSelect .options .search input {
  padding: 8px;
  overflow: hidden;
  border: none;
  width: 95%;
}
label.styled-searchSelect .options .search input::-ms-clear {
  display: none;
}
label.styled-searchSelect .options .search input::-ms-reveal {
  display: none;
}
label.styled-searchSelect .options .search input::-webkit-search-decoration, label.styled-searchSelect .options .search input::-webkit-search-cancel-button, label.styled-searchSelect .options .search input::-webkit-search-results-button, label.styled-searchSelect .options .search input::-webkit-search-results-decoration {
  display: none;
}
label.styled-searchSelect .options .items {
  max-height: 300px;
}
label.styled-searchSelect .options .items .item {
  padding: 2px 8px;
  width: 100%;
  color: #1c252f;
}
label.styled-searchSelect .options .items .item:hover {
  color: #ffffff;
  background-color: #8e8e8e;
}
label.styled-searchSelect .options .items .item p {
  font-weight: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
label.styled-searchSelect.searchSelect-scrollX .options {
  overflow-y: hidden;
}
label.styled-searchSelect.searchSelect-scrollX .options .items {
  overflow-x: auto;
  overflow-y: auto;
}
label.styled-searchSelect.searchSelect-scrollX .options .items .item {
  width: -moz-max-content;
  width: max-content;
  min-width: 100%;
  box-sizing: border-box;
}
label.styled-searchSelect.searchSelect-scrollX .options .items .item p {
  text-overflow: clip;
  overflow: visible;
}
label.styled-select.bg {
  color: #adb3c2;
  border-radius: 5px;
  border: 2px solid #fff;
  background-color: #fff;
  box-sizing: border-box;
}
label.styled-select.bg:hover {
  color: #e7eaf1;
  border: 2px solid #e7eaf1;
  background-color: #ffffff;
}
label.styled-select.bg:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/drop_down_icon.svg") no-repeat;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
label.styled-select.bg select:focus {
  color: #1c252f;
  font-weight: 500;
  border: 2px solid #6a7684;
  outline: none;
}
label.styled-select.bg select:disabled {
  background-color: #dbdee8;
}
label.styled-select.white {
  border: 2px solid #ffffff;
  border-radius: 5px;
  background: white;
  box-sizing: border-box;
  max-height: 32px !important;
}
label.styled-select.white:hover {
  border: 2px solid #e7eaf1;
}
label.styled-select.white:focus {
  border: 2px solid #6a7684;
}
label.styled-select.white select {
  height: 30px !important;
  background: #ffffff;
  border: none;
  color: #1c252f !important;
}
label.selectedCheckbox {
  width: auto;
  height: 32px;
  line-height: 32px;
  color: #00a850;
  background-color: #ccf5e0;
  border: none;
  border-radius: 5px;
  margin: 2.5px;
}
label.selectedCheckbox:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/dash_green_icon.svg") no-repeat;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
}
label.selected-label {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  background: #ccf5e0;
  color: #00a850;
  padding: 6px 10px;
  border-radius: 16px;
  margin-right: 10px;
}
label.selected-label .text {
  font-size: 13px;
}
label.selected-label .btn-delete {
  position: relative;
  background: none;
  border: none;
  width: 20px;
  height: 20px;
  margin-left: 20px;
}
label.selected-label .btn-delete .box {
  position: absolute;
  left: 18%;
  transform: translate(-50%, -50%);
  width: 70%;
  height: 70%;
}
label.selected-label .btn-delete .box .line {
  position: absolute;
  top: 50%;
  width: 100%;
  height: 2px;
  background-color: #00a850;
}
label.selected-label .btn-delete .box .line.line-1 {
  transform: rotate(135deg) translateX(0%);
}
label.selected-label .btn-delete .box .line.line-2 {
  transform: rotate(45deg) translateX(0%);
}
label.styled-file {
  height: 32px;
  min-height: 32px;
  display: inline-block;
  color: #00a850;
  border-radius: 5px 0 0 5px;
  padding: 7px 10px 5px 10px;
  box-sizing: border-box;
  background-color: #ccf5e0;
}
label.styled-file span {
  display: flex;
}
label.styled-file > a {
  display: flex;
  color: #00a850;
  text-decoration: none;
}
label.styled-file + button {
  height: 32px;
  display: inline-block;
  background-color: #ccf5e0;
  border-radius: 0 5px 5px 0;
  border: none;
}
label.styled-file + button:hover {
  background: #ccf5e0 !important;
}
label.styled-file + button:active {
  top: auto !important;
  left: auto !important;
}
label.styled-file + button:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("/resources/mrs2/css/manager/faceLiftImg/dash_green_icon.svg");
}
label.fileUploadInput {
  display: inline-block;
  height: 32px;
  color: #00a850;
  background-color: #ccf5e0;
  padding: 0 5px 0 10px;
  font-size: 13px;
  line-height: 32px;
  border-radius: 5px;
  margin-top: 10px;
}
label.fileUploadInput .fileText a {
  color: #00a850;
}
label.fileUploadInput input {
  display: none;
}
label.fileUploadInput + button:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  margin-right: 0;
  background: url(/resources/mrs2/css/manager/faceLiftImg/dash_green_icon.svg) no-repeat;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
label.select32px {
  height: 32px !important;
}
label.select28px {
  height: 28px !important;
}
label.select70px {
  width: 70px !important;
}
label.select90px {
  width: 90px !important;
}
label.select225px {
  width: 225px !important;
}
label.select450px {
  width: 450px !important;
}

/***********************************************************************

                              TAB STYLE

***********************************************************************/
ul.face-lift-tab1 {
  display: flex;
  justify-content: space-between;
}
ul.face-lift-tab1 li {
  width: 100%;
  height: 48px;
  background-color: #e7eaf1;
  border: 2px solid #e7eaf1;
  cursor: pointer;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
ul.face-lift-tab1 li:first-of-type {
  border-radius: 6px 0 0 0;
}
ul.face-lift-tab1 li:first-of-type a:before {
  content: none;
}
ul.face-lift-tab1 li:last-of-type {
  border-radius: 0 6px 0 0;
}
ul.face-lift-tab1 li:last-of-type a.active:after {
  content: none;
}
ul.face-lift-tab1 li a {
  width: 100%;
  text-decoration: none;
  font-size: 14px;
  display: inline-block;
  text-align: center;
  margin: 0;
  height: 100%;
  font-weight: 500;
  color: #adb3c2;
  border-radius: 5px 5px 0 0;
  line-height: 48px;
}
ul.face-lift-tab1 li a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 16px;
  border-right: 2px solid #c4c8d5;
  transform: translateY(-50%);
}
ul.face-lift-tab1 li a.active {
  background-color: #ffffff;
  border-bottom: 2px solid #ffffff;
  color: #1c252f;
}
ul.face-lift-tab1 li a.active:before {
  content: none;
}
ul.face-lift-tab1 li a.active:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -6px;
  height: 18px;
  border-right: 3px solid #e7eaf1;
  transform: translateY(-50%);
  z-index: 1;
}
ul.face-lift-tab1 li a.active + a:before {
  content: none;
}
ul.face-lift-tab1 li a.active a {
  color: #1c252f;
}

ul.face-lift-tab1-not-full {
  display: flex;
  border-bottom: 1px solid #f2f3f5;
}
ul.face-lift-tab1-not-full li {
  height: 48px;
  padding: 0;
  background-color: #e7eaf1;
  border: 2px solid #e7eaf1;
  cursor: pointer;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
ul.face-lift-tab1-not-full li:first-of-type {
  border-radius: 6px 0 0 0;
}
ul.face-lift-tab1-not-full li:first-of-type a:before {
  content: none;
}
ul.face-lift-tab1-not-full li:last-of-type {
  border-radius: 0 6px 0 0;
}
ul.face-lift-tab1-not-full li:last-of-type a.active:after {
  content: none;
}
ul.face-lift-tab1-not-full li a {
  padding: 0 40px;
  text-decoration: none;
  font-size: 14px;
  display: inline-block;
  text-align: center;
  margin: 0;
  height: 100%;
  font-weight: 500;
  color: #adb3c2;
  border-radius: 5px 5px 0 0;
  line-height: 48px;
}
ul.face-lift-tab1-not-full li a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 16px;
  border-right: 2px solid #c4c8d5;
  transform: translateY(-50%);
}
ul.face-lift-tab1-not-full li a.active {
  background-color: #ffffff;
  border-bottom: 3px solid #ffffff;
  z-index: 1;
  color: #1c252f;
}
ul.face-lift-tab1-not-full li a.active:before {
  content: none;
}
ul.face-lift-tab1-not-full li a.active:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -6px;
  height: 18px;
  border-right: 3px solid #e7eaf1;
  transform: translateY(-50%);
  z-index: 1;
}
ul.face-lift-tab1-not-full li a.active + a:before {
  content: none;
}
ul.face-lift-tab1-not-full li a.active a {
  color: #1c252f;
}

ul.face-lift-tab2 {
  display: flex;
  background-color: #ffffff;
  border-radius: 8px 8px 0 0;
  border: 1px solid #e7eaf1;
  border-bottom: none;
  box-sizing: border-box;
}
ul.face-lift-tab2 li {
  height: 68px;
  display: flex;
  position: relative;
  align-items: center;
  cursor: pointer;
  box-sizing: border-box;
}
ul.face-lift-tab2 li:first-child:before {
  display: none;
}
ul.face-lift-tab2 li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 16px;
  border-right: 1px solid #e7eaf1;
  transform: translateY(-50%);
}
ul.face-lift-tab2 li a {
  display: flex;
  text-decoration: none;
  padding: 0 30px;
  font-size: 16px;
  font-weight: 500;
  color: #adb3c2;
  height: 100%;
  align-items: center;
}
ul.face-lift-tab2 li a.active {
  color: #1c252f;
}
ul.face-lift-tab2 li a.active:after {
  content: "";
  width: 100%;
  bottom: 0;
  left: 0;
  position: absolute;
  border-bottom: 4px solid #00c17c;
}
ul.face-lift-tab2 li div {
  display: none;
}
ul.face-lift-tab2 + .page__init {
  border-radius: 0 0 8px 8px;
}

ul.face-lift-tab3 {
  display: flex;
  background-color: #ffffff;
  border-radius: 8px 8px 0 0;
  border: 1px solid #e7eaf1;
  border-bottom: none;
  box-sizing: border-box;
  margin-bottom: 0;
}
ul.face-lift-tab3 > li {
  max-width: 220px;
  width: 100%;
  height: 68px;
  display: flex;
  position: relative;
  align-items: center;
  cursor: pointer;
  box-sizing: border-box;
}
ul.face-lift-tab3 > li.active span {
  color: #283442;
}
ul.face-lift-tab3 > li.active:after {
  content: "";
  width: 100%;
  bottom: 0;
  left: 0;
  position: absolute;
  border-bottom: 4px solid #00c17c;
}
ul.face-lift-tab3 > li.active > a {
  color: #283442;
}
ul.face-lift-tab3 > li:first-child:before {
  display: none;
}
ul.face-lift-tab3 > li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 16px;
  border-right: 1px solid #e7eaf1;
  transform: translateY(-50%);
}
ul.face-lift-tab3 > li:hover div {
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1;
}
ul.face-lift-tab3 > li:hover div > ul {
  background: #ffffff;
  padding: 10px 0 15px 0;
  box-shadow: 0 2px 10px rgb(213, 216, 220);
  border-radius: 8px;
  width: 100%;
}
ul.face-lift-tab3 > li:hover div > ul > li {
  position: relative;
  height: 32px;
  display: flex;
  align-items: center;
  color: #6a7684;
}
ul.face-lift-tab3 > li:hover div > ul > li:hover {
  color: #1c252f;
  background: #edeef3;
}
ul.face-lift-tab3 > li:hover div > ul > li:hover:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: url(/resources/mrs2/css/manager/faceLiftImg/next_arrow_icon.svg);
}
ul.face-lift-tab3 > li:hover div > ul > li a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #1c252f;
  font-size: 13px;
  font-weight: 500;
  padding-left: 11px;
}
ul.face-lift-tab3 > li div {
  display: none;
}
ul.face-lift-tab3 > li span {
  display: inline-block;
  text-decoration: none;
  padding: 0 30px;
  font-size: 16px;
  font-weight: 700;
  color: #adb3c2;
}
ul.face-lift-tab3 > li span:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  background: url("/resources/mrs2/css/manager/faceLiftImg/drop_down_icon.svg");
}
ul.face-lift-tab3 > li a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #adb3c2;
  padding: 0 30px;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
}
ul.face-lift-tab3 > li div {
  display: none;
}
ul.face-lift-tab3 > li label.labelOptionTab {
  position: absolute;
  display: inline-block;
  width: 48px;
  height: 24px;
  right: 15px;
  top: 50%;
  border-radius: 12px;
  transform: translateY(-50%);
  background-color: #c5c9d8;
}
ul.face-lift-tab3 > li label.labelOptionTab:before {
  content: "OFF";
  width: 48px;
  height: 24px;
  padding: 4px 22px;
  font-size: 10px;
  font-weight: bold;
  color: #ffffff;
  transition: all 0.4s ease;
}
ul.face-lift-tab3 > li label.labelOptionTab:after {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  background: #fff;
  border-radius: 50%;
  top: 50%;
  left: 2px;
  transform: translateY(-50%);
  transition: all 0.4s ease;
}
ul.face-lift-tab3 > li label.labelOptionTab.active {
  background-color: #00c17c;
}
ul.face-lift-tab3 > li label.labelOptionTab.active:before {
  content: "ON";
  padding: 4px 8px;
}
ul.face-lift-tab3 > li label.labelOptionTab.active:after {
  left: 28px;
}
ul.face-lift-tab3 + .page__init {
  border-radius: 0 0 8px 8px;
}

.selectTemplate ul li.active {
  background: #e7eaf1;
  border: 2px solid #e7eaf1;
}

.tactstab:before {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url(/resources/mrs2/css/manager/faceLiftImg/info_icon.svg) no-repeat;
}

/***********************************************************************

                          LIST STYLE(UL STYLE)

***********************************************************************/
ul.msg-box.notice {
  margin-top: 0;
  margin-bottom: 0;
  padding: 12px 0 0 0;
  background: none;
  border: none;
  min-height: auto;
  line-height: 2;
}
ul.msg-box.notice > li {
  color: #6a7684;
}
ul.msg-box.notice > li > span.header__icon {
  border: 2px solid #e7eaf1;
  border-radius: 4px;
}
ul.msg-box.notice > li:before {
  content: "-";
  margin-right: 10px;
  font-weight: 600;
}
ul.msg-box.notice.point__area#isac_point, ul.msg-box.notice.point__area {
  margin-top: 0;
}
ul.msg-box.notice.point__area#isac_point h3, ul.msg-box.notice.point__area h3 {
  font-size: 16px;
  margin-bottom: 17px;
  color: #283442;
}
ul.msg-box.notice.point__area#isac_point li span.point__boxing, ul.msg-box.notice.point__area li span.point__boxing {
  font-size: 11px;
  padding: 1px 4px;
  margin-right: 5px;
  border: 2px solid #e7eaf1;
  border-radius: 4px;
}
ul.msg-box.notice.point__area#isac_point li b, ul.msg-box.notice.point__area li b {
  color: #0abc5f;
}
ul.msg-box.notice div.point__line {
  height: 1px;
  background-color: #edeef3;
  width: 100%;
  padding-right: 70px;
  margin: 20px 0 0 -25px;
}

div.msg-box-line {
  height: 1px;
  background-color: #e7eaf1;
  width: 100%;
  padding-right: 50px;
  margin: 25px 0 0 -25px;
}

ul.board-comment-list {
  background: #ffffff;
}
ul.board-comment-list.typeAnswer {
  border-bottom: 1px solid #edeef3;
}
ul.board-comment-list.typeAnswer li {
  padding: 18px 10px 18px 30px;
  border-bottom: 1px solid #edeef3;
}
ul.board-comment-list.typeAnswer li .typeAnswerTitle {
  margin-bottom: 3px;
}
ul.board-comment-list.typeAnswer li .typeAnswerTitle div.inputWrap {
  display: flex;
  margin-bottom: 13px;
}
ul.board-comment-list.typeAnswer li .typeAnswerTitle div.inputWrap input {
  margin-right: 10px;
}
ul.board-comment-list.typeAnswer li .typeAnswerTitle span.board-answer-register {
  color: #6a7684;
}
ul.board-comment-list.typeAnswer li .typeAnswerTitle span.board-answer-date {
  color: #6a7684;
  border-left: none;
  position: relative;
}
ul.board-comment-list.typeAnswer li .typeAnswerTitle span.board-answer-date:before {
  content: "";
  height: 12px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border-left: 1px solid #f1f3fb;
}
ul.board-comment-list.typeAnswer li .typeAnswerTitle i.answer {
  position: absolute;
  top: 25px;
  left: -5px;
}
ul.board-comment-list.typeAnswer li .typeAnswerTitle h3 {
  color: #6a7684;
  font-size: 13px;
  font-weight: normal;
}
ul.board-comment-list.typeAnswer li .typeAnswerText span.comment-contents {
  color: #6a7684;
  font-size: 13px;
  font-weight: normal;
}
ul.board-comment-list.typeAnswer li:after {
  content: none;
}

/***********************************************************************

                              MAPPING STYLE

***********************************************************************/
div.mapping h4 {
  color: #283442;
  font-size: 16px;
}
div.mapping ul.info-list li {
  color: #6a7684;
}
div.mapping ul.info-list li b {
  color: #f4361e !important;
}
div.mapping ul.info-list li i.fa {
  background-color: red;
}
div.mapping ul.info-list li i.fa b {
  color: #f4361e;
}
div.mapping ul.info-list li i.fa.fa-info-circle:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/info_icon.svg") no-repeat;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -10%);
}

/***********************************************************************

                              SEARCH-BOX STYLE

***********************************************************************/
div.search-box {
  display: inline-block;
}
div.search-box input[type=search][type=search] {
  height: 32px;
  background-color: #f1f3fb;
  color: #1c252f;
  border: 2px solid #f1f3fb;
  border-radius: 5px 0 0 5px;
  box-sizing: border-box;
  padding: 6px 0 7px 10px;
}
div.search-box input[type=search][type=search]::-moz-placeholder {
  color: #adb3c2;
}
div.search-box input[type=search][type=search]::placeholder {
  color: #adb3c2;
}
div.search-box input[type=search][type=search]::-webkit-search-cancel-button {
  display: none;
}
div.search-box input[type=search][type=search]:disabled {
  background-color: #dbdee8;
  cursor: not-allowed;
  opacity: 1;
  border: 2px solid #dbdee8 !important;
}
div.search-box input[type=search][type=search] + button[type=submit] {
  width: 25px;
  height: 32px;
  margin-left: -2px;
  background-color: #f1f3fb;
  border-radius: 0 5px 5px 0;
  border: 2px solid #f1f3fb;
}
div.search-box input[type=search][type=search] + button[type=submit]:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/search_icon.svg") no-repeat;
  top: 50%;
  right: 50%;
  transform: translate(-50%, -50%);
}
div.search-box input[type=search][type=search] + button[type=submit]:hover:enabled {
  border: 2px solid #f1f3fb;
  background-color: #f1f3fb;
}
div.search-box input[type=search][type=search]::-moz-selection:enabled {
  background-color: #ffffff;
  border: 2px solid #f1f3fb;
  border-right: 2px solid transparent;
}
div.search-box input[type=search][type=search]:hover:enabled, div.search-box input[type=search][type=search]:focus:enabled, div.search-box input[type=search][type=search]::selection:enabled {
  background-color: #ffffff;
  border: 2px solid #f1f3fb;
  border-right: 2px solid transparent;
}
div.search-box input[type=search][type=search]:hover:enabled + button {
  background-color: #ffffff !important;
  border: 2px solid #f1f3fb !important;
  border-left: 2px solid #ffffff !important;
}
div.search-box input[type=search][type=search]:focus + button {
  background-color: #ffffff !important;
  border: 2px solid #f1f3fb !important;
  border-left: 2px solid #ffffff !important;
}
div.search-box input[type=search][type=search]::-moz-selection + button {
  background-color: #ffffff;
  border: 2px solid #f1f3fb;
  border-left: 2px solid #ffffff;
}
div.search-box input[type=search][type=search]::selection + button {
  background-color: #ffffff;
  border: 2px solid #f1f3fb;
  border-left: 2px solid #ffffff;
}
div.search-box input[type=search][type=search] + button {
  background-color: #f1f3fb;
  border: 2px solid #f1f3fb !important;
  border-radius: 0 5px 5px 0;
  margin-left: -5px;
}
div.search-box input[type=search][type=search] + button:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/search_icon.svg") no-repeat;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
div.search-box input[type=search][type=search] + button:hover:enabled {
  background-color: #f1f3fb;
}
div.search-box input[type=search][type=search] + button:disabled {
  background-color: #dbdee8;
  cursor: not-allowed;
  opacity: 1;
  border: 2px solid #dbdee8 !important;
}

/***********************************************************************

                              REGIST STYLE

***********************************************************************/
div.job_notice_dir {
  border-radius: 12px;
  width: 80%;
  height: 24px;
  margin: 0 10%;
}
div.job_notice_dir.regist {
  background-color: #ccf5e0;
  color: #00a850;
}
div.job_notice_dir.regist i {
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
  width: 100%;
  height: 100%;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
}
div.job_notice_dir.regist i:before {
  content: "접수 중";
}
div.job_notice_dir.pre-regist {
  background-color: #c4e5fc;
  color: #0288e2;
}
div.job_notice_dir.pre-regist i {
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
  width: 100%;
  height: 100%;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
}
div.job_notice_dir.pre-regist i:before {
  content: "접수 전";
}
div.job_notice_dir.progress {
  background-color: #e7eaf1;
  color: #6a7684;
}
div.job_notice_dir.progress i {
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
  width: 100%;
  height: 100%;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
}
div.job_notice_dir.progress i:before {
  content: "진행중";
}
div.job_notice_dir.announce {
  background-color: #e7eaf1;
  color: #6a7684;
}
div.job_notice_dir.announce i {
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
  width: 100%;
  height: 100%;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
}
div.job_notice_dir.announce i:before {
  content: "발표중";
}
div.job_notice_dir.finish {
  background-color: #e7eaf1;
  color: #6a7684;
}
div.job_notice_dir.finish i {
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
  width: 100%;
  height: 100%;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
}
div.job_notice_dir.finish i:before {
  content: "공고마감";
}
div.job_notice_dir.pre-progress {
  background-color: #e7eaf1;
  color: #6a7684;
}
div.job_notice_dir.pre-progress i {
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
  width: 100%;
  height: 100%;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
}
div.job_notice_dir.pre-progress i:before {
  content: "진행전";
}
div.job_notice_dir.ended {
  background-color: #e7eaf1;
  color: #6a7684;
}
div.job_notice_dir.ended i {
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
  width: 100%;
  height: 100%;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
}
div.job_notice_dir.ended i:before {
  content: "종료";
}
div.job_notice_dir.setting {
  background-color: #d6ccf5;
  color: #6e5bc1;
}
div.job_notice_dir.setting i {
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
  width: 100%;
  height: 100%;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
}
div.job_notice_dir.setting i:before {
  content: "설정 중";
}

/***********************************************************************

                              DIV STYLE

***********************************************************************/
div.div__wrap {
  width: 80%;
  font-size: 12px;
}
div.div__wrap.div__purple {
  height: 24px;
  line-height: 24px;
  border-radius: 12px;
  color: #6e5bc1;
  background-color: #d5cdf2;
  margin: auto;
}
div.div__wrap.div__purple01 {
  height: 24px;
  line-height: 24px;
  border-radius: 12px;
  color: #6e5bc1;
  background-color: #d6ccf5;
  margin: auto;
}
div.div__wrap.div__green {
  height: 24px;
  line-height: 24px;
  border-radius: 12px;
  color: #00a850;
  background-color: #ccf5e0;
  margin: auto;
}
div.div__wrap.div__blue {
  height: 24px;
  line-height: 24px;
  border-radius: 12px;
  color: #0288e2;
  background-color: #c4e5fc;
  margin: auto;
}
div.div__wrap.div__black {
  height: 24px;
  line-height: 24px;
  border-radius: 12px;
  color: #6a7684;
  background-color: #e7eaf1;
  margin: auto;
}
div.div__wrap.div__yellow {
  height: 24px;
  line-height: 24px;
  border-radius: 12px;
  color: #a07e5c;
  background-color: #ffe8a8;
  margin: auto;
}
div.div__wrap.div__red01 {
  height: 24px;
  line-height: 24px;
  border-radius: 12px;
  color: #e8614f;
  background-color: #fadfdc;
  margin: auto;
}

div.div__block {
  width: 80px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #e7eaf1;
  border-radius: 5px;
  box-sizing: border-box;
  font-size: 12px;
  font-weight: 400;
}

div.sms-tool-tip {
  margin-top: 1px;
  display: none;
}
div.sms-tool-tip span.triangle {
  width: 0px;
  height: 0px;
  border-bottom: 5px solid #302f41;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  margin-left: 40px;
  position: absolute;
  top: 50px;
  left: 2px;
}
div.sms-tool-tip div.message {
  position: absolute;
  width: 123%;
  left: -14px;
  background-color: #302f41;
  padding: 3px;
  border-radius: 4px;
  z-index: 999;
  top: 55px;
  color: white;
  font-size: 12px;
}

div.div__circle {
  padding-left: 12px;
}
div.div__circle:before {
  content: "";
  width: 8px;
  height: 8px;
  position: relative;
  display: inline-block;
  right: 5px;
  border-radius: 100%;
}
div.div__circle.circle__purple:before {
  background-color: #db8bf8;
}
div.div__circle.circle__yellow:before {
  background-color: #ffbc50;
}
div.div__circle.circle__green:before {
  background-color: #89b889;
}

div.fake__td {
  min-height: 32px;
  border-bottom: 1px solid #f2f3f5;
  display: flex;
  text-align: left;
  padding-bottom: 17px;
  margin-bottom: 17px;
  align-items: center;
}

div.search-option-set {
  background-color: transparent;
  border: none;
  padding: 25px 0 0 0;
}

div.div-no-margin {
  margin: 0 !important;
}

div.board-answer-input {
  margin-top: 0;
  border: none;
  padding: 18px 10px 18px 30px;
  position: relative;
  background-color: transparent;
}
div.board-answer-input i.answer {
  position: absolute;
  top: 25px;
  left: -5px;
}
div.board-answer-input div.inputWrap {
  display: flex;
}
div.board-answer-input div.inputWrap input {
  margin-right: 10px;
}

div.mapping li {
  font-size: 13px;
}

/***********************************************************************

                         jQuery UI STYLE

***********************************************************************/
tr.ui-sortable-helper {
  outline: none;
}
tr.ui-sortable-helper th {
  background-color: #f8f9fc !important;
}
tr.ui-sortable-helper td {
  background-color: #f8f9fc !important;
}

tr.ui-state-highlight {
  border: none;
  background: none;
  color: transparent;
}

.ui-layer-default {
  border: 1px solid #edeef3;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(92, 106, 136, 0.2);
}
.ui-layer-default div ul {
  line-height: 32px;
  margin-right: 10px;
}
.ui-layer-default div ul li {
  width: 100%;
  padding-left: 10px;
  margin: 0 10px 0 0;
  height: 32px;
  font-size: 13px;
  position: relative;
  color: #6a7684;
}
.ui-layer-default div ul li a {
  color: #6a7684;
}
.ui-layer-default div ul li.none span {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ui-layer-default div ul li.none:hover {
  background-color: transparent;
}
.ui-layer-default div ul li.none:hover:after {
  content: "";
  background: none;
}
.ui-layer-default div ul li:hover {
  background-color: #edeef3;
}
.ui-layer-default div ul li:hover:after {
  content: "";
  width: 20px;
  height: 32px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: url("/resources/mrs2/css/manager/faceLiftImg/next_arrow_icon.svg") no-repeat;
  background-color: #edeef3;
  background-position-y: 50%;
}
.ui-layer-default div ul li:hover a {
  color: #1c252f;
  text-decoration: none;
}

/***********************************************************************

                         PAGING PROGRESS STYLE

***********************************************************************/
div.paging-wrapper {
  margin-bottom: 0;
}
div.paging-wrapper div.pagingprogress button.btn-paging,
div.paging-wrapper div.paging button.btn-paging {
  border: none;
  position: relative;
}
div.paging-wrapper div.pagingprogress button.btn-paging.paging-first:after,
div.paging-wrapper div.paging button.btn-paging.paging-first:after {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  background: url("/resources/mrs2/css/manager/faceLiftImg/back_skip_icon.svg") no-repeat;
  position: absolute;
  left: 2px;
  top: 2px;
}
div.paging-wrapper div.pagingprogress button.btn-paging.paging-prev:after,
div.paging-wrapper div.paging button.btn-paging.paging-prev:after {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  background: url("/resources/mrs2/css/manager/faceLiftImg/back_icon.svg") no-repeat;
  position: absolute;
  left: 2px;
  top: 2px;
}
div.paging-wrapper div.pagingprogress button.btn-paging.paging-next:after,
div.paging-wrapper div.paging button.btn-paging.paging-next:after {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  background: url("/resources/mrs2/css/manager/faceLiftImg/next_icon.svg") no-repeat;
  position: absolute;
  left: 2px;
  top: 2px;
}
div.paging-wrapper div.pagingprogress button.btn-paging.paging-last:after,
div.paging-wrapper div.paging button.btn-paging.paging-last:after {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  background: url("/resources/mrs2/css/manager/faceLiftImg/next_skip_icon.svg") no-repeat;
  position: absolute;
  left: 2px;
  top: 2px;
}
div.paging-wrapper ul li a {
  height: 23px;
  width: 23px;
  min-width: 23px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  font-size: 12px;
  margin: 0 5px;
}
div.paging-wrapper ul li a.active {
  border-radius: 100%;
  color: #ffffff;
  background-color: #00c17c;
}

div#layerPopJobnoticeField.ui-layer-default {
  border: 1px solid #edeef3;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(92, 106, 136, 0.2);
}

td[data-sortable] {
  position: relative;
}
td[data-sortable] i.fa.fa-bars:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/hamburger_move_icon.svg") no-repeat;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

td {
  position: relative;
}
td i.ui-sortable-handle.fa.fa-bars:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/hamburger_move_icon.svg") no-repeat;
  top: 50%;
  left: 50%;
  border: none;
  transform: translate(-50%, -90%);
}
td i.ui-sortable-handle.fa.fa-bars.face-lift-fabar:before {
  transform: translate(-50%, -75%) !important;
}

span.total_register {
  font-weight: 500;
}
span.total_register > strong {
  color: #1c252f;
}

div.tbl-btn-list {
  margin: 25px 0 17px;
}

/***********************************************************************

                         ENROLL PAGE STYLE

***********************************************************************/
div.direction_row_modal {
  display: flex;
  flex-direction: row;
  gap: 24px;
}
div.direction_row_modal .beta-label {
  position: relative;
  top: -3px;
  display: inline-block;
  margin-left: 4px;
  font-size: 12px;
  line-height: 18px;
  color: white;
  background: #228be6;
  border-radius: 4px;
  padding: 2px 8px;
  font-weight: normal;
}
div.direction_row_modal ul {
  display: flex;
  gap: 24px;
  width: 100%;
}
div.direction_row_modal li {
  flex: 1;
}
div.direction_row_modal a {
  display: block;
  border-radius: 12px;
  padding: 32px 40px 0;
  height: 350px;
  position: relative;
}
div.direction_row_modal a.old {
  flex: 1;
  background: #868e96;
}
div.direction_row_modal a.old .title {
  font-family: "Pretendard";
  font-size: 20px;
  font-weight: normal;
  color: #fff;
  line-height: 30px;
}
div.direction_row_modal a.old .sub-title {
  margin-top: 8px;
  font-family: Pretendard;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  color: #fff;
}
div.direction_row_modal a.old.recruit-notice .background {
  background: url("/resources/mrs2/css/manager/faceLiftImg/old-resume-popup.png") no-repeat center;
  background-size: contain;
  width: 260px;
  height: 200px;
  position: absolute;
  bottom: 0;
}
div.direction_row_modal a.old.interview-screening .background {
  background: url("/resources/mrs2/css/manager/faceLiftImg/old-interview-screening.png") no-repeat center;
  background-size: contain;
  width: 260px;
  height: 200px;
  position: absolute;
  bottom: 0;
}
div.direction_row_modal a.new {
  flex: 1;
  background: #ebfbee;
}
div.direction_row_modal a.new .title {
  font-family: "Pretendard";
  font-size: 20px;
  font-weight: 500;
  color: #343a40;
  line-height: 30px;
}
div.direction_row_modal a.new .sub-title {
  margin-top: 8px;
  color: #868e96;
  font-family: Pretendard;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}
div.direction_row_modal a.new.recruit-notice .background {
  background: url("/resources/mrs2/css/manager/faceLiftImg/new-resume-popup.png") no-repeat center;
  background-size: contain;
  width: 260px;
  height: 220px;
  position: absolute;
  bottom: 0;
}
div.direction_row_modal a.new.interview-screening .background {
  background: url("/resources/mrs2/css/manager/faceLiftImg/new-interview-screening.png") no-repeat center;
  background-size: contain;
  width: 260px;
  height: 200px;
  position: absolute;
  bottom: 0;
}
div.direction_row_modal ul.interview-type {
  gap: 10px;
}
div.direction_row_modal a.interview-screening {
  flex: 1;
  background: #f5f6f7;
  border-radius: 6px;
  border: 1px solid #e9ecef;
  display: flex;
  flex-flow: column;
  align-items: center;
  width: 240px !important;
  height: 170px !important;
  padding: 0;
}
div.direction_row_modal a.interview-screening:hover {
  border-radius: 6px;
  border: 1px solid #ced4da;
  background: white;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
div.direction_row_modal a.interview-screening:hover.old-v2 span.icon {
  margin-top: 20px;
  display: block;
  width: 60px;
  height: 60px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/old-interview-screening-hover-v2.png") no-repeat center;
  background-size: contain;
}
div.direction_row_modal a.interview-screening:hover.new-v2 span.icon {
  margin-top: 20px;
  display: block;
  width: 60px;
  height: 60px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/new-interview-screening-hover-v2.png") no-repeat center;
  background-size: contain;
}
div.direction_row_modal a.interview-screening .title {
  color: #343a40;
  text-align: center;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 14px */
  margin-top: 12px;
}
div.direction_row_modal a.interview-screening .description {
  color: #868e96;
  text-align: center;
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px; /* 150% */
  letter-spacing: -0.24px;
  margin-top: 8px;
}
div.direction_row_modal a.old-v2 span.icon {
  margin-top: 20px;
  display: block;
  width: 60px;
  height: 60px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/old-interview-screening-v2.png") no-repeat center;
  background-size: contain;
}
div.direction_row_modal a.new-v2 span.icon {
  margin-top: 20px;
  display: block;
  width: 60px;
  height: 60px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/new-interview-screening-v2.png") no-repeat center;
  background-size: contain;
}

div.enroll__page__modal {
  display: flex;
  flex-direction: column;
}
div.enroll__page__modal + .enroll_modal__line {
  background-color: #f2f3f5;
  height: 1px;
  width: 100%;
  margin: 20px 0;
}
div.enroll__page__modal.enroll180px li {
  height: 180px;
}
div.enroll__page__modal.enroll130px li {
  height: 130px;
}
div.enroll__page__modal h2 {
  color: #283442;
  font-size: 15px;
  margin-bottom: 10px;
}
div.enroll__page__modal ul li {
  position: relative;
  display: flex;
  align-items: center;
  border: 1px solid #f2f3f5;
  color: #283442;
  margin-top: -1px;
}
div.enroll__page__modal ul li a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  text-decoration: none;
}
div.enroll__page__modal ul li a:hover {
  background-color: #f8f9fc;
}
div.enroll__page__modal ul li a h3 {
  display: flex;
  align-items: center;
  font-size: 15px;
  line-height: 2;
}
div.enroll__page__modal ul li a h3:after {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  margin-left: 5px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/arrow_circle_icon.svg") no-repeat;
}
div.enroll__page__modal ul li a p {
  font-weight: 500;
  color: #283442;
  padding-bottom: 15px;
}
div.enroll__page__modal ul li a span {
  font-size: 13px;
}
div.enroll__page__modal ul li a .enroll__text {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-left: 30px;
}
div.enroll__page__modal ul li a .enroll__photo {
  width: 200px;
}
div.enroll__page__modal ul li a .enroll__photo.ai__recruit__G {
  background: url("/resources/mrs2/css/manager/faceLiftImg/enrollPopUp/ai__recruit__G.png") no-repeat center right;
  background-size: 100%;
  width: 276px;
}
div.enroll__page__modal ul li a .enroll__photo.ai__recruit__basic {
  background: url("/resources/mrs2/css/manager/faceLiftImg/enrollPopUp/ai__recruit__basic.png") no-repeat center right;
  background-size: 100%;
  width: 276px;
}
div.enroll__page__modal ul li a .enroll__photo.screening__document {
  background: url("/resources/mrs2/css/manager/faceLiftImg/enrollPopUp/screening__document.png") no-repeat center right;
  background-size: 100%;
}
div.enroll__page__modal ul li a .enroll__photo.sceening__auto {
  background: url("/resources/mrs2/css/manager/faceLiftImg/enrollPopUp/sceening__auto.png") no-repeat center right;
  background-size: 100%;
}
div.enroll__page__modal ul li a .enroll__photo.screening__G {
  background: url("/resources/mrs2/css/manager/faceLiftImg/enrollPopUp/screening__G.png") no-repeat center right;
  background-size: 100%;
}
div.enroll__page__modal ul li a .enroll__photo.screening__basic {
  background: url("/resources/mrs2/css/manager/faceLiftImg/enrollPopUp/screening__basic.png") no-repeat center right;
  background-size: 100%;
}
div.enroll__page__modal ul li a .enroll__photo.screening__acc {
  background: url("/resources/mrs2/css/manager/faceLiftImg/enrollPopUp/screening__acc.png") no-repeat center right;
  background-size: 100%;
}
div.enroll__page__modal ul li a .enroll__photo.screening__jobda_dev {
  background: url("/resources/mrs2/css/manager/faceLiftImg/enrollPopUp/screening__jobda_dev.png") no-repeat center right;
  background-size: 100%;
}
div.enroll__page__modal ul li a .enroll__photo.screening__exam {
  background: url("/resources/mrs2/css/manager/faceLiftImg/enrollPopUp/screening__exam.png") no-repeat center right;
  background-size: 100%;
}
div.enroll__page__modal ul li a .enroll__photo.screening__pt {
  background: url("/resources/mrs2/css/manager/faceLiftImg/enrollPopUp/screening__pt.png") no-repeat center right;
  background-size: 100%;
}
div.enroll__page__modal ul li a .enroll__photo.screening__interview {
  background: url("/resources/mrs2/css/manager/faceLiftImg/enrollPopUp/screening__interview.png") no-repeat center right;
  background-size: 100%;
}
div.enroll__page__modal ul li a .enroll__photo.regist__guide {
  background: url("/resources/mrs2/css/manager/faceLiftImg/enrollPopUp/regist__guide.png") no-repeat center right;
  background-size: 100%;
}
div.enroll__page__modal ul li a .enroll__photo.regist__announce {
  background: url("/resources/mrs2/css/manager/faceLiftImg/enrollPopUp/regist__announce.png") no-repeat center right;
  background-size: 100%;
}
div.enroll__page__modal ul li a .enroll__photo.regist__submit {
  background: url("/resources/mrs2/css/manager/faceLiftImg/enrollPopUp/regist__submit.png") no-repeat center right;
  background-size: 100%;
}
div.enroll__page__modal ul li a .enroll__photo.regist__final__submit {
  background: url("/resources/mrs2/css/manager/faceLiftImg/enrollPopUp/regist__final__submit.png") no-repeat center right;
  background-size: 100%;
}
div.enroll__page__modal ul li a .enroll__photo.announce__entire {
  background: url("/resources/mrs2/css/manager/faceLiftImg/enrollPopUp/announce__entire.png") no-repeat center right;
  background-size: 100%;
}
div.enroll__page__modal ul li a .enroll__photo.announce__individual {
  background: url("/resources/mrs2/css/manager/faceLiftImg/enrollPopUp/announce__individual.png") no-repeat center right;
  background-size: 100%;
}
div.enroll__page__modal ul li a .enroll__photo.notice__entire {
  background: url("/resources/mrs2/css/manager/faceLiftImg/enrollPopUp/notice__entire.png") no-repeat center right;
  background-size: 100%;
}
div.enroll__page__modal ul li a .enroll__photo.notice__individual {
  background: url("/resources/mrs2/css/manager/faceLiftImg/enrollPopUp/notice__individual.png") no-repeat center right;
  background-size: 100%;
}
div.enroll__page__modal ul li a .enroll__photo.submit__exam {
  background: url("/resources/mrs2/css/manager/faceLiftImg/enrollPopUp/submit__exam.png") no-repeat center right;
  background-size: 100%;
}
div.enroll__page__modal ul li a .enroll__photo.submit__final {
  background: url("/resources/mrs2/css/manager/faceLiftImg/enrollPopUp/submit__final.png") no-repeat center right;
  background-size: 100%;
}
div.enroll__page__modal ul li a .enroll__photo.notpass__announce__individual {
  background: url("/resources/mrs2/css/manager/faceLiftImg/enrollPopUp/notpass__announce__individual.png") no-repeat center right;
  background-size: 100%;
}

/***********************************************************************

                         TEXT AREA COMPONENT

***********************************************************************/
textarea.textarea.face-lift {
  background: #f1f3fb;
  border: 2px solid #f1f3fb;
  border-radius: 6px;
  box-sizing: border-box;
}

.question__box {
  width: 200px;
  height: 130px;
  border: 2px solid #ccf5e0;
  border-radius: 5px;
  margin-right: 28px;
  display: inline-block;
  position: relative;
}
.question__box .question__box__name {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  width: 100%;
  color: #00a850;
  background-color: #ccf5e0;
}
.question__box .question__box__explain {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 19px;
  color: #6a7684;
}
.question__box:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  right: -25px;
  top: 50%;
  transform: translateY(-50%);
  background: url("/resources/mrs2/css/manager/faceLiftImg/next_icon.svg") no-repeat;
}
.question__box:last-child {
  border-color: #c4e5fc;
}
.question__box:last-child .question__box__name {
  color: #0288e2;
  background-color: #c4e5fc;
}
.question__box:last-child:after {
  content: none;
}

/***********************************************************************

                           DROP DOWN STYLE

***********************************************************************/
.dropdown-menu {
  background: #ffffff 0 0;
  box-shadow: 0 3px 6px rgba(92, 106, 136, 0.2);
  border: 1px solid #edeef3;
  border-radius: 8px;
}
.dropdown-menu.max-height300px {
  max-height: 300px;
  overflow-y: auto;
}
.dropdown-menu li input {
  border: none;
  width: 95%;
  padding: 3px 0;
  margin: 1px 0 1px 15px;
}
.dropdown-menu li label {
  min-width: 120px;
  padding-right: 3px;
}
.dropdown-menu li label:hover {
  background-color: #edeef3;
}
.dropdown-menu li label.dropdown-action-label:hover {
  background-color: #ffffff;
}
.dropdown-menu li.no-arrow:hover {
  background-color: transparent;
}
.dropdown-menu li.no-arrow:hover:after {
  content: none;
}
.dropdown-menu.no-padding-bottom {
  padding: 10px 0 5px 0 !important;
}
.dropdown-menu.no-arrow li:hover:after {
  content: none !important;
}
.dropdown-menu.max-height300px {
  max-height: 300px;
  overflow-y: auto;
}

.floating-menu {
  min-width: 50px;
  padding: 10px;
  position: absolute;
  top: 70%;
  justify-content: center;
  align-items: center;
  color: #6a7684;
  background-color: #ffffff;
  box-shadow: 0 2px 10px rgba(92, 106, 136, 0.2);
  border-radius: 5px;
  cursor: pointer;
  font-weight: 400;
  display: none;
}
.floating-menu.active {
  display: flex;
  z-index: 20;
}
.floating-menu:hover {
  background-color: #e7eaf1;
  border-color: #e7eaf1;
}
.floating-menu:active {
  transition: top ease-in;
  background-color: #e7eaf1;
  border-color: #e7eaf1;
}

/***********************************************************************

                           A STYLE(anchor style)

***********************************************************************/
a.appState,
button.appState {
  min-width: 100px;
  border-radius: 5px;
  min-height: 32px;
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 500;
  padding: 0 0 0 10px;
  margin: 0;
  font-family: initial;
}
a.appState:after,
button.appState:after {
  content: none;
}
a.appState.appState-0,
button.appState.appState-0 {
  background-color: #e7eaf1;
  color: #6a7684;
  border: none;
  box-sizing: border-box;
}
a.appState.appState-0:after,
button.appState.appState-0:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/drop_down_icon.svg") no-repeat;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
}
a.appState.appState-1,
button.appState.appState-1 {
  background-color: #ccf5e0;
  color: #00a850;
  border: none;
  box-sizing: border-box;
}
a.appState.appState-1:after,
button.appState.appState-1:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/drop_down_green_icon.svg") no-repeat;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
}
a.appState.appState-2,
button.appState.appState-2 {
  background-color: #c4e5fc;
  color: #0288e2;
  border: none;
  box-sizing: border-box;
}
a.appState.appState-2:after,
button.appState.appState-2:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/drop_down_blue_icon.svg") no-repeat;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
}

a.btn-cancel:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/cancel_big_icon.svg") no-repeat;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
a.btn-sms {
  margin-right: 0;
}
a.btn-sms:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/chat_icon.svg") no-repeat;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
a.btn-email {
  margin-right: 0;
}
a.btn-email:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/email_icon.svg") no-repeat;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
a.btn-down {
  width: 32px;
  height: 32px;
  border: 2px solid #e7eaf1;
  border-radius: 5px;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  background: url("/resources/mrs2/css/manager/faceLiftImg/download_icon.svg") no-repeat center center;
}
a.btn-down:hover {
  background-color: #e7eaf1;
}

#newBuilderIntroductionText > a {
  text-decoration: underline;
}

button.schedule-coordinate {
  -webkit-mask-image: url(/resources/mrs2/css/manager/faceLiftImg/icon_calendar_line_filled.svg);
          mask-image: url(/resources/mrs2/css/manager/faceLiftImg/icon_calendar_line_filled.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  display: block;
  width: 20px;
  height: 20px;
  margin: 0 auto;
}
button.schedule-coordinate.enable {
  background-color: #32363b;
  cursor: pointer;
}
button.schedule-coordinate.disabled {
  background-color: #ced4da;
  pointer-events: none;
}

/***********************************************************************

                           ICON STYLE(i style)

***********************************************************************/
i {
  position: relative;
}
i.boardLabel {
  margin-bottom: 0;
}
i.boardLabel.notice {
  width: 50px;
  height: 24px;
  background-image: none;
  background-color: #ccf5e0;
  color: #00a850;
  border-radius: 4px;
  box-sizing: border-box;
  font-style: normal;
  font-size: 12px;
}
i.boardLabel.notice:before {
  content: "공지";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
i.boardLabel.question {
  background: url("/resources/mrs2/css/manager/faceLiftImg/question__mark__icon.svg") no-repeat center center;
  top: 25px !important;
}
i.boardLabel.answer {
  background: url("/resources/mrs2/css/manager/faceLiftImg/answer__mark__icon.svg") no-repeat center center;
}
i.boardLabel.answer.top0 {
  top: 0 !important;
}
i.upload-icon:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/upload_icon.svg") no-repeat;
  top: 50%;
  left: -22px;
  transform: translateY(-44%);
}

/***********************************************************************

                              SPAN STYLE

***********************************************************************/
span.fa.fa-paperclip.disabled:before {
  opacity: 0.3;
}
span.fa.fa-paperclip:before {
  content: "";
  background: url("/resources/mrs2/css/manager/faceLiftImg/clip_icon.svg");
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
span.fa.fa-arrow:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/beforeafter_icon.svg") no-repeat;
  width: 16px;
  height: 10px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
span.like-btn {
  border: 2px solid #e7eaf1;
  color: #6a7684;
  border-radius: 5px;
  box-sizing: border-box;
  min-width: 32px;
  min-height: 32px;
  margin-right: 8px;
}
span.like-btn:hover {
  background-color: #e7eaf1;
  border-color: #e7eaf1;
  min-width: 32px;
  min-height: 32px;
}
span.like-btn:active {
  left: 3px;
  top: 3px;
}
span.like-btn.btn24px {
  height: 24px !important;
  min-height: auto !important;
  min-width: auto !important;
  font-size: 11px !important;
  line-height: calc(16px) !important;
  padding: 1px 7px 3px 7px !important;
}
span.like-btn.btn28px {
  height: 28px !important;
  min-height: auto !important;
  min-width: auto !important;
  font-size: 12px !important;
  line-height: calc(18px) !important;
  padding: 3px 8px 3px 8px !important;
}
span.like-btn.btn32px {
  min-width: 32px;
  height: 32px !important;
  min-height: auto !important;
  min-width: auto !important;
  font-size: 13px !important;
  line-height: calc(19px) !important;
  padding: 4px 10px 5px 10px !important;
}
span.like-btn.btn40px {
  height: 40px !important;
  min-height: auto !important;
  min-width: auto !important;
  font-size: 15px !important;
  line-height: calc(22px) !important;
  padding: 7px 14px 7px 14px !important;
}
span.like-btn.btn48px {
  height: 48px !important;
  min-height: auto !important;
  min-width: auto !important;
  font-size: 17px !important;
  line-height: calc(25px) !important;
  padding: 9px 17px 10px 17px !important;
}
span.like-btn.btn56px {
  height: 56px !important;
  min-height: auto !important;
  min-width: auto !important;
  font-size: 19px !important;
  line-height: calc(28px) !important;
  padding: 12px 19px 12px 19px !important;
}
span.like-btn.btn-margin4px {
  margin-right: 4px !important;
}
span.like-btn.btn-margin2px {
  margin-right: 2px !important;
}
span.like-btn.btn-no-margin {
  margin-right: 0 !important;
}
span.like-btn.btn-white {
  color: #6a7684;
  border: 2px solid #e7eaf1;
  border-radius: 5px;
}
span.spanWrap {
  width: 50px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  font-size: 12px;
  margin-left: 10px;
}
span.spanWrap.spanGreen {
  background-color: #ccf5e0;
  color: #00a850;
}
span.spanWrap.spanGray {
  background-color: #e7eaf1;
  color: #6a7684;
}
span.span__Wrap {
  width: 90px;
  font-size: 12px;
}
span.span__Wrap.span__purple {
  height: 24px;
  line-height: 24px;
  border-radius: 12px;
  color: #9375db;
  background-color: #e8e0fb;
  margin: auto;
  text-align: center;
}
span.span__Wrap.span__green {
  height: 24px;
  line-height: 24px;
  border-radius: 12px;
  color: #52c564;
  background-color: #d0f5da;
  margin: auto;
  text-align: center;
}
span.span__Wrap.span__blue {
  height: 24px;
  line-height: 24px;
  border-radius: 12px;
  color: #304a89;
  background-color: #cbe5fa;
  margin: auto;
  text-align: center;
}
span.span__Wrap.span__gray {
  height: 24px;
  line-height: 24px;
  border-radius: 12px;
  color: #656a71;
  background-color: #cfd1d5;
  margin: auto;
  text-align: center;
}
span.span__Wrap.span__red {
  height: 24px;
  line-height: 24px;
  border-radius: 12px;
  color: #9a1111;
  background-color: #ffd7d7;
  margin: auto;
  text-align: center;
}
span.face-lift-count {
  font-size: 13px;
  vertical-align: baseline;
  color: #1c252f;
  font-weight: 500;
  margin-right: 6px;
}

/***********************************************************************

                        TABLE EMPTY STYLE

***********************************************************************/
.empty--search {
  height: 500px;
}
.empty--search td {
  text-align: center;
}
.empty--search td .empty--img {
  position: relative;
  height: 160px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/emptyGuide/empty_search_icon.png") center no-repeat;
  background-size: 160px;
}
.empty--search td .empty--img:after {
  content: "검색결과가 없습니다.";
  position: absolute;
  left: 51%;
  top: 100%;
  font-size: 16px;
  transform: translateX(-50%);
}
.empty--user {
  height: 500px !important;
}
.empty--user td {
  text-align: center !important;
}
.empty--user td .empty--img {
  position: relative;
  height: 160px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/emptyGuide/empty_user_icon.png") center no-repeat;
  background-size: 160px;
}
.empty--user td .empty--img:after {
  content: "지원자를 검색해주세요";
  position: absolute;
  left: 51%;
  top: 100%;
  font-size: 16px;
  transform: translateX(-50%);
}
.empty--user td .empty--img.modify:after {
  content: "";
}
.empty--user td .empty--text {
  font-size: 16px;
  color: #6f7070;
}
.empty--process {
  height: 500px !important;
}
.empty--process td {
  text-align: center !important;
}
.empty--process td .empty--img {
  position: relative;
  height: 160px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/emptyGuide/empty_process_icon.png") center no-repeat;
  background-size: 160px;
}
.empty--process td .empty--text {
  font-size: 16px;
  color: #6f7070;
}
.empty--job {
  height: 500px !important;
}
.empty--job td {
  text-align: center !important;
}
.empty--job td .empty--img {
  position: relative;
  height: 160px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/emptyGuide/empty_job_icon.png") center no-repeat;
  background-size: 160px;
}
.empty--job td .empty--text {
  font-size: 16px;
  color: #6f7070;
}
.empty--comment {
  height: 500px !important;
}
.empty--comment td {
  text-align: center !important;
}
.empty--comment td .empty--img {
  position: relative;
  height: 160px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/emptyGuide/empty_comment_icon.png") center no-repeat;
  background-size: 160px;
}
.empty--comment td .empty--text {
  font-size: 16px;
  color: #6f7070;
}

/***********************************************************************

                        LAYOUT STYLE

***********************************************************************/
.btn-set.btn-set-final {
  margin-top: 25px;
  margin-bottom: 0;
}

/***********************************************************************

                        TEXT STYLE

***********************************************************************/
.shortening.one-line {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

div.reAnalysisNeed.face-lift span.badge_tooltip,
div.aiInterviewGuideCreating.face-lift span.badge_tooltip,
div.talentConditionUpdated.face-lift span.badge_tooltip,
div.aiInterviewGuideFail.face-lift span.badge_tooltip {
  background: #302e41;
  border-radius: 5px;
  border: 1px solid #302e41;
  color: white;
}
div.reAnalysisNeed.face-lift span.badge_tooltip > .tooltip_text_list,
div.aiInterviewGuideCreating.face-lift span.badge_tooltip > .tooltip_text_list,
div.talentConditionUpdated.face-lift span.badge_tooltip > .tooltip_text_list,
div.aiInterviewGuideFail.face-lift span.badge_tooltip > .tooltip_text_list {
  display: flex;
  gap: 8px;
}
div.reAnalysisNeed.face-lift span.badge_tooltip > .tooltip_text_list > .text_label,
div.aiInterviewGuideCreating.face-lift span.badge_tooltip > .tooltip_text_list > .text_label,
div.talentConditionUpdated.face-lift span.badge_tooltip > .tooltip_text_list > .text_label,
div.aiInterviewGuideFail.face-lift span.badge_tooltip > .tooltip_text_list > .text_label {
  color: #ffffff;
  width: 72px;
}
div.reAnalysisNeed.face-lift span.badge_tooltip > .tooltip_text_list > .text_divider,
div.aiInterviewGuideCreating.face-lift span.badge_tooltip > .tooltip_text_list > .text_divider,
div.talentConditionUpdated.face-lift span.badge_tooltip > .tooltip_text_list > .text_divider,
div.aiInterviewGuideFail.face-lift span.badge_tooltip > .tooltip_text_list > .text_divider {
  width: 1px;
  height: 10px;
  opacity: 0.2;
  margin: 4px 0;
  background-color: #ffffff;
}
div.reAnalysisNeed.face-lift span.badge_tooltip:before,
div.aiInterviewGuideCreating.face-lift span.badge_tooltip:before,
div.talentConditionUpdated.face-lift span.badge_tooltip:before,
div.aiInterviewGuideFail.face-lift span.badge_tooltip:before {
  border-bottom: 7px solid #302e41;
}

div.reEvaluatePeriod span.badge_tooltip {
  background: #302e41;
  border-radius: 5px;
  border: 1px solid #302e41;
  color: white;
}
div.reEvaluatePeriod span.badge_tooltip:before {
  border-bottom: 7px solid #302e41;
}

span.aiInterviewGuideCreating_icon:before,
span.talentConditionUpdated_icon:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/tooltip_icon_gray.svg") no-repeat;
  width: 14px;
  height: 14px;
  top: 50%;
  left: 50%;
  transform: translate(0, -50%);
}

span.aiInterviewGuideFail_icon:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/tooltip_icon_error.svg") no-repeat;
  width: 14px;
  height: 14px;
  top: 50%;
  left: 50%;
  transform: translate(0, -50%);
}

/***********************************************************************

                        MULTI-SELECT STYLE

***********************************************************************/
.multi-select {
  display: inline-flex;
  position: relative;
  height: 32px;
  font-size: 13px;
  font-weight: 400;
  color: #1c252f;
}
.multi-select.width-100per {
  width: 100%;
}
.multi-select.width-100per .box {
  width: 100%;
}
.multi-select.disabled {
  color: #adb3c2;
}
.multi-select.disabled .box {
  background-color: #dbdee8;
  border: 1px solid #dbdee8;
}
.multi-select.disabled .box:hover {
  color: #adb3c2;
  cursor: not-allowed;
  background-color: #dbdee8;
  border: 1px solid #dbdee8;
}
.multi-select .box {
  display: flex;
  position: relative;
  align-items: center;
  border-radius: 5px;
  border: 2px solid #f1f3fb;
  background-color: #f1f3fb;
  box-sizing: border-box;
  padding: 3px 20px 3px 10px;
  cursor: pointer;
  line-height: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all linear 0.2s;
}
.multi-select .box:hover {
  color: #1c252f;
  border: 2px solid #e7eaf1;
  background-color: #ffffff;
}
.multi-select .box.opened {
  color: #1c252f;
  border: 2px solid black;
  background-color: #ffffff;
}
.multi-select .box p {
  width: 100%;
  margin-right: 80px;
}
.multi-select .box .arrow {
  position: absolute;
  right: 3px;
  width: 20px;
  height: 20px;
  background: url(/resources/mrs2/css/manager/faceLiftImg/drop_down_icon.svg) no-repeat;
}
.multi-select .options {
  position: absolute;
  background: white;
  top: calc(100% + 3px);
  width: 100%;
  box-shadow: 0 5px 10px #c8c8c8;
  cursor: default;
  z-index: 9999;
  display: none;
  max-height: 400px;
  overflow-y: auto;
}
.multi-select .options.opened {
  display: block;
}
.multi-select .options .option {
  padding: 8px;
  overflow: hidden;
  white-space: nowrap;
}
.multi-select .options .option.selected, .multi-select .options .option:hover {
  background: #edeef3;
}
.multi-select .options .option.option-all {
  border-bottom: 1px solid #e7eaf1;
}

/***********************************************************************

                        SPEECH-BUBBLE STYLE

***********************************************************************/
.speech-bubble {
  position: absolute;
  width: 380px;
  padding: 0;
  background: #ffffff;
  border-radius: 10px;
  border: #c1c2c6 solid 1px;
  box-shadow: 0 2px 5px rgba(81, 91, 111, 0.2);
  z-index: 9999;
  height: -moz-fit-content;
  height: fit-content;
}
.speech-bubble.reverse {
  transform: rotate(180deg);
}
.speech-bubble .content.reverse {
  transform: rotate(180deg);
}
.speech-bubble .tail {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 13px 6px 0;
  display: block;
  width: 0;
}
.speech-bubble .tail.border {
  border-color: #ffffff transparent;
  z-index: 1;
  bottom: -11.5px;
}
.speech-bubble .tail.background {
  border-color: #c1c2c6 transparent;
  z-index: 0;
  bottom: -13px;
}

#analysisLoading {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  z-index: 2000000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#analysisLoading .face-lift-ajax {
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/ajaxLoadingFacelift.gif");
  background-repeat: no-repeat;
  width: 400px;
  height: 292px;
  background-size: 300px;
  margin: 0 auto;
  background-position-x: center;
  background-position-y: -46px;
  display: block;
  border-radius: 5px;
  background-color: white;
  position: relative;
}
#analysisLoading .face-lift-ajax p {
  text-align: center;
  margin-top: 94px;
  line-height: 20px;
}

.ps_recruit_type {
  border: 2px solid #e7eaf1;
  background: #fff;
  color: #6a7684;
  padding: 5px 10px;
}
.ps_recruit_type.ps_leftBt {
  border-left: 1px solid #e7eaf1 !important;
  border-right: none;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  margin-right: -2px;
}
.ps_recruit_type.ps_rightBt {
  border-left: none;
  border-right: 1px solid #e7eaf1 !important;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.ps_recruit_type.ps_active {
  background: #0388e2;
  color: #fff;
  border: 2px solid #0388e2;
}

.float-clear:after {
  clear: both;
  content: "";
  display: block;
}

#weight-table {
  height: 600px;
  padding-top: 54px;
}
#weight-table table {
  border-top: 0 !important;
}

.weight-modal {
  min-height: 0 !important;
}

.weight-thead {
  position: fixed;
  top: calc(10vh + 108px);
  border-top: 1px solid #e7eaf1;
}
.weight-thead > tr > th {
  width: 246.6666666667px;
}

.chip {
  display: inline-block;
  border-radius: 3px;
  padding: 0 5px 0 4px;
  background-color: #c3fae8;
  font-size: 11px;
  line-height: 19px;
  font-weight: 700;
  color: #0ca678;
  height: 19px;
  width: 28px;
  text-align: center;
}

#newBuilderIntroductionText {
  font-size: 14px;
  line-height: 20px;
  margin-top: 12px;
}
#newBuilderIntroductionText > a {
  color: #228be6;
  text-decoration: underline;
}
#newBuilderIntroductionText .chip-teal100 {
  background-color: #c3fae8;
  color: #0ca678;
}
#newBuilderIntroductionText .chip-teal600 {
  background-color: #12b886;
  color: #ffffff;
}
#newBuilderIntroductionText .chip-around {
  border-radius: 35px;
}

.chip-teal100 {
  background-color: #c3fae8;
  color: #0ca678;
}
.chip-teal600 {
  background-color: #12b886;
  color: #ffffff;
}
.chip-around {
  border-radius: 35px;
}

/***********************************************************************

                        SEARCH-INPUT STYLE

***********************************************************************/
.search-examinee {
  display: flex;
  position: relative;
  width: 225px;
  height: 32px;
  padding: 4px 10px;
  border-radius: 6px;
  border: 2px solid #ffffff;
  gap: 4px;
}
.search-examinee:active {
  border-color: #e7eaf1;
}
.search-examinee:hover {
  border-color: #e7eaf1;
}
.search-examinee > input {
  width: 100%;
  height: 20px;
  color: #1c252f;
  background: #ffffff;
}
.search-examinee > input::-moz-placeholder {
  color: #adb3c2;
}
.search-examinee > input::placeholder {
  color: #adb3c2;
}
.search-examinee > input::-webkit-search-cancel-button {
  display: none;
}
.search-examinee > input:-moz-placeholder:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border-radius: 6px;
  border: 2px solid #f1f3fb;
  background-color: #f1f3fb;
}
.search-examinee > input:placeholder-shown:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border-radius: 6px;
  border: 2px solid #f1f3fb;
  background-color: #f1f3fb;
}

/***********************************************************************

                        역검 결과표 헤더

***********************************************************************/
.applicantInfo {
  border: 1px solid #adb5bd;
  box-sizing: border-box;
  border-radius: 8px;
  width: 100%;
  max-width: 840px;
}
.applicantInfo .header {
  display: flex;
  height: 96px;
  padding: 0 32px;
  border-radius: 8px;
  background-color: white;
  align-items: center;
}
.applicantInfo .header > .leftContent {
  display: flex;
  align-items: center;
}
.applicantInfo .header > .leftContent .profileImage {
  display: inline-block;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  box-sizing: border-box;
  background-color: #dee2e6;
}
.applicantInfo .header > .rightContent {
  align-items: center;
  padding: 0 24px;
  color: #868e96;
}
.applicantInfo .header > .rightContent .applicantNameAndNumber {
  font-size: 16px !important;
}
.applicantInfo .header > .rightContent .applicantNameAndNumber strong {
  color: #343a40;
  margin-right: 10px;
  font-weight: bold;
}
.applicantInfo .header > .rightContent .rightContentElement {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px !important;
  margin-top: 10px;
  max-width: 700px;
}
.applicantInfo .header > .rightContent .rightContentElement > div {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: clip;
  flex-wrap: nowrap;
  display: inline-block;
}
.applicantInfo .header > .rightContent .rightContentElement > div strong {
  color: #343a40;
  margin-left: 5px;
  font-weight: bold;
}
.applicantInfo .header > .rightContent .rightContentElement .testTitle {
  margin-right: 10px;
}
.applicantInfo .header > .rightContent .rightContentElement .job-Group {
  margin-left: 10px;
}
.applicantInfo .header > .rightContent .rightContentElement .department {
  margin-left: 10px;
}
.applicantInfo .header > .rightContent .rightContentElement > p {
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  color: #868e96;
}
.applicantInfo .header > .rightContent .rightContentElement > p + p {
  font-weight: bold;
  font-size: 13px;
  line-height: 20px;
  width: 100%;
  margin-top: 4px;
  color: #868e96;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.applicantInfo .header .notView {
  opacity: 0;
}

/***********************************************************************

                        출력 항목 설정 ACC 툴팁

***********************************************************************/
.acc-tooltip {
  position: absolute;
  display: none;
  padding: 12px;
  border-radius: 8px;
  background: #343a40;
  margin: 0;
  width: 257px;
  z-index: 100;
  bottom: 25px;
}
.acc-tooltip > li {
  color: white;
  text-align: left;
}
.acc-tooltip > li.acc-tooltip-li {
  position: relative;
  padding-left: 0px;
  margin-bottom: 4px;
}
.acc-tooltip > li.acc-tooltip-li-title {
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid #585c61;
  padding-left: 0;
  text-align: left;
}

#emptyResume {
  display: flex;
  justify-content: center;
  width: 840px;
  height: 1222px;
}

/***********************************************************************

                        스페이스 선택 드롭다운

***********************************************************************/
.space-select-dropdown-wrapper {
  width: 120px;
  display: none;
  flex-direction: column;
  position: absolute;
  top: 53px;
  background: white;
  padding: 8px;
  border: 1px solid #ced4da;
  border-radius: 6px;
  box-shadow: 0 4px 6px -2px rgba(33, 37, 41, 0.03), 0 12px 16px -4px rgba(33, 37, 41, 0.08);
  text-overflow: ellipsis;
  overflow-x: hidden;
  z-index: 9999;
  font-size: 14px;
}
.space-select-dropdown-wrapper .dropdown-search-box {
  display: flex;
  border-radius: 5px;
  border: 2px solid #f1f3fb !important;
  height: -moz-fit-content;
  height: fit-content;
}
.space-select-dropdown-wrapper .dropdown-search-box button#dropdown-search-btn {
  content: "";
  background: #f1f3fb url("/resources/mrs2/css/manager/faceLiftImg/search_icon.svg") no-repeat center center;
  border-radius: 0;
}
.space-select-dropdown-wrapper .dropdown-search-box input[type=search] {
  padding: 6px 0 7px 0;
  border-radius: 0;
  border: none;
}
.space-select-dropdown-wrapper .dropdown-search-box:focus-within #dropdown-search-btn, .space-select-dropdown-wrapper .dropdown-search-box:hover #dropdown-search-btn {
  background-color: #ffffff !important;
}
.space-select-dropdown-wrapper .dropdown-search-box:focus-within input[type=search], .space-select-dropdown-wrapper .dropdown-search-box:hover input[type=search] {
  background-color: #ffffff !important;
}
.space-select-dropdown-wrapper .dropdown-item-list {
  overflow-y: auto;
  text-overflow: ellipsis;
  overflow-x: hidden;
  height: 220px;
}
.space-select-dropdown-wrapper .dropdown-item-list .dropdown-item {
  cursor: pointer;
  padding: 8px 0 8px 12px;
  display: flex;
  position: relative;
}
.space-select-dropdown-wrapper .dropdown-item-list .dropdown-item:hover {
  background-color: #f5f6f7;
  border-radius: 6px;
}
.space-select-dropdown-wrapper .dropdown-item-list .dropdown-item.hide {
  display: none;
}
.space-select-dropdown-wrapper .dropdown-item-list .dropdown-item .dropdown-item-label {
  display: flex;
  width: 100%;
  align-items: center;
}
.space-select-dropdown-wrapper .dropdown-item-list .dropdown-item .dropdown-item-label > input[type=checkbox] {
  height: 20px !important;
}
.space-select-dropdown-wrapper .dropdown-item-list .dropdown-item .dropdown-item-label > span.label {
  cursor: pointer;
  align-items: center;
  display: flex;
  gap: 8px;
  position: relative;
  top: 0;
}
.space-select-dropdown-wrapper .dropdown-item-list .dropdown-item .dropdown-item-label > span.label:before {
  margin: 0 !important;
}
.space-select-dropdown-wrapper .dropdown-item-list .dropdown-item .dropdown-item-label > span.label .text-ellipsis {
  display: block;
  white-space: nowrap; /* 줄 바꿈을 하지 않도록 설정 */
  overflow: hidden; /* 넘치는 부분을 숨김 */
  text-overflow: ellipsis; /* 넘치는 부분을 "..."으로 표시 */
}
.space-select-dropdown-wrapper .dropdown-item-list .dropdown-item .tooltip {
  display: none;
  position: absolute;
  top: 38px;
  background-color: #333;
  color: #fff;
  padding: 5px;
  border-radius: 3px;
  z-index: 1000;
  max-width: 175px;
  white-space: normal; /* 텍스트가 줄바꿈되도록 설정합니다 */
  overflow: hidden; /* 텍스트가 max-width를 초과할 경우 숨깁니다 */
  text-overflow: ellipsis; /* 초과된 텍스트에 '...' 표시 */
  word-wrap: break-word; /* 단어가 너무 길 경우 단어를 줄바꿈합니다 */
}
.space-select-dropdown-wrapper .dropdown-item-list .dropdown-item:hover .tooltip {
  display: block; /* 요소를 호버할 때 툴팁을 표시합니다 */
}
.space-select-dropdown-wrapper .dropdown-item-list .dropdown-item .main-tag {
  display: inline-block;
  background-color: #ebfbef;
  border-radius: 4px;
  padding: 2px 6px;
  height: 20px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  color: #40c057;
  margin-right: 8px;
}
.space-select-dropdown-wrapper .none-result {
  height: 100%;
  align-items: center;
  display: flex;
  justify-content: center;
}
.space-select-dropdown-wrapper .none-result.hide {
  display: none;
}
.space-select-dropdown-wrapper .space-submit-button {
  display: flex;
  justify-content: center;
  align-content: center;
  background-color: #00c17c;
  color: #ffffff;
  width: 100%;
  padding: 6px 12px;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 700;
  border-radius: 5px;
  border: none;
}

.select-space-button {
  padding: 6px 24px 6px 12px;
  background-color: #f1f3fb;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  justify-content: space-between;
  transition: background-color linear 0.2s;
  border-radius: 5px;
  position: relative;
}
.select-space-button.search-option-set-space {
  float: left;
  margin-right: 7px;
  width: 144px;
}
.select-space-button:hover {
  color: #1c252f;
  outline: 2px solid #e7eaf1;
  background-color: #ffffff;
}
.select-space-button:focus {
  color: #1c252f;
  outline: 2px solid #6a7684;
}
.select-space-button:disabled {
  color: #adb3c2;
  background-color: #dbdee8;
  border-color: #dbdee8;
}
.select-space-button .icon {
  position: relative;
}
.select-space-button .icon:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/icon_arrow_bottom_18_line.svg") no-repeat;
  top: 10px;
  transform: translateY(-50%);
  margin-top: 0;
  z-index: 10;
}

span.btn-information {
  position: relative;
}
span.btn-information > a {
  text-decoration: none;
}
span.btn-information::before {
  position: absolute;
  content: url(/resources/mrs2/css/manager/faceLiftImg/grid_facelift_info.svg) !important;
  cursor: pointer;
}
span.btn-information > .information-tooltip {
  display: none;
  position: absolute;
  width: 254px;
  z-index: 100;
  background: white;
  padding: 8px;
  border: 2px solid #eee;
  border-radius: 8px;
  top: 20px;
  left: 0;
}
span.btn-information:hover > .information-tooltip {
  display: block;
}
span.btn-information.sector-status-tooltip::before {
  top: 0;
  left: 0;
  line-height: 0;
}
span.btn-information.sector-status-tooltip > .information-tooltip {
  top: auto;
  bottom: 24px;
  left: -24px;
  box-sizing: border-box;
  width: -moz-max-content;
  width: max-content;
  min-width: 220px;
  max-width: 320px;
  padding: 8px;
  border: 1px solid #e3e3e3;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(12, 12, 12, 0.16);
  color: #353535;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
span.btn-information.report-header-tooltip > .information-tooltip {
  box-sizing: border-box;
  padding: 6px 16px;
  background: #343a40;
  border: none;
  border-radius: 6px;
  color: #fff;
  font-family: Pretendard;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
}

li.report-menu-tooltip-host {
  position: relative;
}
li.report-menu-tooltip-host > .report-menu-tooltip {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 100;
  width: -moz-max-content;
  width: max-content;
  max-width: 260px;
  margin-top: 4px;
  padding: 6px 16px;
  background: #343a40;
  border: none;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(12, 12, 12, 0.16);
  color: #fff;
  font-family: Pretendard;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  white-space: nowrap;
}
li.report-menu-tooltip-host:hover > .report-menu-tooltip {
  display: block;
}

#modal[data-type=screeningOnboarding] .face-lift-modal {
  overflow: hidden;
  border: 1px solid #c9c9c9;
  border-radius: 10px;
  box-shadow: 0 12px 16px -4px rgba(33, 37, 41, 0.08), 0 4px 6px -2px rgba(33, 37, 41, 0.03);
}
#modal[data-type=screeningOnboarding] h1.face-lift-h1 {
  display: flex;
  align-items: center;
  min-height: 56px;
  height: 56px;
  padding: 12px 16px;
  border-bottom: 1px solid #e3e3e3;
  border-radius: 10px 10px 0 0;
  color: #0c0c0c;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
#modal[data-type=screeningOnboarding] h1.face-lift-h1 .face-lift-btn-close-modal {
  position: static;
  width: 32px;
  height: 32px;
  margin-left: auto;
  background-size: 16px 16px;
}
#modal[data-type=screeningOnboarding] .modal-body {
  overflow: hidden !important;
  height: auto !important;
  padding: 0 !important;
}
#modal[data-type=screeningOnboarding] .onboarding-upload__guide {
  padding: 16px;
  border-bottom: 1px solid #e3e3e3;
  color: #0c0c0c;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
#modal[data-type=screeningOnboarding] .onboarding-upload__guide ul {
  margin: 0;
  padding: 0;
  list-style: disc inside;
}
#modal[data-type=screeningOnboarding] .onboarding-upload__body {
  padding: 16px;
}
#modal[data-type=screeningOnboarding] .onboarding-upload__area {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 380px;
  border: 1px dashed #ced4da;
  border-radius: 4px;
  background: #f5f6f7;
}
#modal[data-type=screeningOnboarding] .onboarding-upload__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  text-align: center;
}
#modal[data-type=screeningOnboarding] .onboarding-upload__title {
  color: #495057;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.32px;
}
#modal[data-type=screeningOnboarding] .onboarding-upload__badge {
  display: inline-flex;
  align-items: center;
  margin-left: 4px;
  padding: 1px 6px;
  border-radius: 4px;
  background: #d6f4e2;
  color: #0daf4e;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
#modal[data-type=screeningOnboarding] .onboarding-upload__filename {
  max-width: 342px;
  color: #343a40;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.28px;
  word-break: break-all;
}
#modal[data-type=screeningOnboarding] .onboarding-upload__format {
  color: #868e96;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: -0.24px;
}
#modal[data-type=screeningOnboarding] .onboarding-upload__area button.btn-white {
  height: 32px;
  padding: 6px 10px;
  border: 1px solid #d8d8d8;
  border-radius: 6px;
  background: #ffffff;
  color: #0c0c0c;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
#modal[data-type=screeningOnboarding] .onboarding-upload__area button.btn-white:hover {
  border-color: #b0b0b0;
  background: #f2f2f2;
}
#modal[data-type=screeningOnboarding] .face-lift-btn-set {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  min-height: 56px;
  margin: 0;
  padding: 12px 16px;
  border-top: 1px solid #e3e3e3;
  border-radius: 0 0 10px 10px;
  box-shadow: none;
}
#modal[data-type=screeningOnboarding] .face-lift-btn-set button.face-lift-btn-koala {
  width: auto;
  height: 32px;
  margin: 0;
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
#modal[data-type=screeningOnboarding] .face-lift-btn-set button.cancel {
  order: 1;
  border: 1px solid #d8d8d8 !important;
  background: #ffffff;
  color: #0c0c0c;
}
#modal[data-type=screeningOnboarding] .face-lift-btn-set button.cancel:hover {
  border: 1px solid #b0b0b0 !important;
  background: #f2f2f2 !important;
  color: #0c0c0c;
}
#modal[data-type=screeningOnboarding] .face-lift-btn-set button.default {
  order: 2;
  border: 0 !important;
  background: #0c0c0c;
  color: #ffffff;
}
#modal[data-type=screeningOnboarding] .face-lift-btn-set button.default:hover:not(:disabled) {
  border: 0 !important;
  background: #505050 !important;
  color: #ffffff;
}
#modal[data-type=screeningOnboarding] .face-lift-btn-set button.default:disabled, #modal[data-type=screeningOnboarding] .face-lift-btn-set button.default:disabled:hover {
  border: 0 !important;
  background: #e9ecef !important;
  color: #adb5bd !important;
  opacity: 1 !important;
  cursor: not-allowed;
}

/***********************************************************************

                    Checkbox Dropdown Module (dropdownCheckList.js)

***********************************************************************/
.dropdown-set-module button {
  height: 32px;
  border-radius: 5px;
  background-color: #f1f3fb;
  font-weight: 400;
  padding: 0 24px 1px 10px;
  color: #1c252f;
  transition: all linear 0.2s;
  display: flex;
  align-items: center;
}
.dropdown-set-module button:active {
  background: #fff;
}
.dropdown-set-module button.trigger::before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url(/resources/mrs2/css/manager/faceLiftImg/drop_down_icon.svg) no-repeat;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
  z-index: 1000;
}
.dropdown-set-module .dropdown-search-input {
  border: none;
  padding: 5px 10px;
  border-bottom: 1px solid #e5e5e5;
  width: 100%;
  box-sizing: border-box;
}
.dropdown-set-module .dropdown-content-area {
  display: none;
  position: absolute;
  background: #fff;
  border: 1px solid #e7eaf1;
  border-radius: 5px;
  box-shadow: 0 2px 10px rgba(92, 106, 136, 0.2);
  z-index: 1000;
  width: 100%;
  max-height: 300px;
  overflow-y: auto;
  padding: 5px 0;
}
.dropdown-set-module .dropdown-content-area.active {
  display: block;
}
.dropdown-set-module .dropdown-item-list label {
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 3px 6px 3px 15px;
  white-space: nowrap;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  display: flex;
}
.dropdown-set-module .dropdown-item-list label:hover {
  background-color: #edeef3;
}
.dropdown-set-module .dropdown-item-list label > span:last-of-type {
  display: inline-block;
  max-width: calc(100% - 30px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.list-screening-detail-table .eval-chip-set {
  display: flex;
  gap: 4px;
  flex-direction: column;
  padding: 9px 0;
  align-items: center;
}
.list-screening-detail-table .eval-chip-set .eval-chip {
  display: inline-block;
  padding: 4px;
  border-radius: 4px;
  border: none;
  width: -moz-fit-content;
  width: fit-content;
}
.list-screening-detail-table .eval-chip-set .eval-chip.true {
  color: #40c057;
  background-color: #ebfbee;
}
.list-screening-detail-table .eval-chip-set .eval-chip.false {
  color: #868e96;
  background-color: #f8f9fa;
}
.list-screening-detail-table .no-result {
  width: 100%;
  height: 56px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/flat_resume_mono.svg") center center no-repeat;
}

.beta-tag {
  align-items: center;
  justify-content: center;
  width: 30.5px;
  height: 20px;
  background-color: #d0ebff;
  border-radius: 2.83px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  color: #228be6;
  padding: 0 4px;
}

.image-slider {
  width: 600px;
  height: 352px;
  background-color: #f1f3f5;
  border-radius: 8px;
  position: relative;
  box-sizing: border-box;
}
.image-slider .image-slider-content {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.image-slider .image-slider-content > img {
  width: 100%;
  height: 100%;
}
.image-slider .image-slider-content > button {
  position: absolute;
  z-index: 1;
  top: 50%;
  width: 24px;
  height: 24px;
  background-color: white;
  border-radius: 50%;
  border: 1px solid #ced4da;
}
.image-slider .image-slider-content > button:disabled {
  display: none;
}
.image-slider .image-slider-content > button.prev-button {
  left: 16px;
}
.image-slider .image-slider-content > button.prev-button::before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/icon/common/icon_arrow_left_24_line.svg") no-repeat;
  transform: translate(-50%, -50%);
}
.image-slider .image-slider-content > button.next-button {
  right: 16px;
}
.image-slider .image-slider-content > button.next-button::before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/icon/common/icon_arrow_right_24_line.svg") no-repeat;
  transform: translate(-50%, -50%);
}
.image-slider .image-slider-footer {
  position: absolute;
  bottom: 0;
  padding: 16px;
  width: 568px;
}
.image-slider .image-slider-footer .image-slider-description {
  background-color: #f5f6f7;
  border-radius: 6px;
  border: 1px solid #adb5bd;
  padding: 8px;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 18px;
}
.image-slider .image-slider-footer .image-slider-description a {
  color: #228be6;
  font-size: 12px;
  font-weight: 700;
  text-decoration: underline;
  cursor: pointer;
}
.image-slider .image-slider-footer .image-slider-index {
  position: absolute;
  top: 5px;
  right: 24px;
  background-color: white;
  border-radius: 8px;
  border: 1px solid #adb5bd;
  z-index: 1;
  padding: 2px 8px;
  text-align: center;
}

span.info-icon {
  display: block;
  width: 20px;
  height: 20px;
  background: url(/resources/mrs2/css/manager/faceLiftImg/info_icon.svg) no-repeat;
  border: none;
  position: relative;
}
span.info-icon ul {
  background: #ffffff;
  top: 20px;
  z-index: 100;
  display: none;
  position: absolute;
  border-radius: 5px;
  border: 1px solid #e7eaf1;
  color: #6a7684;
  padding: 10px;
  text-align: left;
}
span.info-icon .badge_tooltip {
  box-sizing: border-box;
  top: 20px;
  display: none;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 280px;
  padding: 13px;
  line-height: 1.5;
  font-size: 11px;
  font-weight: normal;
  text-align: left;
  background: #302e41;
  border-radius: 5px;
  border: 1px solid #302e41;
  color: white;
  z-index: 1000;
}
span.info-icon .badge_tooltip:before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 5.5px solid transparent;
  border-bottom: 7px solid #302e41;
  z-index: 5;
}
span.info-icon .badge_tooltip:after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6.5px solid transparent;
  border-bottom: 8px solid #302e41;
}
span.info-icon:hover ul,
span.info-icon:hover .badge_tooltip {
  display: block;
}
.listAgreement form.listform table.face-lift-list-table tbody.tbody td.td-left span {
  display: flex;
  justify-content: flex-start;
  align-content: center;
}
.listAgreement form.listform table.face-lift-list-table tbody.tbody td.td-left span:after {
  content: "";
  width: 20px;
  height: 20px;
  top: -3px;
  position: relative;
  background: url(/resources/mrs2/css/manager/faceLiftImg/drop_down_icon.svg) no-repeat;
}
.listAgreement form.listform table.face-lift-list-table tbody.tbody td.td-left span b {
  vertical-align: initial;
}
.listAgreement form.listform table.face-lift-list-table tbody.tbody td.td-left button.like-text {
  border-bottom: none;
}
div.totalSearchFaceLift .wrap-search-box {
  background: #ffffff;
}
div.totalSearchFaceLift .wrap-search-box .searchBox {
  display: flex;
}
div.totalSearchFaceLift .wrap-search-box .searchBox .wrap-search {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
div.totalSearchFaceLift .wrap-search-box .searchBox .wrap-search .search-select {
  width: 20%;
}
div.totalSearchFaceLift .wrap-search-box .searchBox .wrap-search .search-input {
  width: 75.5%;
}
div.totalSearchFaceLift .wrap-search-box .searchBox .wrap-search .search-input input {
  width: 100%;
}
div.totalSearchFaceLift .totalSearchFaceLift .sectionTS {
  display: flex;
  flex-direction: column;
}
div.totalSearchFaceLift .totalSearchFaceLift .sectionTS .aSummaryMore {
  margin-right: 30px;
}
div.totalSearchFaceLift .totalSearchFaceLift .sectionTS .aSummaryMore:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 28px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/next_arrow_icon.svg");
}
div.totalSearchFaceLift .totalSearchFaceLift .sectionTS .ulSectionContent {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
}
div.totalSearchFaceLift .totalSearchFaceLift .sectionTS .ulSectionContent span.highlighted {
  color: #00C17C !important;
}
div.totalSearchFaceLift .totalSearchFaceLift .sectionTS .ulSectionContent > li {
  padding-bottom: 20px;
  margin-top: 20px;
  border-bottom: 1px solid #E7EAF1;
}
div.totalSearchFaceLift .totalSearchFaceLift .sectionTS .ulSectionContent > li:last-of-type {
  border-bottom: none;
}
div.totalSearchFaceLift .totalSearchFaceLift .sectionTS .ulSectionContent > li > a.voprofiletr {
  margin-right: 30px;
}
div.totalSearchFaceLift .totalSearchFaceLift .sectionTS .ulSectionContent > li > a.voprofiletr img {
  width: 80px;
  height: 100px;
}
div.totalSearchFaceLift .totalSearchFaceLift .sectionTS .ulSectionContent > li .divProfile {
  font-size: 15px;
  padding-bottom: 10px;
}
div.totalSearchFaceLift .totalSearchFaceLift .sectionTS .ulSectionContent > li .divProfile > a .spanName {
  padding-right: 0;
  position: relative;
  font-size: 15px;
}
div.totalSearchFaceLift .totalSearchFaceLift .sectionTS .ulSectionContent > li .divProfile > a .spanName .highlighted {
  text-decoration: underline;
}
div.totalSearchFaceLift .totalSearchFaceLift .sectionTS .ulSectionContent > li .divProfile span {
  position: relative;
  padding-right: 20px;
  font-weight: 500;
  color: #1C252F;
}
div.totalSearchFaceLift .totalSearchFaceLift .sectionTS .ulSectionContent > li .divProfile span:after {
  content: "";
  height: 11px;
  width: 1px;
  background: #E7EAF1;
  position: absolute;
  top: 7px;
  right: 10px;
}
div.totalSearchFaceLift .totalSearchFaceLift .sectionTS .ulSectionContent > li .divProfile span:last-of-type {
  content: none;
}
div.totalSearchFaceLift .totalSearchFaceLift .sectionTS .ulSectionContent > li .dlIndent div {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
div.totalSearchFaceLift .totalSearchFaceLift .sectionTS .ulSectionContent > li .dlIndent div dt {
  color: #6A7684;
  opacity: 0.5;
  width: 70px;
}
div.totalSearchFaceLift .totalSearchFaceLift .sectionTS .ulSectionContent > li .ulDescription {
  display: flex;
  flex-direction: column;
}
div.totalSearchFaceLift .totalSearchFaceLift .sectionTS .ulSectionContent > li .liCategory {
  color: #6A7684;
  opacity: 0.5;
  margin-bottom: 10px;
}
.campaignWrapper input[type=radio].radio + .label:before {
  border: 1px solid #d6d6d6;
}
.campaignWrapper input[type=radio].radio:hover {
  border: 1px solid #7679be;
}
.campaignWrapper input[type=radio].radio:checked + .label :before {
  border: none;
}
.campaignWrapper input[type=checkbox].checkbox + span.label:before {
  background: none;
  border: 1px solid #d6d6d6;
}
.campaignWrapper button.btn.btn-mini, .campaignWrapper button.btn btn-add {
  min-height: 20px;
  border: 1px solid #a1a2a5;
  padding: 0 4px;
}
.campaignWrapper .campaignWrap {
  padding-right: 0;
}
.campaignWrapper .campaignWrap .campaignContentWrap .rightSelectView .resultInfo, .campaignWrapper .campaignWrap .campaignContentWrap .rightSelectView .rightSelectResult {
  white-space: nowrap;
}
.campaignWrapper .btn-set.campaignBtn-set {
  padding: 0;
  margin: 25px 0 0 0;
  background-color: transparent;
}
.campaignWrapper .majorSelectList .dropdown-set ul li label:hover {
  background-color: #ffffff;
}
.campaignWrapper .majorSelectList .dropdown-set ul li label .btn-campaignMini {
  border-radius: 5px;
}
.campaignWrapper .majorSelectList .dropdown-menu .searchWrap {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #EDEEF3;
}
.campaignWrapper .majorSelectList .dropdown-menu .searchWrap label {
  padding: 0 15px;
}
.campaignWrapper .majorSelectList .dropdown-menu > li.divider {
  border-top: none;
  margin-top: 5px;
  padding-top: 0;
  padding-right: 8px;
  padding-bottom: 10px;
  padding-left: 15px;
}
#incSubAdmin .dashboard-box {
  margin-top: 17px;
  height: 154px;
  background-color: #F8F9FC;
}
#incSubAdmin table#subManagerUsageList thead th {
  color: #283442;
}
#incSubAdmin table#subManagerUsageList tbody tr td {
  border-right: 1px solid #e7eaf1;
  border-bottom: 1px solid #e7eaf1;
  height: 54px;
}
#incSubAdmin table#subManagerUsageList tfoot tr.sumtr {
  background-color: #F8F9FC;
}
#incSubAdmin table#subManagerUsageList tfoot tr td {
  border-bottom: 1px solid #e7eaf1;
  height: 54px;
}
.space-list {
  display: flex;
  align-items: center;
  cursor: pointer;
  background: #f1f3f5;
  position: relative;
  width: 150px;
  height: 32px;
  border-radius: 5px;
  transition: all linear 0.2s;
}
.space-list .dropdown-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 120px;
}
.space-list:hover {
  background: white;
}
.space-list {
  padding: 0 24px 1px 10px;
}
.space-list:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  min-width: 24px;
  min-height: 24px;
  margin-left: auto;
  background: url(/resources/mrs2/css/manager/faceLiftImg/drop_down_icon.svg) center center transparent no-repeat;
}
.space-list.open:after {
  opacity: 1;
}
.space-list .dropdown-wrapper {
  display: none;
  flex-direction: column;
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  background: white;
  padding: 8px;
  border: 1px solid #ced4da;
  border-radius: 6px;
  box-shadow: 0 4px 6px -2px rgba(33, 37, 41, 0.03), 0 12px 16px -4px rgba(33, 37, 41, 0.08);
  z-index: 9999;
}
.space-list .dropdown-wrapper .search-box {
  display: flex;
  border-radius: 5px;
  border: 2px solid #f1f3fb !important;
  height: -moz-fit-content;
  height: fit-content;
}
.space-list .dropdown-wrapper .search-box button#search-space-btn {
  content: "";
  background: #f1f3fb url("/resources/mrs2/css/manager/faceLiftImg/search_icon.svg") no-repeat center center;
  border-radius: 0;
}
.space-list .dropdown-wrapper .search-box input[type=search] {
  padding: 6px 0 7px 0;
  border-radius: 0;
  border: none;
  left: 0;
}
.space-list .dropdown-wrapper .search-box:focus-within #search-space-btn, .space-list .dropdown-wrapper .search-box:hover #search-space-btn {
  background-color: #ffffff !important;
}
.space-list .dropdown-wrapper .search-box:focus-within input[type=search], .space-list .dropdown-wrapper .search-box:hover input[type=search] {
  background-color: #ffffff !important;
}
.space-list .dropdown-wrapper .dropdown-item-list {
  height: 320px;
  overflow-y: auto;
}
.space-list .dropdown-wrapper .dropdown-item-list .none-result {
  width: 100%;
  height: 150px;
  align-items: center;
  display: flex;
  justify-content: center;
  cursor: default;
  text-align: center;
}
.space-list .dropdown-wrapper .dropdown-item-list .none-result p {
  font-size: 14px;
  line-height: 20px;
  margin-top: 16px;
}
.space-list .dropdown-wrapper .dropdown-item-list .dropdown-item {
  height: 32px;
  padding: 8px 0 8px 12px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.space-list .dropdown-wrapper .dropdown-item-list .dropdown-item .main-tag {
  display: inline-block;
  background-color: #EBFBEF;
  border-radius: 4px;
  padding: 2px 6px;
  height: 20px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  color: #40C057;
  margin-right: 8px;
}
.space-list .dropdown-wrapper .dropdown-item-list .dropdown-item:hover {
  background-color: #f5f6f7;
  border-radius: 6px;
}
.space-list .dropdown-wrapper .dropdown-item-list .dropdown-item.hide {
  display: none;
}
.__renewal.applicantSite h2.no-version-title {
  margin-top: 50px;
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  line-height: 50px;
}
.__renewal.applicantSite p.no-version-subtitle {
  font-size: 15px;
  text-align: center;
  margin-top: 25px;
  margin-bottom: 60px;
}
.__renewal.applicantSite:not(:first-child) {
  margin-top: 15px;
}
.__renewal.applicantSite > section.banner {
  padding: 0;
  border: 0;
  border-radius: 16px;
  overflow: hidden;
  background-color: #13181C;
  margin: 16px 0 0 0;
  height: 280px;
}
.__renewal.applicantSite > section.current-version-banner {
  padding: 0;
  border: 0;
  box-shadow: 0 0;
  overflow: hidden;
}
.__renewal.applicantSite > section .current-verison {
  gap: 16px;
  margin-top: 16px;
  display: flex;
}
.__renewal.applicantSite > section .current-verison .figure-wrapper {
  width: 37%;
}
.__renewal.applicantSite > section .current-verison .info {
  width: 62%;
  color: #6A7684;
}
.__renewal.applicantSite > section .current-verison .info p.subtitle {
  line-height: 20px;
  font-size: 18px;
  font-weight: 500;
  color: #6A7684;
}
.__renewal.applicantSite > section .current-verison .info h4.title {
  line-height: 40px;
  font-size: 32px;
  font-weight: 200;
  margin-top: 10px;
  color: #6A7684;
}
.__renewal.applicantSite > section .current-verison .info dl {
  border-top: 1px solid #EDEEF3;
  border-bottom: 1px solid #EDEEF3;
  padding: 24px 0;
  margin-top: 16px;
  color: #6A7684;
}
.__renewal.applicantSite > section .current-verison .info dl dt {
  width: 80px;
  float: left;
  margin-right: 40px;
  height: 24px;
  color: #6A7684;
}
.__renewal.applicantSite > section .current-verison .info dl dt:not(:first-child) {
  margin-top: 8px;
}
.__renewal.applicantSite > section .current-verison .info dl dd {
  margin-top: 8px;
  height: 24px;
  color: #6A7684;
}
.__renewal.applicantSite > section .current-verison .info dl dd label {
  display: block;
  height: 24px;
}
.__renewal.applicantSite > section .current-verison .info dl dd:not(:nth-child(2)) {
  margin-top: 8px;
}
.__renewal.applicantSite > section .current-verison .info dl dd:after {
  content: "";
  display: block;
  clear: both;
}
.__renewal.applicantSite > section .current-verison .info .button-wrapper {
  margin-top: 16px;
  display: flex;
  gap: 8px;
}
.__renewal.applicantSite > section .current-new-version {
  display: flex;
  padding: 32px 24px;
  background-color: #F5F6F7;
  border: 1px solid #DEE2E6;
  justify-content: space-between;
  border-radius: 14px;
}
.__renewal.applicantSite > section .current-new-version .info {
  display: flex;
  gap: 24px;
}
.__renewal.applicantSite > section .current-new-version .info .info-text > div {
  margin: 8px 0;
  display: flex;
  gap: 4px;
}
.__renewal.applicantSite > section .current-new-version .info .info-text .check-icon {
  height: 64px;
  width: 64px;
}
.__renewal.applicantSite > section .current-new-version .info .info-text .info-title {
  align-items: center;
  vertical-align: middle;
}
.__renewal.applicantSite > section .current-new-version .info .info-text .info-title h3 {
  line-height: 26px;
  font-weight: 700;
  font-size: 18px;
  color: #343A40;
}
.__renewal.applicantSite > section .current-new-version .info .info-text .selector-only-view {
  width: 28px;
  height: 16px;
  border-radius: 27px;
  background: #CED4DA;
  display: flex;
  margin: auto 0;
}
.__renewal.applicantSite > section .current-new-version .info .info-text .selector-only-view:after {
  content: "";
  background: #F8F9FA;
  border-radius: 27px;
  min-height: 14px;
  min-width: 14px;
  border: 1px solid #CED4DA;
  display: block;
}
.__renewal.applicantSite > section .current-new-version > button {
  margin: auto 0;
  display: flex;
  justify-content: space-between;
  width: 227px;
  height: 48px;
  padding: 12px 12px 12px 16px;
  border-radius: 4px;
  background-color: #343A40;
}
.__renewal.applicantSite > section .current-new-version > button > div {
  margin: auto 0;
  text-align: left;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #FFFFFF;
}
.__renewal.applicantSite > section .current-new-version > button:after {
  content: "";
  display: block;
  background: url("/resources/mrs2/css/manager/icon/common/icon_next_24_line.svg") no-repeat center center;
  min-width: 24px;
  min-height: 24px;
}
.__renewal.applicantSite > section .title-wrapper {
  display: flex;
  justify-content: space-between;
}
.__renewal.applicantSite > section .title-wrapper .styled-select {
  width: 112px;
  height: 32px;
}
.__renewal.applicantSite > section .title-wrapper .styled-select:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/drop_down_icon.svg") no-repeat;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
  z-index: 1000;
}
.__renewal.applicantSite > section .title-wrapper .styled-select > select {
  height: 32px;
}
.__renewal.applicantSite > section .past-version-list {
  margin-top: 16px;
  width: 100%;
  display: flex;
  gap: 10px;
}
.__renewal.applicantSite > section .past-version-list .list-item {
  width: calc(20% - 8px);
}
.__renewal.applicantSite > section .past-version-list .list-item.empty {
  border: 1px dotted #d6d9df;
  background: url("/resources/mrs2/css/manager/images/versionListEmpty.png") no-repeat center center;
}
.__renewal.applicantSite > section .past-version-list .list-item .figure-wrapper figure:hover .remove-area {
  display: flex;
}
.__renewal.applicantSite > section .past-version-list .list-item .figure-wrapper figure .remove-area {
  position: absolute;
  display: none;
  background-color: rgba(0, 0, 0, 0.5019607843);
  align-items: center;
  justify-content: center;
  width: 100%;
  height: calc(100% - 18px);
  top: 18px;
}
.__renewal.applicantSite > section .past-version-list .list-item .figure-wrapper figure .remove-area .delete-btn-wrapper {
  border: 2px solid white;
  border-radius: 5px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  gap: 4px;
}
.__renewal.applicantSite > section .past-version-list .list-item .figure-wrapper figure .remove-area .delete-btn-wrapper p {
  color: white;
  font-size: 12px;
  line-height: 18px;
}
.__renewal.applicantSite > section .past-version-list .list-item h4.title {
  line-height: 24px;
  font-size: 16px;
  font-weight: 700;
  margin-top: 10px;
  color: #3A3F45;
}
.__renewal.applicantSite > section .past-version-list .list-item p.subtitle {
  line-height: 16px;
  font-size: 14px;
  font-weight: 500;
  margin-top: 6px;
}
.__renewal.applicantSite > section .past-version-list .list-item .button-wrapper {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
}
.__renewal.applicantSite > section .past-version-list .list-item .button-wrapper > button {
  margin: 0;
}
.__renewal.applicantSite > section .new-template-banner {
  height: 280px;
  display: flex;
  justify-content: space-between;
  position: relative;
  cursor: pointer;
}
.__renewal.applicantSite > section .new-template-banner:hover .overlay {
  transform: scale(1.1);
}
.__renewal.applicantSite > section .new-template-banner:hover .btn-viewTemplate {
  background-color: #00C17C;
}
.__renewal.applicantSite > section .new-template-banner .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform 0.3s ease;
  background: url("/resources/mrs2/css/manager/faceLiftImg/new_builder_banner_1280.png") no-repeat center/cover;
}
.__renewal.applicantSite > section .new-template-banner .banner-info {
  width: 900px;
  height: 280px;
  z-index: 100;
  margin: auto;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 5.56%, #000000 29.04%, #000000 53.98%, #000000 73.46%, rgba(0, 0, 0, 0) 94.26%);
  padding: 50px 0;
}
.__renewal.applicantSite > section .new-template-banner .banner-info .banner-wrapper {
  width: 250px;
  height: 108px;
  word-break: keep-all;
  text-align: center;
  margin: auto;
}
.__renewal.applicantSite > section .new-template-banner .banner-info .banner-wrapper .banner-subtitle {
  display: block;
  height: 20px;
  font-weight: 700;
  color: #FFFFFF;
}
.__renewal.applicantSite > section .new-template-banner .banner-info .banner-wrapper .banner-title {
  line-height: 40px;
  font-size: 30px;
  font-weight: 700;
  margin-top: 8px;
  white-space: pre-wrap;
  color: #FFFFFF;
}
.__renewal.applicantSite > section .new-template-banner .banner-info .banner-wrapper .banner-title strong {
  line-height: 40px;
  font-size: 30px;
  font-weight: 700;
  color: #00C17C;
}
.__renewal.applicantSite > section .new-template-banner .banner-info .btn-viewTemplate {
  font-weight: 700;
  color: #212529;
  margin: 32px auto 0 auto;
  background-color: #CCF5E0;
  width: 124px;
  height: 40px;
  border-radius: 300px;
  padding: 10px 16px;
  border: 0;
  display: block;
}
.__renewal.applicantSite > section .provide-template-list {
  margin-top: 16px;
  width: 100%;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: space-between;
}
.__renewal.applicantSite > section .provide-template-list .list-item {
  width: 32%;
}
.__renewal.applicantSite > section .provide-template-list .list-item:not(:nth-child(-n+3)) {
  margin-top: 30px;
}
.__renewal.applicantSite > section .provide-template-list .list-item h4.title {
  line-height: 26px;
  font-size: 19px;
  font-weight: 700;
  margin-top: 10px;
  color: #3A3F45;
}
.__renewal.applicantSite > section .provide-template-list .list-item p.description {
  line-height: 16px;
  font-size: 14px;
  font-weight: 500;
  margin-top: 20px;
}
.__renewal.applicantSite > section .provide-template-list .list-item button {
  margin-top: 20px;
}
@media screen and (min-width: 1440px) {
  .__renewal.applicantSite > section .current-verison .figure-wrapper {
    width: 26%;
  }
  .__renewal.applicantSite > section .current-verison .info {
    width: 74%;
  }
  .__renewal.applicantSite > section .past-version-list {
    margin-top: 16px;
    width: 100%;
    display: flex;
    gap: 10px;
  }
  .__renewal.applicantSite > section .past-version-list .list-item .button-wrapper {
    justify-content: space-between;
    max-width: 220px;
  }
  .__renewal.applicantSite > section.banner > .new-template-banner > .overlay {
    background: url("/resources/mrs2/css/manager/faceLiftImg/new_builder_banner_1920.png") no-repeat center/cover;
  }
  .__renewal.applicantSite > section.banner > .new-template-banner:hover .btn-viewTemplate {
    background-color: #00C17C;
  }
}
.__renewal.applicantSite ul.paging li:before {
  background-color: #E7EAF1;
}
.__renewal.applicantSite ul.paging li.active:before {
  width: 10px;
  height: 10px;
  background: #00C17C;
}
.dashboard-stbox {
  background: transparent linear-gradient(90deg, #03C945 0%, #01C26F 24%, #00BB80 46%, #02B1F6 75%, #187FFE 100%) 0% 0% no-repeat padding-box;
  height: 100px;
  border-radius: 8px;
}
.dashboard-stbox .dashboard-stboxIn {
  padding: 0 25px;
  height: 100%;
  display: flex;
  align-items: center;
}
.dashboard-stbox .dashboard-stboxIn .dashLogoBbox {
  width: 30%;
  height: 61px;
}
.dashboard-stbox .dashboard-stboxIn .dashLogoBbox--message {
  font-size: 16px;
  color: #FFFFFF;
  margin-bottom: 7px;
}
.dashboard-stbox .dashboard-stboxIn .dashLogoBbox--logo {
  color: white;
  font-size: 20px;
  font-weight: 600;
  font-family: "Pretendard", serif;
  width: 111px;
  height: 27px;
}
.dashboard-stbox .dashPerGraphbox {
  width: 70%;
  position: relative;
}
.dashboard-stbox .dashPerGraphbox .PerGraphWrap {
  width: 100%;
  height: 10px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  display: flex;
}
.dashboard-stbox .dashPerGraphbox .PerGraphWrap .PerGraphbar {
  position: relative;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: #FFFFFF;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  width: 0;
  transition: 1s;
  height: 100%;
}
.dashboard-stbox .dashPerGraphbox .PerGraphWrap .PerGraph {
  background-color: #2A3A4B;
  opacity: 0.4;
  border-radius: 0 10px 10px 0;
  top: auto;
  margin-top: 0;
  height: 10px;
  width: 100%;
}
.dashboard-stbox .dashPerGraphbox .perGraphText {
  color: #ffffff;
  font-size: 13px;
  opacity: 0.8;
}
.dashboard-stbox .dashPerGraphbox .rect {
  width: 12px;
  height: 12px;
  border-radius: 50px;
}
.dashboard-stbox .dashPerGraphbox .rect.used {
  background-color: #FFFFFF;
}
.dashboard-stbox .dashPerGraphbox .rect.rest {
  background-color: #2A3A4B;
  opacity: 0.4;
}
.dashboard-stbox .dashPerGraphbox .perGraphButton {
  width: 54px;
  height: 54px;
  position: absolute;
  top: 0;
  right: 0;
  background-color: rgba(42, 58, 75, 0.3);
  border-radius: 8px;
  border: none;
}
.dashboard-stbox .dashPerGraphbox .perGraphButton:before {
  content: "";
  width: 30px;
  height: 30px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/dashboard/dashboard-search.svg") no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dashboard-volunteer {
  margin-top: 25px;
  height: 525px;
}
.dashboard-volunteer .VolList {
  overflow: hidden;
  width: 75%;
  box-shadow: 0 1px 3px rgba(56, 66, 88, 0.0509803922);
  border: 1px solid #EDEEF3;
  border-radius: 8px;
  background-color: #ffffff;
  box-sizing: border-box;
}
.dashboard-volunteer .VolList .dashVolBox {
  border: none;
  border-radius: 8px;
  background-color: #ffffff;
}
.dashboard-volunteer .VolList .dashVolBox .volListTit {
  background-color: transparent;
}
.dashboard-volunteer .VolList .dashVolBox .volListTit .dashBoxTit {
  height: 58px;
  color: #1C252F;
  background-color: transparent;
  padding-left: 15px;
  margin-left: 0;
  padding-top: 4px;
}
.dashboard-volunteer .VolList .dashVolBox .volListTit .dropdown-menu .allsearch {
  padding-left: 0;
}
.dashboard-volunteer .VolList .dashVolBox .volListTit .dropdown-menu .buttongroup {
  border-top: 1px solid #F1F3FB;
  background-color: transparent;
}
.dashboard-volunteer .VolList .dashVolBox .volListTit .dropdown-menu:after {
  content: none;
}
.dashboard-volunteer .VolList .dashVolBox .volListTable {
  border-top: none;
}
.dashboard-volunteer .VolList .dashVolBox .volListTable tbody th {
  height: 58px;
  color: #283442;
  font-weight: 500;
  padding: 0;
}
.dashboard-volunteer .VolList .dashVolBox .volListTable tbody tr:hover td.none {
  background-color: white !important;
}
.dashboard-volunteer .VolList .dashVolBox .volListTable tbody tr:hover td {
  background-color: #f8f9fc;
  color: #00C17C;
}
.dashboard-volunteer .VolList .dashVolBox .volListTable tbody tr:hover td.volImage--wrap:before {
  content: "";
  background: url("/resources/mrs2/css/manager/faceLiftImg/dashboard/dashboard-resume-back.png") no-repeat;
  width: 44px;
  height: 44px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.dashboard-volunteer .VolList .dashVolBox .volListTable tbody tr td {
  border-bottom: 1px solid #F2F3F5;
  border-top: none;
  padding: 0;
  height: 73px;
  text-align: center;
  color: #6A7684;
}
.dashboard-volunteer .VolList .dashVolBox .volListTable tbody tr td.volImage--wrap {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 3px;
}
.dashboard-volunteer .VolList .dashVolBox .volListTable tbody tr td.volImage--wrap .volImage {
  width: 38px;
  height: 38px;
  left: auto;
  top: auto;
  margin-top: 0;
  position: relative;
}
.dashboard-volunteer .VolList .dashVolBox .volListTable tbody tr td.voprofile span {
  padding-left: 0;
}
.dashboard-volunteer .VolList .dashVolBox .volListTable tbody tr td.td-left {
  text-align: left;
  padding-left: 8px;
}
.dashboard-volunteer .VolTot {
  width: calc(25% - 15px);
  margin-left: 15px;
}
.dashboard-volunteer .VolTot .dashVolBox {
  height: 165px;
  margin-top: 15px;
  border: 1px solid #EDEEF3;
  box-shadow: 0 1px 3px rgba(56, 66, 88, 0.0509803922);
  background-color: #ffffff;
  border-radius: 8px;
  box-sizing: border-box;
}
.dashboard-volunteer .VolTot .dashVolBox .VolBoxHead h2 {
  margin-top: 11px;
  margin-left: 15px;
}
.dashboard-volunteer .VolTot .dashVolBox .VolBoxHead h2 span {
  float: none;
  max-width: 33%;
}
.dashboard-volunteer .VolTot .dashVolBox .VolBoxHead .dashBoxTit {
  display: flex;
  align-items: center;
  color: #1C252F;
  font-size: 14px;
}
.dashboard-volunteer .VolTot .dashVolBox .VolBoxHead .dashBoxTit .roundrect {
  width: 26px;
  height: 20px;
  background-color: #E7EAF1;
  color: #6A7684;
  float: none;
  display: inline-block;
  margin-top: 2px;
  padding: 1px;
  box-sizing: border-box;
}
.dashboard-volunteer .VolTot .dashVolBox .VolBoxHead .dashBoxTit .dropdown-set .dropdown-menu .VolsetPopCon {
  height: auto;
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}
.dashboard-volunteer .VolTot .dashVolBox .VolBoxHead .dashBoxTit .dropdown-set .dropdown-menu .VolsetPopCon label {
  font-size: 13px;
  color: #6A7684;
  display: flex;
  margin-bottom: 10px;
}
.dashboard-volunteer .VolTot .dashVolBox .VolBoxHead .dashBoxTit .dropdown-set .dropdown-menu .VolsetPopCon:after {
  content: "";
  width: 133px;
  height: 1px;
  position: relative;
  left: -15px;
  background-color: #F1F3FB;
}
.dashboard-volunteer .VolTot .dashVolBox .VolBoxContent .alwaysConNow, .dashboard-volunteer .VolTot .dashVolBox .VolBoxContent .appConNow, .dashboard-volunteer .VolTot .dashVolBox .VolBoxContent .estConNow {
  color: #1C252F !important;
}
.dashboard-volunteer .VolTot .dashVolBox .VolBoxContent span {
  color: #6A7684 !important;
}

.dashboard-TestList {
  background-color: #ffffff;
  margin-top: 25px;
  border: 1px solid #EDEEF3;
  box-shadow: 0 1px 3px rgba(56, 66, 88, 0.0509803922);
  border-radius: 8px;
}
.dashboard-TestList .dashTestList {
  margin-top: 0;
  width: 100%;
  height: 58px;
  background-color: transparent;
  border-bottom: none;
}
.dashboard-TestList .dashTestList .dashTestList--title {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #1C252F;
  padding-left: 19px;
  line-height: 57px;
  padding-top: 4px;
  font-weight: 400;
}
.dashboard-TestList .dashVolBox.graphEmpthBox {
  border: none;
  box-sizing: border-box;
}
.dashboard-TestList .dashVolBox.graphEmpthBox .sliderPositionBox > div {
  background-color: #887BED;
}
.dashboard-TestList .dashVolBox.graphEmpthBox .sliderPositionBox > div.active {
  background-color: #04A9F7;
}
.dashboard-TestList .dashVolBox.graphEmpthBox .sliderPositionBox .graphEmpty {
  background-size: contain !important;
}
.dashboard-TestList .dashTebox {
  color: #6A7684;
  margin-top: 0;
}
.dashboard-TestList .dashTebox thead:after {
  content: none;
}
.dashboard-TestList .dashTebox thead tr {
  height: 58px;
  margin-top: 0;
  color: #1C252F;
}
.dashboard-TestList .dashTebox thead tr th {
  border-bottom: 1px solid #f2f3f5;
}
.dashboard-TestList .dashTebox tbody:before {
  content: none;
}
.dashboard-TestList .dashTebox tbody tr {
  box-shadow: none;
  border-bottom: 1px solid #f2f3f5;
}
.dashboard-TestList .dashTebox tbody td {
  border-top: none;
  border-bottom: 1px solid #F2F3F5;
  background-color: #ffffff;
  height: 73px;
  color: #6A7684;
}
.dashboard-TestList .dashTebox tbody td:first-child {
  border-left: none;
}
.dashboard-TestList .dashTebox tbody td:last-child {
  border: none;
  border-bottom: 1px solid #F2F3F5;
}
.dashboard-TestList .dashTebox tbody td:before {
  content: none;
}
.dashboard-TestList .dashTebox tbody td .dataPlu {
  color: #00C17C;
}
.dashboard-TestList .dashTebox tbody td .btnCovBox {
  width: 80px;
  height: 73px;
}
.dashboard-TestList .dashTebox tbody td .btnCovBox .listButton {
  position: relative;
  background-image: none;
  width: 80px;
  height: 73px;
  top: auto;
  left: auto;
}
.dashboard-TestList .dashTebox tbody td .btnCovBox .listButton:before {
  content: "";
  background: url("/resources/mrs2/css/manager/faceLiftImg/dashboard/dashboard-down.svg") no-repeat;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 30%;
  transform: translate(-50%, -50%);
}
.dashboard-TestList .dashTebox tbody td .btnCovBox .listButton .empty--img {
  position: relative;
  height: 160px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/emptyGuide/empty_search_icon.png") center no-repeat;
  background-size: 116px;
}
.dashboard-TestList .dashTebox tbody td .btnCovBox .listButton.empty {
  background-image: none !important;
  opacity: 0.2;
  cursor: default;
}
.dashboard-TestList .dashTebox tbody td .btnCovBox .listButton.active {
  background-color: transparent;
  background-image: none !important;
}
.dashboard-TestList .dashTebox tbody td .btnCovBox .listButton.active:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/dashboard/dashboard-up.svg") no-repeat;
}
.dashboard-TestList .dashTebox tbody.active > tr:nth-last-child(1) > td {
  border: none;
}
.dashboard-TestList .dashTebox tbody.active > tr.graphtr {
  border: none;
}
.dashboard-TestList .dashTebox tbody.active > tr.graphtr .grapWrap {
  background-color: #F8F9FC;
}
.dashboard-TestList .dashTebox tbody.active > tr.graphtr .grapWrap .daGraphBox .grapfinfo .chartin .chartre {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  left: -5px;
  margin-top: -5px;
}
.dashboard-TestList .dashTebox tbody.active > tr.graphtr .grapWrap .daGraphBox .chartChoice .chbtnGroup .btn.active {
  color: #ffffff;
  background-color: #00C17C;
  border: 2px solid #00C17C;
}
.dashboard-TestList .dashTebox tbody.active > tr.graphtr .grapWrap .daGraphBox .chartChoice .chbtnGroup .btn.active:before {
  content: none;
}
.dashboard-TestList .dashTebox tbody.active > tr.graphtr .grapWrap .daGraphBox .chartChoice .chbtnGroup .btnCompareGroup {
  border: none;
  background: transparent;
}
.dashboard-TestList .dashTebox tbody.active > tr.graphtr .grapWrap .daGraphBox .chartChoice .chbtnGroup .btnCompareGroup .btnCompareView {
  background-color: #FFFFFF;
  border: 2px solid #e7eaf1;
  box-sizing: border-box;
  height: 32px;
  border-radius: 5px 0 0 5px;
  border-right: 0;
  margin-right: 0;
  padding-right: 0 !important;
}
.dashboard-TestList .dashTebox tbody.active > tr.graphtr .grapWrap .daGraphBox .chartChoice .chbtnGroup .btnCompareGroup .btnCompareSet {
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/setting_small_icon.svg");
  background-color: #FFFFFF;
  border: 2px solid #e7eaf1;
  box-sizing: border-box;
  height: 32px;
  width: 32px;
  border-radius: 0 5px 5px 0;
  border-left: 0;
  background-position: center;
  background-repeat: no-repeat;
  left: -3px;
  margin-right: 0;
}
.dashboard-TestList .dashTebox tbody.active > tr.graphtr .grapWrap .daGraphBox .chartChoice .chbtnGroup .btnCompareGroup.active {
  background-color: transparent;
  border-color: transparent;
}
.dashboard-TestList .dashTebox tbody.active > tr.graphtr .grapWrap .daGraphBox .chartChoice .chbtnGroup .btnCompareGroup.active .btnCompareView {
  color: #ffffff;
  background-color: #00C17C;
  border-left: 2px solid #00C17C;
  border-top: 2px solid #00C17C;
  border-right: none;
  border-bottom: 2px solid #00C17C;
}
.dashboard-TestList .dashTebox tbody.active > tr.graphtr .grapWrap .daGraphBox .chartChoice .chbtnGroup .btnCompareGroup.active .btnCompareSet {
  color: #ffffff;
  background-color: #00C17C;
  border-right: 2px solid #00C17C;
  border-top: 2px solid #00C17C;
  border-left: none;
  border-bottom: 2px solid #00C17C;
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/setting_small_white_icon.svg");
}
.dashboard-TestList .dashTebox tbody.active > tr.graphtr .grapWrap .daGraphBox .chartChoice .chbtnGroup .btnCompareGroup .dropdown-menu.active {
  left: 0;
}
.dashboard-TestList .dashTebox tbody.active > tr.graphtr .grapWrap .daGraphBox .chartChoice .chbtnGroup .btnCompareGroup .dropdown-menu.active:after {
  content: none;
}
.dashboard-TestList .dashTebox tbody.active > tr.graphtr .grapWrap .daGraphBox .chartChoice .chbtnGroup .btnCompareGroup .dropdown-menu.active .tooltiptablecover {
  padding: 10px 10px 0 15px;
}
.dashboard-TestList .dashTebox tbody.active > tr.graphtr .grapWrap .daGraphBox .chartChoice .chbtnGroup .btnCompareGroup .dropdown-menu.active .tooltiptablecover .tooltiptSelectTable tbody tr {
  border: none;
}
.dashboard-TestList .dashTebox tbody.active > tr.graphtr .grapWrap .daGraphBox .chartChoice .chbtnGroup .btnCompareGroup .dropdown-menu.active .tooltiptablecover .tooltiptSelectTable tbody tr th {
  width: 40px;
}
.dashboard-TestList .dashTebox tbody.active > tr.graphtr .grapWrap .daGraphBox .chartChoice .chbtnGroup .btnCompareGroup .dropdown-menu.active .tooltiptablecover .tooltiptSelectTable tbody tr td {
  width: 100%;
  height: 40px;
  border-bottom: none;
}
.dashboard-TestList .dashTebox tbody.active > tr.graphtr .grapWrap .daGraphBox .chartChoice .chbtnGroup .btnCompareGroup .dropdown-menu.active .buttongroup {
  border-top: 1px solid #F1F3FB;
  background-color: transparent;
}
.dashboard-TestList .dashTebox tbody.active > tr.graphtr .grapWrap .daGraphBox .dashChart .tooltip {
  background-color: #283442;
  border-radius: 5px;
}
.dashboard-TestList .dashTebox tbody.active > tr.graphtr .grapWrap .daGraphBox .dashChart .tooltip--circle {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 5px;
}
.dashboard-TestList .dashTebox tbody.active > tr.graphtr .grapWrap .daGraphBox .dashChart .tooltip li {
  background-color: transparent;
}
.dashboard-TestList .dashTebox tbody.active > tr.graphtr .grapWrap .daGraphBox .dashChart .tooltip li:nth-child(3):before {
  background-color: #3E4955;
  left: 10%;
  right: 10%;
}
.dashboard-TestList .dashTebox tbody.active > tr.graphtr .grapWrap .daGraphBox .dashChart button[data-graphButton=left] {
  transform: rotate(180deg);
  background-color: #00C17C;
  width: 32px;
  height: 32px;
  border-radius: 5px;
  background-image: none;
}
.dashboard-TestList .dashTebox tbody.active > tr.graphtr .grapWrap .daGraphBox .dashChart button[data-graphButton=left]:before {
  content: "";
  width: 32px;
  height: 32px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/next_icon_white.png");
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dashboard-TestList .dashTebox tbody.active > tr.graphtr .grapWrap .daGraphBox .dashChart button[data-graphButton=right] {
  background-color: #00C17C;
  width: 32px;
  height: 32px;
  border-radius: 5px;
  background-image: none;
}
.dashboard-TestList .dashTebox tbody.active > tr.graphtr .grapWrap .daGraphBox .dashChart button[data-graphButton=right]:before {
  content: "";
  width: 32px;
  height: 32px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/next_icon_white.png");
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dashboard-TestList .dashTebox tbody.active > tr.graphtr .grapWrap .daTextBox > div {
  border: none;
  height: 66px;
  background-color: #ffffff;
  margin-bottom: 10px;
  border-radius: 5px;
}
.dashboard-TestList .dashTebox tbody.active > tr.graphtr .grapWrap .daTextBox > div .datextboxtit {
  color: #1C252F;
}
.dashboard-TestList .dashTebox tbody.active > tr.graphtr .grapWrap .daTextBox > div .datextboxnum {
  color: #1C252F;
  font-size: 24px;
}
.dashboard-TestList .dashTebox tbody.active > tr:nth-child(1) td {
  border: none;
}

.dashboard--icon {
  width: 32px;
  height: 32px;
  display: inline-block;
}
.dashboard--icon--mail:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/dashboard/dashboard-mail.png") no-repeat;
  content: "";
  position: absolute;
  width: 32px;
  height: 32px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dashboard--icon--person:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/dashboard/dashboard-person.png") no-repeat;
  content: "";
  position: absolute;
  width: 32px;
  height: 32px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dashboard--icon--filter:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/dashboard/dashboard-filter.png") no-repeat;
  content: "";
  position: absolute;
  width: 32px;
  height: 32px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dashboard--icon--graph:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/dashboard/dashboard-graph.png") no-repeat;
  content: "";
  position: absolute;
  width: 32px;
  height: 32px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dashboard--icon--chat:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/dashboard/dashboard-chat.png") no-repeat;
  content: "";
  position: absolute;
  width: 32px;
  height: 32px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.refreshbutton {
  background: none;
  width: 32px;
  height: 32px;
  position: relative;
}
.refreshbutton:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/dashboard/dashboard-refresh.svg") no-repeat;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  transform: translate(-50%, -50%);
}
.refreshbutton:hover {
  background-color: #E7EAF1;
  border-radius: 5px;
}

.settingbutton {
  background: none;
  width: 32px;
  height: 32px;
}
.settingbutton:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/dashboard/dashboard-filter.svg") no-repeat;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  transform: translate(-50%, -50%);
}
.settingbutton:hover, .settingbutton:focus {
  background-color: #E7EAF1;
  border-radius: 5px;
}

.togglenewbtn {
  background: none;
  width: 32px;
  height: 32px;
  border: none;
  top: -39px;
  right: -1px;
  background-color: #E7EAF1;
  border-radius: 5px;
}
.togglenewbtn:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/dashboard/dashboard-filter.svg") no-repeat;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  transform: translate(-50%, -50%);
}

.dashboard-popup {
  overflow: auto;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  white-space: nowrap;
  z-index: 10030;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.6);
}
.dashboard-popup .layer {
  position: relative;
  width: 1120px;
  height: 798px;
  background: #00C17C;
}
.dashboard-popup .layer .modal-area {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
}
.dashboard-popup .layer .modal-area .img-area {
  position: relative;
  width: 100%;
  height: 742px;
  background: url(faceLiftImg/dashboard/popupModal/7.0.0/background.png) no-repeat;
  background-size: contain;
  overflow: hidden;
}
.dashboard-popup .layer .modal-area .img-area .content-list {
  width: 100%;
  height: 100%;
  background-size: contain;
  transition: all 0.6s ease 0s;
}
.dashboard-popup .layer .modal-area .img-area .slide {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
}
.dashboard-popup .layer .modal-area .img-area .slide .slide-arrow {
  position: absolute;
  width: 39px;
  height: 39px;
  border: none;
  background-size: contain;
  top: 50%;
}
.dashboard-popup .layer .modal-area .img-area .slide .slide-arrow.left {
  left: 20px;
  background: url(faceLiftImg/dashboard/popupModal/7.0.0/slide-arrow-left.svg) no-repeat;
}
.dashboard-popup .layer .modal-area .img-area .slide .slide-arrow.right {
  right: 20px;
  background: url(faceLiftImg/dashboard/popupModal/7.0.0/slide-arrow-right.svg) no-repeat;
}
.dashboard-popup .layer .modal-area .img-area .slide .slide-bottom {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 26px;
}
.dashboard-popup .layer .modal-area .img-area .slide .slide-bottom .slide-paging {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 10px;
  border: none;
  background: black;
  opacity: 0.3;
}
.dashboard-popup .layer .modal-area .img-area .slide .slide-bottom .slide-paging.selected {
  background: #5240BA;
  opacity: 1;
}
.dashboard-popup .layer .modal-area .option-area {
  width: 100%;
  height: 56px;
  background: #FFFFFF;
  display: flex;
  align-items: center;
}
.dashboard-popup .layer .modal-area .option-area .no-show-check {
  margin-left: 20px;
}
.dashboard-popup .layer .btn--close {
  position: absolute;
  top: 0;
  left: 100%;
  width: 50px;
  height: 50px;
  background: transparent;
  border: none;
}
.dashboard-popup .layer .btn--close:before {
  content: "";
  position: absolute;
  top: 0;
  left: 10px;
  width: 30px;
  height: 30px;
  border: none;
  background: url(faceLiftImg/dashboard/popupModal/7.0.0/close-icon.svg) no-repeat;
}

.empty--hover:hover {
  background-color: white !important;
}
#screeningGuidePage colgroup col:nth-child(1) {
  width: 90px;
}
#screeningGuidePage colgroup col:nth-child(2) {
  width: 100px;
}
#screeningGuidePage colgroup col:nth-child(3) {
  min-width: 150px;
}
#screeningGuidePage colgroup col:nth-child(4) {
  min-width: 150px;
}
#screeningGuidePage colgroup col:nth-child(5) {
  min-width: 150px;
}
#screeningGuidePage colgroup col:nth-child(6) {
  width: 80px;
}
#screeningGuidePage colgroup col:nth-child(7) {
  width: 120px;
}
#screeningGuidePage colgroup col:nth-child(8) {
  width: 180px;
}
#screeningGuidePage colgroup col:nth-child(9) {
  width: 60px;
}
#screeningGuidePage colgroup col:nth-child(10) {
  width: 60px;
}

#guidanceListPage colgroup col:nth-child(1) {
  width: 90px;
}
#guidanceListPage colgroup col:nth-child(2) {
  min-width: 150px;
}
#guidanceListPage colgroup col:nth-child(3) {
  min-width: 150px;
}
#guidanceListPage colgroup col:nth-child(4) {
  min-width: 150px;
}
#guidanceListPage colgroup col:nth-child(5) {
  width: 80px;
}
#guidanceListPage colgroup col:nth-child(6) {
  width: 120px;
}
#guidanceListPage colgroup col:nth-child(7) {
  width: 180px;
}
#guidanceListPage colgroup col:nth-child(8) {
  width: 60px;
}
#guidanceListPage colgroup col:nth-child(9) {
  width: 60px;
}

.reload-alert {
  width: 32px;
  height: 32px;
  border-radius: 5px;
  margin: 0 auto;
}
.reload-alert:hover {
  background-color: #e7eaf1;
}
.reload-alert .btn-reload {
  min-width: 26px;
  min-height: 26px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/reload_icon.svg") no-repeat;
  margin-left: 4px;
  border: none;
}
body.mrs2-manager {
  background-color: #ffffff;
  line-height: 1.5;
  transition: background 0.2s ease;
  min-width: 1280px;
  overflow-x: auto;
  overflow-y: hidden;
  height: 100%;
  position: relative;
}
body.mrs2-manager .main-wrapper {
  box-sizing: border-box !important;
  display: flex;
  margin: 0;
  height: calc(100% - 64px);
}
body.mrs2-manager .main-wrapper .content-wrapper {
  width: 100%;
  max-width: 100%;
}
body.mrs2-manager .main-wrapper .content-wrapper .content {
  position: relative;
  background-color: #ffffff;
  width: 100%;
  height: 100%;
  box-sizing: border-box !important;
  padding: 30px 15px !important;
  transition: all 0.5s ease;
  overflow: auto;
}
@media (min-width: 1441px) and (max-width: 1920px) {
  body.mrs2-manager .main-wrapper .content-wrapper .content {
    padding: 30px !important;
  }
}
@media (min-width: 1921px) {
  body.mrs2-manager .main-wrapper .content-wrapper .content {
    margin: 0 auto;
    padding: 30px !important;
    max-width: 1920px;
    overflow-x: inherit;
  }
}

.header-wrapper.__renewal {
  position: relative;
  background-color: #ffffff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1490196078);
  top: 0;
  min-width: 1280px;
  letter-spacing: 0;
  width: 100%;
  height: 64px;
  z-index: 1000;
}
.header-wrapper.__renewal > .header-content {
  width: 100%;
  height: 64px;
  display: flex;
  padding: 0 20px;
  align-items: center;
  justify-content: space-between;
  margin: auto;
}
.header-wrapper.__renewal > .header-content .main {
  width: 100%;
  max-width: 396px;
  min-width: 320px;
  justify-content: space-between;
  display: flex;
  align-self: center;
  align-items: center;
}
.header-wrapper.__renewal > .header-content .main > form {
  margin-left: 90px;
}
.header-wrapper.__renewal > .header-content .main > form .search-input {
  width: 225px;
  height: 32px;
  position: relative;
}
.header-wrapper.__renewal > .header-content .main > form .search-input:before {
  content: "";
  position: absolute;
  top: 6px;
  left: 8px;
  min-width: 20px;
  min-height: 20px;
  z-index: 1;
  cursor: text;
  background: url("/resources/mrs2/css/manager/faceLiftImg/header/search_icon.svg") no-repeat center center;
}
.header-wrapper.__renewal > .header-content .main > form .search-input > input {
  display: flex;
  position: relative;
  width: 100%;
  padding: 4px 10px 4px 32px;
  border-radius: 6px;
  border: 2px solid #f1f3fb;
  gap: 4px;
  color: #1c252f;
  background-color: #f1f3fb;
}
.header-wrapper.__renewal > .header-content .main > form .search-input > input::-moz-placeholder {
  color: #adb3c2;
}
.header-wrapper.__renewal > .header-content .main > form .search-input > input::placeholder {
  color: #adb3c2;
}
.header-wrapper.__renewal > .header-content .main > form .search-input > input:-moz-placeholder {
  background: #ffffff;
  border-color: #ffffff;
}
.header-wrapper.__renewal > .header-content .main > form .search-input > input:placeholder-shown {
  background: #ffffff;
  border-color: #ffffff;
}
.header-wrapper.__renewal > .header-content .main > form .search-input > input:focus::-moz-placeholder {
  color: transparent;
}
.header-wrapper.__renewal > .header-content .main > form .search-input > input:focus::placeholder {
  color: transparent;
}
.header-wrapper.__renewal > .header-content .main > form .search-input > input::-webkit-search-cancel-button {
  display: none;
}
.header-wrapper.__renewal > .header-content .main > form .search-input > input:focus {
  background: #ffffff;
  border-color: #e7eaf1;
}
.header-wrapper.__renewal > .header-content .main > form .search-input > input:hover {
  background: #ffffff;
  border-color: #e7eaf1;
}
.header-wrapper.__renewal > .header-content .main > form > button[type=submit] {
  position: absolute;
  width: 1px;
  height: 1px;
}
.header-wrapper.__renewal > .header-content .menu {
  min-width: 1000px;
  gap: 33px;
  justify-content: end;
  display: flex;
  align-self: center;
  align-items: center;
  position: relative;
}
.header-wrapper.__renewal > .header-content .menu > li {
  position: relative;
  height: 32px;
  display: flex;
  align-items: center;
}
.header-wrapper.__renewal > .header-content .menu > li:not(:first-child)::before {
  content: "";
  position: absolute;
  height: 14px;
  width: 1px;
  top: 9px;
  left: -17px;
  background: #ced4da;
}
.header-wrapper.__renewal > .header-content .menu .service-site-list {
  display: flex;
  gap: 16px;
}
.header-wrapper.__renewal > .header-content .menu .service-site-list > li {
  display: flex;
  align-items: center;
}
.header-wrapper.__renewal > .header-content .menu .service-site-list > li > a {
  display: block;
  line-height: 20px;
  white-space: pre;
}
.header-wrapper.__renewal > .header-content .menu .service-site-list .dropdown-set {
  justify-content: flex-end;
}
.header-wrapper.__renewal > .header-content .menu .service-site-list .dropdown-set > button {
  text-align: left;
  position: relative;
  min-height: 20px;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 4px;
  border-radius: 5px;
  transition: all ease 0.3s;
}
.header-wrapper.__renewal > .header-content .menu .service-site-list .dropdown-set > button > span {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #495057;
  flex-grow: 1;
}
.header-wrapper.__renewal > .header-content .menu .service-site-list .dropdown-set > button > img {
  vertical-align: top;
}
.header-wrapper.__renewal > .header-content .menu .service-site-list .dropdown-set .dropdown-menu {
  background: #ffffff;
  padding: 8px;
  border-radius: 8px;
  right: 0;
  top: 30px;
  width: 196px;
  box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.0784313725);
  border: 1px solid #dee2e6;
}
.header-wrapper.__renewal > .header-content .menu .service-site-list .dropdown-set .dropdown-menu > li {
  width: 100%;
  height: 32px;
}
.header-wrapper.__renewal > .header-content .menu .service-site-list .dropdown-set .dropdown-menu > li a {
  padding: 6px 12px;
  border-radius: 6px;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #343a40;
}
.header-wrapper.__renewal > .header-content .menu .service-site-list .dropdown-set .dropdown-menu > li a:hover {
  background-color: #f5f6f7;
}
.header-wrapper.__renewal > .header-content .menu .service-site-list .dropdown-set .dropdown-menu.agent {
  width: 130px;
}
.header-wrapper.__renewal > .header-content .menu .service-site-list .dropdown-set .dropdown-menu.agent > li a {
  min-width: 100px !important;
}
.header-wrapper.__renewal > .header-content .menu .service-site-list .setting-button {
  font-size: 14px;
  line-height: 20px;
}
.header-wrapper.__renewal > .header-content .menu .user-info {
  display: flex;
  align-items: center;
  position: relative;
  color: #495057;
}
.header-wrapper.__renewal > .header-content .menu .user-info .name {
  color: #00c17c;
  font-weight: 700;
}
.header-wrapper.__renewal > .header-content .menu .user-info > div {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}
.header-wrapper.__renewal > .header-content .menu .space-header {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.header-wrapper.__renewal > .header-content .menu .space-header .dropdown-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 120px;
}
.header-wrapper.__renewal > .header-content .menu .space-header:before {
  content: "";
  display: block;
  min-width: 24px;
  min-height: 24px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/header/space_icon.svg");
  margin-left: 4px;
}
.header-wrapper.__renewal > .header-content .menu .space-header:after {
  content: "";
  display: block;
  min-width: 24px;
  min-height: 24px;
  margin-left: auto;
  background: url("/resources/mrs2/css/manager/faceLiftImg/header/icon_arrow_bottom_24_line.svg") center center transparent no-repeat;
}
.header-wrapper.__renewal > .header-content .menu .space-header.open:after {
  opacity: 1;
  background: url("/resources/mrs2/css/manager/faceLiftImg/header/icon_arrow_top_24_line.svg") center center transparent no-repeat;
}
.header-wrapper.__renewal > .header-content .menu .space-header .dropdown-wrapper {
  display: none;
  flex-direction: column;
  position: absolute;
  top: 50px;
  background: white;
  padding: 8px;
  border: 1px solid #ced4da;
  border-radius: 6px;
  box-shadow: 0 4px 6px -2px rgba(33, 37, 41, 0.03), 0 12px 16px -4px rgba(33, 37, 41, 0.08);
}
.header-wrapper.__renewal > .header-content .menu .space-header .dropdown-wrapper .search-box {
  display: flex;
  border-radius: 5px;
  border: 2px solid #f1f3fb !important;
  height: -moz-fit-content;
  height: fit-content;
  background-color: #f1f3fb;
}
.header-wrapper.__renewal > .header-content .menu .space-header .dropdown-wrapper .search-box button#search-space-btn {
  content: "";
  background: url("/resources/mrs2/css/manager/faceLiftImg/search_icon.svg") no-repeat center center;
  border-radius: 0;
}
.header-wrapper.__renewal > .header-content .menu .space-header .dropdown-wrapper .search-box input[type=search] {
  padding: 6px 0 7px 0;
  left: 0;
  border-radius: 0;
  border: none;
}
.header-wrapper.__renewal > .header-content .menu .space-header .dropdown-wrapper .search-box:focus-within #search-space-btn, .header-wrapper.__renewal > .header-content .menu .space-header .dropdown-wrapper .search-box:hover #search-space-btn {
  background-color: #ffffff !important;
}
.header-wrapper.__renewal > .header-content .menu .space-header .dropdown-wrapper .search-box:focus-within input[type=search], .header-wrapper.__renewal > .header-content .menu .space-header .dropdown-wrapper .search-box:hover input[type=search] {
  background-color: #ffffff !important;
}
.header-wrapper.__renewal > .header-content .menu .space-header .dropdown-wrapper .dropdown-item-list {
  margin-top: 3px;
  overflow-y: auto;
}
.header-wrapper.__renewal > .header-content .menu .space-header .dropdown-wrapper .dropdown-item-list .none-result {
  width: 100%;
  height: 150px;
  align-items: center;
  display: flex;
  justify-content: center;
  cursor: default;
  text-align: center;
}
.header-wrapper.__renewal > .header-content .menu .space-header .dropdown-wrapper .dropdown-item-list .none-result p {
  font-size: 14px;
  line-height: 20px;
  margin-top: 16px;
}
.header-wrapper.__renewal > .header-content .menu .space-header .dropdown-wrapper .dropdown-item-list .dropdown-item {
  height: 32px;
  padding: 8px 0 8px 12px;
  display: flex;
  align-items: center;
}
.header-wrapper.__renewal > .header-content .menu .space-header .dropdown-wrapper .dropdown-item-list .dropdown-item .main-tag {
  display: inline-block;
  background-color: #ebfbef;
  border-radius: 4px;
  padding: 2px 6px;
  height: 20px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  color: #40c057;
  margin-right: 8px;
}
.header-wrapper.__renewal > .header-content .menu .space-header .dropdown-wrapper .dropdown-item-list .dropdown-item:hover {
  background-color: #f5f6f7;
  border-radius: 6px;
}
.header-wrapper.__renewal > .header-content .menu .space-header .dropdown-wrapper .dropdown-item-list .dropdown-item.hide {
  display: none;
}
.header-wrapper.__renewal > .header-content .menu .session {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: 16px;
}
.header-wrapper.__renewal > .header-content .menu .session .session-time {
  display: flex;
  padding: 2px 2px 2px 8px;
  background-color: #f1f3f5;
  height: 32px;
  border-radius: 4px;
  gap: 4px;
}
.header-wrapper.__renewal > .header-content .menu .session .session-time .timer {
  width: 51px;
  text-align: center;
  font-size: 12px;
  line-height: 28px;
  color: #495057;
}
.header-wrapper.__renewal > .header-content .menu .session .session-time .extend-button {
  background: #ffffff;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 12px;
  line-height: 18px;
  border: 1px solid #ced4da;
  color: #343a40;
  text-align: center;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1019607843);
  font-weight: 700;
}
.header-wrapper.__renewal > .header-content .menu .session .logout-button {
  background-color: #ffffff;
  border: 2px solid #dee2e6;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 20px;
  color: #343a40;
  font-weight: 700;
}
.header-wrapper.__renewal > .header-content .menu .session .logout-button:hover {
  background: #f5f6f7;
}
@charset "UTF-8";
.sidebar-wrapper.__renewal {
  width: 70px;
  min-width: 70px;
  background-color: #ffffff;
  border-right: 1px solid #eceef4;
  padding: 32px 0 24px;
  box-sizing: border-box !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.sidebar-wrapper.__renewal #sidebarScroll {
  height: 100%;
  overflow: hidden;
}
.sidebar-wrapper.__renewal #sidebarScroll ul.depth1 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li {
  position: relative;
}
.sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li .jobposting:before {
  content: "";
  display: block;
  min-width: 24px;
  min-height: 24px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/sidebar/icon_briefcase_green.svg") center center transparent no-repeat;
}
@media screen and (min-width: 1441px) {
  .sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li .jobposting:after {
    content: "";
    display: block;
    min-width: 24px;
    min-height: 24px;
    margin-left: auto;
    background: url("/resources/mrs2/css/manager/faceLiftImg/sidebar/icon_arrow_bottom_24_line.svg") center center transparent no-repeat;
  }
}
.sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li .user:before {
  content: "";
  display: block;
  min-width: 24px;
  min-height: 24px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/sidebar/icon_person_blue_fill.svg") center center transparent no-repeat;
}
@media screen and (min-width: 1441px) {
  .sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li .user:after {
    content: "";
    display: block;
    min-width: 24px;
    min-height: 24px;
    margin-left: auto;
    background: url("/resources/mrs2/css/manager/faceLiftImg/sidebar/icon_arrow_bottom_24_line.svg") center center transparent no-repeat;
  }
}
.sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li .resume:before {
  content: "";
  display: block;
  min-width: 24px;
  min-height: 24px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/sidebar/icon_description_write.svg") center center transparent no-repeat;
}
@media screen and (min-width: 1441px) {
  .sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li .resume:after {
    content: "";
    display: block;
    min-width: 24px;
    min-height: 24px;
    margin-left: auto;
    background: url("/resources/mrs2/css/manager/faceLiftImg/sidebar/icon_arrow_bottom_24_line.svg") center center transparent no-repeat;
  }
}
.sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li .fitRecruitment:before {
  content: "";
  display: block;
  min-width: 24px;
  min-height: 24px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/sidebar/icon_acca.svg") center center transparent no-repeat;
}
@media screen and (min-width: 1441px) {
  .sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li .fitRecruitment:after {
    content: "";
    display: block;
    min-width: 24px;
    min-height: 24px;
    margin-left: auto;
    background: url("/resources/mrs2/css/manager/faceLiftImg/sidebar/icon_arrow_bottom_24_line.svg") center center transparent no-repeat;
  }
}
.sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li .test:before {
  content: "";
  display: block;
  min-width: 24px;
  min-height: 24px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/sidebar/icon_pencle_green.svg") center center transparent no-repeat;
}
@media screen and (min-width: 1441px) {
  .sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li .test:after {
    content: "";
    display: block;
    min-width: 24px;
    min-height: 24px;
    margin-left: auto;
    background: url("/resources/mrs2/css/manager/faceLiftImg/sidebar/icon_arrow_bottom_24_line.svg") center center transparent no-repeat;
  }
}
.sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li .inseed:before {
  content: "";
  display: block;
  min-width: 24px;
  min-height: 24px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/sidebar/icon_diamond_yellow.svg") center center transparent no-repeat;
}
@media screen and (min-width: 1441px) {
  .sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li .inseed:after {
    content: "";
    display: block;
    min-width: 24px;
    min-height: 24px;
    margin-left: auto;
    background: url("/resources/mrs2/css/manager/faceLiftImg/sidebar/icon_arrow_bottom_24_line.svg") center center transparent no-repeat;
  }
}
.sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li .process:before {
  content: "";
  display: block;
  min-width: 24px;
  min-height: 24px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/sidebar/icon_file_blue.svg") center center transparent no-repeat;
}
@media screen and (min-width: 1441px) {
  .sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li .process:after {
    content: "";
    display: block;
    min-width: 24px;
    min-height: 24px;
    margin-left: auto;
    background: url("/resources/mrs2/css/manager/faceLiftImg/sidebar/icon_arrow_bottom_24_line.svg") center center transparent no-repeat;
  }
}
.sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li .jobnotice:before {
  content: "";
  display: block;
  min-width: 24px;
  min-height: 24px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/sidebar/icon_smartphone_prepare_green.svg") center center transparent no-repeat;
}
@media screen and (min-width: 1441px) {
  .sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li .jobnotice:after {
    content: "";
    display: block;
    min-width: 24px;
    min-height: 24px;
    margin-left: auto;
    background: url("/resources/mrs2/css/manager/faceLiftImg/sidebar/icon_arrow_bottom_24_line.svg") center center transparent no-repeat;
  }
}
.sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li .passuser:before {
  content: "";
  display: block;
  min-width: 24px;
  min-height: 24px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/sidebar/icon_medal_gold_red.svg") center center transparent no-repeat;
}
@media screen and (min-width: 1441px) {
  .sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li .passuser:after {
    content: "";
    display: block;
    min-width: 24px;
    min-height: 24px;
    margin-left: auto;
    background: url("/resources/mrs2/css/manager/faceLiftImg/sidebar/icon_arrow_bottom_24_line.svg") center center transparent no-repeat;
  }
}
.sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li .notice:before {
  content: "";
  display: block;
  min-width: 24px;
  min-height: 24px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/sidebar/icon_page_choice.svg") center center transparent no-repeat;
}
@media screen and (min-width: 1441px) {
  .sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li .notice:after {
    content: "";
    display: block;
    min-width: 24px;
    min-height: 24px;
    margin-left: auto;
    background: url("/resources/mrs2/css/manager/faceLiftImg/sidebar/icon_arrow_bottom_24_line.svg") center center transparent no-repeat;
  }
}
.sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li .mailsms:before {
  content: "";
  display: block;
  min-width: 24px;
  min-height: 24px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/sidebar/icon_mail_yellow.svg") center center transparent no-repeat;
}
@media screen and (min-width: 1441px) {
  .sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li .mailsms:after {
    content: "";
    display: block;
    min-width: 24px;
    min-height: 24px;
    margin-left: auto;
    background: url("/resources/mrs2/css/manager/faceLiftImg/sidebar/icon_arrow_bottom_24_line.svg") center center transparent no-repeat;
  }
}
.sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li .sendTemplate:before {
  content: "";
  display: block;
  min-width: 24px;
  min-height: 24px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/sidebar/icon_recruit_data_empty.svg") center center transparent no-repeat;
}
@media screen and (min-width: 1441px) {
  .sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li .sendTemplate:after {
    content: "";
    display: block;
    min-width: 24px;
    min-height: 24px;
    margin-left: auto;
    background: url("/resources/mrs2/css/manager/faceLiftImg/sidebar/icon_arrow_bottom_24_line.svg") center center transparent no-repeat;
  }
}
.sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li .download:before {
  content: "";
  display: block;
  min-width: 24px;
  min-height: 24px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/sidebar/icon_filebox_blue.svg") center center transparent no-repeat;
}
@media screen and (min-width: 1441px) {
  .sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li .download:after {
    content: "";
    display: block;
    min-width: 24px;
    min-height: 24px;
    margin-left: auto;
    background: url("/resources/mrs2/css/manager/faceLiftImg/sidebar/icon_arrow_bottom_24_line.svg") center center transparent no-repeat;
  }
}
.sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li .branding:before {
  content: "";
  display: block;
  min-width: 24px;
  min-height: 24px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/sidebar/icon_rocket_red.svg") center center transparent no-repeat;
}
@media screen and (min-width: 1441px) {
  .sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li .branding:after {
    content: "";
    display: block;
    min-width: 24px;
    min-height: 24px;
    margin-left: auto;
    background: url("/resources/mrs2/css/manager/faceLiftImg/sidebar/icon_arrow_bottom_24_line.svg") center center transparent no-repeat;
  }
}
.sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li .campaign:before {
  content: "";
  display: block;
  min-width: 24px;
  min-height: 24px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/sidebar/icon_megaphone_green.svg") center center transparent no-repeat;
}
@media screen and (min-width: 1441px) {
  .sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li .campaign:after {
    content: "";
    display: block;
    min-width: 24px;
    min-height: 24px;
    margin-left: auto;
    background: url("/resources/mrs2/css/manager/faceLiftImg/sidebar/icon_arrow_bottom_24_line.svg") center center transparent no-repeat;
  }
}
.sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li .statistics:before {
  content: "";
  display: block;
  min-width: 24px;
  min-height: 24px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/sidebar/icon_presentation_2.svg") center center transparent no-repeat;
}
@media screen and (min-width: 1441px) {
  .sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li .statistics:after {
    content: "";
    display: block;
    min-width: 24px;
    min-height: 24px;
    margin-left: auto;
    background: url("/resources/mrs2/css/manager/faceLiftImg/sidebar/icon_arrow_bottom_24_line.svg") center center transparent no-repeat;
  }
}
.sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li .status:before {
  content: "";
  display: block;
  min-width: 24px;
  min-height: 24px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/sidebar/icon_graph_bar_2.svg") center center transparent no-repeat;
}
@media screen and (min-width: 1441px) {
  .sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li .status:after {
    content: "";
    display: block;
    min-width: 24px;
    min-height: 24px;
    margin-left: auto;
    background: url("/resources/mrs2/css/manager/faceLiftImg/sidebar/icon_arrow_bottom_24_line.svg") center center transparent no-repeat;
  }
}
.sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li .password:before {
  content: "";
  display: block;
  min-width: 24px;
  min-height: 24px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/sidebar/icon_lock_open.svg") center center transparent no-repeat;
}
@media screen and (min-width: 1441px) {
  .sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li .password:after {
    content: "";
    display: block;
    min-width: 24px;
    min-height: 24px;
    margin-left: auto;
    background: url("/resources/mrs2/css/manager/faceLiftImg/sidebar/icon_arrow_bottom_24_line.svg") center center transparent no-repeat;
  }
}
.sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li .service:before {
  content: "";
  display: block;
  min-width: 24px;
  min-height: 24px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/sidebar/icon_choice.svg") center center transparent no-repeat;
}
@media screen and (min-width: 1441px) {
  .sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li .service:after {
    content: "";
    display: block;
    min-width: 24px;
    min-height: 24px;
    margin-left: auto;
    background: url("/resources/mrs2/css/manager/faceLiftImg/sidebar/icon_arrow_bottom_24_line.svg") center center transparent no-repeat;
  }
}
.sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li > a {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 0;
  padding: 4px;
  margin: 6px 17px 6px 20px;
}
.sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li > a:hover {
  background-color: #e9ecef;
  border-radius: 4px;
}
.sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li > a .beta-tag {
  display: none;
  align-items: center;
  justify-content: center;
  margin-left: -4px;
  width: 30.5px;
  height: 20px;
  background-color: #d0ebff;
  border-radius: 2.83px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  color: #228be6;
}
.sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li .depth2 {
  display: none;
}
.sidebar-wrapper.__renewal .helpDesk {
  display: none;
  padding: 0 24px;
  margin-top: 24px;
}
.sidebar-wrapper.__renewal .helpDesk-img {
  border: 1px solid #dee2e6;
  padding: 16px;
  display: block;
  background: url("/resources/mrs2/css/manager/faceLiftImg/sidebar/sidebarCS.png") no-repeat 100% 0 #f5f6f6;
  width: 181px;
  height: 100px;
  border-radius: 8px;
}
.sidebar-wrapper.__renewal .helpDesk-img-announce {
  color: #495057;
  width: 63px;
  font-size: 11px;
  line-height: 16px;
  font-weight: 700;
}
.sidebar-wrapper.__renewal .helpDesk-img-direct {
  margin-top: 2px;
  color: #868e96;
  font-size: 10px;
  line-height: 16px;
  display: flex;
  vertical-align: middle;
}
.sidebar-wrapper.__renewal .helpDesk-img-direct:after {
  content: "";
  width: 18px;
  height: 18px;
  display: block;
  background: url("/resources/mrs2/css/manager/icon/common/icon_arrow_right_24_line.svg") center center;
}
.sidebar-wrapper.__renewal .helpDesk-announce {
  display: flex;
  flex-direction: column;
  font-size: 12px;
  margin-top: 16px;
}
.sidebar-wrapper.__renewal .helpDesk-announce > div {
  font-size: 12px;
  line-height: 18px;
  color: #adb5bd;
  align-items: center;
  display: flex;
  gap: 4px;
}
.sidebar-wrapper.__renewal .helpDesk-announce-email:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/sidebar/helpemail.svg");
  content: "";
  width: 18px;
  height: 18px;
  display: block;
}

@media (min-width: 1441px) {
  .sidebar-wrapper.__renewal {
    width: 230px;
    min-width: 230px;
  }
  .sidebar-wrapper.__renewal #sidebarScroll {
    height: calc(100% - 176px);
  }
  .sidebar-wrapper.__renewal #sidebarScroll ul.depth1 {
    overflow: auto;
  }
  .sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li > a {
    cursor: pointer;
    margin: 0 auto;
    width: 213px;
    height: 44px;
    padding: 10px 16px;
    font-size: 14px;
    line-height: 24px;
    gap: 8px;
    border-radius: 4px;
  }
  .sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li > a:hover {
    font-weight: 700;
    background-color: #ffffff;
  }
  .sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li > a:hover div {
    font-weight: 700;
    background-color: #ffffff;
  }
  .sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li > a.password:after {
    display: none;
  }
  .sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li > a .beta-tag {
    display: flex;
  }
  .sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li.open > a {
    background-color: #f1f3f5;
    font-weight: 700;
  }
  .sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li.open > a:after {
    opacity: 1;
    background: url("/resources/mrs2/css/manager/faceLiftImg/sidebar/icon_arrow_top_24_line.svg") center center transparent no-repeat;
  }
  .sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li.open > a:hover {
    background-color: #f1f3f5;
  }
  .sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li.open > a.password, .sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li.open > a.password:hover {
    background-color: #ffffff;
  }
  .sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li.open > a + .depth2 {
    display: block;
  }
  .sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li:hover .depth2 {
    display: none;
  }
  .sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li .depth2 {
    top: 0;
    left: 59px;
    display: none;
    background: #ffffff;
    width: auto;
    border: 0;
    box-shadow: none;
    position: static;
    padding: 10px 16px 6px;
    z-index: 1000;
  }
  .sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li .depth2 .menu-list {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin: 0;
  }
  .sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li .depth2 .menu-list > li {
    height: 32px;
    background-color: #ffffff;
  }
  .sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li .depth2 .menu-list > li > a {
    display: flex;
    background-color: #ffffff;
    border-radius: 6px;
    gap: 4px;
    align-items: center;
    height: 100%;
    padding: 0 8px 0 40px;
  }
  .sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li .depth2 .menu-list > li > a:hover, .sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li .depth2 .menu-list > li > a:active {
    color: #00c17c;
  }
  .sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li .depth2 .menu-list > li > a:hover div, .sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li .depth2 .menu-list > li > a:active div {
    color: #00c17c;
  }
  .sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li .depth2 .menu-list > li > a > div {
    display: flex;
    align-items: center;
  }
  .sidebar-wrapper.__renewal #sidebarScroll ul.depth1 > li .depth2 .menu-list > li > a.active {
    color: #00c17c;
    background-color: #ffffff;
  }
  .sidebar-wrapper.__renewal .helpDesk {
    display: block;
  }
}
#portal * {
  box-sizing: border-box !important;
  border: 0;
  font-family: Pretendard, "Noto Sans KR", "Noto Sans KR Local", "돋움", sans-serif;
  font-weight: 500;
  color: #495057;
}
#portal .sidebar-tooltip {
  position: absolute;
  display: none;
  z-index: 1000;
  padding-left: 4px;
}
#portal .sidebar-tooltip .menu-depth2 {
  background-color: white;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.0784313725);
  width: 176px;
  position: relative;
}
#portal .sidebar-tooltip .menu-depth2 .menu-name {
  height: 40px;
  display: block;
  margin: 0;
  padding: 10px 16px;
  border-bottom: 1px solid #dee2e6;
  border-radius: 8px 8px 0 0;
  font-weight: 700;
  position: relative;
}
#portal .sidebar-tooltip .menu-depth2 .menu-list {
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin: 8px;
}
#portal .sidebar-tooltip .menu-depth2 .menu-list > li {
  height: 32px;
  background-color: #ffffff;
}
#portal .sidebar-tooltip .menu-depth2 .menu-list > li > a {
  display: flex;
  background-color: #ffffff;
  padding: 0 12px;
  border-radius: 6px;
  gap: 4px;
  align-items: center;
  height: 100%;
}
#portal .sidebar-tooltip .menu-depth2 .menu-list > li > a > div {
  display: flex;
  align-items: center;
}
#portal .sidebar-tooltip .menu-depth2 .menu-list > li > a:hover {
  color: #00c17c;
}
#portal .sidebar-tooltip .menu-depth2 .menu-list > li > a:hover div {
  color: #00c17c;
}
#portal .sidebar-tooltip .menu-depth2 .menu-list > li > a.active {
  color: #00c17c;
  background-color: #f5f6f7;
}

.__renewal .chip {
  display: block;
  border-radius: 4px;
  padding: 2px 4px;
  background-color: #c3fae8;
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
  color: #0ca678;
  height: 22px;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
}
.__renewal .chip-teal100 {
  background-color: #c3fae8;
  color: #0ca678 !important;
}
.__renewal .chip-teal100:hover {
  color: #0ca678 !important;
}
.__renewal .chip-teal600 {
  background-color: #12b886;
  color: #ffffff !important;
}
.__renewal .chip-teal600:hover {
  color: #ffffff !important;
}
.__renewal .chip-around {
  height: 20px;
  padding: 2px 6px;
  border-radius: 50px;
  line-height: 16px;
  font-size: 10px;
  color: #ffffff;
}
div.wrap-recruit-branding {
  padding: 0;
}
div.wrap-recruit-branding.optimize div.span {
  border-right: 1px solid #F2F3F5;
  padding: 0 20px 10px 0;
}
div.wrap-recruit-branding.optimize div.span #companyName {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
  padding: 0;
  margin-bottom: 10px;
  color: #283442;
  background-color: #ffffff;
  border: 1px solid #E7EAF1;
  border-radius: 5px;
}
div.wrap-recruit-branding div.recruit-branding-header {
  display: flex;
  gap: 14px;
}
div.wrap-recruit-branding div.recruit-branding-header .recruit-branding-icon {
  margin-top: 30px;
  width: 80px;
  height: 80px;
  border-radius: 8px;
  border: 1px solid #DEE2E6;
}
div.wrap-recruit-branding div.recruit-branding-header .recruit-branding-icon.google {
  background: #F8F9FA url(/resources/mrs2/images/googleAnalyticsGuide/google.svg) center center no-repeat;
}
div.wrap-recruit-branding div.recruit-branding-header .recruit-branding-icon.naver {
  background: #F8F9FA url(/resources/mrs2/images/naverAnalyticsGuide/naver.svg) center center no-repeat;
}
div.wrap-recruit-branding div.recruit-branding-description {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
div.wrap-recruit-branding div.recruit-branding-description h3 {
  font-size: 18px;
  line-height: 26px;
}
div.wrap-recruit-branding p.guide {
  display: block;
  margin-bottom: 0;
}
div.wrap-recruit-branding p.guide + input {
  margin-bottom: 10px;
}
div.wrap-recruit-branding p.example {
  font-size: 13px;
  color: #00C17C;
}
div.wrap-recruit-branding span.guide {
  display: block;
  margin-bottom: 30px;
}
div.wrap-recruit-branding span.guide + input {
  margin-bottom: 10px;
}
div.wrap-recruit-branding span.guide span.example {
  font-size: 13px;
  color: #00C17C;
}
div.wrap-recruit-branding span.guide--msg {
  display: block;
  margin-bottom: 15px;
}
div.wrap-recruit-branding div.row div.left {
  width: calc(100% - 477px);
  margin-right: 0;
}
div.wrap-recruit-branding div.row div.left iframe {
  width: 100%;
  height: 444px;
}
div.wrap-recruit-branding div.row div.right {
  width: 477px;
}
div.wrap-recruit-branding div[data-wrap=imgUpload] {
  min-height: 100px;
  height: -moz-fit-content;
  height: fit-content;
  border: 1px solid #E7EAF1;
  margin-top: 0;
  background-color: #ffffff;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 30px 0;
  margin-bottom: 10px;
  box-sizing: border-box;
}
.codeManager td button[type=button].btn-small.btn-white {
  margin: auto;
}
#frm div.btn-additional button.btn-facelift-refresh:before {
  content: "";
  width: 20px;
  height: 20px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/add_white_icon.svg");
}

div.recruit_notice__list {
  padding-top: 0;
  border-radius: 0 0 8px 8px;
}
div.recruit_notice__list form.searchFrm div.tbl-btn-list div.space {
  display: flex;
  align-items: center;
  cursor: pointer;
}
div.recruit_notice__list form.searchFrm div.tbl-btn-list div.space:before {
  content: "";
  display: block;
  min-width: 24px;
  min-height: 24px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/header/space_icon.svg");
  margin-left: 4px;
}
div.recruit_notice__list form.searchFrm div.tbl-btn-list div.space:after {
  content: "";
  display: block;
  min-width: 24px;
  min-height: 24px;
  margin-left: auto;
  background: url("/resources/mrs2/css/manager/faceLiftImg/header/icon_arrow_bottom_24_line.svg") center center transparent no-repeat;
}
div.recruit_notice__list form.searchFrm div.tbl-btn-list div.space.open:after {
  opacity: 1;
  background: url("/resources/mrs2/css/manager/faceLiftImg/header/icon_arrow_top_24_line.svg") center center transparent no-repeat;
}
div.recruit_notice__list form.searchFrm div.tbl-btn-list div.space .dropdown-wrapper {
  display: none;
  flex-direction: column;
  position: absolute;
  top: 50px;
  background: white;
  padding: 8px;
  border: 1px solid #ced4da;
  border-radius: 6px;
  box-shadow: 0 4px 6px -2px rgba(33, 37, 41, 0.03), 0 12px 16px -4px rgba(33, 37, 41, 0.08);
  height: 220px;
}
div.recruit_notice__list form.searchFrm div.tbl-btn-list div.space .dropdown-wrapper .search-box {
  display: flex;
  border-radius: 5px;
  border: 2px solid #f1f3fb !important;
  height: -moz-fit-content;
  height: fit-content;
}
div.recruit_notice__list form.searchFrm div.tbl-btn-list div.space .dropdown-wrapper .search-box button#search-space-btn {
  content: "";
  background: #f1f3fb url("/resources/mrs2/css/manager/faceLiftImg/search_icon.svg") no-repeat center center;
  border-radius: 0;
}
div.recruit_notice__list form.searchFrm div.tbl-btn-list div.space .dropdown-wrapper .search-box input[type=search] {
  padding: 6px 0 7px 0;
  border-radius: 0;
  border: none;
}
div.recruit_notice__list form.searchFrm div.tbl-btn-list div.space .dropdown-wrapper .search-box:focus-within #search-space-btn, div.recruit_notice__list form.searchFrm div.tbl-btn-list div.space .dropdown-wrapper .search-box:hover #search-space-btn {
  background-color: #ffffff !important;
}
div.recruit_notice__list form.searchFrm div.tbl-btn-list div.space .dropdown-wrapper .search-box:focus-within input[type=search], div.recruit_notice__list form.searchFrm div.tbl-btn-list div.space .dropdown-wrapper .search-box:hover input[type=search] {
  background-color: #ffffff !important;
}
div.recruit_notice__list form.searchFrm div.tbl-btn-list div.space .dropdown-wrapper .dropdown-item-list {
  overflow-y: auto;
}
div.recruit_notice__list form.searchFrm div.tbl-btn-list div.space .dropdown-wrapper .dropdown-item-list .dropdown-item {
  height: 32px;
  padding: 8px 0 8px 12px;
  display: flex;
  align-items: center;
}
div.recruit_notice__list form.searchFrm div.tbl-btn-list div.space .dropdown-wrapper .dropdown-item-list .dropdown-item:hover {
  background-color: #f5f6f7;
  border-radius: 6px;
}
div.recruit_notice__list form.searchFrm div.tbl-btn-list div.space .dropdown-wrapper .dropdown-item-list .dropdown-item.hide {
  display: none;
}
div.recruit_notice__list form.searchFrm div.tbl-btn-list div.pull-right span.total_register {
  font-size: 13px;
  font-weight: 500;
  color: #1C252F;
}
div.recruit_notice__list form.searchFrm div.tbl-btn-list div.pull-right span.total_register > strong.number {
  color: #1C252F;
}
div.recruit_notice__list button[data-button=showLayerJobnoticeField] {
  border-bottom: none;
  min-height: 0;
}
div.recruit_notice__list button[data-button=showLayerJobnoticeField] span:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("/resources/mrs2/css/manager/faceLiftImg/drop_down_icon.svg") no-repeat;
}

.listRecruitTable colgroup col:nth-child(1) {
  width: 70px;
}
.listRecruitTable colgroup col:nth-child(2) {
  width: 120px;
}
.listRecruitTable colgroup col:nth-child(4) {
  width: 80px;
}
.listRecruitTable colgroup col:nth-child(5) {
  width: 140px;
}
.listRecruitTable colgroup col:nth-child(6) {
  width: 240px;
}
.listRecruitTable colgroup col:nth-child(7) {
  width: 240px;
}
.listRecruitTable colgroup col:nth-child(8) {
  width: 80px;
}
.listRecruitTable colgroup col:nth-child(9) {
  width: 80px;
}
.listRecruitTable colgroup col:nth-child(10) {
  width: 80px;
}
.listRecruitTable colgroup col:nth-child(11) {
  width: 80px;
}
@media screen and (max-width: 1458px) {
  .listRecruitTable colgroup col:nth-child(1) {
    width: 60px;
  }
  .listRecruitTable colgroup col:nth-child(2) {
    width: 100px;
  }
  .listRecruitTable colgroup col:nth-child(4) {
    width: 60px;
  }
  .listRecruitTable colgroup col:nth-child(5) {
    width: 120px;
  }
  .listRecruitTable colgroup col:nth-child(6) {
    width: 120px;
  }
  .listRecruitTable colgroup col:nth-child(7) {
    width: 120px;
  }
  .listRecruitTable colgroup col:nth-child(8) {
    width: 70px;
  }
  .listRecruitTable colgroup col:nth-child(9) {
    width: 70px;
  }
  .listRecruitTable colgroup col:nth-child(10) {
    width: 70px;
  }
  .listRecruitTable colgroup col:nth-child(11) {
    width: 70px;
  }
}
@media screen and (max-width: 1024px) {
  .listRecruitTable colgroup col:nth-child(1) {
    width: 60px;
  }
  .listRecruitTable colgroup col:nth-child(2) {
    width: 100px;
  }
  .listRecruitTable colgroup col:nth-child(4) {
    width: 60px;
  }
  .listRecruitTable colgroup col:nth-child(5) {
    width: 120px;
  }
  .listRecruitTable colgroup col:nth-child(6) {
    width: 120px;
  }
  .listRecruitTable colgroup col:nth-child(7) {
    width: 120px;
  }
  .listRecruitTable colgroup col:nth-child(8) {
    width: 70px;
  }
  .listRecruitTable colgroup col:nth-child(9) {
    width: 70px;
  }
  .listRecruitTable colgroup col:nth-child(10) {
    width: 70px;
  }
  .listRecruitTable colgroup col:nth-child(11) {
    width: 70px;
  }
}

.listJobflex2RecruitTable colgroup col:nth-child(1) {
  width: 97px;
}
.listJobflex2RecruitTable colgroup col:nth-child(2) {
  width: 146px;
}
.listJobflex2RecruitTable colgroup col:nth-child(4) {
  width: 107px;
}
.listJobflex2RecruitTable colgroup col:nth-child(5) {
  width: 166px;
}
.listJobflex2RecruitTable colgroup col:nth-child(6) {
  width: 266px;
}
.listJobflex2RecruitTable colgroup col:nth-child(7) {
  width: 107px;
}
.listJobflex2RecruitTable colgroup col:nth-child(8) {
  width: 107px;
}
.listJobflex2RecruitTable colgroup col:nth-child(9) {
  width: 107px;
}
.listJobflex2RecruitTable colgroup col:nth-child(10) {
  width: 107px;
}
@media screen and (max-width: 1458px) {
  .listJobflex2RecruitTable colgroup col:nth-child(1) {
    width: 73px;
  }
  .listJobflex2RecruitTable colgroup col:nth-child(2) {
    width: 114px;
  }
  .listJobflex2RecruitTable colgroup col:nth-child(4) {
    width: 73px;
  }
  .listJobflex2RecruitTable colgroup col:nth-child(5) {
    width: 134px;
  }
  .listJobflex2RecruitTable colgroup col:nth-child(6) {
    width: 134px;
  }
  .listJobflex2RecruitTable colgroup col:nth-child(7) {
    width: 83px;
  }
  .listJobflex2RecruitTable colgroup col:nth-child(8) {
    width: 83px;
  }
  .listJobflex2RecruitTable colgroup col:nth-child(9) {
    width: 83px;
  }
  .listJobflex2RecruitTable colgroup col:nth-child(10) {
    width: 83px;
  }
}
@media screen and (max-width: 1458px) {
  .listJobflex2RecruitTable colgroup col:nth-child(1) {
    width: 73px;
  }
  .listJobflex2RecruitTable colgroup col:nth-child(2) {
    width: 114px;
  }
  .listJobflex2RecruitTable colgroup col:nth-child(4) {
    width: 73px;
  }
  .listJobflex2RecruitTable colgroup col:nth-child(5) {
    width: 134px;
  }
  .listJobflex2RecruitTable colgroup col:nth-child(6) {
    width: 134px;
  }
  .listJobflex2RecruitTable colgroup col:nth-child(7) {
    width: 83px;
  }
  .listJobflex2RecruitTable colgroup col:nth-child(8) {
    width: 83px;
  }
  .listJobflex2RecruitTable colgroup col:nth-child(9) {
    width: 83px;
  }
  .listJobflex2RecruitTable colgroup col:nth-child(10) {
    width: 83px;
  }
}
.ncsCodeManager div.dropdown-set ul.dropdown-menu {
  left: unset;
  right: 0;
  box-shadow: 0 2px 10px rgba(92, 106, 136, 0.2);
  border-radius: 8px;
}
.ncsCodeManager table.ncstable {
  margin-top: 0;
  margin-bottom: 0;
}
.ncsCodeManager table.ncstable tbody.tableFull tr td div {
  float: unset;
  display: flex;
}
.ncsCodeManager table.ncstable tbody.tableFull tr td div.div--circle {
  font-size: 12px;
}
div.recruit_notice__step1 #frm table.tbl-form-group {
  margin-bottom: 0;
  margin-top: 10px;
}
div.recruit_notice__step1 #frm table.tbl-form-group tbody .wrapRecruitField.wrapRecruitField label.styled-select {
  background-color: #ffffff;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 1px solid #E7EAF1;
  border-left: 0px;
  border-radius: 0px;
}
div.recruit_notice__step1 #frm table.tbl-form-group tbody .wrapRecruitField.wrapRecruitField label.styled-select:focus {
  background-color: #ffffff;
}
div.recruit_notice__step1 #frm table.tbl-form-group tbody .wrapRecruitField.wrapRecruitField label.styled-select:hover {
  background-color: #ffffff;
}
div.recruit_notice__step1 #frm table.tbl-form-group tbody .wrapRecruitField div.recruitField {
  box-sizing: border-box;
  width: 883px;
  padding: 0;
}
div.recruit_notice__step1 #frm table.tbl-form-group tbody .wrapRecruitField div.recruitField > div {
  border: 1px solid #E7EAF1;
  width: 25%;
  margin-left: -1px;
}
div.recruit_notice__step1 #frm table.tbl-form-group tbody .wrapRecruitField div.recruitField > div ul.none {
  background-color: #F9FAFD;
}
div.recruit_notice__step1 #frm table.tbl-form-group tbody .wrapRecruitField div.recruitField > div ul input[type=radio] + span.label:hover {
  background-color: #F8F9FC;
  color: #6A7684;
}
div.recruit_notice__step1 #frm table.tbl-form-group tbody .wrapRecruitField div.recruitField > div ul input[type=radio]:checked + span.label:before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(/resources/mrs2/css/manager/faceLiftImg/next_arrow_icon.svg);
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
div.recruit_notice__step1 #frm table.tbl-form-group tbody .wrapRecruitField div.recruitField > div ul input[type=radio]:checked + span.label {
  background-color: #F8F9FC;
  color: #6A7684;
}
div.recruit_notice__step1 #frm table.tbl-form-group tbody .wrapRecruitField div.recruitField > div ul input[type=checkbox] + span.label:hover {
  background-color: #F8F9FC;
  color: #6A7684;
}
div.recruit_notice__step1 #frm table.tbl-form-group tbody .wrapRecruitField div.recruitField label.styled-select > select {
  font-size: 13px;
  color: #1c252f;
  border: none;
  border-radius: 0;
}
div.recruit_notice__step1 #frm table.tbl-form-group tbody .wrapRecruitField div.recruitField label.recruitFieldCheckbox:hover {
  background-color: #F8F9FC;
}
div.recruit_notice__step1 #frm table.tbl-form-group tbody .wrapRecruitField div.selectedRecruitField {
  border-top: 0;
  padding: 0;
  height: 66px;
  line-height: 66px;
  border-bottom: 1px solid #f2f3f5;
}
div.recruit_notice__step1 #frm table.tbl-form-group tbody .wrapRecruitField div.selectedRecruitField span {
  color: #00C17C;
}
div.recruit_notice__step1 #frm table.tbl-form-group tbody .wrapRecruitField div.selectedRecruitField span.code {
  background-color: #CCF5E0;
  border: none;
  border-radius: 5px;
  height: 32px;
  line-height: 32px;
  padding: 0 0 0 10px;
  margin-left: 10px;
}
div.recruit_notice__step1 #frm table.tbl-form-group tbody .wrapRecruitField div.selectedRecruitField span.code button {
  background-color: #CCF5E0;
  border: none;
  border-radius: 5px;
  position: relative;
  font-size: 13px;
  top: 5px;
  margin: 0 6px 0 20px;
  width: 20px;
  height: 20px;
  background-image: url(/resources/mrs2/css/manager/faceLiftImg/add_icon.svg);
}
div.recruit_notice__step1 #frm table.tbl-form-group tbody .wrapRecruitField div.recruitFieldSection {
  display: flex;
  gap: 8px;
  width: 100%;
  margin-bottom: 60px;
}
div.recruit_notice__step1 #frm table.tbl-form-group tbody .wrapRecruitField div.recruitFieldSection div.recruitField {
  width: calc(65% - 8px);
}
div.recruit_notice__step1 #frm table.tbl-form-group tbody .wrapRecruitField div.recruitFieldSection div.recruitFieldList {
  width: 35%;
  height: 360px;
  border-radius: 6px;
  border: 1px solid #E9ECEF;
  background-color: #f1f3fb;
  overflow: hidden;
}
div.recruit_notice__step1 #frm table.tbl-form-group tbody .wrapRecruitField div.recruitFieldSection div.recruitFieldList .recruitFieldListHeader {
  height: 40px;
  line-height: 38px;
  font-size: 12px;
  color: #495057;
  text-align: center;
  border-bottom: 1px solid #E9ECEF;
}
div.recruit_notice__step1 #frm table.tbl-form-group tbody .wrapRecruitField div.recruitFieldSection div.recruitFieldList .recruitFieldListEmpty {
  width: 100%;
  height: 320px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #868e96;
  font-size: 12px;
}
div.recruit_notice__step1 #frm table.tbl-form-group tbody .wrapRecruitField div.recruitFieldSection div.recruitFieldList .recruitFieldListBody {
  max-height: 320px;
  overflow-y: auto;
}
div.recruit_notice__step1 #frm table.tbl-form-group tbody .wrapRecruitField div.recruitFieldSection div.recruitFieldList .recruitFieldListBody > *:not(:last-child) {
  border-bottom: 1px solid #E9ECEF;
}
div.recruit_notice__step1 #frm table.tbl-form-group tbody .wrapRecruitField div.recruitFieldSection div.recruitFieldList .recruitFieldListBody li {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 16px;
  height: 60px;
  box-sizing: border-box;
  width: 100%;
  background-color: white;
}
div.recruit_notice__step1 #frm table.tbl-form-group tbody .wrapRecruitField div.recruitFieldSection div.recruitFieldList .recruitFieldListBody li div.code__selected {
  flex: 1;
  display: flex;
  justify-content: space-between;
  margin-left: 30px;
  line-height: 32px;
}
div.recruit_notice__step1 #frm table.tbl-form-group tbody .wrapRecruitField div.desc {
  padding: 3px 2px 0 0;
  height: 58px;
  line-height: 58px;
}
div.recruit_notice__step1 #frm table.tbl-form-group tbody .wrapRecruitField select#applyPermitNumber {
  width: auto;
}
div.recruit_notice__step1 #frm div.jobflex-matching {
  width: 300px;
  height: 32px;
  color: #00A850;
  border-radius: 5px;
  padding-left: 10px;
  background-color: #CCF5E0;
  box-sizing: border-box;
}
div.recruit_notice__step2 div.row .pull-right {
  display: flex;
}
div.recruit_notice__step2 div.row .pull-right > label input[type=radio] {
  display: none;
}
div.recruit_notice__step2 div.row .pull-right > label input[type=radio] + .label {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #E7EAF1;
  width: 90px;
  height: 32px;
  box-sizing: border-box;
  border-radius: 5px;
}
div.recruit_notice__step2 div.row .pull-right > label input[type=radio].check-all + .label:before {
  content: "";
  width: 20px;
  height: 20px;
  background: url(/resources/mrs2/css/manager/faceLiftImg/hamburger_icon.svg);
}
div.recruit_notice__step2 div.row .pull-right > label input[type=radio].check-all:hover + .label {
  color: #1987E2;
}
div.recruit_notice__step2 div.row .pull-right > label input[type=radio].check-all:checked + .label {
  color: #1987E2;
}
div.recruit_notice__step2 div.row .pull-right > label input[type=radio].check-select + .label:before {
  content: "";
  width: 20px;
  height: 20px;
  background: url(/resources/mrs2/css/manager/faceLiftImg/check_gray_icon.svg);
}
div.recruit_notice__step2 div.row .pull-right > label input[type=radio].check-select:hover + .label {
  color: #1987E2;
}
div.recruit_notice__step2 div.row .pull-right > label input[type=radio].check-select:checked + .label {
  fill: yellow;
  color: #1987E2;
}
div.recruit_notice__step2 div.row .pull-right > label input[type=radio].check-select:checked + .label:before {
  background: url(/resources/mrs2/css/manager/faceLiftImg/check_gray_icon.svg);
}
div.recruit_notice__step2 div.row .pull-right button[type=button] {
  height: 32px;
}
div.recruit_notice__step2 #wrapSetting h3.h3 {
  padding: 20px 0;
  border-bottom: 1px solid #E7EAF1;
  margin-bottom: 20px;
  font-weight: 500;
  color: #1C252F;
}
div.recruit_notice__step2 #wrapSetting h3.h3 .tactstab {
  position: absolute;
  left: 200px;
  top: 50%;
}
div.recruit_notice__step2 #wrapSetting h3.h3 .tactstab:before {
  width: 20px;
  height: 20px;
  background: url(/resources/mrs2/css/manager/faceLiftImg/info_icon.svg) no-repeat;
  left: 0;
}
div.recruit_notice__step2 #wrapSetting h3 .customH3 {
  color: #1C252F;
  font-weight: 400;
  border: 2px solid #F1F3FB;
  transition: all linear 0.2s;
  padding: 0 10px 1px 10px;
}
div.recruit_notice__step2 #wrapSetting h3 .customH3:hover {
  background-color: #ffffff;
}
div.recruit_notice__step2 #wrapSetting h3 .customH3:focus {
  background-color: #ffffff;
}
div.recruit_notice__step2 input.customH3 {
  width: 225px;
  height: 32px;
  color: #1C252F;
  font-weight: 500;
  background-color: #f1f3fb;
  border-radius: 5px;
  padding: 0px 0px 0px 10px;
  box-sizing: border-box;
}
div.recruit_notice__step2 div.row.category {
  color: #6A7684;
  font-size: 13px;
  border-top: 1px solid #E7EAF1;
  border-right: 1px solid #E7EAF1;
  border-bottom: 1px solid #E7EAF1;
  border-left: 1px solid #E7EAF1;
  min-height: 40px;
}
div.recruit_notice__step2 div.row.category:before {
  border-bottom: none;
}
div.recruit_notice__step2 div.row.category div.span {
  height: 40px;
  line-height: 40px;
  margin-bottom: -1px;
  border-right: 1px solid #E7EAF1;
  border-bottom: 1px solid #E7EAF1;
}
div.recruit_notice__step2 div.row.category div.span label[data-label=subject].active {
  color: #1987E2;
  background-color: #F1F3FB;
  border-top: 1px solid #e7eaf1;
  margin-top: -1px;
}
div.recruit_notice__step2 div.row.category div.span label[data-label=subject].active input[type=checkbox]:checked {
  background-color: transparent;
}
div.recruit_notice__step2 div.row.category div.span label[data-label=subject].active input[type=checkbox]:checked + span.label {
  background-color: transparent;
}
div.recruit_notice__step2 div.row.category div.span label[data-label=subject].active + div.detailBtnSet label[data-label]:hover:before {
  top: 38px;
  left: 3px;
}
div.recruit_notice__step2 div.row.category div.span label[data-label=subject].active + div.detailBtnSet label[data-label] input[type=checkbox] + .label {
  background-position: center;
}
div.recruit_notice__step2 div.row.category div.span label[data-label=subject].active + div.detailBtnSet label[data-label] input[type=checkbox]:checked + span.label {
  background: url(/resources/mrs2/css/manager/faceLiftImg/star_blue_icon.svg) no-repeat;
}
div.recruit_notice__step2 div.row.category div.span label[data-label=subject] span.label.face-lift-label:before {
  content: "-";
  position: absolute;
  top: 0;
  left: 10px;
}
div.recruit_notice__step2 div.row.category div.span label[data-label=subject] span.label > span.required {
  color: #1987E2;
}
div.recruit_notice__step2 div.row.category div.span.hide {
  display: none;
}
div.recruit_notice__step2 div.row.category div.detailBtnSet {
  display: flex;
  width: auto;
  cursor: not-allowed;
}
div.recruit_notice__step2 div.row.category div.detailBtnSet label {
  background-color: transparent;
}
div.recruit_notice__step2 div.row.category div.detailBtnSet label[data-label=required] span.label {
  width: 20px;
  height: 20px;
  background: url(/resources/mrs2/css/manager/faceLiftImg/star_empty_icon.svg) no-repeat;
}
div.recruit_notice__step2 div.row.category div.detailBtnSet label[data-label=setting] span.label {
  width: 20px;
  height: 20px;
  background: url(/resources/mrs2/css/manager/faceLiftImg/setting_small_icon.svg) no-repeat;
}
div.recruit_notice__step2 #resumeStandard b.desc {
  color: #F4361E;
}
div.recruit_notice__step2 #resumeStandard button[type=button] {
  padding: 0px 8px 3px 2px;
}
div.recruit_notice__step2 #resumeStandard .careerRecognitionType {
  display: inline-block;
}
div.recruit_notice__step2 #resumeStandard .careerRecognitionType input[type=radio].radio {
  width: 20px;
  height: 20px;
}
div.recruit_notice__step2 #resumeStandard .careerRecognitionType input[type=radio].radio:hover + .label:before {
  background: #ffffff;
  border: 6px solid #00c17c;
}
div.recruit_notice__step2 #resumeStandard .careerRecognitionType input[type=radio].radio:hover + .label:hover:before {
  background: #ffffff;
  border: 6px solid #00c17c;
}
div.recruit_notice__step2 #resumeStandard .careerRecognitionType input[type=radio].radio:disabled + .label:before {
  background: #eeeff1 !important;
  border: 1px solid #eeeff1 !important;
}
div.recruit_notice__step2 #resumeStandard .careerRecognitionType input[type=radio].radio + .label {
  min-width: 0;
  min-height: 0;
  font-weight: 400;
  top: -1px;
  padding-right: 5px;
}
div.recruit_notice__step2 #resumeStandard .careerRecognitionType input[type=radio].radio + .label:before {
  width: 20px;
  height: 20px;
  background-color: #e2e4e9;
  border: 7px solid #c6c8d1;
}
div.recruit_notice__step2 #resumeStandard .careerRecognitionType input[type=radio].radio + .label:hover:before {
  border-color: #00c17c;
}
div.recruit_notice__step2 #resumeStandard .careerRecognitionType input[type=radio].radio:checked + .label {
  min-width: 0;
  min-height: 0;
}
div.recruit_notice__step2 #resumeStandard .careerRecognitionType input[type=radio].radio:checked + .label:before {
  width: 20px;
  height: 20px;
  min-width: 0;
  background: #ffffff;
  border: 6px solid #00c17c;
}
div.recruit_notice__step2 #resumeStandard .careerRecognitionType input[type=radio].radio:checked + .line__box {
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 400;
}
div.recruit_notice__step2 #resumeStandard .careerRecognitionType input[type=radio].radio:checked + .line__box:after {
  content: "";
  width: 100%;
  height: 32px;
  background-color: #edeef3;
  position: absolute;
  left: 0;
  z-index: -1;
}
div.recruit_notice__step2 #resumeStandard .careerRecognitionType input[type=radio].radio:checked:disabled + .label:before {
  width: 20px;
  height: 20px;
  min-width: 0;
  background: #00c17c !important;
  border: 6px solid #eeeff1 !important;
}
.recruit_notice__step3 .tables .row h3.h3 {
  padding-top: 40px;
  padding-bottom: 20px;
}
.recruit_notice__step3 .tables .row .tbl-form-group {
  margin-top: 10px;
}
.recruit_notice__step3 .tables .row .tbl-form-group .ui-sortable th {
  vertical-align: middle;
  padding-left: 10px;
}
.recruit_notice__step3 .tables .row .tbl-form-group .ui-sortable td {
  height: 32px;
}
.recruit_notice__step3 .tables .row .tbl-form-group .ui-sortable td .textarea {
  width: calc(100% - 80px);
  background-color: #F1F3FB;
  border: none;
  border-radius: 5px;
  overflow: hidden;
  vertical-align: middle;
  resize: vertical;
  padding: 6px 10px 7px 10px;
}
.recruit_notice__step3 .tables .row .tbl-form-group .ui-sortable td .textarea::-moz-placeholder {
  font-size: 13px;
  color: #ADB3C2;
  vertical-align: middle;
}
.recruit_notice__step3 .tables .row .tbl-form-group .ui-sortable td .textarea::placeholder {
  font-size: 13px;
  color: #ADB3C2;
  vertical-align: middle;
}
.recruit_notice__step3 .tables .row .tbl-form-group .ui-sortable td .btn-heading {
  margin-left: 5px;
  position: relative;
  display: inline-block;
  width: 5%;
  vertical-align: middle;
}
.recruit_notice__step3 .tables .row .tbl-form-group .ui-sortable td .btn-heading button i.fa {
  margin-right: 0;
}
.recruit_notice__step3 .tables .row .tbl-form-group .ui-sortable td .btn-heading button i.fa:before {
  content: "";
}
.recruit_notice__step3 .tables .row .tbl-form-group.tbl-sortable:before {
  display: none;
}
.recruit_notice__step3 .tables .row .tbl-form-group.tbl-sortable tr:hover th .ui-sortable-handle {
  width: 20px;
  height: 20px;
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/hamburger_move_icon.svg");
}
.recruit_notice__step3 .btn-set-final button[type=reset] {
  position: absolute;
  right: 0;
  border: none;
}
.recruit_notice__step3 .btn-set-final button[type=reset]:active {
  top: initial;
  left: auto;
  right: 0;
}
.recruit_notice__step4 .promotionSetting .promotionCheckEx {
  color: #6a7684;
  font-size: 13px;
}
.recruit_notice__step4 .promotionSetting .residualCount {
  color: #f4361e;
  font-size: 13px;
}
.recruit_notice__step4 .promotionSetting .additionalInfo #promotionSalary .salary--div {
  display: flex;
  margin: 10px 10px 10px 0;
}
.recruit_notice__step4 .promotionSetting .additionalInfo #promotionSalary .salary--div .salary--wrap {
  display: flex;
  width: 225px;
}
.recruit_notice__step4 .promotionSetting .additionalInfo #promotionSalary .salary--div .salary--wrap .rank {
  display: flex;
  align-items: center;
}
.recruit_notice__step4 .promotionSetting .additionalInfo #promotionSalary .salary--div .salary--wrap .salary {
  display: flex;
  align-items: center;
}
.recruit_notice__step4 .promotionSetting .additionalInfo #promotionWorkArea #workAreaTab li {
  border: 1px solid #e7eaf1;
}
.recruit_notice__step4 .promotionSetting .additionalInfo #promotionWorkArea #workAreaTab li.active {
  border-top: 1px solid #e7eaf1;
  border-left: 1px solid #e7eaf1;
  border-right: 1px solid #e7eaf1;
  border-bottom: 1px solid #ffffff;
}
.recruit_notice__step4 .promotionSetting .additionalInfo #promotionWorkArea .td_inTabContent {
  border: 1px solid #e7eaf1;
}
.recruit_notice__step4 .promotionSetting .additionalInfo #promotionWorkArea .selectedCount {
  color: #6a7684;
  margin-right: 10px;
}
.recruit_notice__step4 ul#attachFileList li label.attachFileLabel {
  display: inline-block;
  height: 32px;
  color: #00a850;
  background-color: #ccf5e0;
  padding: 0 10px;
  font-size: 13px;
  line-height: 32px;
  border-radius: 5px;
  margin-top: 10px;
}
.recruit_notice__step4 ul#attachFileList li label.attachFileLabel input[type=file] {
  display: none;
}
.recruit_notice__step4 .jobdaSplitView {
  display: flex;
}
.recruit_notice__step4 .jobdaSplitView .face-lift-list-table tbody tr th {
  border-top: none;
  border-bottom: 1px solid #f2f3f5;
}
.recruit_notice__step4 .jobdaSplitView .face-lift-list-table tbody tr td {
  border-top: none;
  background: transparent;
  border-bottom: 1px solid #f2f3f5;
}
.recruit_notice__step4 .greenTextBox {
  background: #ccf5e0;
  height: 32px;
  display: inline-flex;
  padding-left: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 300px;
  border-radius: 5px;
}
.recruit_notice__step4 .greenTextBox > span {
  font: normal normal medium 13px/20px Noto Sans CJK KR;
  color: #00a850;
}
.recruit_notice__step4 .imgAreaGroup {
  position: relative;
  background-color: #f8f9fc;
  clear: both;
  overflow: hidden;
  padding: 10px 0;
  border-radius: 5px;
  width: 619px;
  height: 335px;
  display: flex;
  align-items: center;
}
.recruit_notice__step4 .imgArea {
  max-width: 464px;
  max-height: 320px;
  overflow: hidden;
  position: relative;
  height: 100%;
  width: 100%;
}
.recruit_notice__step4 .imgArea .editButton {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.recruit_notice__step4 .imgArea button[data-button=btnFileCancel] {
  display: none;
}
.recruit_notice__step4 .imgArea button[data-button=btnFileCancel]:active {
  left: unset;
}
.recruit_notice__step4 .imgArea:hover .editButton {
  display: block;
}
.recruit_notice__step4 .imgArea:hover button[data-button=btnFileCancel] {
  display: block;
}
.recruit_notice__step4 .imgAreaTitle {
  position: absolute;
  top: 32px;
  left: 32px;
  color: #283442;
  font: normal normal medium 13px/19px Noto Sans KR, Noto Sans KR Local;
}
.recruit_notice__step4 .imgAreaBox {
  margin: 0 auto !important;
  background: #f8f9fc !important;
  display: flex;
  align-items: center;
}
.recruit_notice__step4 .imgEmpty {
  background: #ffffff;
  border: 1px solid #e7eaf1;
  width: 100%;
  height: 100%;
  max-height: 288px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.recruit_notice__step4 .imgEmpty .imgEmpty--title {
  font: normal normal medium 13px/20px Noto Sans CJK KR;
  color: #adb3c2;
  text-align: center;
}

.modalImageCrop {
  width: 100%;
  display: table;
  margin: 0 auto;
  height: inherit;
}

.modalImageCrop .cautionInfo {
  position: relative;
  display: block;
}

.modalImageCrop .modalContent {
  box-sizing: border-box;
  padding: 0 21px 19px;
  border-bottom: 1px solid #1b6fa5;
}

.modalImageCrop .cautionInfoBox {
  box-sizing: border-box;
  padding: 11px 0 0 20px;
}

.modalImageCrop .cautionInfo:before {
  left: -21px;
  top: -1px;
}

.modalImageCrop .imageCropWrap {
  display: none;
}

.modalImageCrop .imageCropWrap .previewBox {
  box-sizing: border-box;
  min-width: 199px;
  min-height: 400px;
  float: left;
  padding: 15px 10px 0px;
}

.modalImageCrop.modalImageWide .imageCropWrap .previewBox {
  width: 250px;
}

.modalImageCrop .imageCropWrap .imageCropBox {
  box-sizing: border-box;
  padding: 15px 15px 0px;
  float: left;
  max-width: 520px;
  min-height: 400px;
  text-align: center;
  border-left: 1px solid #1b6fa5;
  max-height: 480px;
  overflow-x: hidden;
  overflow-y: auto;
}

.modalImageCrop .imageCropWrap .imageWrap {
  box-sizing: border-box;
  position: relative;
  line-height: 0px;
  margin: 0px;
  padding: 0px;
  display: inline-block;
  border: solid 2px #60b9ce;
}

.modalImageCrop .imageCropWrap .imageWrap .selectTool {
  position: absolute;
  top: 0px;
  left: 0px;
  cursor: move;
  z-index: 100;
  overflow: hidden;
}

.modalImageCrop .imageCropWrap .imageWrap .selectTool .border {
  height: 1px;
  position: absolute;
  background: #ffffff;
  z-index: 89;
}

.modalImageCrop .imageCropWrap .imageWrap .selectTool .border.right {
  height: 100%;
  width: 1px;
  right: 0px;
}

.modalImageCrop .imageCropWrap .imageWrap .selectTool .border.left {
  height: 100%;
  width: 1px;
  left: 0px;
}

.modalImageCrop .imageCropWrap .imageWrap .selectTool .border.top {
  width: 100%;
  height: 1px;
  top: 0px;
}

.modalImageCrop .imageCropWrap .imageWrap .selectTool .border.bottom {
  width: 100%;
  height: 1px;
  bottom: 0px;
}

.modalImageCrop .imageCropWrap .imageWrap .dummy {
  position: absolute;
  left: 0;
  top: 0;
}

.modalImageCrop .imageCropWrap .imageWrap .target {
  opacity: 0.7;
  filter: blur(1px);
  -webkit-filter: blur(0.5px);
}

.modalSampleImageSelect {
  display: grid;
  grid-template-columns: 320px 320px 320px;
  grid-template-rows: 240px 240px 240px 240px;
  grid-column-gap: 16px;
  grid-row-gap: 17px;
  justify-items: stretch;
  align-items: stretch;
}

.modalSampleImageSelect img {
  border-radius: 4px;
  border: 1px solid #e7eaf1;
}

.modalSampleImageSelect .selected {
  border: 2px solid #00c17c;
}

.previewbox {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  border: 1px solid #e1e1e1;
}

.imgbox {
  clear: both;
  background: #f7f7f7 !important;
  width: initial !important;
  margin: initial !important;
  overflow: initial !important;
  position: initial !important;
}

.previewAreaBox {
  border: initial !important;
  text-align: initial !important;
  margin: 0 !important;
  padding: 0 !important;
}

.previewAreaBox2 {
  border: initial !important;
  text-align: initial !important;
  margin: 0 !important;
  padding: 0 10px 0 0 !important;
}

.div50 {
  width: 50%;
}
.recruit_notice__step5 #frm .face-lift-tab1 {
  margin-bottom: 17px;
}
.recruit_G_notice__step2 table.table-custom thead tr th {
  border: 1px solid #E7EAF1;
  background-color: #F8F9FC;
  text-align: center;
  padding: 17px 17px 16px 17px;
}
.recruit_G_notice__step2 table.table-custom thead tr th:first-child {
  border-left: none;
}
.recruit_G_notice__step2 table.table-custom thead tr th:last-child {
  border-right: none;
}
.recruit_G_notice__step2 table.table-custom tbody tr td {
  border: 1px solid #F2F3F5;
  text-align: center;
  padding: 10px;
}
.recruit_G_notice__step2 table.table-custom tbody tr td:first-child {
  border-left: none;
}
.recruit_G_notice__step2 table.table-custom tbody tr td:last-child {
  border-right: none;
}
.recruit_G_notice__step2 table.table-custom {
  text-align: center;
}
.resumeDelete .selectFilterBox {
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: none;
  padding: 25px 0 0 0;
}
.resumeDelete .dropdown-menu.active {
  box-shadow: 0 2px 10px rgb(213, 216, 220);
  border: 1px solid #EDEEF3;
  border-radius: 5px;
}
.step2SearchPermission div.dropdown-set button {
  margin-right: 10px;
}
.step2SearchPermission div.dropdown-set ul.dropdown-menu {
  background: #FFFFFF;
  padding: 10px 0 15px 0;
  box-shadow: 0 2px 10px rgb(213, 216, 220);
  border-radius: 8px;
  left: 0;
  min-width: 200px;
}
.step2SearchPermission div.dropdown-set ul.dropdown-menu li {
  height: 32px;
  display: flex;
  align-items: center;
  color: #6A7684;
}
.step2SearchPermission div.dropdown-set ul.dropdown-menu li a {
  text-decoration: none;
}
.step2SearchPermission div.dropdown-set ul.dropdown-menu li a:hover {
  background-color: inherit;
}
.step2SearchPermission div.dropdown-set ul.dropdown-menu li:hover {
  color: #1C252F;
  background-color: #EDEEF3;
}
.step2SearchPermission div.dropdown-set ul.dropdown-menu li:hover a {
  background-color: transparent;
}
.step2SearchPermission div.dropdown-set ul.dropdown-menu li:hover:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: url("/resources/mrs2/css/manager/faceLiftImg/next_arrow_icon.svg");
}
.step2SearchPermission div.dropdown-set ul.dropdown-menu.excel-upload li {
  display: list-item;
  padding-left: 10px;
}
.step2SearchPermission div.dropdown-set ul.dropdown-menu.excel-upload li:hover {
  background: white;
}
.step2SearchPermission div.dropdown-set ul.dropdown-menu.excel-upload li:after {
  content: "";
  background: transparent;
}
.step2SearchPermission .face-lift-list-table#evaluateeList tbody tr td.td-using {
  vertical-align: unset;
}
.step2SearchPermission .face-lift-list-table#evaluateeList tbody tr td {
  border-top: 1px solid #F2F3F5;
}
.step2SearchPermission .face-lift-list-table#evaluateeList tbody tr td > div {
  margin-top: 10px;
}
.automaticScreeningSetting section#autoScreeningSetting {
  background: #ffffff;
}
.automaticScreeningSetting section#autoScreeningSetting.resumeItemSn13 div.span div h5, .automaticScreeningSetting section#autoScreeningSetting.resumeItemSn14 div.span div h5 {
  position: absolute;
  left: 10px;
  color: #283442;
  font-size: 13px;
  font-weight: 500;
}
.automaticScreeningSetting section#autoScreeningSetting.resumeItemSn13 div.span div h4, .automaticScreeningSetting section#autoScreeningSetting.resumeItemSn14 div.span div h4 {
  margin-top: 30px;
}
.automaticScreeningSetting section#autoScreeningSetting.resumeItemSn13 div.span div.wrapper, .automaticScreeningSetting section#autoScreeningSetting.resumeItemSn14 div.span div.wrapper {
  padding: 0;
}
.automaticScreeningSetting section#autoScreeningSetting.resumeItemSn13 div.span.select div.span.select, .automaticScreeningSetting section#autoScreeningSetting.resumeItemSn14 div.span.select div.span.select {
  transform: none;
}
.automaticScreeningSetting section#autoScreeningSetting.resumeItemSn19 div.wrapper {
  padding-top: 0;
  padding-bottom: 18px;
}
.automaticScreeningSetting section#autoScreeningSetting h4 {
  color: #283442;
  font-size: 13px;
  font-weight: 500;
  margin-left: 10px;
}
.automaticScreeningSetting section#autoScreeningSetting h4.question__number {
  margin-top: 20px;
}
.automaticScreeningSetting section#autoScreeningSetting input[type=text] {
  width: 45px;
  height: 32px;
  font-size: 13px;
  background-color: #F1F3FB;
  border-radius: 5px;
  border: none;
  text-align: left;
  padding-left: 10px;
  color: #1C252F;
}
.automaticScreeningSetting section#autoScreeningSetting button.btn-setting-remove {
  width: 32px;
  height: 32px;
  margin-right: 10px;
  border: 2px solid #E7EAF1;
  border-radius: 5px;
  box-sizing: border-box;
  background: url("/resources/mrs2/css/manager/faceLiftImg/remove_gray_icon.svg") center center no-repeat;
}
.automaticScreeningSetting section#autoScreeningSetting button.btn-setting-remove:hover {
  background-color: #E7EAF1;
  border: 2px solid #E7EAF1;
}
.automaticScreeningSetting section#autoScreeningSetting button.btn-setting-remove:before {
  content: none;
}
.automaticScreeningSetting section#autoScreeningSetting button.btn[data-button=showAllItem].active, .automaticScreeningSetting section#autoScreeningSetting button.btn[data-button=showAllItem]:hover {
  background: transparent;
  color: #1987E2;
}
.automaticScreeningSetting section#autoScreeningSetting button.btn[data-button=showAllItem].active i:before, .automaticScreeningSetting section#autoScreeningSetting button.btn[data-button=showAllItem]:hover i:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/list_blue_icon.svg");
}
.automaticScreeningSetting section#autoScreeningSetting button.btn[data-button=showSettedItem].active, .automaticScreeningSetting section#autoScreeningSetting button.btn[data-button=showSettedItem]:hover {
  background: transparent;
  color: #1987E2;
}
.automaticScreeningSetting section#autoScreeningSetting button.btn[data-button=showSettedItem].active i:before, .automaticScreeningSetting section#autoScreeningSetting button.btn[data-button=showSettedItem]:hover i:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/check_blue_icon.svg");
}
.automaticScreeningSetting section#autoScreeningSetting label.span {
  float: initial;
  display: inline-block;
}
.automaticScreeningSetting section#autoScreeningSetting label.multiple-checkbox {
  margin-right: 10px;
  margin-bottom: 15px;
}
.automaticScreeningSetting section#autoScreeningSetting label.multiple-checkbox span.label {
  display: flex !important;
  justify-content: center;
  align-items: center;
  height: 32px;
  color: #00A850;
  background-color: #CCF5E0;
  border: none;
  border-radius: 5px;
  padding-right: 30px;
}
.automaticScreeningSetting section#autoScreeningSetting label.multiple-checkbox span.label:after {
  background: url("/resources/mrs2/css/manager/faceLiftImg/remove_green_icon.svg") no-repeat;
  width: 20px;
  height: 20px;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
}
.automaticScreeningSetting section#autoScreeningSetting .checkbox > label {
  padding-top: 2px;
  line-height: 1rem;
}
.automaticScreeningSetting section#autoScreeningSetting .checkbox input[type=checkbox] + span.label:before {
  content: "";
  width: 18px;
  height: 18px;
  position: relative;
  border-radius: 4px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/dash_white_icon.svg") no-repeat #C6C8D1;
  border: none;
}
.automaticScreeningSetting section#autoScreeningSetting .checkbox input[type=checkbox]:checked + span.label:before {
  background: url("/resources/mrs2/css/manager/images/iconCheckbox.png") no-repeat center center, #00C17C;
  border-color: #00C17C;
}
.automaticScreeningSetting section#autoScreeningSetting .select select {
  color: #ADB3C2;
  background: #F1F3FB;
  border-radius: 5px;
  padding: 0 30px 0 10px;
  border: 2px solid #F1F3FB;
  height: 32px;
  box-sizing: border-box;
  font-size: 13px;
  line-height: 20.5px;
}
.automaticScreeningSetting section#autoScreeningSetting .select select:focus {
  border-color: #6A7684;
  background: #ffffff;
  color: #1C252F;
}
.automaticScreeningSetting section#autoScreeningSetting div[data-list=checked-list] {
  margin-top: 10px;
  margin-left: 42px;
}
.automaticScreeningSetting section#autoScreeningSetting div[data-wrap$=Depth2] div.wrapBtn button.btn-setting-add {
  width: 32px;
  height: 32px;
  margin-right: 8px;
  border: 2px solid #E7EAF1;
  border-radius: 5px;
  box-sizing: border-box;
  background: url("/resources/mrs2/css/manager/faceLiftImg/add_gray_icon.svg") center center no-repeat;
}
.automaticScreeningSetting section#autoScreeningSetting div[data-wrap$=Depth2] div.wrapBtn button.btn-setting-add:hover {
  background-color: #F1F3FB;
  border: 2px solid #E7EAF1;
}
.automaticScreeningSetting section#autoScreeningSetting div[data-wrap$=Depth2] div.wrapBtn button.btn-setting-add:before {
  content: none;
}
.automaticScreeningSetting section#autoScreeningSetting div[data-wrap$=Depth2] div.wrapBtn button.btn-setting-remove {
  width: 32px;
  height: 32px;
  margin-right: 10px;
  border: 2px solid #E7EAF1;
  border-radius: 5px;
  box-sizing: border-box;
  background: url("/resources/mrs2/css/manager/faceLiftImg/remove_gray_icon.svg") center center no-repeat;
}
.automaticScreeningSetting section#autoScreeningSetting div[data-wrap$=Depth2] div.wrapBtn button.btn-setting-remove:hover {
  background-color: #F1F3FB;
  border: 2px solid #E7EAF1;
}
.automaticScreeningSetting section#autoScreeningSetting div[data-wrap$=Depth2] div.wrapBtn button.btn-setting-remove:before {
  content: none;
}
.automaticScreeningSetting section#autoScreeningSetting div[data-wrap$=Depth2] div.row {
  border-bottom: none;
}
.automaticScreeningSetting section#autoScreeningSetting div[data-wrap$=Depth2] div.row div.wrapBtn button.btn-setting-add {
  display: inline-block;
  visibility: hidden;
  margin-left: 42px;
}
.automaticScreeningSetting section#autoScreeningSetting div[data-wrap$=Depth2] div.row:last-of-type div.wrapBtn button.btn-setting-add {
  display: inline-block;
  visibility: hidden;
}
.automaticScreeningSetting section#autoScreeningSetting div[data-wrap$=Depth2] div.row:first-of-type div.wrapBtn button.btn-setting-add {
  display: inline-block;
  visibility: visible;
}
.automaticScreeningSetting section#autoScreeningSetting div[data-type=MULTITEXT] > div[data-wrap] h6 {
  padding-left: 0;
  color: #6A7684;
}
.automaticScreeningSetting section#autoScreeningSetting div.question__subject {
  margin-top: 20px;
  margin-left: 15px;
  color: #6A7684;
}
.automaticScreeningSetting section#autoScreeningSetting div.data-list {
  background: #FFFFFF;
  padding: 10px 0 15px 0;
  box-shadow: 0 2px 10px rgba(92, 106, 136, 0.2);
  border-radius: 8px;
  border: none;
  max-width: 396px;
}
.automaticScreeningSetting section#autoScreeningSetting div.searchList div.data-list {
  top: 32px;
}
.automaticScreeningSetting section#autoScreeningSetting div.wrapper {
  border-bottom: none;
}
.automaticScreeningSetting section#autoScreeningSetting div.span {
  line-height: 1.9rem;
  font-weight: 500;
}
.automaticScreeningSetting section#autoScreeningSetting div.span.text {
  transform: initial;
}
.automaticScreeningSetting section#autoScreeningSetting div.span.select {
  transform: none;
}
.automaticScreeningSetting section#autoScreeningSetting div.span.select div.span.plainText {
  transform: none;
}
.automaticScreeningSetting section#autoScreeningSetting div.span label.select:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 0;
  border: none;
  transform: translateY(-50%);
  background: url("/resources/mrs2/css/manager/faceLiftImg/drop_down_icon.svg");
}
.automaticScreeningSetting section#autoScreeningSetting div.span label.search input[type=search] {
  height: 32px;
  border: none;
  background-color: #F1F3FB;
  border-radius: 5px;
  font-size: 13px;
  color: #1C252F;
}
.automaticScreeningSetting section#autoScreeningSetting div.span label.search input[type=search]::-moz-placeholder {
  color: #ADB3C2;
  padding-left: 10px;
}
.automaticScreeningSetting section#autoScreeningSetting div.span label.search input[type=search]::placeholder {
  color: #ADB3C2;
  padding-left: 10px;
}
.automaticScreeningSetting section#autoScreeningSetting div.span label.search input[type=search]::-webkit-search-cancel-button {
  display: none;
}
.automaticScreeningSetting section#autoScreeningSetting div.span label.search:after {
  width: 20px;
  height: 20px;
  top: 50%;
  transform: translateY(-50%);
  background: url("/resources/mrs2/css/manager/faceLiftImg/search_icon.svg");
}
.automaticScreeningSetting section#autoScreeningSetting div.span .row-wrapper {
  margin-top: 0;
  margin-bottom: 18px;
}
.automaticScreeningSetting section#autoScreeningSetting div.row {
  padding-top: 10px;
  margin-top: 0;
  padding-left: 0;
}
.automaticScreeningSetting section#autoScreeningSetting div.row:last-of-type {
  border-bottom: none;
}
.automaticScreeningSetting section#autoScreeningSetting div.row div.wrapBtn {
  display: inline-block;
  height: initial;
  top: 0;
  position: relative;
}
.automaticScreeningSetting section#autoScreeningSetting div.empty-row {
  margin-top: 17px;
}
.automaticScreeningSetting section#autoScreeningSetting div.span {
  display: inline-block;
  float: initial;
  color: #283442;
  font-size: 13px;
}
.automaticScreeningSetting section#autoScreeningSetting div.span.radio {
  transform: none;
}
.automaticScreeningSetting section#autoScreeningSetting div.span label .select:after {
  content: none;
}
.automaticScreeningSetting section#autoScreeningSetting div.btn-wrap {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  margin-top: 35px;
}
.automaticScreeningSetting section#autoScreeningSetting div.empty-row button:only-of-type {
  background-color: #ffffff;
  border: 2px solid #E7EAF1;
  font-size: 13px;
}
.automaticScreeningSetting section#autoScreeningSetting div.empty-row button:only-of-type:hover {
  background-color: #E7EAF1;
  border: 2px solid #E7EAF1;
}
.automaticScreeningSetting section#autoScreeningSetting .radio label:first-child input[type=radio] + span.label {
  border-left: 2px solid #E7EAF1;
  border-radius: 5px 0 0 5px;
}
.automaticScreeningSetting section#autoScreeningSetting .radio label:last-child input[type=radio] + span.label {
  border-radius: 0 5px 5px 0;
}
.automaticScreeningSetting section#autoScreeningSetting .radio label input[type=radio] + span.label {
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #E7EAF1;
  border-left: none;
  background: #ffffff;
  color: #ADB3C2;
  box-sizing: border-box;
}
.automaticScreeningSetting section#autoScreeningSetting .radio label input[type=radio]:checked + span.label {
  border: 2px solid #00C17C;
  background: #00C17C;
  color: #FFFFFF;
}
.automaticScreeningSetting section#autoScreeningSetting article#autoScreeningSettingArticle {
  width: 100%;
  float: initial;
  margin: initial;
  min-height: initial;
  padding-right: 0;
}
.automaticScreeningSetting section#autoScreeningSetting article#autoScreeningSettingArticle #autoscreeningContent {
  padding-left: 10px;
}
.automaticScreeningSetting section#autoScreeningSetting article#autoScreeningSettingArticle #autoscreeningContent h3.h3 + .wrapper.js-wrapper.clearfix:after {
  content: initial;
}
.automaticScreeningSetting section#autoScreeningSetting article#autoScreeningSettingArticle #autoscreeningContent h3.h3.toph3 {
  left: 10px;
  border-bottom: 1px solid #ffffff;
  padding-top: 15px;
}
.automaticScreeningSetting section#autoScreeningSetting article#autoScreeningSettingArticle #autoscreeningContent div.descriptionH3 {
  margin-top: -10px;
  margin-bottom: 15px;
}
.automaticScreeningSetting section#autoScreeningSetting article#autoScreeningSettingArticle #autoscreeningContent div.descriptionH3 + .wrapper.js-wrapper.clearfix:after {
  content: initial;
}
.automaticScreeningSetting section#autoScreeningSetting article#autoScreeningSettingArticle #autoscreeningContent div[data-type=dropdown] button[data-button=dropdown-trigger] {
  background-color: #F1F3FB;
  border: 2px solid #F1F3FB;
  padding: 0 30px 0 7px;
  box-sizing: border-box;
  height: 32px;
  position: relative;
  font-size: inherit;
  line-height: 13px;
  border-radius: 5px;
  color: #ADB3C2;
}
.automaticScreeningSetting section#autoScreeningSetting article#autoScreeningSettingArticle #autoscreeningContent div[data-type=dropdown] button[data-button=dropdown-trigger]:focus {
  border-color: #6A7684;
  background: #ffffff;
  color: #1C252F;
}
.automaticScreeningSetting section#autoScreeningSetting article#autoScreeningSettingArticle #autoscreeningContent div[data-type=dropdown] button[data-button=dropdown-trigger]:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 0;
  border: none;
  transform: translateY(-50%);
  background: url("/resources/mrs2/css/manager/faceLiftImg/drop_down_icon.svg");
}
.automaticScreeningSetting section#autoScreeningSetting article#autoScreeningSettingArticle #autoscreeningContent .wrapper {
  display: flex;
  border-bottom: none;
}
.automaticScreeningSetting section#autoScreeningSetting article#autoScreeningSettingArticle #autoscreeningContent .wrapper:last-of-type:after {
  left: 10px;
  border-bottom: none;
  margin-top: 0;
}
.automaticScreeningSetting section#autoScreeningSetting article#autoScreeningSettingArticle #autoscreeningContent .wrapper.hide {
  display: none;
}
.automaticScreeningSetting section#autoScreeningSetting article#autoScreeningSettingArticle #autoscreeningContent .wrapper.js-wrapper.clearfix:first-of-type:after {
  content: initial;
}
.automaticScreeningSetting section#autoScreeningSetting article#autoScreeningSettingArticle #autoscreeningContent .wrapper.js-wrapper.clearfix:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #f1f1f1;
}
.automaticScreeningSetting section#autoScreeningSetting article#autoScreeningSettingArticle #autoscreeningFooter {
  display: flex;
  justify-content: center;
}
.automaticScreeningSetting section#autoScreeningSetting article#autoScreeningSettingArticle #autoscreeningFooter button {
  margin: 0;
}
.automaticScreeningSetting section#autoScreeningSetting article#autoScreeningSettingArticle #autoscreeningFooter button#saveBtn {
  background-color: #00C17C;
  margin-left: 10px;
}
.automaticScreeningSetting section#autoScreeningSetting article#autoScreeningSettingArticle #autoscreeningFooter button#saveBtn:hover {
  background-color: #3F8E61;
}
.automaticScreeningSetting section#autoScreeningSetting article#autoScreeningSettingArticle #autoscreeningFooter button#closeBtn {
  background-color: #ffffff;
}
.acc-preview {
  background-color: #F8F9FC;
  padding: 20px;
}
.acc-preview .header {
  width: 900px;
  margin: auto;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  padding: 30px;
  font-size: 13px;
  border: 1px solid #EDEEF3;
  border-radius: 8px;
}
.acc-preview .header > ul {
  color: #6A7684;
  margin-top: 19px;
}
.acc-preview .header > ul > li:not(:first-child) {
  margin-top: 10px;
}
.acc-preview > .body {
  margin: 10px auto 0px;
  width: 960px;
  border: 1px solid #EDEEF3;
  border-radius: 8px;
  padding-bottom: 60px;
  background-color: #FFFFFF;
}
.acc-preview > .body > .face-lift-tab2 {
  border: 0 !important;
}
.acc-preview > .body .resultList {
  border-top: 1px solid #EDEEF3;
}
.step1InSEEDScreening h3.h3 {
  padding-top: 20px;
}
.step1InSEEDScreening #basicSetting h3.h3 {
  padding-top: initial;
}
.banner {
  width: 100%;
  height: 270px;
  box-sizing: border-box;
  background-image: url(/resources/mrs2/css/manager/faceLiftImg/jobdaPromotion/jobda_banner.png);
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0 1px 3px rgba(56, 66, 88, 0.0509803922);
  border: 1px solid #E7EAF1;
  border-radius: 8px;
  padding-left: 40px;
  padding-top: 45px;
  margin-bottom: 15px;
}
.banner .description {
  display: block;
  font-size: 22px;
  font-weight: 300;
  letter-spacing: -0.55px;
  color: #000000;
  margin-bottom: 5px;
}
.banner .title {
  display: block;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: -0.75px;
  color: #000000;
  margin-bottom: 20px;
}
.banner .alink {
  position: relative;
  display: inline-block;
  font-size: 18px;
  letter-spacing: -0.45px;
  color: #6A7684;
  padding: 10px 40px 10px 0;
}
.banner .alink:after {
  content: "";
  position: absolute;
  background: url(/resources/mrs2/css/manager/faceLiftImg/next_icon.svg) no-repeat;
  width: 20px;
  height: 20px;
  right: 15px;
  top: 14px;
}

.memberheader {
  display: flex;
  justify-content: space-between;
}
.memberheader .refreshbtn {
  position: relative;
  height: 32px;
  padding-right: 30px;
}
.memberheader .refreshbtn:after {
  content: "";
  position: absolute;
  background-image: url(/resources/mrs2/css/manager/faceLiftImg/1_refresh.svg);
  top: 7px;
  right: 6px;
  width: 20px;
  height: 20px;
}

.memberalign {
  display: flex;
  justify-content: space-between;
}
.memberalign .memberState {
  width: 33%;
}
.memberalign .memberState .member {
  height: 178px;
  margin-bottom: 15px;
  text-align: center;
  background: #F8F9FC;
  border-radius: 5px;
  padding-top: 50px;
  box-sizing: border-box;
}
.memberalign .memberState .member:last-child {
  margin-bottom: 0;
}
.memberalign .memberState .member .h4 {
  display: block;
  font-size: 13px;
  letter-spacing: -0.33px;
  color: #283442;
}
.memberalign .memberState .member .membernum {
  display: block;
  font-size: 40px;
  letter-spacing: -1px;
  color: #283442;
}
.memberalign .memberState.graph {
  text-align: center;
  height: 370px;
  box-sizing: border-box;
  padding: 25px 20px;
  background: #F8F9FC;
  border-radius: 5px;
}
.memberalign .memberState.graph .graphtitle {
  display: inline-block;
  font-size: 13px;
  letter-spacing: -0.33px;
  color: #283442;
  margin-bottom: 20px;
}
.memberalign .memberState.graph .graph {
  display: flex;
  justify-content: flex-start;
}
.memberalign .memberState.graph .graph .name {
  width: 80px;
  text-align: left;
  font-size: 10px;
  margin: auto 0;
  letter-spacing: -0.25px;
  color: #6A7684;
}
.memberalign .memberState.graph .graph .bar {
  width: 0;
  height: 11px;
  border-radius: 2px;
  margin-top: 8px;
  margin-left: 15px;
  transition: all 0.4s ease-out;
}
.memberalign .memberState.graph .graph .bar.blue {
  background: #6CCAFC;
}
.memberalign .memberState.graph .graph .bar.green {
  background: #6CDD83;
}
.memberalign .memberState.graph .graph .value {
  text-align: left;
  font-size: 10px;
  height: 25px;
  line-height: 25px;
  letter-spacing: -0.25px;
  color: #6A7684;
  margin-left: 5px;
}

.target_ad {
  margin-top: 15px;
}
.target_ad .target_title_description {
  font-size: 13px;
  letter-spacing: -0.33px;
  color: #6A7684;
}
.target_ad .vertical-align {
  display: flex;
  justify-content: flex-start;
  transition: all 0.3s ease-out;
}
.target_ad .vertical-align .depth_table_wrapper {
  height: 222px;
  transform-origin: top;
  transition: all 0.3s ease-out;
  overflow: hidden;
}
.target_ad .vertical-align .depth_table_wrapper.height135px {
  max-height: 135px;
  height: 135px;
}
.target_ad .vertical-align .depth_table_wrapper .depth_table {
  border: 1px solid #E7EAF1;
  border-collapse: collapse;
}
.target_ad .vertical-align .depth_table_wrapper .depth_table th {
  border: 1px solid #E7EAF1;
  padding: 15px 20px;
}
.target_ad .vertical-align .depth_table_wrapper .depth_table th.with-button {
  padding: 8px 10px 8px 20px;
}
.target_ad .vertical-align .depth_table_wrapper .depth_table th.with-button div {
  display: flex;
  justify-content: space-between;
}
.target_ad .vertical-align .depth_table_wrapper .depth_table th.with-button div .text {
  align-self: center;
}
.target_ad .vertical-align .depth_table_wrapper .depth_table th.with-button div .btn_select-all {
  padding: 0;
  width: 72px;
  height: 28px;
  margin: 0;
}
.target_ad .vertical-align .depth_table_wrapper .depth_table tbody {
  max-height: 170px;
  height: 169px;
}
.target_ad .vertical-align .depth_table_wrapper .depth_table tbody.height135px {
  max-height: 85px;
  height: 84px;
}
.target_ad .vertical-align .depth_table_wrapper .depth_table tbody td {
  border: 1px solid #E7EAF1;
  background: #F8F9FC;
  padding: 10px 0 10px 10px;
  vertical-align: top;
}
.target_ad .vertical-align .depth_table_wrapper .depth_table tbody td .list-style {
  padding: 0;
  letter-spacing: 0;
  color: #6A7684;
  max-height: 150px;
}
.target_ad .vertical-align .depth_table_wrapper .depth_table tbody td .list-style li {
  height: 28px;
  padding-left: 10px;
  box-sizing: border-box;
  margin-bottom: 5px;
  line-height: 28px;
  border-radius: 5px;
  cursor: pointer;
  margin-right: 13px;
}
.target_ad .vertical-align .depth_table_wrapper .depth_table tbody td .list-style li:last-child {
  margin-bottom: 0;
}
.target_ad .vertical-align .depth_table_wrapper .depth_table tbody td .list-style li:hover, .target_ad .vertical-align .depth_table_wrapper .depth_table tbody td .list-style li.active {
  background: #EAECF4;
  position: relative;
  font-weight: 500;
}
.target_ad .vertical-align .depth_table_wrapper .depth_table tbody td .list-style li:hover:after, .target_ad .vertical-align .depth_table_wrapper .depth_table tbody td .list-style li.active:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background: url(/resources/mrs2/css/manager/faceLiftImg/next_icon.svg) no-repeat;
  right: 4px;
  top: 4px;
}
.target_ad .vertical-align .depth_table_wrapper .depth_table tbody td .list-style-checkbox {
  padding: 0;
  letter-spacing: 0;
  color: #6A7684;
  max-height: 150px;
}
.target_ad .vertical-align .depth_table_wrapper .depth_table tbody td .list-style-checkbox li {
  margin-bottom: 5px;
}
.target_ad .vertical-align .depth_table_wrapper .depth_table tbody td .list-style-checkbox li:last-child {
  margin-bottom: 0;
}
.target_ad .vertical-align .depth_table_wrapper .depth_table tbody td .searchList {
  vertical-align: top;
  max-height: 150px;
}
.target_ad .vertical-align .depth_table_wrapper .depth_table tbody td .searchList:after {
  content: "";
  overflow: hidden;
}
.target_ad .vertical-align .depth_table_wrapper .depth_table tbody td .searchList .item {
  width: 25%;
  margin-bottom: 5px;
  float: left;
}
.target_ad .vertical-align .depth_table_wrapper .depth_table tbody td .searchList .item.school {
  width: 33%;
}
@media (max-width: 1460px) {
  .target_ad .vertical-align .depth_table_wrapper .depth_table tbody td .searchList .item.school {
    width: 50%;
  }
}
.target_ad .vertical-align .depth_table_wrapper .depth_table tbody td .searchList .item label {
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 280px;
  display: inline-block;
}
.target_ad .vertical-align .btnwrapper {
  margin-left: 20px;
}
.target_ad .vertical-align .btnwrapper .btn:hover {
  border-radius: 5px;
  background-color: #E7EAF1;
}
.target_ad .vertical-align .btnwrapper .btn.btn-dropdown {
  background-image: url(/resources/mrs2/css/manager/faceLiftImg/next_icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  transform: rotate(270deg);
  transition: none;
}
.target_ad .vertical-align .btnwrapper .btn.btn-dropdown.active {
  transform: rotate(90deg);
}
.target_ad td.variable-height.has-label {
  padding-bottom: 9px;
}
.target_ad td.variable-height .selected-area {
  display: flex;
  margin-top: 0;
  flex-wrap: wrap;
}
.target_ad td.variable-height .selected-area.has-label {
  margin-top: 17px;
}
.target_ad td.variable-height .selected-area .selected-label {
  margin-bottom: 8px;
}

.target-result {
  background: white;
  margin-top: 15px;
  box-shadow: 0 1px 3px rgba(56, 66, 88, 0.0509803922);
  border: 1px solid #EDEEF3;
  border-radius: 8px;
  padding: 20px 25px 28px 25px;
  position: relative;
  display: none;
}
.target-result.visible {
  display: block;
}
.target-result .line {
  height: 1px;
  background: #E7EAF1;
}
.target-result .line.short {
  width: 100%;
}
.target-result .line.long {
  position: absolute;
  width: 100%;
  left: 0;
}
.target-result .title {
  color: #283442;
  font-size: 16px;
}
.target-result .result-box {
  position: relative;
  margin-top: 17px;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 44px;
  background: #F8F9FC;
  border: 1px solid #E7EAF1;
  border-radius: 5px;
  width: 100%;
  height: 319px;
  box-sizing: border-box;
}
.target-result .result-box .no-targets-result {
  display: none;
}
.target-result .result-box .has-targets-result {
  display: block;
}
.target-result .result-box.no-targets {
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(/resources/mrs2/css/manager/faceLiftImg/jobdaPromotion/jobda_no_target_result.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.target-result .result-box.no-targets .no-targets-result {
  display: block;
  color: white;
  font-weight: bold;
  text-align: center;
}
.target-result .result-box.no-targets .has-targets-result {
  display: none;
}
.target-result .result-box h1 {
  font-size: 24px;
  color: black;
  margin-bottom: 6px;
}
.target-result .result-box .school-info-box {
  height: 223px;
  display: table-cell;
  vertical-align: middle;
}
.target-result .result-box .school-info-box .rank-msg {
  font-size: 16px;
  color: black;
  margin-bottom: 36px;
}
.target-result .result-box .school-info-box .school-infos .school-info {
  display: flex;
  margin-bottom: 17px;
}
.target-result .result-box .school-info-box .school-infos .school-info span.school-name {
  min-width: 127px;
  max-width: 127px;
  text-align: left;
}
.target-result .result-box .school-info-box .school-infos .school-info .bar {
  height: 16px;
  background: #6CDD83;
  border-radius: 2px;
  margin-right: 10px;
}
.target-result .result-box .school-info-box .school-infos .school-info:last-child {
  margin-bottom: 0;
}
.target-result .result-box .image {
  position: absolute;
  width: 344px;
  height: 243px;
  background-image: url(/resources/mrs2/css/manager/faceLiftImg/jobdaPromotion/jobda_target_result.png);
  background-size: contain;
  bottom: 0;
  right: 144px;
}
@media (max-width: 1460px) {
  .target-result .result-box .image {
    width: 207px;
    height: 146px;
    right: 6px;
  }
}
.target-result .manager-info {
  border-bottom: 1px solid #F2F3F5;
}
.target-result .manager-info, .target-result .publicity-period {
  display: flex;
  align-items: center;
  font-size: 13px;
  padding: 17px 15px;
}
.target-result .manager-info h4, .target-result .publicity-period h4 {
  color: #283442;
  width: 185px;
}
.target-result .manager-info .details, .target-result .publicity-period .details {
  display: flex;
}
.target-result .manager-info .details .detail, .target-result .publicity-period .details .detail {
  display: flex;
  align-items: center;
  margin-right: 30px;
}
.target-result .manager-info .details .detail:last-child, .target-result .publicity-period .details .detail:last-child {
  margin-right: 0;
}
.target-result .manager-info .details .detail .attr, .target-result .publicity-period .details .detail .attr {
  margin-right: 10px;
  color: #6A7684;
}
.target-result .manager-info .details .detail .input-box, .target-result .publicity-period .details .detail .input-box {
  width: 120px;
  height: 32px;
  box-sizing: border-box;
  background: #F1F3FB;
  border-radius: 5px;
  padding: 0 10px;
  border: 2px solid #F1F3FB;
  transition: all linear 0.2s;
}
.target-result .manager-info .details .detail .input-box:hover, .target-result .manager-info .details .detail .input-box:focus, .target-result .publicity-period .details .detail .input-box:hover, .target-result .publicity-period .details .detail .input-box:focus {
  background-color: white;
}
@media (max-width: 1461px) {
  .target-result .manager-info .details .detail .input-box, .target-result .publicity-period .details .detail .input-box {
    width: 100px;
  }
}
.target-result .manager-info .details .detail .input-box.email, .target-result .publicity-period .details .detail .input-box.email {
  width: 552px;
}
@media (max-width: 1461px) {
  .target-result .manager-info .details .detail .input-box.email, .target-result .publicity-period .details .detail .input-box.email {
    width: 472px;
  }
}
@media (max-width: 1461px) and (max-width: 1457px) {
  .target-result .manager-info .details .detail .input-box.email, .target-result .publicity-period .details .detail .input-box.email {
    width: 181px;
  }
}
.target-result .manager-info .details .detail .period-select, .target-result .publicity-period .details .detail .period-select {
  width: 225px;
}
.target-result .footer {
  display: grid;
  justify-content: center;
  padding-top: 25px;
}
.target-result .footer p {
  font-size: 13px;
  color: #6A7684;
  margin-bottom: 10px;
}
.target-result .footer button {
  width: 350px;
  margin: 0 auto;
}

.mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background: #F8F9FC !important;
}

.apply-complete-modal {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10030;
  background-color: rgba(0, 0, 0, 0.5);
}
.apply-complete-modal .layer {
  position: relative;
  width: 640px;
  height: 430px;
  border-radius: 8px;
  background-color: white;
  justify-content: center;
}
.apply-complete-modal .layer .congrats-img {
  background-image: url(/resources/mrs2/css/manager/faceLiftImg/jobdaPromotion/congrats.png);
  background-repeat: no-repeat;
  background-size: cover;
  margin: 60px auto 13px;
  width: 160px;
  height: 160px;
}
.apply-complete-modal .layer .complete-msg {
  font-size: 18px;
  letter-spacing: 0;
  color: #283442;
  text-align: center;
}
.apply-complete-modal .layer .step-bars {
  position: relative;
  margin-top: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.apply-complete-modal .layer .step-bars .step-bar {
  background-color: #CFCFCF;
  width: 200px;
  height: 6px;
}
.apply-complete-modal .layer .step-bars .step-bar.completed {
  background-color: #19C17C;
}
.apply-complete-modal .layer .step-bars .steps {
  display: flex;
  width: 518px;
  padding-top: 40px;
  padding-bottom: 40px;
  margin: 0 auto;
  justify-content: space-between;
  position: absolute;
  top: -59px;
}
.apply-complete-modal .layer .step-bars .steps .step .step-num {
  margin: 0 auto;
  width: 40px;
  height: 40px;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  border: 2px solid #e7e7e7;
  border-radius: 50%;
  color: #707070;
}
.apply-complete-modal .layer .step-bars .steps .step .text {
  max-width: 132px;
  width: 132px;
  margin-top: 11px;
  text-align: center;
  color: #adb3c2;
}
.apply-complete-modal .layer .step-bars .steps .step.completed .step-num {
  background-color: #19C17C;
  border: none;
  color: white;
}
.apply-complete-modal .layer .step-bars .steps .step.completed .text {
  color: #19C17C;
}
.apply-complete-modal .layer .btn_close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 20px;
  height: 20px;
  border: none;
  background: none;
}
.apply-complete-modal .layer .btn_close .btn_close__container {
  position: relative;
}
.apply-complete-modal .layer .btn_close .btn_close__container .box {
  position: absolute;
  left: 18%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
}
.apply-complete-modal .layer .btn_close .btn_close__container .box .line {
  position: absolute;
  top: 50%;
  width: 100%;
  height: 2px;
  background-color: #6A7684;
}
.apply-complete-modal .layer .btn_close .btn_close__container .box .line.line-1 {
  transform: rotate(135deg) translateX(0%);
}
.apply-complete-modal .layer .btn_close .btn_close__container .box .line.line-2 {
  transform: rotate(45deg) translateX(0%);
}
.faqList div[name=category] button[data-opener-all=openAll] i.fa-chevron-down {
  width: 10px;
}
.faqList div[name=category] button[data-opener-all=openAll] i.fa-chevron-down:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/next_icon.svg");
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
}
.faqList div[name=category] button[data-opener-all=closeAll] i.fa-chevron-up {
  width: 10px;
}
.faqList div[name=category] button[data-opener-all=closeAll] i.fa-chevron-up:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/next_icon.svg");
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-90deg);
}
.faqList div[name=category] dl.list-faq {
  border-top: unset;
}
.faqList div[name=category] dl.list-faq dt {
  border-top: 1px solid #F2F3F5;
  border-bottom: none;
  padding: 17px 0 17px 38px;
}
.faqList div[name=category] dl.list-faq dt:first-child {
  border-top: none;
}
.faqList div[name=category] dl.list-faq dt div[name=settingBtn] {
  display: none;
}
.faqList div[name=category] dl.list-faq dt div[name=validBtn] {
  display: none;
}
.faqList div[name=category] dl.list-faq dt button[name=done] {
  display: none;
}
.faqList div[name=category] dl.list-faq dt button.question-opener {
  background: #ffffff;
  border: 2px solid #e7eaf1;
  border-radius: 5px;
  width: 32px;
  height: 32px;
  color: #fff;
  position: relative;
  box-sizing: border-box;
  vertical-align: middle;
}
.faqList div[name=category] dl.list-faq dt button.question-opener.fa-chevron-down:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/next_icon.svg");
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
}
.faqList div[name=category] dl.list-faq dt button.question-opener.fa-chevron-up:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/next_icon.svg");
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-90deg);
}
.faqList div[name=category] dl.list-faq dt.active div[name=settingBtn] {
  display: inline-block;
}
.faqList div[name=category] dl.list-faq dt.active div[name=validBtn] {
  display: none;
}
.faqList div[name=category] dl.list-faq dt.active + dd {
  background-color: transparent;
  border-bottom: none;
  padding: 0 20px 25px 37px;
}
.faqList div[name=category] dl.list-faq dt.active + dd:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.faqList div[name=category] dl.list-faq dt.edit {
  display: flex;
  flex-direction: row-reverse;
}
.faqList div[name=category] dl.list-faq dt.edit div[name=settingWrap] {
  display: none;
}
.faqList div[name=category] dl.list-faq dt.edit div[name=validBtn] {
  display: flex;
}
.faqList div[name=category] dl.list-faq dt.add {
  display: flex;
}
.faqList div[name=category] dl.list-faq dt.add button[name=done] {
  display: block;
}
.faqList div[name=category] dl.list-faq dt.add div[name=settingWrap] {
  display: none;
}
.faqList div[name=category] dl.list-faq dt.add div[name=validBtn] {
  display: none;
}
.faqList div[name=category] dl.list-faq dd {
  left: 4px;
}
.faqList div[name=category] dl.list-faq dd i.boardLabel.answer {
  left: 0px;
}
@charset "UTF-8";
table.facelift-modal-table {
  border-top: 1px solid #e7eaf1 !important;
  border-bottom: 1px solid #e7eaf1 !important;
  font-size: 13px;
}
table.facelift-modal-table th {
  color: #283442 !important;
  font-weight: 500 !important;
}
table.facelift-modal-table.facelift-th-line thead th {
  border-right: 1px solid #e7eaf1;
  border-bottom: 1px solid #e7eaf1;
  font-weight: 500;
}
table.facelift-modal-table.facelift-th-line thead th:last-child {
  border-right: none;
}
table.facelift-modal-table.facelift-th-line tbody tr td {
  border-right: 1px solid #e7eaf1;
}
table.facelift-modal-table.facelift-th-line tbody tr td:last-child {
  border-right: none;
}
table.facelift-modal-table.facelift-th-line tbody tr[data-type=OVERALL] td {
  background: none !important;
  border-bottom: none;
  text-align: center;
}
table.facelift-modal-table.facelift-th-line tbody tr[data-type=OVERALL] td:first-child {
  background: #f8f9fc !important;
}
table.facelift-modal-table.facelift-th-line tbody tr span.name.face-lift {
  font-weight: 500;
  color: #283442;
}
table.facelift-modal-table.facelift-th-line tbody tr span.name.face-lift:before {
  content: "";
  background: url("/resources/mrs2/css/manager/faceLiftImg/moda_result.svg") no-repeat !important;
}
table.facelift-modal-table.facelift-modal-formtable {
  border-top: 1px solid #e7eaf1;
  border-bottom: 1px solid #e7eaf1;
}
table.facelift-modal-table.facelift-modal-formtable tr th {
  background: #f8f9fc;
  font-weight: 500;
  text-align: left;
  padding-left: 20px;
  border-bottom: 1px solid #e7eaf1 !important;
}
table.facelift-modal-table.facelift-modal-formtable tr td {
  text-align: left;
  padding: 10px 20px;
  border-bottom: 1px solid #e7eaf1 !important;
}
table.facelift-modal-table.facelift-modal-formtable tr td input {
  height: 28px !important;
}
table.facelift-modal-table.facelift-modal-formtable tr td label {
  height: 28px;
}
table.facelift-modal-table.facelift-modal-formtable tbody tr th {
  background: #f8f9fc;
  border-right: 1px solid #e7eaf1;
  text-align: left;
  padding-left: 20px;
  border-bottom: 1px solid #e7eaf1 !important;
  font-weight: 500;
}
table.facelift-modal-table.facelift-modal-formtable tbody tr td {
  text-align: left;
  padding-left: 20px;
  border-bottom: 1px solid #e7eaf1 !important;
}
table.facelift-modal-table.facelift-modal-formtable tbody tr td input,
table.facelift-modal-table.facelift-modal-formtable tbody tr td select {
  height: 28px !important;
}
table.facelift-modal-table.facelift-modal-formtable tbody tr td input + .fa-calendar:before,
table.facelift-modal-table.facelift-modal-formtable tbody tr td input + .fa-clock-o:before,
table.facelift-modal-table.facelift-modal-formtable tbody tr td select + .fa-calendar:before,
table.facelift-modal-table.facelift-modal-formtable tbody tr td select + .fa-clock-o:before {
  transform: translate(-40%, -58%);
}
table.facelift-modal-table thead tr {
  height: 54px;
  background: #f8f9fc;
  border-bottom: 1px solid #e7eaf1;
}
table.facelift-modal-table thead th {
  color: #283442 !important;
  font-weight: 500 !important;
}
table.facelift-modal-table tbody.ui-sortable-helper tr {
  box-shadow: 10px 30px 10px rgba(0, 0, 0, 0.15);
  background: #f8f9fc;
}
table.facelift-modal-table tbody tr {
  height: 54px;
  border-top: 1px solid #e7eaf1;
  border-bottom: 1px solid #e7eaf1;
}
table.facelift-modal-table tbody tr:first-child {
  border-top: none;
}
table.facelift-modal-table tbody tr:last-child {
  border-bottom: none !important;
}
table.facelift-modal-table tbody tr td {
  position: relative;
  text-align: center;
  font-weight: 400;
  color: #6a7684;
}
table.facelift-modal-table tbody tr td i.facelift-bars {
  background: url("/resources/mrs2/css/manager/faceLiftImg/modal_bar.svg") no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 18px;
  left: calc(50% - 10px);
}
table.facelift-modal-table tbody tr td span.face-lift-apply {
  width: 100px;
  height: 24px;
  line-height: 24px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
}
table.facelift-modal-table tbody tr td span.face-lift-apply.finish {
  background: #e7eaf1;
  color: #6a7684;
  border-radius: 20px;
}
table.facelift-modal-table tbody tr td span.face-lift-apply.setting {
  color: #6e5bc1;
  background: #d6ccf5;
  border-radius: 20px;
}
table.facelift-modal-table tbody tr td span.face-lift-apply.pre-regist {
  color: #0288e2;
  background: #c4e5fc;
  border-radius: 20px;
}
table.facelift-modal-table tbody tr td span.face-lift-apply.regist {
  color: #00a850;
  background: #ccf5e0;
  border-radius: 20px;
}
table.facelift-modal-table tbody tr td input,
table.facelift-modal-table tbody tr td select {
  height: 28px !important;
}
table.facelift-modal-table b {
  color: #6a7684 !important;
}
table.facelift-modal-table.tbody-th-left tbody th {
  text-align: left;
  padding-left: 20px;
  background: #f8f9fc;
  font-weight: 500 !important;
}
table.facelift-modal-table.tbody-td-left tbody td {
  text-align: left;
  padding-left: 20px;
}

ul.face-lift-passwordlog {
  border: 1px solid #e7eaf1;
}
ul.face-lift-passwordlog li {
  height: 55px;
  box-sizing: content-box;
  display: flex;
  justify-content: space-between;
  position: relative;
}
ul.face-lift-passwordlog li:after {
  content: "";
  width: 1px;
  height: 20px;
  background: #e7eaf1;
  position: absolute;
  left: 50%;
  top: 18px;
}
ul.face-lift-passwordlog li div {
  position: relative;
  line-height: 55px;
  text-align: center;
  width: 50%;
}
ul.face-lift-passwordlog li div.face-lift-date:before {
  content: url("/resources/mrs2/css/manager/faceLiftImg/clock_icon.svg");
  width: 20px;
  height: 20px;
  position: absolute;
  left: 25px;
  top: 5px;
}
ul.face-lift-passwordlog li div.face-lift-ip:before {
  content: url("/resources/mrs2/css/manager/faceLiftImg/ip_icon.svg");
  width: 20px;
  height: 20px;
  position: absolute;
  left: 42px;
  top: 5px;
}

ul.face-lift-table-list {
  width: 100%;
}
ul.face-lift-table-list li {
  padding: 0 5px;
  height: 54px;
  line-height: 54px;
  border-top: 1px solid #e7eaf1;
}
ul.face-lift-table-list li:last-child {
  border-bottom: 1px solid #e7eaf1;
}
ul.face-lift-table-list li:first-child {
  padding-left: 32px;
  background: #f8f9fc;
}
ul.face-lift-table-list li span.face-lift-evallabel {
  display: inline-block;
  line-height: 25px;
  text-align: center;
  width: 80px;
  height: 25px;
  border-radius: 12px;
  margin-right: 10px;
}
ul.face-lift-table-list li span.face-lift-evallabel.header {
  color: #283442;
  font-weight: 500;
}
ul.face-lift-table-list li span.face-lift-evallabel.NOT_EVALUATE {
  background: #c4e5fc;
  color: #0288e2;
}
ul.face-lift-table-list li span.face-lift-evallabel.NOT_PASS {
  background: #e7eaf1;
  color: #6a7684;
}
ul.face-lift-table-list li span.face-lift-evallabel.PASS {
  background: #ccf5e0;
  color: #00a850;
}
ul.face-lift-table-list li span.face-lift-evallabel.SPARE_PASS {
  background: #d6ccf5;
  color: #6e5bc1;
}

h3.h3.face-lift {
  font-weight: bold;
  color: #283442;
  position: relative;
}
h3.h3.face-lift.top-divide:before {
  content: "";
  width: calc(100% - 40px);
  height: 1px;
  position: absolute;
}

h2.face-lift-h2 {
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 15px;
}

div.face-lift.tbl-search-box {
  padding: 15px 25px 15px 0;
  background: #f1f3fb;
  border-radius: 6px;
}
div.face-lift.tbl-search-box table tbody tr td label select {
  height: 32px;
  background: white;
  outline: none;
}
div.face-lift.tbl-search-box table tr th {
  font-weight: 500;
  color: #283442;
}

div.face-lift-msg-box-border {
  position: relative;
  padding: 15px 25px;
  border: 1px solid #e7eaf1;
  margin-top: 20px;
}
div.face-lift-msg-box-border ul li {
  position: relative;
  margin-bottom: 5px;
  color: #6a7684;
}
div.face-lift-msg-box-border ul li:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 2px;
  background: #6a7684;
  border-radius: 2px;
  top: 9px;
  left: -9px;
}

ul.face-lift-msg-round {
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0;
}
ul.face-lift-msg-round li {
  position: relative;
  height: 20px;
  margin-left: 10px;
}
ul.face-lift-msg-round li:before {
  content: "";
  width: 3px;
  height: 3px;
  background: #6a7684;
  border-radius: 1.5px;
  position: absolute;
  top: 8px;
  left: -7px;
}

ul.face-lift-msg-box {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
ul.face-lift-msg-box li {
  position: relative;
  margin-bottom: 5px;
  padding-left: 10px;
  color: #6a7684;
}
ul.face-lift-msg-box li:last-child {
  margin-bottom: 0;
}
ul.face-lift-msg-box li:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 2px;
  top: 9px;
  left: 0;
  border-radius: 4px;
  background: #6a7684;
}
ul.face-lift-msg-box:after {
  content: "";
  position: absolute;
  width: calc(100% + 40px);
  height: 1px;
  left: -20px;
  bottom: 0;
  background: #e7eaf1;
}
ul.face-lift-msg-box.no-border-bottom:after {
  display: none;
}
ul.face-lift-msg-box.bottom15px {
  padding-bottom: 15px;
}
ul.face-lift-msg-box.noline {
  margin-bottom: 1px;
}
ul.face-lift-msg-box.noline:before {
  content: "";
  position: absolute;
  width: calc(100% + 40px);
  height: 1px;
  left: -20px;
  bottom: 0;
  background: white;
  z-index: 100;
}

.face-lift-alert-bar,
.msg-box-h1 {
  position: relative;
  text-align: center;
  color: #00c17c;
  padding-bottom: 22px;
  margin-bottom: 20px;
}
.face-lift-alert-bar span.face-lift-flag,
.msg-box-h1 span.face-lift-flag {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/resources/mrs2/css/manager/faceLiftImg/flag_greenIcon.svg) no-repeat;
  position: relative;
  top: 4px;
}
.face-lift-alert-bar:after,
.msg-box-h1:after {
  content: "";
  position: absolute;
  width: calc(100% + 40px);
  height: 1px;
  left: -20px;
  bottom: 0;
  background: #e7eaf1;
}

ul.additionalBtnBox.clearfix.face-lift li {
  width: 181px !important;
}
ul.additionalBtnBox.clearfix.face-lift li button span {
  display: inline-block;
  margin-bottom: 6px;
}
ul.additionalBtnBox.clearfix.face-lift li button:before {
  content: url(images/face-lift-plus-btn.png) !important;
  display: inline-block;
  position: relative;
  top: 5px !important;
  margin-right: 0px !important;
}

button.face-lift-hoverbtn {
  height: 32px;
  border: 2px solid #e7eaf1 !important;
  border-color: #e7eaf1 !important;
  padding: 0 5px;
  border-radius: 5px;
  background: white;
  transition: none;
}
button.face-lift-hoverbtn.back {
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/back_icon.svg") !important;
  background-color: white;
  background-repeat: no-repeat;
  background-position: center;
}
button.face-lift-hoverbtn.back:hover {
  border: 2px solid #57be81 !important;
}
button.face-lift-hoverbtn.next {
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/next_icon.svg") !important;
  background-color: white !important;
  background-repeat: no-repeat;
  background-position: center;
}
button.face-lift-hoverbtn.next:disabled {
  background-color: #c5c9d8 !important;
  border: 2px solid #c5c9d8 !important;
  background-repeat: no-repeat;
  background-position: center;
}
button.face-lift-hoverbtn.next:disabled:hover {
  border: 2px solid #c5c9d8 !important;
}
button.face-lift-hoverbtn.back:hover {
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/back_icon_white.png") !important;
  background-repeat: no-repeat;
  background-position: center;
  border: 2px solid #57be81;
  background-color: #57be81 !important;
  border-radius: 5px;
}
button.face-lift-hoverbtn.next:hover {
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/next_icon_white.png") !important;
  background-repeat: no-repeat;
  background-position: center;
  border: 2px solid #57be81 !important;
  background-color: #57be81 !important;
  border-radius: 5px;
}
button.face-lift-hoverbtn.next:hover:disabled {
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/next_icon.svg") !important;
  background-color: #c5c9d8 !important;
  border: 2px solid #c5c9d8;
}
button.face-lift-hoverbtn:disabled {
  background: #c5c9d8;
  border: 2px solid #c5c9d8;
  color: #ffffff;
}
button.face-lift-hoverbtn[data-button=remove] {
  width: 46px;
  height: 32px;
  border: 2px solid #e1e1e1;
}
button.face-lift-hoverbtn:hover {
  background-color: #e7eaf1 !important;
}
button.face-lift-hoverbtn:disabled {
  background-color: #c5c9d8 !important;
  border: 2px solid #c5c9d8 !important;
  background-repeat: no-repeat;
  background-position: center;
}
button.face-lift-hoverbtn:disabled:hover {
  border: 2px solid #c5c9d8 !important;
}

.face-lift-resume-download {
  position: relative;
  display: flex;
  top: -20px;
  height: 315px;
}
.face-lift-resume-download.face-lift-exceldown {
  height: 360px;
}
.face-lift-resume-download.horizon-line {
  position: relative;
}
.face-lift-resume-download.horizon-line:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: calc(100% + 40px);
  height: 1px;
  left: -20px;
  background: #e7eaf1;
}
.face-lift-resume-download .face-lift-verticalline {
  position: relative;
}
.face-lift-resume-download .face-lift-verticalline:before {
  content: "";
  width: 1px;
  height: 100%;
  background: #e7eaf1;
  position: absolute;
  left: 0;
}
.face-lift-resume-download div {
  width: 313px;
  text-align: center;
}
.face-lift-resume-download div.face-lift-border {
  border-left: 1px solid #e7eaf1;
  border-right: 1px solid #e7eaf1;
}
.face-lift-resume-download div h3.filedownload {
  position: relative;
  margin-top: 140px;
}
.face-lift-resume-download div h3.filedownload.left:after {
  content: "";
  position: absolute;
  width: 350px;
  height: 1px;
  background: #e7eaf1;
  top: 45px;
  left: 0px;
}
.face-lift-resume-download div h3.filedownload.right:after {
  content: "";
  position: absolute;
  width: 350px;
  height: 1px;
  background: #e7eaf1;
  top: 45px;
  left: 20px;
}
.face-lift-resume-download div h3.filedownload.bottomline:after {
  content: "";
  height: 1px;
  background: #e7eaf1;
  position: absolute;
  top: 42px;
}
.face-lift-resume-download div h3.filedownload.bottomline1:after {
  width: calc(100% - 20px);
  left: 0;
}
.face-lift-resume-download div h3.filedownload.bottomline2:after {
  width: calc(100% - 40px);
  left: 20px;
}
.face-lift-resume-download div h3.filedownload.bottomline3:after {
  width: calc(100% - 20px);
  left: 20px;
}
.face-lift-resume-download div h3.filedownload.evalname:before {
  content: url("/resources/mrs2/css/manager/faceLiftImg/4c_copy_resume.png");
  position: absolute;
  width: 80px;
  height: 80px;
  top: -120px;
  left: 125px;
  transform: scale(0.5);
}
.face-lift-resume-download div h3.filedownload.evalnamebase:before {
  content: url("/resources/mrs2/css/manager/faceLiftImg/4c_list_name_eval.png");
  position: absolute;
  width: 80px;
  height: 80px;
  top: -120px;
  left: 125px;
  transform: scale(0.5);
}
.face-lift-resume-download div h3.filedownload.evalidbase:before {
  content: url("/resources/mrs2/css/manager/faceLiftImg/4c_list_id_eval.png");
  position: absolute;
  width: 80px;
  height: 80px;
  top: -120px;
  left: 125px;
  transform: scale(0.5);
}
.face-lift-resume-download div h3.filedownload.evalid:before {
  content: url("/resources/mrs2/css/manager/faceLiftImg/4c_copy_document.png");
  position: absolute;
  width: 80px;
  height: 80px;
  top: -120px;
  left: 125px;
  transform: scale(0.5);
}
.face-lift-resume-download div h3.filedownload.integrate:before {
  content: url("/resources/mrs2/css/manager/faceLiftImg/4c_resume.png");
  position: absolute;
  width: 80px;
  height: 80px;
  top: -100px;
  left: 105px;
}
.face-lift-resume-download div h3.filedownload.divide:before {
  content: url("/resources/mrs2/css/manager/faceLiftImg/4c_resume_sep.png");
  position: absolute;
  width: 80px;
  height: 80px;
  top: -100px;
  left: 105px;
}
.face-lift-resume-download div h3.filedownload.desc:before {
  content: url("/resources/mrs2/css/manager/faceLiftImg/4c_description.png");
  position: absolute;
  width: 80px;
  height: 80px;
  top: -100px;
  left: 105px;
}
.face-lift-resume-download div ul.face-lift.filedownload-list {
  position: relative;
  top: 35px;
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
}
.face-lift-resume-download div ul.face-lift.filedownload-list.first {
  padding-right: 20px;
  padding-left: 0;
}
.face-lift-resume-download div ul.face-lift.filedownload-list.last {
  padding-left: 20px;
  padding-right: 0;
}
.face-lift-resume-download div ul.face-lift.filedownload-list li {
  position: relative;
  margin-bottom: 5px;
  color: #6a7684;
  font-size: 12px;
  margin-left: 8px;
}
.face-lift-resume-download div ul.face-lift.filedownload-list li:before {
  content: "";
  position: absolute;
  left: -8px;
  top: 8px;
  width: 3px;
  height: 3px;
  border-radius: 1.5px;
  background: #6a7684;
}
.face-lift-resume-download div ul.face-lift.filedownload-list li.warning {
  color: red;
}
.face-lift-resume-download div button.face-lift-exceldown {
  position: relative;
  box-sizing: border-box;
  top: 55px;
  height: 32px;
  padding-right: 10px;
  padding-left: 25px;
  border-radius: 6px;
  border: 2px solid #e7eaf1;
  background: white;
  color: #6a7684;
  line-height: 0;
}
.face-lift-resume-download div button.face-lift-exceldown:disabled {
  background: #e3e3e3 !important;
}
.face-lift-resume-download div button.face-lift-exceldown:disabled:hover {
  background: #e3e3e3 !important;
  cursor: not-allowed;
}
.face-lift-resume-download div button.face-lift-exceldown.copy {
  width: 69px;
}
.face-lift-resume-download div button.face-lift-exceldown.copy:before {
  content: url("/resources/mrs2/css/manager/faceLiftImg/1_copy_doc.svg");
  position: absolute;
  width: 20px;
  height: 20px;
  left: 6px;
}
.face-lift-resume-download div button.face-lift-exceldown:before {
  content: url("/resources/mrs2/css/manager/faceLiftImg/download_icon.svg");
  position: absolute;
  width: 20px;
  height: 20px;
  left: 5px;
  top: 4px;
}
.face-lift-resume-download div button.face-lift-exceldown:hover {
  background: #e7eaf1 !important;
}

p.face-lift {
  position: relative;
  color: #6a7684;
}

ol.face-lift-ol li {
  margin-bottom: 5px;
  color: #6a7684;
}

.mCSB_draggerRail {
  background: white !important;
}

.mCSB_dragger_bar {
  background: #c6c8d1 !important;
}

a.face-lift-newPop {
  position: relative;
}
a.face-lift-newPop:before {
  position: absolute;
  content: url("/resources/mrs2/css/manager/faceLiftImg/new_window_icon.svg");
  width: 20px;
  height: 20px;
  left: 7px;
}
a.face-lift-newPop:hover {
  background: #e7eaf1;
}

a.face-lift-newlink {
  position: relative;
}
a.face-lift-newlink:before {
  position: absolute;
  content: url("/resources/mrs2/css/manager/faceLiftImg/new_window_iconad.svg");
  width: 20px;
  height: 20px;
  left: 7px;
}
a.face-lift-newlink:hover {
  background: #e7eaf1;
}

div.face-lift-hr {
  position: relative;
}
div.face-lift-hr:after {
  width: 100%;
  height: 1px;
  content: "";
  background: #e7eaf1;
  position: absolute;
  bottom: -40px;
}

span.face-lift-arrow-right {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/next_arrow_icon.svg");
}

div.face-lift-modalgrid-resumedown {
  text-align: center;
  position: relative;
}
div.face-lift-modalgrid-resumedown img {
  display: inline-block;
  width: 80px;
  height: 80px;
  margin-top: 40px;
  margin-bottom: 15px;
}
div.face-lift-modalgrid-resumedown span {
  display: block;
  margin-bottom: 10px;
}
div.face-lift-modalgrid-resumedown button.download-img {
  position: relative;
  padding-left: 25px;
  width: auto;
}
div.face-lift-modalgrid-resumedown button.download-img:before {
  content: url("/resources/mrs2/css/manager/faceLiftImg/download_icon.svg");
  position: absolute;
  width: 20px;
  height: 20px;
  left: 5px;
}

div.face-lift.droppable {
  height: 205px;
  width: 100%;
  text-align: center;
  border: 1px dashed #c1c8d5;
  background: #f8f9fc;
  margin-top: 40px;
}
div.face-lift.droppable.active {
  border: 1px dashed #00c17c;
}
div.face-lift.droppable.bottomline:before {
  content: "";
  left: -20px;
  width: calc(100% + 39px);
  height: 1px;
  bottom: -20px;
  background: #e1e1e1;
  position: absolute;
}
div.face-lift.droppable.active {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
div.face-lift.droppable.active img {
  display: none;
}
div.face-lift.droppable.active p.droppableText {
  position: relative;
  color: #6a7684;
}
div.face-lift.droppable.active p.droppableText:before {
  content: url("/resources/mrs2/css/manager/faceLiftImg/xls_icon.svg");
  position: absolute;
  width: 20px;
  height: 20px;
  left: -20px;
}
div.face-lift.droppable img {
  display: inline-block;
  width: 55px;
  height: 55px;
  margin-top: 30px;
  margin-bottom: 5px;
}
div.face-lift.droppable p {
  margin-bottom: 10px;
}

div.face-lift-notice-fileupload {
  display: flex;
  justify-content: space-around;
  position: relative;
}
div.face-lift-notice-fileupload.crossline:before {
  content: "";
  width: 1px;
  height: 400px;
  position: absolute;
  background: #e1e1e1;
  top: -20px;
  left: calc(50% - 0px);
}
div.face-lift-notice-fileupload.crossline:after {
  content: "";
  height: 1px;
  width: calc(100% + 40px);
  position: absolute;
  bottom: -20px;
  left: -20px;
  background: #e1e1e1;
}
div.face-lift-notice-fileupload div {
  width: 100%;
  text-align: center;
  position: relative;
}
div.face-lift-notice-fileupload div img {
  display: inline-block;
  width: 80px;
  height: 80px;
  margin-top: 20px;
  margin-bottom: 15px;
}
div.face-lift-notice-fileupload div img.disabled {
  width: 150px;
  height: 100px;
  margin-top: 0;
}
div.face-lift-notice-fileupload div div.face-lift-file-border {
  width: 100%;
  height: 200px;
  background: #f8f9fc;
  border: 1px dashed #dcdde1;
  text-align: center;
}
div.face-lift-notice-fileupload div div.face-lift-file-border.disabled {
  display: flex;
}
div.face-lift-notice-fileupload div div.face-lift-file-border.disabled .unActiveBox {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: #ffffff;
}
div.face-lift-notice-fileupload div div.face-lift-file-border.disabled .unActiveBox img {
  margin-top: 0;
}
div.face-lift-notice-fileupload div div.face-lift-file-border.active {
  border: 1px dashed #00c17c;
}
div.face-lift-notice-fileupload div div.face-lift-file-border div.unActiveBox img {
  display: inline-block;
  width: 54px;
  height: 54px;
  margin-top: 30px;
  margin-bottom: 5px;
}
div.face-lift-notice-fileupload div div.face-lift-file-border div.unActiveBox p {
  margin-bottom: 5px;
}
div.face-lift-notice-fileupload div div.face-lift-file-border div.unActiveBox button.face-lift-fileupload {
  height: 32px;
  padding: 5px 10px;
  border: 2px solid #e7eaf1;
  border-radius: 5px;
  background: #ffffff;
}

div.face-lift-filelist {
  position: relative;
  text-align: left;
  left: 45px;
}
div.face-lift-filelist span.droppableListName {
  position: relative;
  display: inline-block;
}
div.face-lift-filelist.photo:before {
  position: absolute;
  content: url("/resources/mrs2/css/manager/faceLiftImg/photo_icon.svg");
  width: 20px;
  height: 20px;
  left: -20px;
}
div.face-lift-filelist.file:before {
  position: absolute;
  content: url("/resources/mrs2/css/manager/faceLiftImg/xls_icon.svg");
  width: 20px;
  height: 20px;
  left: -20px;
}

div.face-lift-filephotoError {
  position: relative;
  width: 100%;
  height: 250px;
  display: flex;
  justify-content: space-around;
}
div.face-lift-filephotoError div.error-block {
  width: 100%;
  text-align: center;
}
div.face-lift-filephotoError div.error-block img {
  display: inline-block;
  width: 80px;
  height: 80px;
  margin-top: 40px;
  margin-bottom: 15px;
}
div.face-lift-filephotoError div.error-block p {
  margin-bottom: 5px;
}
div.face-lift-filephotoError.line:before {
  content: "";
  position: absolute;
  height: calc(100% + 20px);
  width: 1px;
  left: 50%;
  top: -20px;
  background: #e7eaf1;
}
div.face-lift-filephotoError.line:after {
  content: "";
  position: absolute;
  width: calc(100% + 40px);
  height: 1px;
  left: -20px;
  bottom: 0;
  background: #e7eaf1;
}

div.face-lift-filephotoDesc {
  margin: 20px 0;
  padding: 20px;
  background: rgba(244, 54, 30, 0.0509803922);
}
div.face-lift-filephotoDesc p {
  margin-bottom: 10px;
}
div.face-lift-filephotoDesc ul li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 5px;
}
div.face-lift-filephotoDesc ul li span {
  color: #f4361e;
  margin-left: 10px;
}
div.face-lift-filephotoDesc ul.img li:before {
  content: url("/resources/mrs2/css/manager/faceLiftImg/photo_icon.svg");
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px;
}
div.face-lift-filephotoDesc ul.file li:before {
  content: url("/resources/mrs2/css/manager/faceLiftImg/xls_icon.svg");
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px;
}

span.face-lift-micon {
  background: url("/resources/mrs2/css/manager/faceLiftImg/M_icon.svg") no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
}

button.face-lift-modalbtnAdd {
  width: 100%;
  border: 2px solid #e7eaf1;
  border-radius: 5px;
  height: 28px;
  margin-top: 10px;
  clear: both;
  background-color: white;
}
button.face-lift-modalbtnAdd:hover {
  background-color: #e7eaf1;
}
button.face-lift-modalbtnAdd.add_black_icon {
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/1_add.svg");
  background-repeat: no-repeat;
  background-size: 10px;
  background-position-x: 5px;
  background-position-y: 5px;
}
button.face-lift-modalbtnAdd.center {
  background-position: center !important;
}

li.face-lift-micon:before {
  content: url("/resources/mrs2/css/manager/faceLiftImg/M_icon.svg");
  position: absolute;
  width: 10px;
  height: 10px;
  right: 20px;
  top: 7px;
}

#wrapRecruitField.face-lift-wrapModalCGV {
  width: 898px;
  border-top: none;
  border-bottom: none;
}
#wrapRecruitField.face-lift-wrapModalCGV h2 {
  color: #283442;
  font: normal normal bold 15px/22px "Noto Sans CJK KR", "Noto Sans KR", "Noto Sans KR Local", "돋움";
  margin-bottom: 21px;
}
#wrapRecruitField.face-lift-wrapModalCGV input[type=checkbox] + span.label:before {
  margin-right: 5px;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapNextAttendType {
  padding: 0;
  border-top: none;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapNextAttendType + .wrapRecruitFieldCheck {
  padding-top: 22px;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV {
  background: white;
  height: 279px;
  border-top: 1px solid #e7eaf1;
  border-bottom: 1px solid #e7eaf1;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell h3 {
  height: 54px;
  display: flex;
  align-items: center;
  background: #f8f9fc;
  border-bottom: 1px solid #e7eaf1;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell h3:before {
  content: none;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell h3:after {
  content: none;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell h3 b {
  color: #00c17c;
  font: normal normal normal 13px/18px Roboto Medium;
  letter-spacing: -0.33px;
  margin-right: 5px;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell input[type=checkbox] + span.label {
  padding-left: 21px;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .wrapModalCGVList,
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .wrapModalCGVLists {
  height: 225px;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .wrapModalCGVList input[type=search],
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .wrapModalCGVLists input[type=search] {
  height: 32px;
  border-bottom: 1px solid #e7eaf1;
  background: url(/resources/mrs2/css/manager/faceLiftImg/search_icon.svg) no-repeat right;
  background-origin: content-box;
  padding-left: 20px;
  padding-right: 6px;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .wrapModalCGVList input[type=search]::before,
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .wrapModalCGVLists input[type=search]::before {
  content: "";
  float: right;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .wrapModalCGVList input[type=search]:focus,
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .wrapModalCGVLists input[type=search]:focus {
  border-top: none;
  border-left: none;
  border-right: none;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .wrapModalCGVList input[type=search]::-moz-placeholder, #wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .wrapModalCGVLists input[type=search]::-moz-placeholder {
  color: #adb3c2;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .wrapModalCGVList input[type=search]::placeholder,
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .wrapModalCGVLists input[type=search]::placeholder {
  color: #adb3c2;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .wrapModalCGVList input[type=search]::-webkit-search-cancel-button,
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .wrapModalCGVLists input[type=search]::-webkit-search-cancel-button {
  margin-right: 30px;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .wrapModalCGVList .modalCGVList,
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .wrapModalCGVLists .modalCGVList {
  height: 192px;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .wrapModalCGVList .modalCGVList ul,
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .wrapModalCGVLists .modalCGVList ul {
  width: 100%;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .wrapModalCGVList .modalCGVList ul li label,
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .wrapModalCGVLists .modalCGVList ul li label {
  height: 32px;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .wrapModalCGVList .modalCGVList ul li label span.label,
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .wrapModalCGVLists .modalCGVList ul li label span.label {
  height: 32px;
  line-height: 32px;
  color: #6a7684;
  background: white;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .wrapModalCGVList .modalCGVList ul li label span.label:hover,
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .wrapModalCGVLists .modalCGVList ul li label span.label:hover {
  background: #f8f9fc;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .wrapModalCGVList .modalCGVList ul li label:hover > input[type=radio] + span.label,
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .wrapModalCGVList .modalCGVList ul li label > input[type=radio]:checked + span.label,
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .wrapModalCGVLists .modalCGVList ul li label:hover > input[type=radio] + span.label,
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .wrapModalCGVLists .modalCGVList ul li label > input[type=radio]:checked + span.label {
  background: #f8f9fc;
  color: #6a7684;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .wrapModalCGVList .modalCGVList ul li.guide.resume, #wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .wrapModalCGVList .modalCGVList ul li.guide.sector,
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .wrapModalCGVLists .modalCGVList ul li.guide.resume,
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .wrapModalCGVLists .modalCGVList ul li.guide.sector {
  height: 192px;
  background: #f8f9fc;
  color: #6a7684;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .wrapModalCGVList .modalCGVList ul li.guide.resume:before, #wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .wrapModalCGVList .modalCGVList ul li.guide.sector:before,
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .wrapModalCGVLists .modalCGVList ul li.guide.resume:before,
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .wrapModalCGVLists .modalCGVList ul li.guide.sector:before {
  top: 61px;
  width: 54px;
  height: 54px;
  background: url(/resources/mrs2/css/manager/faceLiftImg/add_category_icon.png) no-repeat #e1e4ef;
  background-size: contain;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .wrapModalCGVList .modalCGVList ul li.guide.resume strong, #wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .wrapModalCGVList .modalCGVList ul li.guide.sector strong,
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .wrapModalCGVLists .modalCGVList ul li.guide.resume strong,
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .wrapModalCGVLists .modalCGVList ul li.guide.sector strong {
  color: #00c17c;
  font-weight: normal;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .wrapModalCGVList .modalCGVList ul li.noData,
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .wrapModalCGVLists .modalCGVList ul li.noData {
  height: 192px;
  background: white;
  color: #f4361e;
  line-height: 1;
  text-align: left;
  padding-left: 21px;
  padding-top: 10px;
  box-sizing: border-box;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .wrapModalCGVList .modalCGVList ul li.noData:before,
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .wrapModalCGVLists .modalCGVList ul li.noData:before {
  content: none;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .wrapModalCGVList .modalCGVList ul li.guide.resume,
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .wrapModalCGVLists .modalCGVList ul li.guide.resume {
  padding-top: 33px;
  box-sizing: border-box;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .wrapModalCGVList .modalCGVList ul li.guide.resume:before,
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .wrapModalCGVLists .modalCGVList ul li.guide.resume:before {
  margin-top: 0;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .modalCGVGuide.recruitNotice, #wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .modalCGVGuide.screening {
  z-index: 999;
  background: #f8f9fc;
  width: 597px;
  height: 224px;
  top: 55px;
  left: 100.4%;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .modalCGVGuide.recruitNotice:before, #wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .modalCGVGuide.screening:before {
  margin: 63px auto 10px;
  width: 54px;
  height: 54px;
  background: url(/resources/mrs2/css/manager/faceLiftImg/add_category_icon.png) no-repeat #e1e4ef;
  background-size: contain;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .modalCGVGuide.recruitNotice.hasJobflexProduct:before, #wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .modalCGVGuide.screening.hasJobflexProduct:before {
  margin: 37px auto 10px;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .modalCGVGuide.recruitNotice span, #wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .modalCGVGuide.screening span {
  color: #adb3c2;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .modalCGVGuide.recruitNotice strong, #wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .modalCGVGuide.screening strong {
  color: #00c17c;
  font-weight: normal;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .modalCGVGuide.recruitSector, #wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .modalCGVGuide.resume {
  top: 54px;
  left: 100.4%;
  height: 225px;
  background: #f8f9fc;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .modalCGVGuide.recruitSector:before, #wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .modalCGVGuide.resume:before {
  margin: 37px auto 10px;
  width: 54px;
  height: 54px;
  background: url(/resources/mrs2/css/manager/faceLiftImg/add_category_icon.png) no-repeat #e1e4ef;
  background-size: contain;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .modalCGVGuide.recruitSector p + p, #wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .modalCGVGuide.resume p + p {
  margin-top: 10px;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .modalCGVGuide.recruitSector span, #wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .modalCGVGuide.resume span {
  color: #adb3c2;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .modalCGVGuide.recruitSector strong, #wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .modalCGVGuide.resume strong {
  color: #00c17c;
  font-weight: normal;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell .modalCGVGuide.resume:before {
  margin-top: 61px;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell[data-index="2"] .modalCGVGuide.recruitNotice {
  width: 100%;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheck .modalCGV .modalCGVCell:last-child {
  border-right: none;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheckList,
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldAddList {
  padding: 22px 0 20px;
  min-height: 90px;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheckList h2,
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldAddList h2 {
  font-size: 13px;
  color: #6a7684;
  font-weight: 500;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheckList button.btnAddAllTarget, #wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheckList button.btnRemoveAllList,
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldAddList button.btnAddAllTarget,
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldAddList button.btnRemoveAllList {
  width: 54px;
  top: 21px;
  left: 133px;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheckList button.btnAddAllTarget.active, #wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheckList button.btnRemoveAllList.active,
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldAddList button.btnAddAllTarget.active,
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldAddList button.btnRemoveAllList.active {
  background: white;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheckList button.btnAddAllTarget:hover, #wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheckList button.btnRemoveAllList:hover,
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldAddList button.btnAddAllTarget:hover,
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldAddList button.btnRemoveAllList:hover {
  min-height: 24px;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheckList ul:not(.empty),
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldAddList ul:not(.empty) {
  display: flex;
  flex-wrap: wrap;
  max-height: 120px;
  overflow: auto;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheckList ul:not(.empty) li,
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldAddList ul:not(.empty) li {
  display: flex;
  margin-right: 10px;
  margin-bottom: 5px;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheckList ul:not(.empty) li div.labelBar,
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldAddList ul:not(.empty) li div.labelBar {
  background: #ccf5e0;
  height: 32px;
  line-height: 28px;
  color: #00c17c;
  border: none;
  border-radius: 5px;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheckList ul:not(.empty) li div.labelBar span.division,
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldAddList ul:not(.empty) li div.labelBar span.division {
  color: #00c17c;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheckList ul:not(.empty) li div.labelBar.noTarget,
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldAddList ul:not(.empty) li div.labelBar.noTarget {
  background: #fde1dd;
  color: #f4361e;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheckList ul:not(.empty) li div.labelBar.noTarget span.division,
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldAddList ul:not(.empty) li div.labelBar.noTarget span.division {
  color: #f4361e;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheckList ul:not(.empty) li button,
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldAddList ul:not(.empty) li button {
  width: 37px;
  height: 32px;
  border: none;
  border-radius: 5px;
  margin-left: -5px;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheckList ul:not(.empty) li button.btnAddCheckList,
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldAddList ul:not(.empty) li button.btnAddCheckList {
  background: url(/resources/mrs2/css/manager/faceLiftImg/add_icon.svg) no-repeat 11px #ccf5e0;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheckList ul:not(.empty) li button.btnRemoveList,
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldAddList ul:not(.empty) li button.btnRemoveList {
  background: url(/resources/mrs2/css/manager/faceLiftImg/dash_green_icon.svg) no-repeat 11px #ccf5e0;
  margin-right: 0;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheckList ul:not(.empty) li span.msgNoTarget,
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldAddList ul:not(.empty) li span.msgNoTarget {
  background: #fde1dd;
  min-width: 98px;
  height: 32px;
  line-height: 32px;
  padding: 0 9px 0 0;
  margin-left: -10px;
  border: none;
  border-radius: 5px;
  text-align: right;
  color: #f4361e;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheckList ul:not(.empty) li + li,
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldAddList ul:not(.empty) li + li {
  margin-top: 0;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheckList ul.empty:before,
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldAddList ul.empty:before {
  content: none;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheckList ul.empty li,
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldAddList ul.empty li {
  color: #adb3c2;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldCheckList ul.empty li strong,
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldAddList ul.empty li strong {
  color: #00c17c;
  font-weight: normal;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapRecruitFieldAddList ul:not(.empty) li div.labelBar {
  padding: 0 13px;
  margin-top: 1px;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapScreeningResult,
#wrapRecruitField.face-lift-wrapModalCGV .wrapNextAttendanceReply,
#wrapRecruitField.face-lift-wrapModalCGV .wrapCountScreeningResume {
  padding: 22px 0 20px;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapCountScreeningResume {
  border-top: 1px solid #e7eaf1;
  min-height: 90px;
  max-height: 120px;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapCountScreeningResume button[data-button=countScreeningResume] {
  display: flex;
  float: left;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapCountScreeningResume button[data-button=countScreeningResume] img {
  width: 16px;
  height: 16px;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapCountScreeningResume button[data-button=countScreeningResume] span {
  margin-left: 5px;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapCountScreeningResume .resultCount {
  display: none;
  margin-left: 30px;
  min-width: 60px;
  height: 32px;
  line-height: 32px;
  text-align: right;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 0 15px;
  background: #f1f3fb;
  color: #1c252f;
  font-weight: bold;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapCountScreeningResume .resultCount:before {
  top: 6px;
  left: -30px;
  width: 20px;
  height: 20px;
  background: url(/resources/mrs2/css/manager/faceLiftImg/next_arrow_icon.svg) no-repeat;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapCountScreeningResume .resultCount.active {
  display: block;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapCountScreeningResume .resultCountText {
  display: none;
  height: 32px;
  line-height: 32px;
  margin-left: 5px;
}
#wrapRecruitField.face-lift-wrapModalCGV .wrapCountScreeningResume .resultCountText.active {
  display: inline;
}

.btn-facelift-codeadd {
  padding-left: 20px;
  padding-left: 30px;
  position: relative;
}
.btn-facelift-codeadd:before {
  content: url(/resources/mrs2/css/manager/faceLiftImg/recruitemodal_codeAdd.svg);
  width: 20px;
  height: 20px;
  position: absolute;
  left: 5px;
  top: 4px;
}
.btn-facelift-codeadd:hover {
  background: #e7eaf1 !important;
  border: 2px solid #e7eaf1 !important;
}

button.face-lift-codemodify {
  position: relative;
  top: 2px;
  background: url(/resources/mrs2/css/manager/faceLiftImg/recruitemodal_modify.svg) no-repeat !important;
  width: 32px;
  height: 32px;
  outline: none;
  border: none;
  background-position: center !important;
}
button.face-lift-codemodify:hover {
  background-color: #e7eaf1 !important;
  border-radius: 5px;
}

button.face-lift-codesave {
  position: relative;
  top: 2px;
  background: url(/resources/mrs2/css/manager/faceLiftImg/check_gray_icon.svg) no-repeat;
  width: 32px;
  height: 32px;
  outline: none;
  border: none;
  background-position: center;
}
button.face-lift-codesave:hover {
  background-color: #e7eaf1 !important;
  border-radius: 5px;
}

button.face-lift-btn {
  padding-left: 25px !important;
  position: relative;
  border: 2px solid #e7eaf1 !important;
  border-radius: 6px;
}
button.face-lift-btn:hover {
  border: 2px solid #e7eaf1 !important;
  background-color: #e7eaf1 !important;
}
button.face-lift-btn.codeadditional {
  padding-left: 30px;
  margin-right: 0;
}
button.face-lift-btn.codeadditional:after {
  content: url(/resources/mrs2/css/manager/faceLiftImg/1_add_code.svg);
  width: 20px;
  height: 20px;
  position: absolute;
  left: 5px;
  top: 4px;
}
button.face-lift-btn.codesaveIcon {
  padding-left: 30px !important;
}
button.face-lift-btn.codesaveIcon:after {
  content: url(/resources/mrs2/css/manager/faceLiftImg/check_gray_icon.svg);
  width: 20px;
  height: 20px;
  position: absolute;
  left: 5px;
  top: 4px;
}
button.face-lift-btn.trashNonTxt {
  background-image: url(/resources/mrs2/css/manager/faceLiftImg/recruitemodal_trash.svg);
  background-color: white;
  background-position: center;
  margin-left: 5px;
  width: 28px;
  height: 28px;
  border-radius: 5px;
  top: 5px;
}
button.face-lift-btn.trashNonTxt:hover {
  background-color: #e7eaf1;
}
button.face-lift-btn.trash:after {
  content: url(/resources/mrs2/css/manager/faceLiftImg/recruitemodal_trash.svg);
  width: 20px;
  height: 20px;
  position: absolute;
  left: 5px;
  top: 4px;
}
button.face-lift-btn.add {
  background: url(/resources/mrs2/css/manager/faceLiftImg/add_gray_icon.svg) no-repeat;
  background-position: center;
  width: 28px;
  height: 28px;
  margin-left: 5px;
}
button.face-lift-btn.add.not-first {
  display: none;
}
button.face-lift-btn.add:hover {
  background-color: #e7eaf1;
}
button.face-lift-btn.remove {
  background-image: url(/resources/mrs2/css/manager/faceLiftImg/remove_gray_icon.svg);
  background-color: white;
  background-position: center;
  width: 28px;
  height: 28px;
}
button.face-lift-btn.remove:hover {
  background-color: #e7eaf1;
}

.face-lift-star {
  width: 28px;
  height: 28px;
  border: 2px solid #e1e1e1;
  border-radius: 6px;
  top: 5px;
  background: url(/resources/mrs2/css/manager/faceLiftImg/star_empty_icon.svg) no-repeat;
}

button.face-lift-button-disabled {
  border: 2px solid #e1e1e1 !important;
}
button.face-lift-button-disabled:disabled {
  color: #e2e4ec;
  background: #c5c9d8;
  border: 2px solid #c5c9d8 !important;
}
button.face-lift-button-disabled:disabled:hover {
  color: #e2e4ec !important;
  background: #c5c9d8 !important;
  border: 2px solid #c5c9d8 !important;
}
button.face-lift-button-disabled:hover {
  background: #e1e1e1 !important;
}

.face-lift-border-bottom-line {
  position: relative;
  margin-bottom: 40px;
}
.face-lift-border-bottom-line:before {
  content: "";
  position: absolute;
  width: calc(100% + 40px);
  height: 1px;
  left: -20px;
  bottom: -20px;
  background: #e7eaf1;
}

.face-lift-searchBtnIcon {
  position: relative;
}
.face-lift-searchBtnIcon:before {
  content: url(/resources/mrs2/css/manager/faceLiftImg/modal_searchIcon.svg);
  width: 20px;
  height: 20px;
  position: absolute;
  right: 5px;
  top: 5px;
}

span.face-lift-msg-dash {
  display: inline-block;
  position: relative;
  padding-left: 2px;
  font-size: 12px !important;
  font-weight: 400;
  color: #6a7684 !important;
}

div.row.category label[data-label=subject] + div.detailBtnSet > label[data-label=required] > input[type=hidden] + span.label.face-lift-label,
div.row.category label[data-label=subject].active + div.detailBtnSet > label[data-label=required] > input[type=checkbox] + span.label.face-lift-label {
  background: url(/resources/mrs2/css/manager/faceLiftImg/star_empty_icon.svg) !important;
  background-position: center !important;
}

div.row.category label[data-label=subject].active + div.detailBtnSet > label[data-label=required] > input[type=checkbox]:checked + span.label.face-lift-label,
div.row.category label[data-label=subject].active + div.detailBtnSet > label[data-label=required] > input[type=checkbox]:checked + span.label,
div.row.category label[data-label=subject].active + div.detailBtnSet > label[data-label=required] > input[type=hidden] + span.label {
  background: url(/resources/mrs2/css/manager/faceLiftImg/star_blue_icon.svg) !important;
  background-position: center !important;
}

div.row.category input[type=checkbox] + span.label > span.required.face-lift {
  color: #1987e2;
}

div#careerAttach a.face-lift-file-btn {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 5px 0 0 5px;
  background: #ccf5e0;
  color: #00a850;
  margin-right: 0;
  max-width: 185px;
}
div#careerAttach a.face-lift-file-btn + button.removeFile {
  height: 29px;
  width: 29px;
  border-radius: 0 5px 5px 0;
  background-color: #ccf5e0;
  color: #00a850;
  margin-left: 0;
  position: relative;
  left: -3px;
  background-image: url(/resources/mrs2/css/manager/faceLiftImg/remove_green_icon.svg);
  background-position: center;
  background-repeat: no-repeat;
}
div#careerAttach a.face-lift-file-btn + button.removeFile:before {
  content: "";
}
div#careerAttach a.face-lift-file-btn + button.removeFile:after {
  content: "";
}

li.subQuestionList.face-lift div.setSubQuestion {
  position: relative;
}
li.subQuestionList.face-lift div.setSubQuestion button.btnRemove {
  width: 28px;
  height: 28px;
  border: 2px solid #e7eaf1;
  border-radius: 5px;
  background: url(/resources/mrs2/css/manager/faceLiftImg/remove_green_icon.svg) no-repeat;
  background-position: center;
}
li.subQuestionList.face-lift div.setSubQuestion button.btnRemove:hover {
  background-color: #e7eaf1 !important;
}
li.subQuestionList.face-lift div.setSubQuestion input[type=text] {
  width: 250px !important;
  margin-left: 5px;
}
li.subQuestionList.face-lift div.setSubQuestion .required {
  border: none !important;
  position: absolute;
  left: 240px;
  width: 30px;
  height: 30px;
}
li.subQuestionList.face-lift div.setSubQuestion .required > input[type=checkbox] + span.label {
  background: url(/resources/mrs2/css/manager/faceLiftImg/star_empty_icon.svg) no-repeat;
  background-position: center;
}
li.subQuestionList.face-lift div.setSubQuestion .required > input[type=checkbox]:checked + span.label {
  background: url(/resources/mrs2/css/manager/faceLiftImg/star_blue_icon.svg) no-repeat;
  background-position: center;
}
li.subQuestionList.face-lift div.setSubQuestion span[data-span] a {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 5px 0 0 5px;
  background: #ccf5e0;
  color: #00a850;
  margin-right: 0;
}
li.subQuestionList.face-lift div.setSubQuestion span[data-span] a + button.removeFile {
  height: 29px;
  width: 29px;
  border-radius: 0 5px 5px 0;
  background-color: #ccf5e0;
  color: #00a850;
  margin-left: 0;
  position: relative;
  left: -3px;
  background-image: url(/resources/mrs2/css/manager/faceLiftImg/remove_green_icon.svg);
  background-repeat: no-repeat;
  background-position: center;
}
li.subQuestionList.face-lift div.setSubQuestion span[data-span] a + button.removeFile:before {
  content: "";
}
li.subQuestionList.face-lift div.setSubQuestion span[data-span] a + button.removeFile:after {
  content: "";
}

#imgbody {
  width: 100%;
  height: 420px;
  margin-top: 60px;
}
#imgbody.worknet {
  background: url(/resources/mrs2/css/manager/faceLiftImg/worknet-ad.png) no-repeat;
  background-size: 100%;
}
#imgbody.introduce {
  background: url(/resources/mrs2/css/manager/faceLiftImg/introduce-ad.png) no-repeat;
  background-size: 100%;
}

div.row.category div.detailBtnSet label[data-label=required] > input[type=checkbox] + span.label.face-lift-label {
  background: url(/resources/mrs2/css/manager/faceLiftImg/star_empty_icon.svg) no-repeat !important;
  background-position: center !important;
}

div.row.category label[data-label=subject].active + .detailBtnSet.face-lift-detailBtnSet.screening {
  top: 2px !important;
  line-height: 40px;
}
div.row.category label[data-label=subject].active + .detailBtnSet.face-lift-detailBtnSet.screening button[data-label=setting] {
  background: url(/resources/mrs2/css/manager/faceLiftImg/setting_small_icon.svg) !important;
  background-position: center !important;
  position: relative;
  top: 0;
}
div.row.category label[data-label=subject] + .detailBtnSet.face-lift-detailBtnSet.screening button[data-label=setting] {
  background: url(/resources/mrs2/css/manager/faceLiftImg/setting_small_icon.svg) !important;
  background-position: center !important;
  position: relative;
  top: 4px;
}

table.manageQuestionTable tr[data-type=OVERALL] td {
  border-color: #eff1f6;
  border-top: 1px solid #eff1f6;
}
table.manageQuestionTable tr[data-type=OVERALL] ul.questionDepth1 > li.question:before {
  background: none;
}
table.manageQuestionTable ul.questionDepth2.face-lift {
  left: -25px;
}
table.manageQuestionTable ul.questionDepth2.face-lift:before {
  width: 0;
}
table.manageQuestionTable ul.questionDepth2.face-lift li i.fa.fa-bars.depth2.face-lift:before {
  position: absolute;
  top: 25px;
  left: 60px;
  background-size: 14px;
  border: none;
  transform: translate(-50%, -90%);
  background-color: transparent;
}
table.manageQuestionTable ul.questionDepth2.face-lift li input.text {
  margin-left: 35px;
  padding-left: 30px;
  width: calc(100% - 142px);
}
table.manageQuestionTable ul.questionDepth2.face-lift li:before {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  width: 2px;
  bottom: 16px;
  left: 28px;
  background: #b4c4d4;
}
table.manageQuestionTable ul.questionDepth2.face-lift li.question:before {
  counter-increment: question2;
  content: counter(question1) " - " counter(question2);
  font-weight: 500;
  color: #00c17c;
  margin-right: -40px;
  position: absolute;
  width: 100px;
  background: none;
  left: -2px;
  top: 7px;
}
table.manageQuestionTable ul.questionDepth2.face-lift li.question:after {
  content: url(/resources/mrs2/css/manager/faceLiftImg/divided.png);
  display: block;
  width: 6px;
  height: 6px;
  background: transparent;
  position: absolute;
  top: 3px;
  left: -20px;
}
table.manageQuestionTable ul.questionDepth1.face-lift > li.question {
  counter-increment: liIndex;
}
table.manageQuestionTable ul.questionDepth1.face-lift > li.question:before {
  background: none;
  font-family: Roboto;
  content: "Q" counter(liIndex) "";
  padding-left: 0;
  font-size: 15px;
  position: absolute;
  top: 2px;
}
table.manageQuestionTable ul.questionDepth1.face-lift > li.question input[name=question] {
  margin-left: 30px;
  padding-left: 30px;
}
table.manageQuestionTable ul.questionDepth1.face-lift > li.question i.fa.fa-bars.ui-sortable-handle.depth1.face-lift:before {
  position: absolute;
  top: 25px;
  left: 56px;
  background-size: 14px;
}

.smsVoBox input.radio[type=radio]:checked + .label.face-lift::before {
  background-image: none;
}

td.face-lift-submanager-empty {
  position: relative;
}
td.face-lift-submanager-empty:after {
  content: url(/resources/mrs2/css/manager/faceLiftImg/add_submanager_empty.png);
  position: absolute;
  width: 54px;
  height: 54px;
  left: calc(50% - 27px);
  top: 32%;
}

table.facelift-guide-table {
  font-size: 13px;
}
table.facelift-guide-table thead tr {
  height: 54px;
  background-color: #f8f9fc;
  color: #283442;
}
table.facelift-guide-table thead tr th {
  font-weight: 500;
  border-top: 1px solid #e7eaf1;
  border-bottom: 1px solid #e7eaf1;
}
table.facelift-guide-table tbody tr.disabled td {
  background-color: #f8f9fc;
}
table.facelift-guide-table tbody tr td {
  height: 64px;
  color: #6a7684;
  background-color: #ffffff;
  text-align: center;
  box-sizing: border-box;
  border-bottom: 1px solid #e7eaf1;
}
table.facelift-guide-table tbody tr td.td-left {
  text-align: left;
  padding-left: 20px;
}
table.facelift-guide-table tbody tr td.td-left.no-padding {
  padding-left: 0;
}
table.facelift-guide-table tbody button.like-text {
  border-bottom: none;
  padding: 0;
  min-height: -moz-fit-content;
  min-height: fit-content;
  max-width: 100%;
  width: 100%;
  display: inline-flex;
}
table.facelift-guide-table tbody button.like-text.dropdown:after {
  content: "";
  width: 15px;
  height: 13px;
  position: relative;
  transform: translate(0, -20%);
  background: url(/resources/mrs2/css/manager/faceLiftImg/drop_down_icon.svg) no-repeat;
}
table.facelift-guide-table tbody button.like-text.no-btn:hover {
  cursor: auto;
}
table.facelift-guide-table tbody button.like-text.no-btn:active {
  top: 0;
  left: 0;
}
table.facelift-guide-table tbody button.like-text span {
  color: #6a7684;
}

div.apply_set_guide_1 {
  background: url(/resources/mrs2/css/manager/faceLiftImg/apply_set_guide_1.png) no-repeat;
  background-size: 100%;
  width: 100%;
  height: 246px;
}

div.apply_set_guide_2 {
  background: url(/resources/mrs2/css/manager/faceLiftImg/apply_set_guide_2.png) no-repeat;
  background-size: 100%;
  margin-top: 20px;
  width: 100%;
  height: 226px;
}

button.face-lift-add-question {
  height: 32px !important;
  border-radius: 5px;
  color: white !important;
  background-color: #00c17c !important;
  border: 1px solid #00c17c !important;
  box-sizing: border-box;
}
button.face-lift-add-question:hover {
  background: #3f8e61 !important;
  border: 1px solid #3f8e61 !important;
}

button.face-lift-subbtn {
  padding-left: 30px;
}
button.face-lift-subbtn i.face-lift-refresh {
  position: absolute;
  width: 20px;
  height: 20px;
  background: url(/resources/mrs2/css/manager/faceLiftImg/1_refresh.svg);
  left: 6px;
  top: 4px;
}
button.face-lift-subbtn:hover {
  background-color: #e7eaf1 !important;
}

textarea.face-lift-textarea {
  background: #f1f3fb;
  border: 2px solid #f1f3fb;
  box-sizing: border-box;
  padding: 10px;
  border-radius: 6px;
  color: #1c252f;
}
textarea.face-lift-textarea::-moz-placeholder {
  color: #adb3c2;
}
textarea.face-lift-textarea::placeholder {
  color: #adb3c2;
}
textarea.face-lift-textarea:hover, textarea.face-lift-textarea:active, textarea.face-lift-textarea:focus {
  border: 2px solid #e7eaf1;
  background: white;
}

.modal table.table.face-lift[data-notify=EMAIL] tbody tr.empty > td.blindempty > td, .modal table.table.face-lift[data-notify=SMS] tbody tr.empty > td.blindempty > td,
.modal table.table.face-lift tbody tr.empty.blindempty > td,
.modal table.facelift-modal-table[data-notify=EMAIL] tbody tr.empty > td.blindempty > td,
.modal table.facelift-modal-table[data-notify=SMS] tbody tr.empty > td.blindempty > td,
.modal table.facelift-modal-table tbody tr.empty.blindempty > td {
  background-position-y: 172px !important;
}
.modal table.table.face-lift[data-notify=EMAIL] tbody tr.empty > td.face-lift-blindAdmin > td, .modal table.table.face-lift[data-notify=SMS] tbody tr.empty > td.face-lift-blindAdmin > td,
.modal table.table.face-lift tbody tr.empty.face-lift-blindAdmin > td,
.modal table.facelift-modal-table[data-notify=EMAIL] tbody tr.empty > td.face-lift-blindAdmin > td,
.modal table.facelift-modal-table[data-notify=SMS] tbody tr.empty > td.face-lift-blindAdmin > td,
.modal table.facelift-modal-table tbody tr.empty.face-lift-blindAdmin > td {
  background-position-y: 165px !important;
}
.modal table.table.face-lift[data-notify=EMAIL] tbody tr.empty > td.face-lift-blindAdmin > td:before, .modal table.table.face-lift[data-notify=SMS] tbody tr.empty > td.face-lift-blindAdmin > td:before,
.modal table.table.face-lift tbody tr.empty.face-lift-blindAdmin > td:before,
.modal table.facelift-modal-table[data-notify=EMAIL] tbody tr.empty > td.face-lift-blindAdmin > td:before,
.modal table.facelift-modal-table[data-notify=SMS] tbody tr.empty > td.face-lift-blindAdmin > td:before,
.modal table.facelift-modal-table tbody tr.empty.face-lift-blindAdmin > td:before {
  background: none !important;
}
.modal table.table.face-lift[data-notify=EMAIL] tbody tr.empty > td.intergrate > td, .modal table.table.face-lift[data-notify=SMS] tbody tr.empty > td.intergrate > td,
.modal table.table.face-lift tbody tr.empty.intergrate > td,
.modal table.facelift-modal-table[data-notify=EMAIL] tbody tr.empty > td.intergrate > td,
.modal table.facelift-modal-table[data-notify=SMS] tbody tr.empty > td.intergrate > td,
.modal table.facelift-modal-table tbody tr.empty.intergrate > td {
  background-position: center !important;
  background-position-y: 40% !important;
}
.modal table.table.face-lift[data-notify=EMAIL] tbody tr.empty > td > td, .modal table.table.face-lift[data-notify=SMS] tbody tr.empty > td > td,
.modal table.table.face-lift tbody tr.empty > td,
.modal table.facelift-modal-table[data-notify=EMAIL] tbody tr.empty > td > td,
.modal table.facelift-modal-table[data-notify=SMS] tbody tr.empty > td > td,
.modal table.facelift-modal-table tbody tr.empty > td {
  background-image: url(/resources/mrs2/css/manager/faceLiftImg/modal_table_empty.png) !important;
  background-repeat: no-repeat;
  background-size: 54px;
  background-position-y: 30px;
}

#modal table[data-valuer] tr.face-lift-empty-guide.empty.valuer:before {
  background: url(/resources/mrs2/css/manager/faceLiftImg/modal_table_empty.png) !important;
  background-size: 54px;
  position: absolute;
  z-index: 10000;
  left: calc(50% - 30px);
  top: 87px;
  width: 54px;
  height: 54px;
}
#modal table[data-valuer] tr.face-lift-empty-guide.empty.valuer:before.valuer-face-lift:before {
  left: calc(50% - 30px) !important;
  top: 87px;
}

table.facelift-modal-table tbody tr.empty {
  background-repeat: no-repeat;
  background-size: 54px;
  background-position: center;
  background-position-y: 40%;
}

button.face-lift-default-btn {
  min-height: 32px !important;
  border: 2px solid #e7eaf1 !important;
  color: #6a7684 !important;
}
button.face-lift-default-btn:disabled {
  background-color: #c5c9d8 !important;
  border: 2px solid #c5c9d8 !important;
}
button.face-lift-default-btn:disabled:hover {
  background-color: #c5c9d8 !important;
  border: 2px solid #c5c9d8 !important;
}
button.face-lift-default-btn:hover {
  background-color: #e7eaf1 !important;
}

button.face-lift-default-greenBtnline {
  min-height: 32px !important;
  border: 2px solid #00c17c !important;
  color: #00c17c !important;
  transition: none;
}
button.face-lift-default-greenBtnline:disabled {
  background-color: white !important;
}
button.face-lift-default-greenBtnline:hover {
  background-color: #e7eaf0 !important;
  border: 2px solid #00c17c !important;
}

button.face-lift-default-greenBtn {
  min-height: 28px !important;
  border: 2px solid #00c17c !important;
  color: white !important;
  background-color: #00c17c !important;
  transition: none;
}
button.face-lift-default-greenBtn:disabled {
  background-color: #3f8e61 !important;
}
button.face-lift-default-greenBtn:hover {
  background-color: #3f8e61 !important;
  border: 2px solid #3f8e61 !important;
}

.divide-nien {
  position: relative;
}
.divide-nien div.jobflexInfo4 {
  background: url("/resources/mrs2/css/manager/faceLiftImg/jobflex_recruitnotice.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: auto;
  height: 1480px;
}
.divide-nien:before {
  width: 10px;
  height: 10px;
  background: #707070;
  content: "";
  position: absolute;
  bottom: 13px;
  left: 2px;
}
.divide-nien:after {
  width: 9px;
  height: 9px;
  background: white;
  content: "";
  position: absolute;
  bottom: 14px;
  left: 3px;
}

div.modal--box {
  border: 1px solid #e7eaf1;
  margin-top: 10px;
  padding: 16px;
  min-height: 125px;
  box-sizing: border-box;
}
div.modal--box span {
  margin-bottom: 5px;
}
div.modal--box ul li {
  margin-top: 5px;
}
div.modal--box ul li:before {
  content: "-";
  margin-right: 5px;
  font-weight: 600;
}

i.jobflex-notice-info {
  width: 20px;
  height: 20px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/M_icon.svg");
}

ol.face-lift-step li div.grid span.type {
  color: #283442;
}

.JobflexDrawArea .face-lift-info {
  color: #6a7684;
  margin-top: 20px;
  line-height: 24px;
}
.JobflexDrawArea .face-lift-info-img {
  display: block;
  margin-top: 20px;
  width: 100%;
  background-size: 100%;
}

.modal-vertical {
  position: relative;
}
.modal-vertical:before {
  content: "";
  width: 1px;
  height: 100%;
  background: #e7eaf1;
  position: absolute;
  left: 0;
}

.modal h3.h3 {
  font-weight: bold;
  color: #283442;
}

button.face-lift-btn-koala.subcancel {
  background: #00c17c;
}

.border-bottomline {
  position: relative;
}
.border-bottomline:before {
  content: "";
  height: 1px;
  width: calc(100% + 40px);
  background: #e7eaf1;
  position: absolute;
  left: -20px;
  top: 50px;
}

label.init-data {
  border-radius: 6px;
  border: 2px solid #e7eaf1;
}
label.init-data input[type=checkbox]:disabled + span.label {
  background-color: #ffffff;
}

div.btn-set.face-lift-btn-set {
  box-shadow: none;
}

.msg-box-h1 {
  font-size: 13px !important;
  color: #00c17c;
}

ul.face-lift-msg-box-ul li {
  margin: 20px 0 20px 0;
}
ul.face-lift-msg-box-ul li .msg-box-h2 {
  font-size: 15px;
  color: #283442;
  font-weight: bold;
}
ul.face-lift-msg-box-ul li .integrateInfo1 {
  background: url("/resources/mrs2/css/manager/faceLiftImg/integrated@2.png") no-repeat;
  height: 231px;
  margin-top: 10px;
  background-size: contain;
}
ul.face-lift-msg-box-ul li .integrateInfo2_1 {
  background: url("/resources/mrs2/css/manager/faceLiftImg/representative_member@2.png") no-repeat;
  margin-top: 10px;
  height: 402px;
  background-size: contain;
}
ul.face-lift-msg-box-ul li .integrateInfo2_2 {
  background: url("/resources/mrs2/css/manager/faceLiftImg/customizing@2.png") no-repeat;
  margin-top: 20px;
  height: 402px;
  background-size: contain;
}

#modal[data-type=changePassword] input[type=password][data-status=success] {
  border: 2px solid #00c17c;
  background-color: white;
}
#modal[data-type=changePassword] input[type=password][data-status=error] {
  border: 2px solid #f4361e;
  background-color: white;
}

#modal[data-type=changePassword] .passwordUxWrap span.labelMsg,
#modal[data-type=changePassword] .rePasswordWrap span.labelMsg {
  top: 4px;
  right: -15px;
  width: 62px;
  height: 22px;
  white-space: nowrap;
  overflow: hidden;
}
#modal[data-type=changePassword] .passwordUxWrap span.labelMsg[data-status=error],
#modal[data-type=changePassword] .rePasswordWrap span.labelMsg[data-status=error] {
  color: #f4361e;
}
#modal[data-type=changePassword] .passwordUxWrap span.labelMsg[data-status=error]:before,
#modal[data-type=changePassword] .rePasswordWrap span.labelMsg[data-status=error]:before {
  content: "";
}
#modal[data-type=changePassword] .passwordUxWrap span.labelMsg[data-status=error]:after,
#modal[data-type=changePassword] .rePasswordWrap span.labelMsg[data-status=error]:after {
  content: url(/resources/mrs2/css/manager/faceLiftImg/textfield_icon_20_error_red.svg);
  position: absolute;
  width: 20px;
  height: 20px;
}
#modal[data-type=changePassword] .passwordUxWrap span.labelMsg[data-status=success],
#modal[data-type=changePassword] .rePasswordWrap span.labelMsg[data-status=success] {
  top: 5px;
  color: #00c17c;
}
#modal[data-type=changePassword] .passwordUxWrap span.labelMsg[data-status=success]:before,
#modal[data-type=changePassword] .rePasswordWrap span.labelMsg[data-status=success]:before {
  content: "";
}
#modal[data-type=changePassword] .passwordUxWrap span.labelMsg[data-status=success]:after,
#modal[data-type=changePassword] .rePasswordWrap span.labelMsg[data-status=success]:after {
  content: url(/resources/mrs2/css/manager/faceLiftImg/textfield_icon_20_error.svg);
  position: absolute;
  width: 20px;
  height: 20px;
}
#modal[data-type=changePassword] .passwordUxWrap .pwLayer,
#modal[data-type=changePassword] .rePasswordWrap .pwLayer {
  border-radius: 5px;
  top: 37px;
  background-color: #302e41;
  border-color: #302e41;
  padding: 10px;
  transition: none;
}
#modal[data-type=changePassword] .passwordUxWrap .pwLayer:before,
#modal[data-type=changePassword] .rePasswordWrap .pwLayer:before {
  content: "";
  border: none;
}
#modal[data-type=changePassword] .passwordUxWrap .pwLayer:after,
#modal[data-type=changePassword] .rePasswordWrap .pwLayer:after {
  display: block;
  content: "";
  position: absolute;
  left: 6px;
  top: -18px;
  z-index: 10;
  width: 0px;
  height: 0;
  border: 8px solid #302e41;
  border-top-color: transparent;
  border-left-color: transparent;
  border-bottom-color: transparent;
  transform: rotate(90deg);
}
#modal[data-type=changePassword] .passwordUxWrap .pwLayer ul li,
#modal[data-type=changePassword] .rePasswordWrap .pwLayer ul li {
  padding: 0;
  margin-top: 5px;
  margin-left: 18px;
  color: white;
  font-size: 13px;
  font-weight: 400;
}
#modal[data-type=changePassword] .passwordUxWrap .pwLayer ul li[data-status=success],
#modal[data-type=changePassword] .rePasswordWrap .pwLayer ul li[data-status=success] {
  background-color: transparent;
  color: #00c17c;
}
#modal[data-type=changePassword] .passwordUxWrap .pwLayer ul li[data-status=success]:before,
#modal[data-type=changePassword] .rePasswordWrap .pwLayer ul li[data-status=success]:before {
  left: -18px;
  top: 1px;
  height: 15px;
  width: 12px;
  content: url(/resources/mrs2/css/manager/faceLiftImg/pw_success.svg);
}
#modal[data-type=changePassword] .passwordUxWrap .pwLayer ul li:first-child,
#modal[data-type=changePassword] .rePasswordWrap .pwLayer ul li:first-child {
  margin-top: 0;
}
#modal[data-type=changePassword] .passwordUxWrap .pwLayer ul li:before,
#modal[data-type=changePassword] .rePasswordWrap .pwLayer ul li:before {
  left: -18px;
  top: 1px;
  content: url(/resources/mrs2/css/manager/faceLiftImg/pw_fail.svg);
  color: #00c17c;
  height: 15px;
  width: 12px;
  background: transparent;
}

.paging input.pagingInput,
.paging input.pagingInputText,
paging-wrapper input.pagingInput,
paging-wrapper input.pagingInputText {
  padding: 0 !important;
}

.modal ul.dropdown-menu {
  background: #ffffff;
  padding: 10px 0 15px 0;
  box-shadow: 0 2px 10px rgba(92, 106, 136, 0.2);
  border-radius: 8px;
  right: auto;
  left: 0;
}
.modal ul.dropdown-menu.drop-left {
  right: auto;
  left: 0;
}
.modal ul.dropdown-menu.drop225px {
  width: 225px;
  text-align: left;
}
.modal ul.dropdown-menu.dropdown-search li:hover:after {
  content: none;
}
.modal ul.dropdown-menu.dropdown-search li.divider-top {
  border-bottom: none;
  padding-bottom: 0;
}
.modal ul.dropdown-menu.dropdown-search li.emptyArea {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.modal ul.dropdown-menu.dropdown-search li.emptyArea:hover {
  background-color: transparent;
}
.modal ul.dropdown-menu.dropdown-search li.fixed:hover {
  background-color: transparent;
}
.modal ul.dropdown-menu.dropdown-search li.fixed input[type=search] {
  margin: 6px;
  border: none;
  border-radius: 5px;
  background-color: #f1f3fb;
}
.modal ul.dropdown-menu.dropdown-search li.fixed input[type=search]::-moz-placeholder {
  color: #adb3c2;
}
.modal ul.dropdown-menu.dropdown-search li.fixed input[type=search]::placeholder {
  color: #adb3c2;
}
.modal ul.dropdown-menu.dropdown-search li.fixed input[type=search]::-ms-clear {
  display: none;
}
.modal ul.dropdown-menu.dropdown-search li.fixed input[type=search]::-ms-reveal {
  display: none;
}
.modal ul.dropdown-menu.dropdown-search li.fixed input[type=search]::-webkit-search-cancel-button {
  display: none;
}
.modal ul.dropdown-menu.dropdown-search li .btn__input__clear {
  width: 20px;
  height: 20px;
  position: absolute;
  border: none;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
  background: url("/resources/mrs2/css/manager/faceLiftImg/cancel_icon.svg");
}
.modal ul.dropdown-menu.dropdown-search li label {
  line-height: 32px;
  margin: 0;
  padding: 0 20px;
}
.modal ul.dropdown-menu li {
  min-height: 32px;
  display: flex;
  align-items: center;
  color: #6a7684;
}
.modal ul.dropdown-menu li label {
  background-color: transparent;
  width: 100%;
}
.modal ul.dropdown-menu li a {
  text-decoration: none;
}
.modal ul.dropdown-menu li a:hover {
  background-color: inherit;
}
.modal ul.dropdown-menu li:hover {
  color: #1c252f;
  background-color: #edeef3;
}
.modal ul.dropdown-menu li:hover a {
  background-color: transparent;
}

/**sms발송 디자인 공통**/
#smsPage .smsBottomBtn {
  padding: 17px 0 10px;
  border-top: 1px solid #f2f3f5;
}

div.divSmsNoticeContents {
  display: flex;
  background: #f1f3fb;
  padding-left: 0;
  padding-top: 36px;
}
div.divSmsNoticeContents .facelift-smsFrame {
  margin-left: 45px;
  height: 556px;
}
div.divSmsNoticeContents .facelift-smsFrame .smsContentBox {
  top: 0;
  position: relative;
}
div.divSmsNoticeContents .facelift-smsFrame .smsContentBox .smsBody .smsContent {
  width: 258px !important;
  height: 239px !important;
}
div.divSmsNoticeContents .facelift-smsFrame .smsContentBox .smsBody .smsContent:before {
  left: 245px !important;
}
div.divSmsNoticeContents .facelift-smsFrame .smsContentBox .smsBody .smsContent .contentScroll {
  height: 100%;
  overflow: hidden;
}
div.divSmsNoticeContents .facelift-smsFrame .smsContentBox .smsBody .smsContent .contentScroll .smsRealWrite {
  position: relative;
  left: 21px;
  overflow-y: scroll;
  padding: 20px 20px 20px 0;
}

.smsInfo {
  float: left;
  margin: 0 180px 0 50px;
}

/**메일 sms관리, 안내및 발표 미리보기 모달**/
.facelift-smsFrame {
  width: 300px;
  height: 560px;
  border-radius: 20px;
  border: none;
  margin-right: 0px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1019607843);
  left: 0;
}
.facelift-smsFrame:before {
  content: none;
}
.facelift-smsFrame:after {
  border: none;
  background: none;
}
.facelift-smsFrame h3 {
  background: #ffffff;
  color: #283442;
  font-weight: bold;
  font-size: 16px;
  margin: 20px 17px 0 17px;
  padding-bottom: 14px;
  border-bottom: 1px solid #e7eaf1;
  text-align: center;
}
.facelift-smsFrame .smsContentBox {
  border: none;
  background: transparent;
  height: 497px;
}
.facelift-smsFrame .smsContentBox .smsBody {
  background-image: none;
  width: 295px;
}
.facelift-smsFrame .smsContentBox .smsBody .smsSendDate {
  margin: 20px 0px;
  width: 258px;
}
.facelift-smsFrame .smsContentBox .smsBody .smsContent {
  border: none;
  width: 254px;
  height: 239px;
  margin: 0;
  border-radius: 15px;
  background-color: #0060e5;
}
.facelift-smsFrame .smsContentBox .smsBody .smsContent .smsRealWrite {
  color: #ffffff;
  height: 100%;
  background: transparent;
}
.facelift-smsFrame .smsContentBox .smsBody .smsContent:before {
  content: "";
  background: url("/resources/mrs2/css/manager/faceLiftImg/smschatting.svg") no-repeat;
  left: 241px;
  bottom: -16px;
  z-index: 1;
}
.facelift-smsFrame .smsContentBox .smsBody .smsContent .smsRealCon {
  word-break: break-all;
}
.facelift-smsFrame .smsContentBox .smsMappingbox {
  width: 300px;
  left: -21px;
  bottom: -7px;
}
.facelift-smsFrame .smsContentBox .smsMappingbox .smsMappingHeader {
  border: none;
  height: 38px;
}
.facelift-smsFrame .smsContentBox .smsMappingbox .smsMappingHeader .smsMapinfo {
  width: 90%;
  margin-left: 14px;
  border: none;
  font-size: 13px;
  background: #ffffff;
  color: #adb3c2;
}
.facelift-smsFrame .smsContentBox .smsMappingbox ul.smsMapcon {
  height: 150px;
  margin-top: 10px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background: #a0c3ff;
}
.facelift-smsFrame .smsContentBox .smsMappingbox ul.smsMapcon li {
  text-align: center;
  width: calc(50% - 60px);
  border-radius: 4px;
  background: #ffffff;
  margin-bottom: 14px;
  padding-top: 0;
  padding-left: 0;
  margin-left: 42px;
}
.facelift-smsFrame .smsContentBox .smsMappingbox ul.smsMapcon li a {
  font-size: 12px;
  vertical-align: -3px;
  line-height: 24px;
}

.facelift-smsHeader {
  background-color: #ffffff;
  border-bottom: 1px solid #e7eaf1;
  height: 58px;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  width: 258px;
  margin: 0 20px 0;
}
.facelift-smsHeader span {
  font-size: 16px;
  font-weight: bold;
  color: #283442;
  line-height: 60px;
  padding-left: 10px !important;
}
.facelift-smsHeader .smsSendPhoneNum {
  background-image: none;
  padding-left: 28px;
  margin-left: 0;
}
.facelift-smsHeader .smsSendPerlength {
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/2_evaluator.svg");
  background-repeat: no-repeat;
  padding-left: 25px !important;
}

.smsVoBox {
  width: 324px;
  border: none;
  top: 0;
  left: 320px;
  border-radius: 20px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1019607843);
}
.smsVoBox .smsVoHeader {
  height: 32px;
  padding-top: 20px;
  margin: 0;
  width: 100%;
  border-bottom: none;
}
.smsVoBox ul.smsvoList {
  width: 88%;
  padding: 15px 20px;
  margin-left: 0;
}
.smsVoBox ul.smsvoList .mCSB_container {
  border-top: 1px solid #e7eaf1;
}
.smsVoBox ul.smsvoList .mCSB_container li {
  padding: 15px 0;
  height: 48px;
  border-bottom: 1px solid #e7eaf1;
}

.smsFormInfo {
  width: 600px;
  padding: 0px 10px !important;
}
.smsFormInfo ul.smsFormSample li {
  background: #ffffff;
  margin: 0 10px 20px;
  border-radius: 20px;
  border: solid #ffffff;
  min-width: 252px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1019607843);
}
.smsFormInfo ul.smsFormSample li p {
  text-align: left;
}
.smsFormInfo ul.smsFormSample li h3 {
  background: #ffffff;
  color: #283442;
  font-weight: bold;
  font-size: 16px;
  margin: 13px 17px 0 17px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e7eaf1;
}
.smsFormInfo ul.smsFormSample li .smsSampleBtnWrapper {
  padding-left: 20px;
  width: 0;
}
.smsFormInfo ul.smsFormSample li .smsSampleBtnWrapper button[type=button] {
  background: #ffffff;
  color: #6a7684;
  border: 2px solid #e7eaf1;
  width: 71px;
}
.smsFormInfo ul.smsFormSample li .smsSampleBtnWrapper button[type=button] i.fa.fa-apply:before {
  content: url("/resources/mrs2/css/manager/faceLiftImg/enter_icon.svg");
  position: absolute;
  transform: translate(-50%, -45%);
}

table.face-lift-list-table tbody tr td .smsBottomBtn {
  text-align: left;
  padding: 3px 0 10px;
}
table.face-lift-list-table tbody tr td .divSmsNoticeContents {
  display: flex;
  padding: 36px 0 40px 30px;
}
table.face-lift-list-table tbody tr td .divSmsNoticeContents .smsInfo {
  margin: 0 100px 0 30px;
}

/*******************
안내 및 발표 등록 모달
*******************/
.guidance_enroll_page_modal ul li a .enroll__text {
  padding-left: 27px;
}
.guidance_enroll_page_modal ul li a .enroll__text h3:after {
  margin-left: 8px;
}
.guidance_enroll_page_modal ul li a .enroll__text span {
  margin-top: 7px;
}

.facelift-in-span .span9 {
  width: 77%;
}
.facelift-in-span .span3 {
  width: 19.5%;
  margin-left: 10px;
}
.facelift-in-span .span3 .mapping {
  padding: 18px 21px 17px;
}
.facelift-in-span .span3 .mapping h4 {
  margin-bottom: 17px;
  padding-bottom: 14px;
}
.facelift-in-span .span3 .mapping .info-list {
  padding-right: 19px;
  border-top: 1px solid #e7eaf1;
  padding-top: 17px;
  margin-top: 17px;
}

/**
 * 안내 대상자 추가 모달
 */
.add-guidance-target-row td {
  animation-name: add-guidance-target;
  animation-duration: 1.5s;
}

@keyframes add-guidance-target {
  0% {
    background-color: #c3f3ff;
  }
  50% {
    background-color: #c3f3ff;
  }
  100% {
    background-color: white;
  }
}
.faceLiftCustomMappingBtn {
  margin-bottom: 20px;
}
.faceLiftCustomMappingBtn.face-lift {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.faceLiftCustomMappingBtn.face-lift > div {
  width: 313px;
  height: 281px;
  display: flex;
  align-items: center;
  flex-direction: column;
  border-left: 1px solid #e7eaf1;
  border-right: 1px solid #e7eaf1;
  border-bottom: 1px solid #e7eaf1;
}
.faceLiftCustomMappingBtn.face-lift > div span {
  color: #283442;
  font-size: 15px;
  font-weight: 500;
  margin-top: 15px;
}
.faceLiftCustomMappingBtn.face-lift > div .mapping_wrap {
  width: 272px;
  height: 182px;
  border-bottom: 1px solid #e7eaf1;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 25px;
}
.faceLiftCustomMappingBtn.face-lift > div .mapping_wrap .mapping_downExcel_img {
  width: 80px;
  height: 80px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/4c_xls_down.png") no-repeat center;
}
.faceLiftCustomMappingBtn.face-lift > div .mapping_wrap .mapping_upExcel_img {
  width: 80px;
  height: 80px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/4c_map_up.png") no-repeat center;
}
.faceLiftCustomMappingBtn.face-lift > div .mapping_wrap .mapping_deleteExcel {
  background: none;
}
.faceLiftCustomMappingBtn.face-lift > div .mapping_wrap .mapping_deleteExcel_img {
  width: 80px;
  height: 80px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/4c_delete.png") no-repeat center;
}
.faceLiftCustomMappingBtn.face-lift + .mapping_msg_box {
  padding: 0 20px;
}

div.facelift-fileUploadInput {
  display: inline-flex;
  align-items: center;
}
div.facelift-fileUploadInput .fileText {
  max-width: 180px;
  margin-left: 5px;
}

.facelift-modal-tabs {
  display: flex;
  height: 40px;
  margin-bottom: 21px;
  border-radius: 5px 5px 0 0;
  box-sizing: border-box;
  position: relative;
}
.facelift-modal-tabs.main {
  margin-bottom: 40px;
}
.facelift-modal-tabs.main:after {
  content: "";
  position: absolute;
  width: calc(100% + 40px);
  height: 1px;
  left: -20px;
  bottom: -21px;
  background: #e7eaf1;
}
.facelift-modal-tabs .tab {
  flex-grow: 1;
  text-align: center;
  color: #adb3c2;
  font-size: 13px;
  font-weight: bold;
  line-height: 19px;
  background-color: #e8eaf0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: 2px solid #e7eaf1;
  border-bottom: none;
  width: 50%;
}
.facelift-modal-tabs .tab.active {
  color: #1c252f;
  background-color: #fff;
}
.facelift-modal-tabs .tab.hide {
  background: none;
  border: none;
  border-bottom: 2px solid #e7eaf1;
  cursor: default;
}

.blind-option-container {
  border-top: 1px solid #d4dbe1 !important;
  min-height: 40px !important;
}
.blind-option-container .blind-option {
  height: 40px !important;
  line-height: 40px !important;
}

[data-section=acc] .btn--preview {
  padding: 4px 7px;
  min-height: 24px !important;
  font-size: 11px;
  margin-left: 5px;
}
[data-section=acc] .tooltip {
  text-align: left;
  font-weight: normal;
  letter-spacing: -0.3px;
  line-height: 18px;
}
[data-section=acc] .tooltip .section {
  padding: 15px;
  font-size: 12px;
}
[data-section=acc] .tooltip .section.header {
  border-bottom: 1px solid #c1c2c6;
}
[data-section=acc] .tooltip .section h3 {
  font-size: 13px;
  line-height: 19px;
  letter-spacing: -0.33px;
}
[data-section=acc] .tooltip .section h4 {
  color: #000000;
}
[data-section=acc] .tooltip .section h4:not(:first-child) {
  margin-top: 10px;
}
[data-section=acc] .tooltip .section p {
  color: #6a7684;
}
[data-section=acc] .blind-option-container .blind-option label[data-label=subject] input:checked:disabled + span.face-lift-label,
[data-section=acc] .blind-option-container .blind-option label[data-label=subject] input:disabled + span.face-lift-label {
  background-color: #dbdee8 !important;
  color: #adb3c2 !important;
  cursor: not-allowed;
}
[data-section=acc] [data-row] {
  position: relative;
}
[data-section=acc] [data-row] .disable-tooltip {
  position: absolute;
  right: 236px;
  bottom: 52px;
  height: 32px;
  border: 1px solid #eb206d;
  padding: 7px;
  line-height: 18px;
  box-sizing: border-box;
  color: #adb3c2;
}
[data-section=acc] [data-acc-section] {
  position: relative;
}
[data-section=acc] [data-acc-section] .switch-all-wrapper {
  position: absolute;
  top: 0;
  right: 2px;
  width: 60px;
}

[data-section=jobda-dev] .btn--preview {
  padding: 4px 7px;
  min-height: 24px !important;
  font-size: 11px;
  margin-left: 5px;
}
[data-section=jobda-dev] .tooltip {
  text-align: left;
  font-weight: normal;
  letter-spacing: -0.3px;
  line-height: 18px;
}
[data-section=jobda-dev] .tooltip .section {
  padding: 15px;
  font-size: 12px;
}
[data-section=jobda-dev] .tooltip .section.header {
  border-bottom: 1px solid #c1c2c6;
}
[data-section=jobda-dev] .tooltip .section h3 {
  font-size: 13px;
  line-height: 19px;
  letter-spacing: -0.33px;
}
[data-section=jobda-dev] .tooltip .section h4 {
  color: #000000;
}
[data-section=jobda-dev] .tooltip .section h4:not(:first-child) {
  margin-top: 10px;
}
[data-section=jobda-dev] .tooltip .section p {
  color: #6a7684;
}
[data-section=jobda-dev] .blind-option-container .blind-option label[data-label=subject] input:checked:disabled + span.face-lift-label,
[data-section=jobda-dev] .blind-option-container .blind-option label[data-label=subject] input:disabled + span.face-lift-label {
  background-color: #dbdee8 !important;
  color: #adb3c2 !important;
  cursor: not-allowed;
}
[data-section=jobda-dev] [data-row] {
  position: relative;
}
[data-section=jobda-dev] [data-row] .disable-tooltip {
  position: absolute;
  right: 236px;
  bottom: 52px;
  height: 32px;
  border: 1px solid #eb206d;
  padding: 7px;
  line-height: 18px;
  box-sizing: border-box;
  color: #adb3c2;
}
[data-section=jobda-dev] [data-jobda-dev-section] {
  position: relative;
}
[data-section=jobda-dev] [data-jobda-dev-section] .switch-all-wrapper {
  position: absolute;
  top: 0;
  right: 2px;
  width: 60px;
}

.icon-person {
  display: inline-block;
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/2_evaluator.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

.blind-modal-renew {
  color: #343a40;
}
.blind-modal-renew .bm-section {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.28px;
}
.blind-modal-renew .bm-tabs {
  display: flex;
  gap: 2px;
  padding: 2px;
  background: #f5f6f7;
  border-radius: 6px;
  margin-bottom: 20px;
}
.blind-modal-renew .bm-tab {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  cursor: pointer;
  color: #868e96;
  border-radius: 4px;
  font-size: 14px;
  letter-spacing: -0.28px;
}
.blind-modal-renew .bm-tab.active {
  color: #343a40;
  background: #fff;
  font-weight: 500;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.1);
}
.blind-modal-renew .bm-group {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(12, 12, 12, 0.07);
}
.blind-modal-renew .bm-group:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.blind-modal-renew .bm-group-head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #000;
}
.blind-modal-renew .bm-group-switch {
  display: inline-flex;
  align-items: center;
}
.blind-modal-renew .bm-group-switch input[type=checkbox].checkbox.switch.custom {
  width: 34px;
  height: 20px;
}
.blind-modal-renew .bm-group-switch input[type=checkbox].checkbox.switch.custom + .label:before, .blind-modal-renew .bm-group-switch input[type=checkbox].checkbox.switch.custom:checked + .label:before {
  content: "";
  width: 34px;
  height: 20px;
  padding: 0;
  border-radius: 32px;
  line-height: normal;
}
.blind-modal-renew .bm-group-switch input[type=checkbox].checkbox.switch.custom + .label:before {
  background: #dee2e6;
}
.blind-modal-renew .bm-group-switch input[type=checkbox].checkbox.switch.custom:checked + .label:before {
  background: #40c057;
}
.blind-modal-renew .bm-group-switch input[type=checkbox].checkbox.switch.custom + .label:after, .blind-modal-renew .bm-group-switch input[type=checkbox].checkbox.switch.custom:checked + .label:after {
  width: 16px;
  height: 16px;
  top: 2px;
  border-radius: 50%;
  background: #fff;
}
.blind-modal-renew .bm-group-switch input[type=checkbox].checkbox.switch.custom + .label:after {
  left: 2px;
}
.blind-modal-renew .bm-group-switch input[type=checkbox].checkbox.switch.custom:checked + .label:after {
  left: 16px;
}
.blind-modal-renew .bm-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin-bottom: 6px;
}
.blind-modal-renew .bm-panel-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 3px;
}
.blind-modal-renew .bm-row-panels {
  margin-bottom: 6px;
}
.blind-modal-renew .bm-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #dee2e6;
  border-radius: 6px;
  height: 40px;
  background: #fff;
  box-sizing: border-box;
  cursor: pointer;
}
.blind-modal-renew .bm-box.off {
  background: #f8f9fa;
}
.blind-modal-renew .bm-box.off .bm-box-title {
  color: #ced4da;
}
.blind-modal-renew .bm-box:has(> .bm-box-label.open) {
  background: #f2f2f2;
}
.blind-modal-renew .bm-box:has(> .bm-box-label.open) .bm-box-title {
  color: #40c057;
}
.blind-modal-renew .bm-box-label {
  display: flex;
  align-items: center;
  gap: 4px;
  flex: 1;
  min-width: 0;
  padding-left: 12px;
  height: 100%;
  cursor: pointer;
}
.blind-modal-renew .bm-box-label.open .bm-arrow {
  transform: rotate(180deg);
}
.blind-modal-renew .bm-box-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #343a40;
}
.blind-modal-renew .bm-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  transition: transform 0.2s;
}
.blind-modal-renew .bm-info {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  cursor: help;
}
.blind-modal-renew .bm-info svg {
  display: block;
}
.blind-modal-renew .bm-check {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0 10px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ced4da;
}
.blind-modal-renew .bm-check svg {
  width: 15px;
  height: 15px;
  display: block;
}
.blind-modal-renew .bm-check.on {
  color: #40c057;
}
.blind-modal-renew .bm-panel {
  background: #f2f2f2;
  border-radius: 6px;
  padding: 6px;
}
.blind-modal-renew .bm-panel .bm-box {
  height: 32px;
}
.blind-modal-renew .bm-pop-wrap {
  position: relative;
}
.blind-modal-renew .bm-popover {
  position: absolute;
  left: 0;
  top: 42px;
  z-index: 100;
  min-width: 100%;
  background: #fff;
  border: 1px solid #ced4da;
  border-radius: 6px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08);
  padding: 8px;
  box-sizing: border-box;
}
.blind-modal-renew .bm-pop-item {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 6px 8px;
  cursor: pointer;
  white-space: nowrap;
}
.blind-modal-renew .bm-pop-item input {
  display: none;
}
.blind-modal-renew .bm-pop-item input:checked + .bm-pop-box {
  background: #40c057;
  border-color: #40c057;
}
.blind-modal-renew .bm-pop-item input:checked + .bm-pop-box::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 2px;
  width: 3px;
  height: 7px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.blind-modal-renew .bm-pop-box {
  width: 16px;
  height: 16px;
  border: 1px solid #dee2e6;
  border-radius: 3px;
  position: relative;
  flex-shrink: 0;
  margin-right: 2px;
}
.blind-modal-renew .bm-empty {
  padding: 40px 0;
  text-align: center;
  color: #868e96;
}

.bm-tooltip {
  position: fixed;
  z-index: 100000;
  max-width: 320px;
  padding: 8px 10px;
  background: #283442;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  border-radius: 6px;
  white-space: pre-line;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.16);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.12s;
}
.bm-tooltip.show {
  opacity: 1;
  visibility: visible;
}
.listOptionSelectTab {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2px;
  width: 100%;
  padding: 2px;
  margin-bottom: 26px;
  background-color: #f5f6f7;
  border-radius: 6px;
}
.listOptionSelectTab .listOptionSelectBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #868e96;
  cursor: pointer;
}
.listOptionSelectTab .listOptionSelectBtn.active {
  background-color: white;
  font-weight: 700;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  color: #343A40;
}

.searchArea {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}
.searchArea .resultCount {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #212529;
}
.searchArea .searchInputWrapper {
  display: flex;
  align-items: center;
  gap: 4px;
  width: 270px;
  padding: 6px 8px;
  background-color: #f1f3f5;
  border-radius: 6px;
}
.searchArea .searchInputWrapper .searchIcon {
  content: url("/resources/mrs2/css/manager/icon/common/icon_search_24_line.svg");
  width: 20px;
  height: 20px;
}
.searchArea .searchInputWrapper .searchInput {
  width: 100%;
  background-color: transparent;
  border: none;
  font-size: 14px;
  line-height: 20px;
  color: #212529;
}
.searchArea .searchInputWrapper .searchInput::-moz-placeholder {
  color: #868e96;
}
.searchArea .searchInputWrapper .searchInput::placeholder {
  color: #868e96;
}

.listHeader {
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 4px;
  height: 28px;
  padding: 4px;
  margin-top: 16px;
  background-color: #F5F6F7;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: #868e96;
}
.listHeader .listHeaderItem {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  gap: 4px;
}
.listHeader .listHeaderItem.PROGRESS_STATUS {
  width: 100px;
  flex-shrink: 0;
}
.listHeader .listHeaderItem.CLASS_CODE {
  width: 200px;
  flex-shrink: 0;
}
.listHeader .listHeaderItem .arrowDownIcon {
  display: block;
  content: url("/resources/mrs2/css/manager/icon/common/icon_arrow_drop_down_18_filled_gray600.svg");
  cursor: pointer;
}
.listHeader .listHeaderItem .arrowDownIcon.active {
  content: url("/resources/mrs2/css/manager/icon/common/icon_arrow_drop_down_18_filled_gray800.svg");
}
.listHeader .listHeaderItem .filterListWrapper {
  position: absolute;
  top: 32px;
  display: none;
  background-color: white;
  border: 1px solid #CED4DA;
  border-radius: 8px;
  box-shadow: 0 4px 6px -2px rgba(33, 37, 41, 0.03), 0px 12px 16px -4px rgba(33, 37, 41, 0.08);
  overflow: hidden;
  z-index: 1;
}
.listHeader .listHeaderItem .filterListWrapper.active {
  display: block;
}
.listHeader .listHeaderItem .filterListWrapper.PROGRESS_STATUS {
  left: 60px;
  width: 140px;
}
.listHeader .listHeaderItem .filterListWrapper.CLASS_CODE {
  left: 0;
  width: 312px;
}
.listHeader .listHeaderItem .filterListWrapper .filterList {
  display: flex;
  flex-direction: column;
  gap: 4px;
  overflow-y: auto;
  padding: 8px;
  max-height: 224px;
}
.listHeader .listHeaderItem .filterListWrapper .filterList .filterItem {
  display: flex;
  align-items: center;
  padding: 6px 12px 6px 8px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  color: #343A40;
}
.listHeader .listHeaderItem .filterListWrapper .filterList .filterItem .checkBox {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  border: 1px solid #CED4DA;
  border-radius: 4px;
  background-color: white;
}
.listHeader .listHeaderItem .filterListWrapper .filterList .filterItem .checkBox .checkIcon {
  content: url("/resources/mrs2/js/manager/jobda/promotion/components/img/check_white_icon.svg");
}
.listHeader .listHeaderItem .filterListWrapper .filterList .filterItem .filterItemText {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.listHeader .listHeaderItem .filterListWrapper .filterList .filterItem:hover {
  background-color: #F5F6F7;
}
.listHeader .listHeaderItem .filterListWrapper .filterList .filterItem:hover.active {
  background-color: #EBFBEE;
}
.listHeader .listHeaderItem .filterListWrapper .filterList .filterItem.active {
  background-color: #EBFBEE;
}
.listHeader .listHeaderItem .filterListWrapper .filterList .filterItem.active .checkBox {
  border-color: #00C17C;
  background-color: #00C17C;
}
.listHeader .listHeaderItem.NAME {
  width: 484px;
  flex-grow: 1;
}
.listHeader .listHeaderItem.NAME.RECRUIT {
  width: 392px;
}
.listHeader .listHeaderItem.NAME.SECTOR {
  width: 240px;
}
.listHeader .listHeaderItem.TOGGLE_USE {
  display: none;
  align-items: center;
  width: 220px;
  flex-shrink: 0;
}
.listHeader .listHeaderItem.TOGGLE_USE.RECRUIT {
  width: 120px;
}
.listHeader .listHeaderItem.TOGGLE_USE.show {
  display: flex;
}
.listHeader .listHeaderItem.TOGGLE_USE .infoIconWrapper {
  position: relative;
  display: flex;
  align-items: center;
}
.listHeader .listHeaderItem.TOGGLE_USE .infoIconWrapper .infoTooltip {
  position: absolute;
  top: 24px;
  right: 0;
  display: none;
  flex-direction: column;
  justify-content: center;
  width: 216px;
  padding: 4px 6px;
  background-color: #343A40;
  border-radius: 4px;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: white;
  z-index: 20;
}
.listHeader .listHeaderItem.TOGGLE_USE .infoIconWrapper .infoIcon {
  position: relative;
  content: url("/resources/mrs2/css/manager/icon/common/icon_info_24_line_gray600.svg");
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.listHeader .listHeaderItem.TOGGLE_USE .infoIconWrapper:hover .infoTooltip {
  display: flex;
}
.listHeader .listHeaderItem.TOGGLE_USE .infoIconWrapper:hover .infoIcon {
  content: url("/resources/mrs2/css/manager/icon/common/icon_info_24_line_gray800.svg");
}

.contentList {
  height: 440px;
}
.contentList .empty {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.contentList .empty .emptyIcon {
  content: url("/resources/mrs2/css/manager/icon/modal/icon_flat_description_mono.svg");
  width: 56px;
  height: 56px;
  margin-bottom: 16px;
  margin-top: 182px;
}
.contentList .empty .emptyText {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  color: #495057;
}
.contentList .contentItem {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 54px;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #343A40;
}
.contentList .contentItem.border {
  border-bottom: 1px solid #DEE2E6;
}
.contentList .contentItem.LIST {
  cursor: pointer;
}
.contentList .contentItem .contentName,
.contentList .contentItem .classCodeName,
.contentList .contentItem .recruitNoticeName {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.contentList .contentItem .contentName > span,
.contentList .contentItem .classCodeName > span,
.contentList .contentItem .recruitNoticeName > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.contentList .contentItem .progressStatusTagArea {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
}
.contentList .contentItem .progressStatusTagArea .progressStatusTag {
  padding: 1px 6px;
  border-radius: 4px;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
}
.contentList .contentItem .progressStatusTagArea .progressStatusTag.IN_PROGRESS {
  background-color: #DEF9EF;
  color: #00C17C;
}
.contentList .contentItem .progressStatusTagArea .progressStatusTag.END {
  background-color: #F1F3F5;
  color: #868E96;
}
.contentList .contentItem .classCodeName {
  display: flex;
  align-items: center;
  width: 168px;
  padding: 0 16px;
}
.contentList .contentItem .recruitNoticeName {
  display: flex;
  align-items: center;
  width: 168px;
  padding: 0 16px;
  flex-grow: 1;
}
.contentList .contentItem .recruitSectorName {
  display: flex;
  align-items: center;
  width: 208px;
  padding: 0 16px;
  flex-grow: 1;
}
.contentList .contentItem .contentName {
  padding: 0 24px;
  flex-grow: 1;
}
.contentList .contentItem .checkIconCircle {
  display: none;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin: 0 28px 0 12px;
  background-color: #CED4DA;
  border-radius: 50%;
}
.contentList .contentItem .checkIconCircle .checkIcon {
  content: url("/resources/mrs2/js/manager/jobda/promotion/components/img/check_white_icon.svg");
  width: 20px;
  height: 20px;
}
.contentList .contentItem .toggleUse {
  cursor: pointer;
  margin: 0 89px 0 29px;
}
.contentList .contentItem .toggleUse.RECRUIT {
  margin: 0 29px;
}
.contentList .contentItem .toggleUse .label {
  margin: 0 !important;
  padding: 0 !important;
}
.contentList .contentItem:hover.LIST {
  background-color: #F5F6F7;
}
.contentList .contentItem:hover.LIST .recruitNoticeName,
.contentList .contentItem:hover.LIST .contentName {
  padding-right: 0;
}
.contentList .contentItem:hover.LIST .checkIconCircle {
  display: flex;
}
.contentList .contentItem:hover.LIST.active {
  background-color: #EBFBEE;
}
.contentList .contentItem.active {
  background-color: #EBFBEE;
}
.contentList .contentItem.active .recruitNoticeName,
.contentList .contentItem.active .contentName {
  padding-right: 0;
}
.contentList .contentItem.active .checkIconCircle {
  display: flex;
  background-color: #00C17C;
}

.paging-wrapper {
  border-top: 1px solid #DEE2E6;
  padding-top: 16px;
}
@charset "UTF-8";
div.modalGridBg.face-lift form article .wrapSearchDetail {
  background: #f1f3fb;
}
div.modalGridBg.face-lift form article .wrapSearchDetail table {
  background: #f1f3fb;
  border-right: 1px solid #dfe2e5;
  border-left: 1px solid #dfe2e5;
}
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr {
  border-top: 1px solid #dfe2e5;
  border-bottom: 1px solid #dfe2e5;
}
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr th {
  color: #283442;
  font-weight: 500;
}
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td {
  color: #6a7684;
}
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td button[data-button=removeDepth1],
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td button[data-button=removeDepth2] {
  box-sizing: border-box;
  border: 2px solid #ccf5e0;
  background: #ccf5e0;
  color: #00a850;
  border-radius: 5px;
}
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td button[data-button=removeDepth1]:after,
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td button[data-button=removeDepth2]:after {
  background: url("/resources/mrs2/css/manager/faceLiftImg/remove_green_icon.svg") no-repeat;
  width: 15px;
  height: 15px;
  background-position-y: -4px;
}
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td span {
  color: #6a7684;
}
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td div.VO div.dataList div[data-list=foreignSkillList],
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td div.VO div.dataList div[data-list=foreignExamList],
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td div.VO div.dataList div[data-list=abroadExperienceList] {
  border-top: none;
  margin-top: 0;
}
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td div.VO div.dataList div[data-list=foreignSkillList] div.skillList,
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td div.VO div.dataList div[data-list=foreignExamList] div.skillList,
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td div.VO div.dataList div[data-list=abroadExperienceList] div.skillList {
  margin-left: 10px;
}
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td div.VO div.dataList div[data-list=foreignSkillList] div.skillList:before,
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td div.VO div.dataList div[data-list=foreignExamList] div.skillList:before,
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td div.VO div.dataList div[data-list=abroadExperienceList] div.skillList:before {
  border-left: none;
  margin-left: 70px;
}
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td div.VO div.dataList div[data-list=foreignSkillList] div.skillList label select,
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td div.VO div.dataList div[data-list=foreignExamList] div.skillList label select,
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td div.VO div.dataList div[data-list=abroadExperienceList] div.skillList label select {
  margin-left: 0;
  color: #6a7684;
}
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td div.VO div.dataList div[data-list=foreignSkillList] label.year:before,
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td div.VO div.dataList div[data-list=foreignExamList] label.year:before,
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td div.VO div.dataList div[data-list=abroadExperienceList] label.year:before {
  width: 10px;
}
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td div.VO div.dataList div[data-list=foreignSkillList] label.month:before,
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td div.VO div.dataList div[data-list=foreignExamList] label.month:before,
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td div.VO div.dataList div[data-list=abroadExperienceList] label.month:before {
  width: 24px;
}
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td div.VO div.dataList div[data-list=foreignSkillList] label input,
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td div.VO div.dataList div[data-list=foreignExamList] label input,
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td div.VO div.dataList div[data-list=abroadExperienceList] label input {
  border-radius: 5px;
  color: #6a7684;
}
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td div.VO div.dataList div[data-list=foreignSkillList] label input::-moz-placeholder, div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td div.VO div.dataList div[data-list=foreignExamList] label input::-moz-placeholder, div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td div.VO div.dataList div[data-list=abroadExperienceList] label input::-moz-placeholder {
  color: #6a7684;
}
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td div.VO div.dataList div[data-list=foreignSkillList] label input::placeholder,
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td div.VO div.dataList div[data-list=foreignExamList] label input::placeholder,
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td div.VO div.dataList div[data-list=abroadExperienceList] label input::placeholder {
  color: #6a7684;
}
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td div.VO div.dataList div[data-list=foreignSkillList] label:before,
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td div.VO div.dataList div[data-list=foreignExamList] label:before,
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td div.VO div.dataList div[data-list=abroadExperienceList] label:before {
  width: 24px;
  height: 0;
  background: none;
}
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td div.VO span {
  color: #6a7684;
}
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td div.VO div.inline label:first-child input + span {
  border-radius: 5px 0 0 5px;
}
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td div.VO div.inline label:last-child input + span {
  border-radius: 0 5px 5px 0;
}
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td div.VO div.inline label input[type=radio] + span {
  background: white;
  color: #adb3c2;
  border: 2px solid #adb3c2;
  font-size: 12px;
  line-height: 18px;
}
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td div.VO div.inline label input[type=radio]:checked + span {
  background: #9aa6b5;
  border: 2px solid #9aa6b5;
  color: white;
  font-size: 12px;
  line-height: 18px;
}
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td .selectBox ul li {
  height: 32px;
  line-height: 32px;
}
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td .selectBox ul li:hover {
  background: #edeef3;
}
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td .selectBox ul li label input[type=checkbox]:checked + span {
  color: #1c252f;
}
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td .selectBox button.selectResult {
  border-radius: 5px;
  color: #283442;
}
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td .selectBox button.selectResult:after {
  content: url("/resources/mrs2/css/manager/faceLiftImg/grid_select_down_black.svg");
  background: none;
  position: absolute;
  right: 12px;
  top: 4px;
}
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td .selectBox button[data-button=search] {
  border: 2px solid #d1d4db;
  border-radius: 5px;
  color: #adb3c2;
  background: white;
  line-height: 0;
}
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td .selectBox input[type=search],
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td .selectBox input[type=text] {
  color: #adb3c2;
}
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td .selectBox input[type=search]::-moz-placeholder, div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td .selectBox input[type=text]::-moz-placeholder {
  color: #adb3c2;
}
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td .selectBox input[type=search]::placeholder,
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td .selectBox input[type=text]::placeholder {
  color: #adb3c2;
}
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td label.else input {
  border-radius: 5px;
  color: #283442;
}
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td label.else:before {
  color: #6a7684;
}
div.modalGridBg.face-lift form article .wrapSearchDetail table tbody tr td label {
  color: #6a7684;
}
div.modalGridBg.face-lift form article header h1.gridH1 {
  font-weight: 500;
  background: #221b4b;
}
div.modalGridBg.face-lift form article button.btnCloseGrid {
  background: url("/resources/mrs2/css/manager/faceLiftImg/jobflex_closebutton.svg") no-repeat;
  width: 20px;
  height: 20px;
}
div.modalGridBg.face-lift form article.preSearch:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/grid-empty.png") no-repeat center calc(50% - 132px);
}
div.modalGridBg.face-lift form article div.gridToolbar {
  background: transparent linear-gradient(90deg, #2580ec 0%, #04b1f6 17%, #02c3bc 32%, #01bb80 47%, #01bb80 62%, #01c26f 78%, #03c945 96%, #03c945 100%) 0% 0% no-repeat padding-box;
  font-weight: 500;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil.disabledAll li.disabledAll::before {
  background: #edeef3;
  color: #1c252f;
  opacity: 0.5;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil {
  top: -1px;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil .styled-select {
  border: 1px solid #03c945;
  border-radius: 5px 0 0 5px;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil .styled-select:before {
  right: 35px;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil .styled-select select.active + i.face-lift-fifth {
  background: #00883b;
  border-radius: 0 5px 5px 0;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil.disabledApplicant ul.dropdown-menu.disabledApplicant:after {
  background: url("/resources/mrs2/css/manager/faceLiftImg/4e_add_alram.png") no-repeat center;
  content: "\a\a\a\a\a지원자를 선택하세요.";
  width: 54px;
  height: 54px;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: cover;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: pre;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil button[data-button=talentScreeningLoad] {
  height: 32px;
  position: relative;
  top: 7px;
  background-color: rgba(0, 0, 0, 0.15);
  padding: 0 8px;
  border-radius: 8px;
  color: white;
  border: none;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil button[data-button=talentScreeningLoad] > span {
  line-height: 32px;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil button[data-button=talentScreeningLoad] .betaChip {
  margin-left: 8px;
  border-radius: 4px;
  background-color: #00bb80;
  font-size: 12px;
  padding: 0 10px;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set {
  margin-left: 0 !important;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 10px rgba(92, 106, 136, 0.2);
  border: 1px solid #6a7684;
  border-radius: 8px;
  top: 40px;
  margin: 5px 0 0;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu.disabledApplicant {
  min-height: 105px;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu.disabledApplicant:before {
  background: rgba(116, 124, 134, 0.8509803922);
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu li {
  height: 32px;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu li.disabled a {
  cursor: not-allowed;
  opacity: 0.5;
  position: relative;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu li.disabled.space-no-entry:hover::after {
  position: absolute;
  z-index: 1001;
  content: "등록할 수 없습니다. 전형이 속한 서브 스페이스에 권한 부여 후 다시 시도해 주세요.";
  padding: 4px 6px;
  color: white;
  background: #343a40;
  opacity: 1;
  width: 300px;
  border-radius: 4px;
  right: 0;
  top: calc(100% + 10px);
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu li.face-lift-jsresultSet {
  height: inherit;
  text-align: left;
  padding: 8px 0 5px 10px;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu li a {
  display: inline-block;
  width: 100%;
  height: 32px;
  line-height: 25px;
  color: #6a7684;
  background: #ffffff 0% 0% no-repeat padding-box;
  font-weight: 400;
  font-size: 13px;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu li a:hover {
  background: #edeef3 !important;
  color: #1c252f;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu li a[data-button]:before {
  content: "";
  position: absolute;
  width: 20px !important;
  height: 20px !important;
  left: 10px !important;
  top: 6px !important;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu li a[data-button=applicantEachAdd]:before, div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu li a[data-button=downloadAttach]:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/1_grid_registration1.svg") no-repeat !important;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu li a[data-button=applicantManyAdd]:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/1_grid_registration2.svg") no-repeat !important;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu li a[data-button=applicantFileAdd]:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/1_grid_upload.svg") no-repeat !important;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu li a[data-img=toComplete]:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/1_grid_change1.svg") no-repeat !important;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu li a[data-img=toNotComplete]:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/1_grid_change2.svg") no-repeat !important;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu li a[data-button=basicInfo]:before, div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu li a[data-button=correctAll]:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/1_grid_modify.svg") no-repeat !important;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu li a[data-button=copyResume]:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/1_grid_copy.svg") no-repeat !important;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu li a[data-button=removeResume]:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/1_grid_delete.svg") no-repeat !important;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu li a[data-button=AIInterviewFileDown]:before, div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu li a[data-button=inSEEDExamFileDown]:before, div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu li a[data-button=accFileDown]:before, div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu li a[data-button=jobdaDevFileDown]:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/1_grid_excel_save.svg") no-repeat !important;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu li a[data-button=excelUpload]:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/excel_upload_icon.svg") no-repeat !important;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu li a[data-button=downloadExcel]:before, div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu li a[data-button=excelDown]:before, div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu li a[data-button=talentScreeningExcelDownload]:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/excel_download_icon.svg") no-repeat !important;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu li a[data-button=print]:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/1_grid_print.svg") no-repeat !important;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu li a[data-button=downloadPersonalInfoCollection]:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/1_grid_agree.svg") no-repeat !important;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu li a[data-button=downloadResumeSubmitOath]:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/1_grid_sign.svg") no-repeat !important;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu li a[data-button=applicantFileDownload]:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/1_grid_fileDownload.svg") center center no-repeat !important;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu li a[data-button=applicantFileDelete]:before, div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu li a[data-button=removeExamFile]:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/1_grid_test_delete.svg") no-repeat !important;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu li a[data-button=addMarking][data-type=INTEREST]:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/1_grid_bookmark.svg") no-repeat !important;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu li a[data-button=removeMarking][data-type=INTEREST]:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/1_grid_no_bookmark.svg") no-repeat !important;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu li a[data-button=addMarking][data-type=BLACK]:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/1_grid_black.svg") no-repeat !important;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu li a[data-button=removeMarking][data-type=BLACK]:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/1_grid_no_black.svg") no-repeat !important;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu li a[data-button=mail]:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/1_grid_email.svg") no-repeat !important;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu li a[data-button=sms]:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/1_grid_sms.svg") no-repeat !important;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu li a[data-button=screeningGuidance]:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/grid_notice.svg") no-repeat !important;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu li a[data-button=announcement]:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/grid_aprobado.svg") no-repeat !important;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu li a[data-button=examFileUpload]:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/1_grid_file_upload.svg") no-repeat !important;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu li a[data-button=examFileDown]:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/1_grid_file_download.svg") no-repeat !important;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu li a[data-button=addMarking]:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/1_grid_noshow.svg") no-repeat !important;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu li a[data-button=removeMarking]:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/1_grid_no_noshow.svg") no-repeat !important;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu li a[data-button=announcement]:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/1_grid_aprobado.svg") no-repeat !important;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu li a[data-button=screeningGuidance]:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/1_grid_notice.svg") no-repeat !important;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu li a[data-button=accAiInterviewGuide]:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/1_grid_acc_ai_interview_guide.svg") no-repeat center center !important;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil div.dropdown-set ul.dropdown-menu li.divider {
  border-top: 1px solid #e7eaf1;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil label.face-lift {
  position: relative;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil label.face-lift input[type=search].face-lift-grid-searchText {
  position: relative;
  height: 32px;
  padding-left: 10px;
  background: white;
  border: 2px solid white;
  border-radius: 5px;
  color: #283442;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil label.face-lift input[type=search].face-lift-grid-searchText::-ms-clear, div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil label.face-lift input[type=search].face-lift-grid-searchText::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil label.face-lift input[type=search].face-lift-grid-searchText::-webkit-search-decoration, div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil label.face-lift input[type=search].face-lift-grid-searchText::-webkit-search-cancel-button, div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil label.face-lift input[type=search].face-lift-grid-searchText::-webkit-search-results-button, div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil label.face-lift input[type=search].face-lift-grid-searchText::-webkit-search-results-decoration {
  display: none;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil label.face-lift input[type=search].face-lift-grid-searchText::-moz-placeholder {
  color: #adb3c2;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil label.face-lift input[type=search].face-lift-grid-searchText::placeholder {
  color: #adb3c2;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil label.face-lift:after {
  content: url("/resources/mrs2/css/manager/faceLiftImg/grid_search_green_icon.svg");
  position: absolute;
  width: 20px;
  height: 20px;
  right: 10px;
  top: 6px;
  cursor: text;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil button.face-lift-btn-detail-search {
  height: 32px;
  width: 93px;
  background: white;
  border-radius: 5px;
  border: 2px solid white;
  position: relative;
  top: 7px;
  color: #00a850;
  text-align: left;
  margin-left: 10px;
  padding-left: 10px;
  font-weight: 500;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil button.face-lift-btn-detail-search.active {
  border: 2px solid #007c4e;
  background: #007c4e !important;
  color: white;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil button.face-lift-btn-detail-search.active:after {
  content: url("/resources/mrs2/css/manager/faceLiftImg/jobflex_up_white.svg");
  position: absolute;
  width: 20px;
  height: 20px;
  right: 10px;
  top: 5px;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil button.face-lift-btn-detail-search:after {
  content: url("/resources/mrs2/css/manager/faceLiftImg/jobflex_down_green.svg");
  position: absolute;
  width: 20px;
  height: 20px;
  right: 10px;
  top: 5px;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil button.face-lift-btn-util {
  width: 32px;
  height: 32px;
  border: none;
  outline: none;
  background-color: transparent;
  border-radius: 5px;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil button.face-lift-btn-util.sector-first {
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/grid_sector1_util.svg");
  margin-left: 10px;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil button.face-lift-btn-util.sector-second {
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/grid_sector2_util.svg");
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil button.face-lift-btn-util.first {
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/grid_util1.svg");
  margin-left: 10px;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil button.face-lift-btn-util.second {
  background: url("/resources/mrs2/css/manager/faceLiftImg/grid_util2.svg");
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil button.face-lift-btn-util.third {
  background: url("/resources/mrs2/css/manager/faceLiftImg/grid_util3.svg");
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil button.face-lift-btn-util.fourth {
  background: url("/resources/mrs2/css/manager/faceLiftImg/grid_util4.svg");
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil button.face-lift-btn-util.specter {
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/grid_util_specter.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 70% 70%;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil button.face-lift-btn-util.active {
  background-color: #00883b !important;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil label.resumeType i.face-lift-fifth {
  position: relative;
  content: url("/resources/mrs2/css/manager/faceLiftImg/grid_util5.svg");
  width: 32px;
  height: 32px;
  background: transparent;
  background-color: #03c945;
  z-index: 10;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapUtil label.resumeType i.face-lift-fifth:before {
  content: "";
  width: 34px;
  height: 34px;
  background: #03c945;
  top: 13px;
  z-index: 5;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect {
  padding-left: 10px;
  position: relative;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect button.face-lift-grid-selectbtn#screeningName {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1440px) {
  div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect button.face-lift-grid-selectbtn#screeningName {
    max-width: 120px;
  }
}
@media (min-width: 1441px) and (max-width: 1960px) {
  div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect button.face-lift-grid-selectbtn#screeningName {
    max-width: 155px;
  }
}
@media (min-width: 1961px) {
  div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect button.face-lift-grid-selectbtn#screeningName {
    max-width: 235px;
  }
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect button.face-lift-grid-selectbtn span {
  font-weight: 500;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  top: 2px;
}
@media (max-width: 1440px) {
  div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect button.face-lift-grid-selectbtn span {
    max-width: 120px;
  }
}
@media (min-width: 1441px) and (max-width: 1960px) {
  div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect button.face-lift-grid-selectbtn span {
    max-width: 155px;
  }
}
@media (min-width: 1961px) {
  div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect button.face-lift-grid-selectbtn span {
    max-width: 235px;
  }
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect button.face-lift-grid-selectbtn.active, div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect button.face-lift-grid-selectbtn:hover {
  border-radius: 5px;
  top: 7px;
  padding-bottom: 13px;
  background: white;
  line-height: 32px;
  height: 32px;
  color: #1c252f;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect button.face-lift-grid-selectbtn.active:after, div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect button.face-lift-grid-selectbtn:hover:after {
  content: url("/resources/mrs2/css/manager/faceLiftImg/drop_down_icon.svg");
  width: 20px;
  height: 20px;
  right: 5px;
  top: 6px;
  transform: scale(1.04);
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect button.face-lift-grid-selectbtn.active span, div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect button.face-lift-grid-selectbtn:hover span {
  top: 0;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect button.face-lift-grid-selectbtn:after {
  content: url("/resources/mrs2/css/manager/faceLiftImg/1_dropbox_down_white.svg");
  width: 20px;
  height: 20px;
  right: 5px;
  top: 13px;
  transform: scale(1.04);
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect div.wrapDetail {
  top: 50px;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 10px rgba(92, 106, 136, 0.2);
  border: 1px solid #6a7684;
  border-radius: 8px;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect div.wrapDetail.face-lift {
  padding-bottom: 52px;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect div.wrapDetail.face-lift label input[type=checkbox] + span {
  top: -4px;
  line-height: 31px;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect div.wrapDetail label {
  position: relative;
  display: inline-block;
  width: calc(100% - 12px);
  margin-left: 6px;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect div.wrapDetail label input[type=search] {
  height: 32px;
  margin-left: 0 !important;
  width: calc(100% - 1px) !important;
  background: #f1f3fb 0% 0% no-repeat padding-box;
  border-radius: 5px;
  color: #1c252f;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect div.wrapDetail label input[type=search]::-ms-clear, div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect div.wrapDetail label input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect div.wrapDetail label input[type=search]::-webkit-search-decoration, div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect div.wrapDetail label input[type=search]::-webkit-search-cancel-button, div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect div.wrapDetail label input[type=search]::-webkit-search-results-button, div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect div.wrapDetail label input[type=search]::-webkit-search-results-decoration {
  display: none;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect div.wrapDetail label input[type=search]::-moz-placeholder {
  color: #adb3c2;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect div.wrapDetail label input[type=search]::placeholder {
  color: #adb3c2;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect div.wrapDetail label.face-lift-grid-search:after {
  content: url("/resources/mrs2/css/manager/faceLiftImg/search_icon.svg");
  width: 20px;
  height: 20px;
  position: absolute;
  right: 10px;
  top: 12px;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect div.wrapDetail ul#gridRecruitNoticeList li {
  height: 32px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 10px;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect div.wrapDetail ul#gridRecruitNoticeList li:hover {
  background-color: #edeef3;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect div.wrapDetail ul#gridRecruitNoticeList li:hover button {
  color: #1c252f;
  line-height: 32px;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect div.wrapDetail ul#gridRecruitNoticeList li:hover label span {
  color: #1c252f;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect div.wrapDetail ul#gridRecruitNoticeList li button {
  color: #6a7684;
  line-height: 32px;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect div.wrapDetail ul#gridRecruitNoticeList li label input[type=checkbox]:checked + span.label {
  color: #1c252f;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect div.wrapDetail ul#gridRecruitNoticeList li label span.label.ellipsis {
  color: #6a7684;
  font-weight: 400;
  line-height: 32px;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect div.wrapDetail ul#gridSectorList li,
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect div.wrapDetail ul#gridPriorityList li,
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect div.wrapDetail ul#gridScreeningList li {
  height: 32px;
  padding-top: 0;
  padding-bottom: 0;
  color: #1c252f;
  line-height: 32px;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect div.wrapDetail ul#gridSectorList li:hover,
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect div.wrapDetail ul#gridPriorityList li:hover,
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect div.wrapDetail ul#gridScreeningList li:hover {
  background-color: #edeef3;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect div.wrapDetail ul#gridSectorList li:hover label span,
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect div.wrapDetail ul#gridPriorityList li:hover label span,
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect div.wrapDetail ul#gridScreeningList li:hover label span {
  color: #1c252f;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect div.wrapDetail ul#gridSectorList li:hover button,
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect div.wrapDetail ul#gridPriorityList li:hover button,
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect div.wrapDetail ul#gridScreeningList li:hover button {
  color: #1c252f;
  height: 32px;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect div.wrapDetail ul#gridSectorList li label,
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect div.wrapDetail ul#gridPriorityList li label,
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect div.wrapDetail ul#gridScreeningList li label {
  position: relative;
  top: 2px;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect div.wrapDetail ul#gridSectorList li label input[type=checkbox]:checked + span.label,
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect div.wrapDetail ul#gridPriorityList li label input[type=checkbox]:checked + span.label,
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect div.wrapDetail ul#gridScreeningList li label input[type=checkbox]:checked + span.label {
  color: #6a7684;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect div.wrapDetail ul#gridSectorList li label input[type=checkbox]:checked + span.label:before,
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect div.wrapDetail ul#gridPriorityList li label input[type=checkbox]:checked + span.label:before,
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect div.wrapDetail ul#gridScreeningList li label input[type=checkbox]:checked + span.label:before {
  color: white !important;
  background: #00c17c !important;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect div.wrapDetail ul#gridSectorList li label span.label,
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect div.wrapDetail ul#gridPriorityList li label span.label,
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect div.wrapDetail ul#gridScreeningList li label span.label {
  color: #6a7684;
  line-height: 32px;
  font-weight: 400;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect div.wrapDetail ul#gridSectorList button.ellipsis,
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect div.wrapDetail ul#gridPriorityList button.ellipsis,
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect div.wrapDetail ul#gridScreeningList button.ellipsis {
  color: #6a7684;
  height: 32px;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapSelect div.wrapDetail button.doSelect {
  width: calc(100% - 12px);
  margin-left: 6px;
  height: 32px;
  bottom: 6px;
  font-size: 13px;
  background: #221b4b 0% 0% no-repeat padding-box;
  border: 1px solid #221b4b;
  border-radius: 5px;
  color: white;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapAction {
  align-items: center;
  justify-content: center;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapAction .btn-smart-screening {
  display: flex;
  padding: 6px 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  background-color: #00a359;
  color: white;
  border: 0;
  width: 140px;
  height: 32px;
  border-radius: 4px;
  padding: 6px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  margin-right: 8px;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapAction .btn-smart-screening > strong {
  background-color: #00bb80;
  font-size: 12px;
  font-weight: 400;
  border-radius: 4px;
  line-height: 18px;
  width: 40px;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapAction .btn-smart-screening > .badge_tooltip {
  z-index: 1000;
  padding: 12px;
  background: #302e41;
  border-radius: 5px;
  border: 1px solid #302e41;
  color: white;
  display: none;
  position: absolute;
  top: 32px;
  width: 280px;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapAction .btn-smart-screening > .badge_tooltip:before {
  border-bottom: 7px solid #302e41;
}
div.modalGridBg.face-lift form article div.gridToolbar div.wrapAction .btn-smart-screening:hover .badge_tooltip {
  display: block;
}

div#grid div.noSearchResult:before {
  background: url("/resources/mrs2/css/manager/faceLiftImg/emptyGuide/empty_user_icon.png") no-repeat;
  background-size: 180px 180px;
  left: calc(50% - 100px);
  top: 25%;
}
div#grid div.noSearchResult:after {
  top: calc(25% + 200px);
}

#modalGrid.face-lift button.gridBtn {
  background: #00c17c 0% 0% no-repeat padding-box;
  border-radius: 5px;
}
#modalGrid.face-lift button.gridBtn:disabled {
  background: lightgray;
  cursor: default;
}
#modalGrid.face-lift span.personalInformationTotal,
#modalGrid.face-lift span.resumeSubmitOath {
  display: inline-block;
  width: 50px;
  height: 26px;
  border-radius: 5px;
  line-height: 26px;
  padding: 0;
}
#modalGrid.face-lift span.personalInformationTotal.AGREE, #modalGrid.face-lift span.personalInformationTotal.SUBMIT,
#modalGrid.face-lift span.resumeSubmitOath.AGREE,
#modalGrid.face-lift span.resumeSubmitOath.SUBMIT {
  border: 1px solid #00a850;
  color: #00a850;
  background: #ccf5e0 0% 0% no-repeat padding-box;
}
#modalGrid.face-lift span.personalInformationTotal.AGREE:after, #modalGrid.face-lift span.personalInformationTotal.SUBMIT:after,
#modalGrid.face-lift span.resumeSubmitOath.AGREE:after,
#modalGrid.face-lift span.resumeSubmitOath.SUBMIT:after {
  color: #00a850;
}
#modalGrid.face-lift span.personalInformationTotal.NO_REPLY, #modalGrid.face-lift span.personalInformationTotal.NOT_SUBMIT,
#modalGrid.face-lift span.resumeSubmitOath.NO_REPLY,
#modalGrid.face-lift span.resumeSubmitOath.NOT_SUBMIT {
  color: #6a7684;
  background: white;
  border: 1px solid #e7eaf1;
}
#modalGrid.face-lift div.dropdown-set button.screeningResult,
#modalGrid.face-lift div.dropdown-set span.personalInformationTotal,
#modalGrid.face-lift div.dropdown-set span.resumeSubmitOath,
#modalGrid.face-lift div.gridCustomDropdown button.screeningResult,
#modalGrid.face-lift div.gridCustomDropdown span.personalInformationTotal,
#modalGrid.face-lift div.gridCustomDropdown span.resumeSubmitOath {
  min-width: 70px;
  height: 24px;
  border-radius: 5px;
  border: 1px solid #c4e5fc;
  color: #0288e2;
  background: #c4e5fc 0% 0% no-repeat padding-box;
}
#modalGrid.face-lift div.dropdown-set button.screeningResult:after,
#modalGrid.face-lift div.dropdown-set span.personalInformationTotal:after,
#modalGrid.face-lift div.dropdown-set span.resumeSubmitOath:after,
#modalGrid.face-lift div.gridCustomDropdown button.screeningResult:after,
#modalGrid.face-lift div.gridCustomDropdown span.personalInformationTotal:after,
#modalGrid.face-lift div.gridCustomDropdown span.resumeSubmitOath:after {
  color: #0388e2;
}
#modalGrid.face-lift div.dropdown-set button.screeningResult.cannotModify,
#modalGrid.face-lift div.dropdown-set span.personalInformationTotal.cannotModify,
#modalGrid.face-lift div.dropdown-set span.resumeSubmitOath.cannotModify,
#modalGrid.face-lift div.gridCustomDropdown button.screeningResult.cannotModify,
#modalGrid.face-lift div.gridCustomDropdown span.personalInformationTotal.cannotModify,
#modalGrid.face-lift div.gridCustomDropdown span.resumeSubmitOath.cannotModify {
  cursor: auto;
}
#modalGrid.face-lift div.dropdown-set button.screeningResult.true,
#modalGrid.face-lift div.dropdown-set button.screeningResult.PASS,
#modalGrid.face-lift div.dropdown-set span.personalInformationTotal.AGREE,
#modalGrid.face-lift div.dropdown-set span.resumeSubmitOath.SUBMIT,
#modalGrid.face-lift div.gridCustomDropdown button.screeningResult.true,
#modalGrid.face-lift div.gridCustomDropdown button.screeningResult.PASS,
#modalGrid.face-lift div.gridCustomDropdown span.personalInformationTotal.AGREE,
#modalGrid.face-lift div.gridCustomDropdown span.resumeSubmitOath.SUBMIT {
  border: 1px solid #ccf5e0;
  color: #00a850;
  background: #ccf5e0 0% 0% no-repeat padding-box;
}
#modalGrid.face-lift div.dropdown-set button.screeningResult.true:after,
#modalGrid.face-lift div.dropdown-set button.screeningResult.PASS:after,
#modalGrid.face-lift div.dropdown-set span.personalInformationTotal.AGREE:after,
#modalGrid.face-lift div.dropdown-set span.resumeSubmitOath.SUBMIT:after,
#modalGrid.face-lift div.gridCustomDropdown button.screeningResult.true:after,
#modalGrid.face-lift div.gridCustomDropdown button.screeningResult.PASS:after,
#modalGrid.face-lift div.gridCustomDropdown span.personalInformationTotal.AGREE:after,
#modalGrid.face-lift div.gridCustomDropdown span.resumeSubmitOath.SUBMIT:after {
  color: #00a850;
}
#modalGrid.face-lift div.dropdown-set button.screeningResult.false,
#modalGrid.face-lift div.dropdown-set button.screeningResult.NOT_PASS,
#modalGrid.face-lift div.gridCustomDropdown button.screeningResult.false,
#modalGrid.face-lift div.gridCustomDropdown button.screeningResult.NOT_PASS {
  color: #6a7684;
  background: #e7eaf1;
  border: 1px solid #e7eaf1;
}
#modalGrid.face-lift div.dropdown-set button.screeningResult.false:after,
#modalGrid.face-lift div.dropdown-set button.screeningResult.NOT_PASS:after,
#modalGrid.face-lift div.gridCustomDropdown button.screeningResult.false:after,
#modalGrid.face-lift div.gridCustomDropdown button.screeningResult.NOT_PASS:after {
  color: #6a7684;
}
#modalGrid.face-lift div.dropdown-set button.screeningResult.NOT_EVALUATE,
#modalGrid.face-lift div.gridCustomDropdown button.screeningResult.NOT_EVALUATE {
  border: 1px solid #c4e5fc;
  color: #0288e2;
  background: #c4e5fc 0% 0% no-repeat padding-box;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#modalGrid.face-lift div.dropdown-set button.screeningResult.NOT_EVALUATE:after,
#modalGrid.face-lift div.gridCustomDropdown button.screeningResult.NOT_EVALUATE:after {
  color: #0388e2;
}
#modalGrid.face-lift div.dropdown-set button.screeningResult.SPARE_PASS,
#modalGrid.face-lift div.gridCustomDropdown button.screeningResult.SPARE_PASS {
  color: #6e5bc1;
  background: #d6ccf5;
  border: 1px solid #d6ccf5;
}
#modalGrid.face-lift div.dropdown-set button.screeningResult.SPARE_PASS:after,
#modalGrid.face-lift div.gridCustomDropdown button.screeningResult.SPARE_PASS:after {
  color: #6e5bc1;
}
#modalGrid.face-lift div.dropdown-set button.screeningResult[data-evaluation-exclusion-type=EXCLUDED],
#modalGrid.face-lift div.gridCustomDropdown button.screeningResult[data-evaluation-exclusion-type=EXCLUDED] {
  color: #cb315f;
  background: #fadfdc;
  border: 1px solid #fadfdc;
}
#modalGrid.face-lift div.dropdown-set button.screeningResult[data-evaluation-exclusion-type=EXCLUDED]:after,
#modalGrid.face-lift div.gridCustomDropdown button.screeningResult[data-evaluation-exclusion-type=EXCLUDED]:after {
  color: #cb315f;
}
#modalGrid.face-lift div.dropdown-set.gridCustomDropdown .dropdown-menu {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 10px rgba(92, 106, 136, 0.2);
  border: 1px solid #6a7684;
  border-radius: 5px;
  width: auto;
  overflow: hidden;
}
#modalGrid.face-lift div.dropdown-set.gridCustomDropdown .dropdown-menu li[data-option] label {
  display: inline-block;
  width: 100%;
  background: white;
  padding: 0;
}
#modalGrid.face-lift div.dropdown-set.gridCustomDropdown .dropdown-menu li[data-option] label:hover {
  background-color: #edeef3;
}
#modalGrid.face-lift div.dropdown-set.gridCustomDropdown .dropdown-menu li[data-option] label:hover span.face-lift-label {
  background: #edeef3;
}
#modalGrid.face-lift div.dropdown-set.gridCustomDropdown .dropdown-menu li[data-option] label span.face-lift-label {
  display: inline-block;
  width: 100%;
  height: 32px;
  line-height: 32px;
  padding-left: 8px;
}
#modalGrid.face-lift div.dropdown-set.gridCustomDropdown .dropdown-menu li[data-option][data-option] label span.face-lift-label {
  color: #0288e2;
}
#modalGrid.face-lift div.dropdown-set.gridCustomDropdown .dropdown-menu li[data-option][data-option=NOT_EVALUATE] label span.face-lift-label {
  color: #0288e2;
}
#modalGrid.face-lift div.dropdown-set.gridCustomDropdown .dropdown-menu li[data-option][data-option=NOT_PASS] label span.face-lift-label, #modalGrid.face-lift div.dropdown-set.gridCustomDropdown .dropdown-menu li[data-option][data-option=false] label span.face-lift-label {
  color: #6a7684;
}
#modalGrid.face-lift div.dropdown-set.gridCustomDropdown .dropdown-menu li[data-option][data-option=PASS] label span.face-lift-label, #modalGrid.face-lift div.dropdown-set.gridCustomDropdown .dropdown-menu li[data-option][data-option=true] label span.face-lift-label {
  color: #00a850;
}
#modalGrid.face-lift div.dropdown-set.gridCustomDropdown .dropdown-menu li[data-option][data-option=SPARE_PASS] label span.face-lift-label {
  color: #6e5bc1;
}
#modalGrid.face-lift div.dropdown-set.gridCustomDropdown .dropdown-menu li[data-option][data-option=evaluationExclusionEXCLUDED] label span.face-lift-label {
  color: #e8604f;
}
#modalGrid.face-lift div.dropdown-set.gridCustomDropdown .dropdown-menu li[data-option] label {
  display: inline-block;
  width: 100%;
  background: white;
  padding: 0;
}
#modalGrid.face-lift div.dropdown-set.gridCustomDropdown .dropdown-menu li[data-option] label:hover {
  background-color: #edeef3;
}
#modalGrid.face-lift div.dropdown-set.gridCustomDropdown .dropdown-menu li[data-option] label:hover span.face-lift-label {
  background: #edeef3;
}
#modalGrid.face-lift div.dropdown-set.gridCustomDropdown .dropdown-menu li[data-option] label span.face-lift-label {
  display: inline-block;
  width: 100%;
  height: 32px;
  line-height: 32px;
  padding-left: 8px;
  font-weight: 400;
  font-size: 12px;
}
#modalGrid.face-lift div.dropdown-set.gridCustomDropdown .dropdown-menu li input.radio[type=radio]:checked + .label::before,
#modalGrid.face-lift div.dropdown-set.gridCustomDropdown .dropdown-menu li input.radio[type=radio]:checked + .face-lift-label {
  background: #edeef3;
}
#modalGrid.face-lift div.dropdown-set.gridCustomDropdown .dropdown-menu li input.radio[type=radio]:checked + .label::before,
#modalGrid.face-lift div.dropdown-set.gridCustomDropdown .dropdown-menu li input.radio[type=radio]:checked + .face-lift-label {
  background: #edeef3;
}
#modalGrid.face-lift div.dropdown-set.gridCustomDropdown .dropdown-menu li button.modalCustomUpdateBtn {
  width: 59px;
  height: 24px;
  background: #221b4b 0% 0% no-repeat padding-box;
  border: 1px solid #221b4b;
  border-radius: 5px;
  margin: 6px auto;
  color: white;
  text-indent: 0;
  font-size: 12px;
}
#modalGrid.face-lift div.dropdown-set.gridCustomDropdown .dropdown-menu.screeningValuerFlyout {
  width: 123px;
  padding: 0;
  overflow: visible;
}
#modalGrid.face-lift div.dropdown-set.gridCustomDropdown .dropdown-menu.screeningValuerFlyout li {
  height: auto;
}
#modalGrid.face-lift div.dropdown-set.gridCustomDropdown .dropdown-menu.screeningValuerFlyout .flyoutGroup {
  position: relative;
  list-style: none;
}
#modalGrid.face-lift div.dropdown-set.gridCustomDropdown .dropdown-menu.screeningValuerFlyout .flyoutGroup .flyoutRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  box-sizing: border-box;
  height: 32px;
  padding: 7px 8px;
  cursor: pointer;
  color: #6a7684;
  font-size: 13px;
  white-space: nowrap;
}
#modalGrid.face-lift div.dropdown-set.gridCustomDropdown .dropdown-menu.screeningValuerFlyout .flyoutGroup .flyoutRow .flyoutRowLabel {
  flex: 1 0 0;
  min-width: 0;
  word-break: break-word;
}
#modalGrid.face-lift div.dropdown-set.gridCustomDropdown .dropdown-menu.screeningValuerFlyout .flyoutGroup .flyoutRow:after {
  content: "";
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  background: url(/resources/mrs2/css/manager/icon/common/icon_arrow_right_24_line.svg) no-repeat center/16px 16px;
}
#modalGrid.face-lift div.dropdown-set.gridCustomDropdown .dropdown-menu.screeningValuerFlyout .flyoutGroup .flyoutSubmenu {
  display: none;
  position: absolute;
  top: -1px;
  left: 100%;
  z-index: 10;
  margin: 0;
  padding: 0;
  min-width: 123px;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #6a7684;
  border-radius: 5px;
  box-shadow: 0px 2px 10px rgba(92, 106, 136, 0.2);
  overflow: hidden;
  list-style: none;
}
#modalGrid.face-lift div.dropdown-set.gridCustomDropdown .dropdown-menu.screeningValuerFlyout .flyoutGroup .flyoutSubmenu li {
  height: auto;
}
#modalGrid.face-lift div.dropdown-set.gridCustomDropdown .dropdown-menu.screeningValuerFlyout .flyoutGroup:hover > .flyoutRow {
  background: #edeef3;
}
#modalGrid.face-lift div.dropdown-set.gridCustomDropdown .dropdown-menu.screeningValuerFlyout .flyoutGroup:hover > .flyoutSubmenu {
  display: block;
}
#modalGrid.face-lift div.dropdown-set.gridCustomDropdown .dropdown-menu.screeningValuerFlyout .flyoutUpdate {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
}
#modalGrid.face-lift div.dropdown-set.gridCustomDropdown .dropdown-menu.screeningValuerFlyout .flyoutUpdate button.modalCustomUpdateBtn {
  width: 100%;
  margin: 0;
}

#gridSetThPanel.face-lift {
  padding-bottom: 13px;
  border-radius: 5px;
  box-shadow: 0px 2px 10px rgba(92, 106, 136, 0.2);
}
#gridSetThPanel.face-lift:before {
  width: 0;
  height: 0;
}
#gridSetThPanel.face-lift button[data-button=screeningResultCodeList],
#gridSetThPanel.face-lift button[data-button=finalValuerSnList],
#gridSetThPanel.face-lift button[data-button=submitYnList],
#gridSetThPanel.face-lift button[data-button=nextAttendanceReplyYnList],
#gridSetThPanel.face-lift button[data-button=attendanceIntentionYnList],
#gridSetThPanel.face-lift button[data-button=managerUploadYnList],
#gridSetThPanel.face-lift button[data-button=smsResultTypeList],
#gridSetThPanel.face-lift button[data-button=mailResultTypeList],
#gridSetThPanel.face-lift #gridSetThPanel button[data-button=normalValuerSnList],
#gridSetThPanel.face-lift #gridSetThPanel button[data-button=matchingLevelCodeList],
#gridSetThPanel.face-lift #gridSetThPanel button[data-button^=personalInformationCollection],
#gridSetThPanel.face-lift button[data-button^=personalInformationTotal],
#gridSetThPanel.face-lift button[data-button^=accPersonalInformationTotal],
#gridSetThPanel.face-lift button[data-button^=resumeSubmitOath],
#gridSetThPanel.face-lift button[data-button^=talentScreeningSuitability],
#gridSetThPanel.face-lift button[data-button^=fitScreeningTotalResult],
#gridSetThPanel.face-lift button.gridOptionSelectBtn,
#gridSetThPanel.face-lift button[data-button=normalValuerSnList] {
  bottom: 2px;
  background: #221b4b 0% 0% no-repeat padding-box;
  border: 1px solid #221b4b;
  border-radius: 5px;
  height: 32px;
  width: calc(100% - 12px);
  margin-left: 7px;
  box-sizing: border-box;
  margin-bottom: 4px;
}
#gridSetThPanel.face-lift button[data-button=screeningResultCodeList]:before,
#gridSetThPanel.face-lift button[data-button=finalValuerSnList]:before,
#gridSetThPanel.face-lift button[data-button=submitYnList]:before,
#gridSetThPanel.face-lift button[data-button=nextAttendanceReplyYnList]:before,
#gridSetThPanel.face-lift button[data-button=attendanceIntentionYnList]:before,
#gridSetThPanel.face-lift button[data-button=managerUploadYnList]:before,
#gridSetThPanel.face-lift button[data-button=smsResultTypeList]:before,
#gridSetThPanel.face-lift button[data-button=mailResultTypeList]:before,
#gridSetThPanel.face-lift #gridSetThPanel button[data-button=normalValuerSnList]:before,
#gridSetThPanel.face-lift #gridSetThPanel button[data-button=matchingLevelCodeList]:before,
#gridSetThPanel.face-lift #gridSetThPanel button[data-button^=personalInformationCollection]:before,
#gridSetThPanel.face-lift button[data-button^=personalInformationTotal]:before,
#gridSetThPanel.face-lift button[data-button^=accPersonalInformationTotal]:before,
#gridSetThPanel.face-lift button[data-button^=resumeSubmitOath]:before,
#gridSetThPanel.face-lift button[data-button^=talentScreeningSuitability]:before,
#gridSetThPanel.face-lift button[data-button^=fitScreeningTotalResult]:before,
#gridSetThPanel.face-lift button.gridOptionSelectBtn:before,
#gridSetThPanel.face-lift button[data-button=normalValuerSnList]:before {
  content: initial;
}
#gridSetThPanel.face-lift input.checkbox[type=checkbox]:checked + .label::before {
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/grid_checked_img.png");
  width: 20px;
  height: 20px;
  min-width: 14px;
  border: none;
  line-height: 14px;
  content: "";
}
#gridSetThPanel.face-lift label .label:before {
  width: 20px;
  height: 20px;
  border: none;
  background-position: center;
}
#gridSetThPanel.face-lift .groupBtn button.btnThDetail {
  position: relative;
  color: #6a7684;
  height: 32px;
  width: 100%;
  margin: 0;
  padding-left: 20px;
  margin-right: 0;
  background: none;
  font-size: 13px;
  background-image: none !important;
}
#gridSetThPanel.face-lift .groupBtn button.btnThDetail + button.btnThDetail {
  margin-top: 0 !important;
}
#gridSetThPanel.face-lift .groupBtn button.btnThDetail:hover {
  background: #edeef3;
  color: #1c252f;
  border-radius: 0;
  margin-top: 0;
}
#gridSetThPanel.face-lift .groupBtn button.btnThDetail.fixed {
  padding-left: 33px;
}
#gridSetThPanel.face-lift .groupBtn button.btnThDetail.fixed:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  left: 10px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/grid_fix.svg");
}
#gridSetThPanel.face-lift .groupBtn button.btnThDetail.orderDesc {
  padding-left: 33px;
}
#gridSetThPanel.face-lift .groupBtn button.btnThDetail.orderDesc:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  left: 10px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/grid_desc.svg");
}
#gridSetThPanel.face-lift .groupBtn button.btnThDetail.orderAsc {
  padding-left: 33px;
}
#gridSetThPanel.face-lift .groupBtn button.btnThDetail.orderAsc:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  left: 10px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/grid_asc.svg");
}
#gridSetThPanel.face-lift .groupBtn button.btnThDetail.float {
  padding-left: 33px;
}
#gridSetThPanel.face-lift .groupBtn button.btnThDetail.float:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  left: 10px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/icon_decimal_add.svg");
}
#gridSetThPanel.face-lift .groupBtn button.btnThDetail.float.decimal {
  padding-left: 33px;
}
#gridSetThPanel.face-lift .groupBtn button.btnThDetail.float.decimal:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  left: 10px;
  background: url("/resources/mrs2/css/manager/faceLiftImg/icon_decimal_add.svg");
}
#gridSetThPanel.face-lift .groupBtn .GridsetDetail > button {
  background: #221b4b;
  margin: 6px;
  border-radius: 5px;
  width: calc(100% - 12px);
  height: 32px;
}
#gridSetThPanel.face-lift .groupBtn .GridsetDetail .GridradioArea input[type=radio] + span {
  border: 1px solid #9aa6b5;
  color: #6a7684;
}
#gridSetThPanel.face-lift .groupBtn .GridsetDetail .GridradioArea input[type=radio]:checked + span {
  background: #9aa6b5;
}
#gridSetThPanel.face-lift .groupBtn .GridsetDetail .GridradioArea input[value=all] + span {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
#gridSetThPanel.face-lift .groupBtn .GridsetDetail .GridradioArea input[value=filter] + span {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
#gridSetThPanel.face-lift .groupBtn .GridsetDetail .GridinputArea {
  background: #edeef3;
}
#gridSetThPanel.face-lift .groupBtn .GridsetDetail .GridinputArea > label > input {
  border-radius: 5px;
}
#gridSetThPanel.face-lift .groupBtn label:nth-child(1) {
  margin-top: 0;
}

div.gridTable.face-lift {
  transition: none;
}
div.gridTable.face-lift div.th.useFilter {
  color: #00c17c;
}
div.gridTable.face-lift div.th button.btnSetTh.semifix {
  background: none;
}
div.gridTable.face-lift div.th button.btnSetTh.semifix.active {
  background-image: none;
  background-color: transparent !important;
}
div.gridTable.face-lift div.th button.btnSetTh.semifix:after {
  top: -2px !important;
}
div.gridTable.face-lift div.th button.btnSetTh {
  width: 18px;
  height: 18px;
  transition: none;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/more_view.svg");
  background-color: #f1f3fb;
  top: 5px;
  right: 2px;
}
div.gridTable.face-lift div.th button.btnSetTh.active {
  width: 18px;
  height: 18px;
  background-color: #dbdde8 !important;
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/more_view_active.svg");
  background-repeat: no-repeat;
  border: none !important;
  background-position: center;
  border-radius: 5px;
  box-sizing: border-box;
  transition: none;
}
div.gridTable.face-lift div.tr div.td div.set-vert div.valuerBox {
  border-radius: 5px;
  border: 1px solid #e7eaf1 !important;
  width: 50px;
  height: 26px !important;
  background: white;
  line-height: 22px !important;
  box-sizing: border-box;
}
div.gridTable.face-lift div.tr div.td div.set-vert i {
  width: 20px;
  height: 20px;
  background-position: center;
}
div.gridTable.face-lift div.tr div.td div.set-vert i.adminSubmit {
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/1_grid_manager.svg");
  top: 5px;
}
div.gridTable.face-lift div.tr div.td div.set-vert i.absentee {
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/1_grid_absentee.svg");
  top: 5px;
}
div.gridTable.face-lift div.tr div.td div.set-vert i.duplicate {
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/1_grid_duplicate.svg");
  top: 5px;
}
div.gridTable.face-lift div.tr div.td div.set-vert i.interest {
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/1_grid_Favorites.svg");
  top: 5px;
}
div.gridTable.face-lift div.tr div.td div.set-vert i.black {
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/1_grid_black1.svg");
  top: 5px;
}
div.gridTable.face-lift div.tr div.td div.set-vert i.someCopy {
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/1_grid_copy1.svg");
  top: 5px;
}
div.gridTable.face-lift div.tr div.td div.set-vert i.fullCopy {
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/1_grid_copy2.svg");
  top: 5px;
}
div.gridTable.face-lift div.tr div.td div.set-vert .inseedGrade {
  top: 0px !important;
}
div.gridTable.face-lift span.btnGridCantDownload.face-lift {
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/grid_cantdownload.svg") !important;
  background-position: 0 !important;
}
div.gridTable.face-lift a.btnGridDownload.face-lift {
  background-image: url("/resources/mrs2/css/manager/faceLiftImg/gird_candownload.svg") !important;
  background-position: 0 !important;
}
div.gridTable.face-lift .information.face-lift:before {
  content: url("/resources/mrs2/css/manager/faceLiftImg/grid_facelift_info.svg") !important;
  border: none !important;
  width: 20px;
  height: 20px;
}

ul.jf-resulktSet.face-lift {
  position: relative;
  left: -10px;
  width: 113px;
}
ul.jf-resulktSet.face-lift li {
  border: none;
  background: none !important;
}
ul.jf-resulktSet.face-lift li:hover {
  border: none;
}
ul.jf-resulktSet.face-lift li a {
  padding-left: 10px;
  line-height: 32px !important;
}
ul.jf-resulktSet.face-lift li a:hover {
  border: none;
}
ul.jf-resulktSet.face-lift li a[data-screeningresultcode=NOT_EVALUATE] {
  color: #0288e2 !important;
}
ul.jf-resulktSet.face-lift li a[data-screeningresultcode=NOT_PASS] {
  color: #6a7684 !important;
}
ul.jf-resulktSet.face-lift li a[data-screeningresultcode=PASS] {
  color: #00a850 !important;
}
ul.jf-resulktSet.face-lift li a[data-screeningresultcode=SPARE_PASS] {
  color: #6e5bc1 !important;
}

#gridSetThPanelInform.information.face-lift {
  background: #302e41 !important;
  border-radius: 5px;
}

i.face-lift-search-icon {
  content: url("/resources/mrs2/css/manager/faceLiftImg/grid_body_search_icon.svg");
  width: 20px;
  height: 20px;
}

.mCSB_dragger_bar {
  border-radius: 5px !important;
}

#modalGrid div.gridToolbar div.wrapSelect div.wrapDetail input[type=search] {
  margin-top: 6px;
}

#modalBody span.examineeStatus {
  border-radius: 5px;
  color: #00a850;
}

#gridSetThPanel label {
  height: 32px;
}
#gridSetThPanel label:hover {
  background: #edeef3;
}

div.gridTable div.td {
  padding: 0 !important;
}

div.gridTable div.th {
  background: #f1f3fb;
  color: #283442;
}

.accIntegrateHeaderInfo:hover .accIntegrateHeaderHover {
  display: block;
}

.modal button.btn.btn-big {
  padding: 5px;
}

#gridSetThPanel.face-lift div.groupBtn hr {
  padding: 0;
  margin: 0;
}
#gridSetThPanel.face-lift div.groupBtn label input[type=checkbox] + span {
  padding-top: 1px;
  top: -1px;
}

#gridSetThPanel label {
  height: 32px;
}
#gridSetThPanel label:hover {
  background: #edeef3;
}

#gridSearchBtnSet button[type=submit],
#gridSearchBtnSet button[type=reset] {
  min-width: 68px;
  padding: 0px;
  margin: 3px 5px;
}

#gridPaging #gridPagingDetail button.btn-paging.paging-prev.face-lift {
  position: relative;
  background: none;
}
#gridPaging #gridPagingDetail button.btn-paging.paging-prev.face-lift:after {
  background: url(/resources/mrs2/css/manager/faceLiftImg/back_icon.svg);
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
  left: 4px;
}
#gridPaging #gridPagingDetail button.btn-paging.paging-next.face-lift {
  position: relative;
  background: none;
}
#gridPaging #gridPagingDetail button.btn-paging.paging-next.face-lift:after {
  background: url(/resources/mrs2/css/manager/faceLiftImg/next_icon.svg);
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
  left: 3px;
}
#gridPaging #gridPagingDetail input.text.pagingInputText {
  color: #6a7684;
  background: white;
  padding: 0;
}
#gridPaging #gridPagingDetail input.text.pagingInputText + span {
  color: #6a7684;
}
#gridPaging #gridPagingDetail label.styled-select.pagingCounter select {
  background: white;
}
#gridPaging #gridSearchBtnSet button.face-lift-gbtn {
  border: 2px solid #00c17c;
  background: #00c17c;
  color: #ffffff;
  height: 32px;
  line-height: 0;
}
#gridPaging #gridSearchBtnSet button.face-lift-gbtn:hover {
  background: #3f8e61 !important;
  border: 2px solid #3f8e61 !important;
}
#gridPaging #gridSearchBtnSet button.face-lift-grefresh {
  position: relative;
  border: 2px solid #00c17c;
  background: white;
  color: #00c17c;
  height: 32px;
  padding-left: 30px;
  padding-right: 10px;
  line-height: 0;
}
#gridPaging #gridSearchBtnSet button.face-lift-grefresh:before {
  content: url(/resources/mrs2/css/manager/faceLiftImg/refresh_green_icon.svg);
  width: 20px;
  height: 20px;
  position: absolute;
  left: 7px;
  top: 4px;
}
#gridPaging #gridSearchBtnSet button.face-lift-grefresh:hover {
  background: #e7eaf1;
}

div.gridPaging {
  background: #f1f3fb;
}

.dropdown-set.gridCustomDropdown {
  margin-left: 5px;
}
.dropdown-set.gridCustomDropdown:first-child {
  margin-left: 0;
}

#modalGrid div.set-vert {
  line-height: 32px;
}

input[name=resumeSn].checkbox + span.label:before {
  margin-top: 10px;
}

.jf-result-txt.face-lift {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: #283442 !important;
  left: -10px;
  display: inline-block;
  padding-left: 5px;
}
.jf-result-txt.face-lift:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 5px;
  left: 5px;
  background-image: url(/resources/mrs2/css/manager/faceLiftImg/1_grid_modify.svg);
}

.ai-interview-guide-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ai-interview-guide-text .point-tag {
  border-radius: 3px;
  border: 1px solid #e7eaf1;
  padding: 2px 8px;
  color: #868e96;
}
.ai-interview-guide-text .point-tag > strong {
  color: #37b24d;
}

.ai-interview-guide-nav {
  display: flex;
  gap: 12px;
  margin-top: 20px;
}
.ai-interview-guide-nav > li {
  padding-bottom: 10px;
  border-bottom: 2px solid #d1d2d4;
}
.ai-interview-guide-nav > li.active {
  border-bottom: 2px solid #333436;
}
.ai-interview-guide-nav > li.active .nav-block .nav-text {
  color: #333436;
}
.ai-interview-guide-nav > li.active .nav-block .number-tag {
  color: #ffffff;
  background-color: #12b886;
}
.ai-interview-guide-nav > li .nav-block {
  background-color: #ffffff;
  border: 0;
  display: flex;
  gap: 4px;
}
.ai-interview-guide-nav > li .nav-block .nav-text {
  font-size: 14px;
  line-height: 20px;
  color: #838486;
}
.ai-interview-guide-nav > li .nav-block .number-tag {
  font-size: 10px;
  line-height: 20px;
  color: #838486;
  background-color: #e9eaeb;
  border-radius: 4px;
  width: 20px;
  height: 20px;
  text-align: center;
  vertical-align: middle;
}

.icon-error-24 {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  background: url("/resources/mrs2/css/manager/faceLiftImg/icon_alert_error_24.svg") no-repeat center center;
}

.cutline-error {
  color: #fa5252;
  position: relative;
}
.cutline-error > img:hover + .tooltip {
  display: block;
}
.cutline-error > img {
  cursor: pointer;
}
.cutline-error {
  display: flex;
  justify-content: center;
  gap: 4px;
}
.cutline-error .tooltip {
  display: none;
  padding: 10px;
  box-shadow: 0px 2px 10px rgba(92, 106, 136, 0.2);
  border: 1px solid #6a7684;
  border-radius: 8px;
  margin: 5px 0 0;
  position: absolute;
  top: 25px;
  background: white;
  width: 300px;
  z-index: 1000;
}
.cutline-error .tooltip .wrapper {
  color: rgb(106, 118, 132);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.cutline-error .tooltip .wrapper > .cutline-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.cutline-error .tooltip .wrapper > .cutline-list .cutline-title {
  border-bottom: 1px solid #e7eaf1;
  background-color: #f8f9fa;
  color: rgb(40, 52, 66);
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
  display: flex;
  padding: 10px 0;
}
.cutline-error .tooltip .wrapper > .cutline-list .cutline-title > div {
  width: 100px;
}
.cutline-error .tooltip .wrapper > .cutline-list .cutline-item {
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  display: flex;
  padding: 10px 0;
}
.cutline-error .tooltip .wrapper > .cutline-list .cutline-item > div {
  width: 100px;
  color: rgb(106, 118, 132);
  font-weight: 400;
  line-height: 18px;
  text-align: cetner;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}