@charset "UTF-8";
/*******************************************************************
	Reset
********************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer,
header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
}

body dl, body ol, body ul {
  margin: 0;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
  border: 0;
  *margin: 0;
  *padding: 0;
  *font-size: 0;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

img {
  max-width: 100%;
  width: 100%;
  height: auto;
  vertical-align: top;
}

ul, ol {
  list-style: none;
}

html, body {
  width: 100%;
  height: 100%;
  font-family: Noto Sans KR,arial,Malgun Gothic,Arial,Doutm,Tahoma,sans-serif;
  font-size: 16px;
  font-weight: 400;
}

body {
  background: #fff;
}

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

/* Form */
input, textarea, select, button {
  font-family: Noto Sans KR,arial,Malgun Gothic,Arial,Doutm,Tahoma,sans-serif;
  font-size: 16px;
  color: #101820;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: top;
}

input:focus-visible, textarea:focus-visible, select:focus-visible, button:focus-visible {
  outline-width: 0;
}

/*
input[type="text"] {
  font-family: "Malgun Gothic",sans-serif;
}
*/
button {
  overflow: visible;
  width: auto;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}

button:disabled {
  cursor: default;
}

button:hover {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input[type="button"], input[type="text"], input[type="image"], input[type="submit"], textarea {
  -webkit-appearance: none;
}

input::-ms-clear {
  display: none;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus, textarea:focus {
  outline: none;
  border: 1px solid #e0205c;
}

input[type="text"]:focus.read {
  outline: none;
}

input[type="text"], input[type="password"], input[type=number], input[type="file"] {
  vertical-align: top;
  outline: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

:-ms-input-placeholder {
  font-size: 16px;
  color: #abafb3;
}

input[type="text"], input[type="number"], input[type="password"] {
  width: 100%;
  height: 28px;
  padding: 0 10px;
  /* border: 1px solid #e8edee; */
  background: #fff; /*22-07-05 추가*/
  border: 1px solid #BEC9D4; /*22-07-05 수정*/
  border-radius: 2px; /*22-07-05 수정*/
  font-size: 13px; /*22-07-05 수정*/
}

input[type="text"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder {
  font-size: 16px;
  color: #abafb3;
  font-family: Noto Sans KR,arial,Malgun Gothic,Arial,Doutm,Tahoma,sans-serif;
}

input[type="text"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder {
  font-size: 16px;
  color: #abafb3;
  font-family: Noto Sans KR,arial,Malgun Gothic,Arial,Doutm,Tahoma,sans-serif;
}

input[type="text"]::-ms-input-placeholder, input[type="number"]::-ms-input-placeholder, input[type="password"]::-ms-input-placeholder {
  font-size: 16px;
  color: #abafb3;
  font-family: Noto Sans KR,arial,Malgun Gothic,Arial,Doutm,Tahoma,sans-serif;
}

input[type="text"]::placeholder, input[type="number"]::placeholder, input[type="password"]::placeholder {
  font-size: 16px;
  color: #abafb3;
  font-family: Noto Sans KR,arial,Malgun Gothic,Arial,Doutm,Tahoma,sans-serif;
}

input:disabled {
  background-color: #e6e6e6 !important;
}

select {
  padding: 0 5px;
  border: 0;
  border-radius: 0;
  font-size: 14px;
  z-index: 1 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

select:focus {
  outline: none;
}

select option {
  color: #555;
  margin: 0;
}

select::-ms-expand {
  display: none;
}

textarea {
  resize: none;
  padding: 10px;
  /* border: 1px solid #dddfe1; */
  border: 1px solid #BEC9D4; /*22-07-05 수정*/
  vertical-align: top;
}

textarea:focus {
  outline: none;
}

textarea::-webkit-input-placeholder {
  font-size: 16px;
  color: #abafb3;
}

textarea:-ms-input-placeholder {
  font-size: 16px;
  color: #abafb3;
}

textarea::-ms-input-placeholder {
  font-size: 16px;
  color: #abafb3;
}

textarea::placeholder {
  font-size: 16px;
  color: #abafb3;
}

a {
  text-decoration: none;
  cursor: pointer;
}

a[href^="tel"] {
  font-style: normal;
}

/* placeholder */
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
  color: transparent;
}

input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
  color: transparent;
}

input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
  color: transparent;
}

input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
  color: transparent;
}

/* scroll bar */
::-webkit-scrollbar {
  display: -webkit-box;
  display: flex;
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background-color: #f0f2f6;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb {
  background-color: #cfd2d9;
  border: 1px solid transparent;
  border-radius: 3px;
}

/* 대체 텍스트 */
.blind {
  visibility: hidden;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}

/* text 정렬 */
.al {
  text-align: left !important;
}

.ac {
  text-align: center !important;
}

.ar {
  text-align: right !important;
}

/* border none */
.brtn {
  border-top: 0 !important;
}

.brrn {
  border-right: 0 !important;
}

.brbn {
  border-bottom: 0 !important;
}

.brln {
  border-left: 0 !important;
}

/* margin none */
.mtn {
  margin-top: 0 !important;
}

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

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

.mln {
  margin-left: 0 !important;
}

/* padding none */
.ptn {
  padding-top: 0 !important;
}

.prn {
  padding-right: 0 !important;
}

.pbn {
  padding-bottom: 0 !important;
}

.pln {
  padding-left: 0 !important;
}

.pdn {
  padding: 0 !important;
}

/* margin-top */
.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

/* padding-top */
.pt10 {
  padding-top: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pt50 {
  padding-top: 50px !important;
}

/* 공통 ui */
.form-type-grid .pop-content .form-box {
  padding: 15px 15px 0 15px;
}

.form-type-grid .pop-content .form-box .grid-list-table {
  width: 100%;
  margin-top: 10px;
  padding: 0 15px;
}

.form-type-grid .pop-content .form-box .grid-list-table .top-tab-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  min-height: 30px;
}

.form-type-grid .pop-content .form-box .grid-list-table .top-tab-box .btn-group {
  margin-left: auto;
}

.form-type-grid .pop-content .form-box .grid-list-table .top-tab-box .btn-group button {
  height: 25px;
  padding: 0 10px;
  border-radius: 5px;
  background: #575757;
  text-align: right;
}

.form-type-grid .pop-content .form-box .grid-list-table .top-tab-box .btn-group button span {
  display: block;
  padding-left: 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #fff;
  cursor: pointer;
}

.form-type-grid .pop-content .form-box .popup-table {
  margin: 15px;
}

.content .view-box .grid-list-table .grid-sum-box {
  margin-bottom: 15px;
}

.content .view-box .grid-list-table .grid-sum-box .delayed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.content .view-box .grid-list-table .grid-sum-box .delayed > li {
  height: 54px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 2px;
  border: 1px solid #ddd;
  background: #fff;
  -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  cursor: pointer;
}

.content .view-box .grid-list-table .grid-sum-box .delayed > li span {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  padding-top: 12px;
  padding-left: 10px;
}

.content .view-box .grid-list-table .grid-sum-box .delayed > li input[type="text"] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 32px;
  text-align: right;
  border: 0;
  cursor: pointer;
}

@media all and (max-width: 1024px) {
  .content .view-box .grid-list-table .grid-sum-box .delayed {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .content .view-box .grid-list-table .grid-sum-box .delayed > li {
    width: 100%;
    height: 42px;
    margin: 0 0 5px;
  }
}

.content .register-area .admin .list > li .tit {
  width: 180px !important;
}

.content .register-area .admin .list > li .form-item .popup {
  background: #f4f8fb url(/images/icn-books.png) no-repeat right 7px center;
  background-size: auto;
  cursor: pointer;
  font-size: 13px;
}

.content .register-area .img {
  float: left;
  margin: 35px 35px 35px 0;
}

.content .register-area .img img {
  width: 100%;
}

@media all and (max-width: 1024px) {
  .content .register-area .img {
    float: none;
    width: 100%;
  }
}

@media (max-width: 1024px) {
  .content .form-group .list li.full .form-item .short-input {
    font-size: 12px;
  }
}

.content .top-guide-area .guide-text {
  text-align: center;
  margin-top: 30px;
}

.content .top-guide-area .circle .icon-text {
  color: #fff;
  font-weight: 700;
  font-size: 38px;
}

.content .top-guide-area .circle.number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.content .top-guide-area .circle.number .icon-text {
  font-size: 18px;
}

.content .top-guide-area .circle.number input {
  border: none;
  width: 25px;
  padding: 0;
  text-align: center;
  color: #fff;
  background: transparent;
  font-size: 20px;
}

.timepicker-wrap {
  display: none;
  padding: 5px;
  border-radius: 5px;
  z-index: 998;
  -webkit-box-shadow: 2px 2px 5px 0 rgba(50, 50, 50, 0.35);
          box-shadow: 2px 2px 5px 0 rgba(50, 50, 50, 0.35);
  background: #f6f6f6;
  border: 1px solid #ccc;
  float: left;
  position: absolute;
  top: 27px;
  left: 0;
}

.timepicker-wrap.on {
  display: block;
}

.timepicker-wrap .ti_tx,
.timepicker-wrap .mi_tx,
.timepicker-wrap .mer_tx {
  width: 100%;
  text-align: center;
  margin: 10px 0;
}

.timepicker-wrap .time,
.timepicker-wrap .mins,
.timepicker-wrap .meridian {
  width: 60px;
  float: left;
  margin: 0 10px;
  font-size: 20px;
  color: #2d2e2e;
  font-weight: 700;
}

.timepicker-wrap .prev,
.timepicker-wrap .next {
  display: block;
  cursor: pointer;
  padding: 18px;
  width: 28%;
  border: 1px solid #ccc;
  margin: auto;
  background: url(/images/arrow.png) no-repeat;
  border-radius: 5px;
}

.timepicker-wrap .prev:hover,
.timepicker-wrap .next:hover {
  background-color: #ccc;
}

.timepicker-wrap .next {
  background-position: 50% 150%;
}

.timepicker-wrap .prev {
  background-position: 50% -50%;
}

.timepicker-wrap .time_pick {
  position: relative;
}

.timepicker-wrap .arrow-top {
  position: absolute;
  top: -10px;
  left: 20px;
  background: url(/images/top_arr.png) no-repeat;
  width: 18px;
  height: 10px;
  z-index: 999;
}

.timepicker-wrap input.timepicki-input {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 5px 5px 5px 5px;
  float: none;
  margin: 0;
  text-align: center;
  width: 70%;
  height: 30px;
}

.timepicker-wrap a.reset_time {
  float: left;
  margin-top: 5px;
  color: #000;
}

.timepicker-wrap .time,
.timepicker-wrap .mins,
.timepicker-wrap .meridian {
  width: 33px;
  margin: 0;
}

.timepicker-wrap .prev,
.timepicker-wrap .next {
  padding: 10px;
  background-size: 15px auto;
}

.timepicker-wrap .prev {
  background-position: 3px 5px;
}

.timepicker-wrap .next {
  background-position: 3px -26px;
}

.timepicker-wrap .timepicki-input {
  width: 30px;
  padding: 0;
  font-size: 12px;
}

.paging {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 30px;
  text-align: center;
}

.paging a {
  display: inline-block;
  width: 40px;
  height: 28px;
  font-size: 14px;
  line-height: 26px;
  color: #666;
}

.paging a:hover {
  color: #e0205c;
}

.paging a.on {
  position: relative;
  font-weight: bold;
  color: #e0205c;
}

.paging a.on::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 5px;
  width: 12px;
  height: 1px;
  background: #e0205c;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.paging a.first, .paging a.last {
  width: 35px;
  height: 28px;
  border-radius: 14px;
  border: 1px solid #d8d8d8;
  background: url(/images/icon_paging_first.png) no-repeat center center;
}

.paging a.first:hover, .paging a.last:hover {
  background-color: #e0205c;
  border-color: #e0205c;
  background-image: url(/images/icon_paging_first_on.png);
}

.paging a.prev, .paging a.next {
  width: 28px;
  height: 28px;
  margin: 0 6px;
  border-radius: 50%;
  border: 1px solid #d8d8d8;
  background: url(/images/icon_paging_prev.png) no-repeat center center;
}

.paging a.prev:hover, .paging a.next:hover {
  background-color: #e0205c;
  border-color: #e0205c;
  background-image: url(/images/icon_paging_prev_on.png);
}

.paging a.last, .paging a.next {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media all and (max-width: 1024px) {
  .paging {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .paging a {
    width: 18px;
    font-size: 12px;
  }
  .paging a.first, .paging a.last {
    width: 25px;
    height: 25px;
    border-radius: 50%;
  }
  .paging a.prev, .paging a.next {
    width: 25px;
    height: 25px;
    border-radius: 50%;
  }
}

body.notice-fixed #header .icon-box button.notification {
  display: none;
}

/* body.notice-fixed .notification-content {
  display: block;
  position: static;
  left: auto;
  top: auto;
  right: auto;
  bottom: auto;
} */

/*22-09-13 수정*/
body.notice-fixed .notification-content {
  display: block;
  position: fixed;
  left: unset; /*22-09-20 수정*/
  top: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  width: 380px; /*22-09-20 추가*/
  height: 100%; /*22-09-20 추가*/
  z-index: 10; /*22-09-20 추가*/
}
/*//22-09-13 수정*/

body.notice-fixed .notification-content .pop-header-area .close-btn {
  display: none;
}

body.notice-fixed .notification-content .setting-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.notice-fixed .notification-content .noti-tab-area {
  -webkit-box-shadow: none;
          box-shadow: none;
}

body.notice-fixed .notification-content .notification-wrap {
  top: 56px;
  right: 0;
  bottom: 0;
  border-radius: 0;
  background-color: #F5F7FA;
  padding-top: 20px;
  z-index: 10;
}

@media all and (max-width: 1024px) {
  body.notice-fixed .notification-content {
    display: none;
  }
}

.notification-content {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}

.notification-content.on {
  display: block;
}

.notification-content .notification-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  right: 5px;
  top: 60px;
  bottom: 5px;
  width: 380px;
  background: #fff;
  border-radius: 4px;
}

.notification-content .notification-wrap::before {
  content: '';
  position: absolute;
  left: 245px;
  top: -11px;
  width: 13px;
  height: 12px;
  background: url(/images/img_pop_Arrow.png) no-repeat 0 0;
}

.notification-content .pop-header-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  padding: 0 15px;
}

.notification-content .pop-header-area .title {
  font-size: 18px;
  height: 28px;
  color: #424952;
  font-weight: 400;
}

.notification-content .pop-header-area .refresh-btn {
  margin-left: auto;
}

.notification-content .pop-header-area .refresh-btn::before {
  content: '\e010';
  display: block;
  line-height: 28px;
  padding-left: 0px;
  font-family: SAP-icons;
  font-size: 16px;
  color: #56606B;
}

.notification-content .pop-header-area .close-btn {
  width: 15px;
  height: 15px;
  margin-left: 15px;
  background: url(/images/ico_pop_close.png) no-repeat 0 0;
}

.notification-content .setting-area {
  display: none;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 350px;
  margin: 10px auto;
  padding: 10px 15px;
  border-radius: 3px;
  background: #E9EFF5;
  font-size: 14px;
}

.notification-content .setting-area .txt {
  font-size: 14px;
  color: #5d5d5d;
}

.notification-content .setting-area .toggle-switch input {
  position: absolute;
  left: -99999px;
}

.notification-content .setting-area .toggle-switch input:checked + label {
  padding-left: 10px;
  background: #E0205C;
}

.notification-content .setting-area .toggle-switch input:checked + label::before {
  content: 'ON';
}

.notification-content .setting-area .toggle-switch input:checked + label::after {
  left: auto;
  right: 2px;
}

.notification-content .setting-area .toggle-switch label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 56px;
  height: 22px;
  padding-left: 23px;
  background: #A5B3C2;
  border-radius: 11px;
  cursor: pointer;
}

.notification-content .setting-area .toggle-switch label::before {
  content: 'OFF';
  display: inline-block;
  color: #fff;
  font-size: 13px;
  line-height: 22px;
}

.notification-content .setting-area .toggle-switch label::after {
  content: '';
  position: absolute;
  left: 2px;
  top: 2px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
}

.notification-content .noti-tab-area {
  position: relative;
  height: 45px;
  padding: 0 15px;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  z-index: 1;
}

.notification-content .noti-tab-area button {
  display: inline-block;
  margin-left: 24px;
  padding-top: 13px;
  font-size: 14px;
  font-weight: 400;
  color: #5d5d5d;
  -webkit-transition: none;
  transition: none;
}

.notification-content .noti-tab-area button:first-child {
  margin-left: 0;
}

.notification-content .noti-tab-area button.on {
  border-bottom: 4px solid #12A6BE;
  padding-bottom: 8px;
  color: #12A6BE;
}

.notification-content .noti-view-area {
  overflow-y: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  padding: 18px 15px;
  background: #f5f7fa;
}

.notification-content .noti-view-area .view-box {
  display: none;
}

.notification-content .noti-view-area .view-box.on {
  display: block;
}

.notification-content .noti-view-area .noti-group {
  position: relative;
  margin-top: 8px;
  border: 1px solid #d3d5d8;
  border-radius: 4px;
  background: #fff;
  -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
}

.notification-content .noti-view-area .noti-group:first-child {
  margin-top: 0;
}

.notification-content .noti-view-area .noti-group.on .top-info-cnt .toggle-btn::before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.notification-content .noti-view-area .noti-group.on .noti-view-cnt .noti-toggle-tit span:first-child {
  display: none;
}

.notification-content .noti-view-area .noti-group.on .noti-view-cnt .noti-toggle-tit span:last-child {
  display: block;
}

.notification-content .noti-view-area .noti-group.link-type .noti-view-cnt {
  padding: 15px;
}

.notification-content .noti-view-area .noti-group.link-type .noti-view-cnt .noti-time {
  padding: 0;
}

.notification-content .noti-view-area .noti-group.red {
  border-left: 5px solid #BB0000;
}

.notification-content .noti-view-area .noti-group.red .top-info-cnt .txt .num {
  background: #E0205C;
}

.notification-content .noti-view-area .noti-group.blue {
  border-left: 5px solid #5899DA;
}

.notification-content .noti-view-area .noti-group.blue .top-info-cnt .txt .num {
  background: #5899DA;
}

.notification-content .noti-view-area .noti-group.black {
  border-left: 5px solid #333;
}

.notification-content .noti-view-area .noti-group.black .top-info-cnt .txt .num {
  background: #333;
}

.notification-content .noti-view-area .noti-group.green {
  border-left: 5px solid #107F3E;
}

.notification-content .noti-view-area .noti-group.green .top-info-cnt .txt .num {
  background: #107F3E;
}

.notification-content .noti-view-area .noti-group.orange {
  border-left: 5px solid #EB9142;
}

.notification-content .noti-view-area .noti-group.orange .top-info-cnt .txt .num {
  background: #EB9142;
}

.notification-content .noti-view-area .noti-group .top-info-cnt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  height: 48px;
  padding: 0 13px 0 15px;
}

.notification-content .noti-view-area .noti-group .top-info-cnt .txt, .notification-content .noti-view-area .noti-group .top-info-cnt .link {
  width: auto;
  max-width: calc(100% - 90px);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  color: #333;
  font-weight: 700;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.notification-content .noti-view-area .noti-group .top-info-cnt .txt .num, .notification-content .noti-view-area .noti-group .top-info-cnt .link .num {
  display: inline-block;
  min-width: 16px;
  height: 16px;
  border-radius: 16px;
  padding: 0 7px;
  background: #000;
  text-align: center;
  font-weight: 400;
  line-height: 16px;
  color: #fff;
  font-size: 12px;
  margin: 2px 0 0 4px;
  vertical-align: top;
}

.notification-content .noti-view-area .noti-group .top-info-cnt .toggle-btn {
  margin-left: auto;
}

.notification-content .noti-view-area .noti-group .top-info-cnt .toggle-btn::before {
  content: '\e1e2';
  display: block;
  font-family: SAP-icons;
  font-size: 15px;
  color: #56606B;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

.notification-content .noti-view-area .noti-group .top-info-cnt .link-btn {
  margin-left: auto;
}

.notification-content .noti-view-area .noti-group .top-info-cnt .link-btn::before {
  display: block;
  content: '\e04c';
  font-size: 15px;
  color: #56606B;
  font-family: SAP-icons;
}

.notification-content .noti-view-area .noti-group .top-info-cnt .close-btn {
  margin-left: 12px;
}

.notification-content .noti-view-area .noti-group .top-info-cnt .close-btn::before {
  content: '\e03e';
  display: block;
  font-size: 16px;
  color: #56606B;
  font-family: SAP-icons;
}

.notification-content .noti-view-area .noti-group .noti-view-cnt {
  padding: 15px 0 0;
  border-top: 1px solid #dfe7ef;
}

.notification-content .noti-view-area .noti-group .noti-view-cnt .noti-time {
  display: block;
  padding: 0 15px;
  font-size: 14px;
  color: #8996A3;
}

.notification-content .noti-view-area .noti-group .noti-view-cnt .noti-txt a {
  display: block;
  font-size: 14px;
  color: #5d5d5d;
}

.notification-content .noti-view-area .noti-group .noti-view-cnt .noti-toggle-tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 15px 15px;
  font-size: 14px;
  margin-top: 10px;
  cursor: pointer;
}

.notification-content .noti-view-area .noti-group .noti-view-cnt .noti-toggle-tit span {
  display: none;
}

.notification-content .noti-view-area .noti-group .noti-view-cnt .noti-toggle-tit span:first-child {
  display: block;
}

.notification-content .noti-view-area .noti-group .noti-view-cnt .top-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  right: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 48px;
}

.notification-content .noti-view-area .noti-group .noti-view-cnt .top-info .link {
  display: inline-block;
  max-width: calc(100% - 100px);
  font-size: 13px;
  font-weight: 700;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.notification-content .noti-view-area .noti-group .noti-view-cnt .top-info .link-btn {
  margin-left: auto;
}

.notification-content .noti-view-area .noti-group .noti-view-cnt .top-info .link-btn::before {
  display: block;
  content: '\e04c';
  font-size: 15px;
  color: #56606B;
  font-family: SAP-icons;
}

.notification-content .noti-view-area .noti-group .noti-view-cnt .top-info .close-btn {
  margin-left: 12px;
}

.notification-content .noti-view-area .noti-group .noti-view-cnt .top-info .close-btn::before {
  content: '\e03e';
  display: block;
  font-size: 16px;
  color: #56606B;
  font-family: SAP-icons;
}

.notification-content .noti-view-area .noti-group .noti-view-cnt .noti-txt .link {
  display: block;
  font-size: 14px;
  line-height: 20px;
  color: #5d5d5d;
}

.notification-content .noti-view-area .noti-group .noti-view-cnt .noti-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 26px;
  font-size: 14px;
  color: #6B7682;
  margin-top: 10px;
}

.notification-content .noti-view-area .noti-group .noti-view-cnt .noti-name .name {
  width: auto;
  max-width: calc(100% - 152px);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: 24px;
  line-height: 26px;
  background: url(/images/ico_noti_profile.png) no-repeat 0 5px;
}

.notification-content .noti-view-area .noti-group .noti-view-cnt .noti-name .btn-wrap {
  margin-left: auto;
}

.notification-content .noti-view-area .noti-group .noti-view-cnt .noti-name .btn-wrap button {
  min-width: 60px;
  height: 26px;
  padding: 0 10px;
  line-height: 24px;
  font-size: 14px;
  background: #fff;
  border-radius: 4px;
}

.notification-content .noti-view-area .noti-group .noti-view-cnt .noti-name .btn-wrap button.approve-btn {
  border: 1px solid #107E3E;
  color: #107E3E;
  margin-right: 6px;
}

.notification-content .noti-view-area .noti-group .noti-view-cnt .noti-name .btn-wrap button.reject-btn {
  border: 1px solid #BB0000;
  color: #BB0000;
}

.notification-content .noti-view-area .noti-group .noti-view-cnt .toggle-view {
  display: none;
}

.notification-content .noti-view-area .noti-group .noti-view-cnt .toggle-view .view-info {
  padding: 14px 50px 0 0;
  font-size: 14px;
  color: #5d5d5d;
}

.notification-content .noti-view-area .noti-group .noti-view-cnt .toggle-view .view-info .noti-time {
  padding: 0;
}

.notification-content .noti-view-area .noti-group .noti-view-cnt .toggle-view .toggle-item {
  position: relative;
  padding: 0 15px 15px;
  background: #F5F7FA;
  border-top: 1px solid #dfe7ef;
}

.notification-content .noti-view-area .bottom-btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  margin-top: 10px;
}

.notification-content .noti-view-area .bottom-btn-group .view-btn {
  padding: 8px 10px;
  border: 1px solid #d1d8de;
  border-radius: 5px;
  background: #fff;
  font-size: 12px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.notification-content .noti-view-area .bottom-btn-group .view-btn:hover {
  border-color: #e0205c;
  background: #e0205c;
  color: #fff;
}

@media all and (max-width: 400px) {
  .notification-content .notification-wrap {
    left: 5px;
    width: auto;
  }
}

/* 그리드 */
.jqx-grid .grid-check-disabled {
  color: #fff;
  border-color: #D8D8D8;
  background-color: #D8D8D8;
}

.grid-area {
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.grid-area.on-drag .grid-item {
  cursor: move !important;
}

.grid-area.on-drag .grid-item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}

.grid-area.on-drag .grid-item.notice-type {
  background: #E9EFF5;
  border: 1px dashed #333;
}

.grid-area.on-drag .grid-item.notice-type .info-group .list li:hover::before {
  background: #f7f7f7;
}

.grid-area.on-drag .grid-item.notice-type .info-group .list li::before {
  background: #E9EFF5;
}

.grid-area.on-drag .grid-item.util-type .item-content::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(42, 93, 145, 0.1);
  z-index: 1;
  cursor: move;
}

.grid-area.on-drag .grid-item.util-type .item-content > img {
  border: 1px dashed #333;
}

.grid-area.on-drag .grid-item.util-type .widget-all-box {
  width: 174px;
  height: 174px;
}

.grid-area.on-drag .grid-item.util-type .widget-all-box .util-menu {
  background: #E9EFF5;
}

.grid-area.on-drag .grid-item.util-type .widget-all-box .util-menu:nth-child(2n) {
  margin-right: 0;
}

.grid-area .top-info-box .title-group {
  position: relative;
}

.grid-area .top-info-box .title-group .title {
  display: inline-block;
  font-size: 24px;
  line-height: 30px;
  color: #2C3238;
}

.grid-area .top-info-box .title-group .setting-btn::before {
  content: '\e0a6';
  margin-left: 5px;
  font-family: SAP-icons;
  line-height: 30px;
}

.grid-area .top-info-box .setting-group {
  display: none;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 15px;
  border-radius: 4px;
  background: #E9EFF5;
  padding: 25px 20px;
  margin-bottom: 25px;
}

.grid-area .top-info-box .setting-group > .tit {
  display: block;
  font-size: 16px;
  color: #2C3238;
  margin-right: 10px;
}

.grid-area .top-info-box .setting-group > .tit small {
  margin-left: 10px;
  font-size: 14px;
  color: #8996A3;
}

.grid-area .top-info-box .setting-group .close-btn::before {
  content: '\e03e';
  position: absolute;
  right: 15px;
  top: 15px;
  font-family: SAP-icons;
  font-size: 16px;
  color: #56606B;
}

.grid-area .top-info-box .setting-group .btn-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}

.grid-area .top-info-box .setting-group .btn-item button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 28px;
  background: #56606B;
  padding: 0 12px;
  line-height: 28px;
  border: 1px solid #56606B;
  border-radius: 28px;
  color: #fff;
  font-size: 12px;
  margin: 0 8px 0 0;
  letter-spacing: -.4px;
}

.grid-area .top-info-box .setting-group .btn-item button.back-btn::before {
  content: '\e1e0';
  font-family: SAP-icons;
  margin-right: 6px;
}

.grid-area .top-info-box .setting-group .btn-item button.reset-btn::before {
  content: '\e249';
  font-family: SAP-icons;
  margin-right: 6px;
}

.grid-area .top-info-box .setting-group .list-btn-item {
  margin-top: 10px;
}

.grid-area .top-info-box .setting-group .list-btn-item button {
  display: inline-block;
  min-width: 45px;
  height: 28px;
  background: #fff;
  padding: 0 12px;
  line-height: 26px;
  border: 1px solid #BEC9D4;
  border-radius: 28px;
  color: #6B7682;
  font-size: 12px;
  margin-right: 8px;
  letter-spacing: -.4px;
}

.grid-area .top-info-box .setting-group .list-btn-item button.on {
  border: 1px solid #424952;
  border-radius: 28px;
  color: #424952;
  font-weight: 700;
}

.grid-area .grid-box {
  position: relative;
  margin-top: 16px;
  /*22-06-13 add*/
  max-width: 1200px;
  width: 100%;
  /*//22-06-13 add*/
}

.grid-area .empty-box {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 176px;
  height: 176px;
  padding: 16px;
  margin: 0 16px 16px 0;
  border: 1px solid #A5B3C2;
  border-radius: 4px;
  border-style: dashed;
  background: #E9EFF5;
  color: #424952;
  -webkit-box-shadow: none;
          box-shadow: none;
  vertical-align: top;
}

.grid-area .empty-box span {
  display: block;
  color: #424952;
  font-size: 14px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

.grid-area .empty-box span::before {
  display: block;
  content: '\e009';
  font-family: SAP-icons;
  color: #A5B3C2;
  font-size: 30px;
  margin-bottom: 10px;
  text-align: center;
}

.grid-item {
  display: block;
  position: absolute;
  margin: 0 16px 16px 0;
  z-index: 1;
}

.grid-item.empty {
  width: 176px;
  height: 176px;
  border: 1px dashed #333;
  background: #fff;
  border-radius: 4px;
}

.grid-item.empty .item-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.grid-item.empty .item-content .title {
  display: block;
  padding: 10px 16px;
  background: #E9EFF5;
  font-size: 16px;
  color: #2C3238;
}

.grid-item.empty .item-content .noti-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.grid-item.empty .item-content .noti-box .info {
  font-size: 14px;
  text-align: center;
}

.grid-item.empty .item-content .noti-box .info::before {
  display: block;
  content: '\e0b1';
  font-family: SAP-icons;
  color: #A5B3C2;
  font-size: 30px;
  margin-bottom: 5px;
  text-align: center;
}

.grid-item.notice-type {
  width: 560px;
  height: 368px;
  border: 1px solid #d3d5d8;
  background: #fff;
  border-radius: 4px;
  box-shadow: 2px 2px 4px 0px rgb(0 0 0 / 8%); /*22-07-05 추가*/
}

.grid-item.notice-type .item-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.grid-item.notice-type .top-sort-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 75px;
  border-bottom: 1px solid #dae3ed;
  padding: 8px 16px 8px 75px;
  position: relative;
}

.grid-item.notice-type .top-sort-group.faq-type::before {
  background: url(/images/icon_widget_faq.png) no-repeat 0 0;
}

.grid-item.notice-type .top-sort-group::before {
  content: '';
  position: absolute;
  left: 20px;
  top: 18px;
  width: 32px;
  height: 32px;
  background: url(/images/icon_main_notice.png) no-repeat 0 0;
}

.grid-item.notice-type .top-sort-group > .tit {
  display: block;
  font-size: 16px;
  color: #2C3238;
  letter-spacing: -0.8px;
}

.grid-item.notice-type .top-sort-group .icon-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 5px;
}

.grid-item.notice-type .top-sort-group .icon-txt > .txt {
  font-size: 11px;
  color: #5d5d5d;
}

.grid-item.notice-type .top-sort-group .icon-txt > .txt .red {
  font-size: 13px;
  font-weight: bold;
  color: #e0205c;
}

.grid-item.notice-type .top-sort-group .icon-txt .btn-more {
  display: inline-block;
  color: #8996A3;
  padding: 0;
  background: transparent;
  margin: 1px 0 0 15px;
  font-size: 12px;
}

.grid-item.notice-type .top-sort-group .icon-txt .btn-more::after {
  display: inline-block;
  content: '';
  position: relative;
  top: 1px;
  width: 6px;
  height: 12px;
  margin: 0 0 0 6px;
  background: url(/images/icon_main_notice_more.png) no-repeat 0 center;
}

.grid-item.notice-type .top-sort-group .icon-txt .select-item {
  position: relative;
  width: 110px;
  height: 24px;
  border: 1px solid #d2d9e2;
  margin-left: auto;
}

.grid-item.notice-type .top-sort-group .icon-txt .select-item::before {
  content: '';
  position: absolute;
  right: 10px;
  top: 5px;
  width: 6px;
  height: 6px;
  border-bottom: 1px solid #8f959d;
  border-left: 1px solid #8f959d;
  -webkit-transform: rotate(315deg);
          transform: rotate(315deg);
}

.grid-item.notice-type .top-sort-group .icon-txt .select-item select {
  width: 100%;
  height: 100%;
  padding-left: 5px;
  background: transparent;
  font-size: 12px;
}

.grid-item.notice-type .top-sort-group .select-cnt {
  position: absolute;
  right: 20px;
  top: 20px;
  background: #fff;
}

.grid-item.notice-type .top-sort-group .select-cnt::after {
  content: '\e1e2';
  font-family: SAP-icons;
  font-weight: 400;
  position: absolute;
  right: 10px;
  top: 4px;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

.grid-item.notice-type .top-sort-group .select-cnt select {
  width: 160px;
  height: 26px;
  border-radius: 3px;
  border: 1px solid #BEC9D4;
  font-size: 14px;
  background: transparent;
}

.grid-item.notice-type .top-sort-group .select-cnt select:focus {
  border-color: #E0205C;
}

.grid-item.notice-type .faq-info-group {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
}

.grid-item.notice-type .faq-info-group .list {
  padding: 0 20px 20px;
}

.grid-item.notice-type .faq-info-group .list li {
  border-top: 1px solid #f2f2f2;
}

.grid-item.notice-type .faq-info-group .list li:first-child {
  border-top: 0;
}

.grid-item.notice-type .faq-info-group .list li .link {
  display: block;
  height: 130px;
  padding: 30px 15px 0;
  cursor: pointer;
}

.grid-item.notice-type .faq-info-group .list li .link.no-msg {
  cursor: default;
}

.grid-item.notice-type .faq-info-group .list li .link.no-msg:hover {
  background: #fff;
}

.grid-item.notice-type .faq-info-group .list li .link.no-msg span {
  display: block;
  position: relative;
  margin-top: 110px;
  text-align: center;
  font-size: 14px;
}

.grid-item.notice-type .faq-info-group .list li .link.no-msg span::before {
  content: '\e0b1';
  position: absolute;
  left: 50%;
  top: -45px;
  -webkit-transform: translate(-50%, calc(-50% + .5px)); /*22-07-06 수정*/
          transform: translate(-50%, calc(-50% + .5px)); /*22-07-06 수정*/
  font-family: SAP-icons;
  color: #A5B3C2;
  font-size: 30px;
}

.grid-item.notice-type .faq-info-group .list li .link:hover {
  background: #f7f7f7;
}

.grid-item.notice-type .faq-info-group .list li .link:hover .q-txt {
  /* color: #26b9d1; */
}

.grid-item.notice-type .faq-info-group .list li .link .q-txt {
  display: block;
  position: relative;
  padding-left: 35px;
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  color: #353535;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.grid-item.notice-type .faq-info-group .list li .link .q-txt::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 22px;
  height: 22px;
  background: url(/images/icon_widget_question.png) no-repeat 0 0;
}

.grid-item.notice-type .faq-info-group .list li .link .a-txt {
  display: block;
  position: relative;
  margin-top: 12px;
  padding-left: 35px;
  font-size: 14px;
  line-height: 22px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.grid-item.notice-type .faq-info-group .list li .link .a-txt::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0px; /*22-07-08 수정*/
  width: 22px;
  height: 22px;
  background: url(/images/icon_widget_answer.png) no-repeat 0 0;
}

.grid-item.notice-type .info-group {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 15px;
  overflow-y: auto;
}

.grid-item.notice-type .info-group .list {
  padding-left: 40px;
}

.grid-item.notice-type .info-group .list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  height: 60px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 1px solid #DAE3ED;
  position: relative;
  padding: 9px 12px;
  margin-bottom: 7px;
  font-size: 14px;
  color: #32363A;
  cursor: pointer;
}

.grid-item.notice-type .info-group .list li.no-msg {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 250px;
  margin-left: -40px;
  margin-bottom: 0;
  border: 0;
  text-align: center;
  cursor: default;
}

.grid-item.notice-type .info-group .list li.no-msg::before, .grid-item.notice-type .info-group .list li.no-msg::after {
  display: none;
}

.grid-item.notice-type .info-group .list li.no-msg:hover {
  border: 0;
  background: #fff;
}

.grid-item.notice-type .info-group .list li.no-msg span {
  display: block;
  position: relative;
  margin-top: 30px;
}

.grid-item.notice-type .info-group .list li.no-msg span::before {
  content: '\e0b1';
  position: absolute;
  left: 50%;
  top: -45px;
  -webkit-transform: translate(-50%, calc(-50% + .5px)); /*22-07-06 수정*/
          transform: translate(-50%, calc(-50% + .5px)); /*22-07-06 수정*/
  font-family: SAP-icons;
  color: #A5B3C2;
  font-size: 30px;
}

.grid-item.notice-type .info-group .list li:last-child {
  margin-bottom: 0;
}

.grid-item.notice-type .info-group .list li:last-child .day::before {
  display: none;
}

.grid-item.notice-type .info-group .list li:hover {
  border: 1px solid #12A6BE;
  background: #f0fdff;
}

.grid-item.notice-type .info-group .list li:hover::before {
  border-color: #12A6BE;
  background: #f0fdff;
}

.grid-item.notice-type .info-group .list li::before {
  content: '';
  position: absolute;
  left: -5px;
  top: 14px;
  width: 8px;
  height: 8px;
  border-bottom: 1px solid #DAE3ED;
  border-left: 1px solid #DAE3ED;
  background: #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.grid-item.notice-type .info-group .list li::after {
  position: absolute;
  left: -38px;
  top: 12px;
  content: '';
  width: 22px;
  height: 16px;
  background: url(/images/icon_main_notice_item.png) no-repeat 0 0;
}

.grid-item.notice-type .info-group .list li .txt {
  display: block;
  position: relative;
  width: calc(100% - 100px);
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.grid-item.notice-type .info-group .list li .day {
  display: block;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 70px;
  text-align: right;
  font-size: 12px;
}

.grid-item.notice-type .info-group .list li .day::before {
  content: '';
  position: absolute;
  left: -433px;
  top: 20px;
  width: 2px;
  height: 30px;
  background: #bcc3cb;
}

@media all and (max-width: 600px) {
  .grid-item.notice-type {
    width: 100%;
  }
}

.grid-item.util-type {
  width: 176px;
  height: 176px;
  /*22-07-05 추가*/
  border: 1px solid #ddd;
  border-radius: 3px;
  background: #fff;
  box-shadow: 2px 2px 4px 0px rgb(0 0 0 / 8%);
  /*//22-07-05 추가*/
}

/*22-07-05 추가*/
.grid-item.util-type .item-content {
  padding:20px;
}
/*//22-07-05 추가*/

.grid-item.util-type .item-content:hover:not(.no-click) > img {
  border-color: #12A6BE;
  cursor: pointer;
}

.grid-item.util-type .item-content:hover:not(.no-click)::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(86, 219, 241, 0.1);
  z-index: 1;
  cursor: pointer;
}

.grid-item.util-type .item-content > img {
  display: block;
  position: relative;
  width: 176px;
  height: 176px;
  border: 1px solid #d3d5d8;
  border-radius: 3px;
  -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}

.grid-item.util-type .widget-all-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 176px;
  height: 176px;
}

.grid-item.util-type .widget-all-box .util-menu {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 16px;
  background: #fff;
  border: 1px solid #d3d5d8;
  border-radius: 3px;
  -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
}

.grid-item.util-type .widget-all-box .util-menu:nth-child(2n) {
  margin-right: 0;
}

.grid-item.util-type .widget-all-box .util-menu .widget-tit {
  font-size: 16px;
  color: #2C3238;
}

.grid-item.util-type .widget-all-box .util-menu .widget-info-box {
  margin-top: 10px;
}

.grid-item.util-type .widget-all-box .util-menu .contact::before {
  content: '\e179';
  font-family: SAP-icons;
  font-size: 40px;
  line-height: 50px;
  color: #8996A3;
  font-style: normal;
}

.grid-item.util-type .widget-all-box .util-menu .desk::before {
  content: '\e221';
  font-family: SAP-icons;
  font-size: 40px;
  line-height: 50px;
  color: #8996A3;
  font-style: normal;
}

.grid-item.util-type .widget-all-box .util-menu .manual::before {
  content: '\e0dc';
  font-family: SAP-icons;
  font-size: 40px;
  line-height: 50px;
  color: #8996A3;
  font-style: normal;
}

.grid-item.util-type .widget-all-box .util-menu .faq::before {
  content: '\e131';
  font-family: SAP-icons;
  font-size: 40px;
  line-height: 50px;
  color: #8996A3;
  font-style: normal;
}

.grid-item.util-type .widget-all-box .util-menu .stxt {
  margin-top: 5px;
  color: #8996A3;
  font-size: 12px;
}

.grid-item.util-type .widget-all-box .util-menu .btxt {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-top: 5px;
  color: #8996A3;
  font-size: 24px;
}

.grid-item.muuri-item-placeholder {
  opacity: 0.5;
}

.grid-item.muuri-item-dragging {
  z-index: 3;
  opacity: 1;
}

.grid-item.muuri-item-releasing {
  z-index: 2;
}

.grid-item.muuri-item-hidden {
  z-index: 0;
}

.grid-item .item-content {
  position: relative;
  width: 100%;
  height: 100%;
}

/*22-07-05 추가*/
.grid-item .item-content .u-tit {
  height:22px;
  font-size:15px;
  color:#000;
}
.grid-item .item-content .u-txt {
  height:55px;
  font-size:11px;
  color:#999;
  margin-top:10px;
}
.grid-item .item-content .u-icon {
  float:right;
}
.grid-item .item-content .u-icon::before {
  display: block;
  font-size:45px;
  color:#a4aeb9;
  font-family:'SAP-icons';
}
.grid-item .item-content .u-icon.contact::before {
  content:'\e085';
}
.grid-item .item-content .u-icon.helpdesk::before {
  content:'\e221';
}
.grid-item .item-content .u-icon.manual::before {
  content:'\e0dc';
}
.grid-item .item-content .u-icon.faq::before {
  content:'\e131';
}
/*//22-07-05 추가*/


/*================= 23-03-10 main new =================*/
.main-cont {
  display: flex; flex-direction: column; width: 100%; max-width: 1472px; padding-right: 25px;
}
.main-cont .banner-wrap {
  display: flex; flex-direction: column; width: 100%; height: 320px;
}
.main-cont .banner-wrap swiper-container {
  width: 100%; height: 100%; margin-left: auto; margin-right: auto;
}
.main-cont .banner-wrap swiper-slide {
  text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; position: relative; padding: 10px;
}
.main-cont .banner-wrap swiper-slide .txt-box {
  position: absolute; left: 40px; bottom: 50px; text-align: left; width: calc(100% - 80px); text-shadow: 1px 1px 2px #000;
}
.main-cont .banner-wrap swiper-slide .txt-box .tit {
  width: 100%; font-size: 30px; color: #fff; font-weight: 700;
}
.main-cont .banner-wrap swiper-slide .txt-box .txt {
  width: 100%; font-size: 15px; color: #fff; margin-top: 4px;
}
.main-cont .banner-wrap swiper-slide img {
  display: block; width: 100%; height: 100%; object-fit: cover;
}
.main-cont .banner-wrap swiper-slide .autoplay-progress {
  position: absolute;
  right: 16px;
  bottom: 16px;
  z-index: 10;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: var(--swiper-theme-color);
}
.main-cont .banner-wrap swiper-slide .autoplay-progress svg {
  --progress: 0;
  position: absolute;
  left: 0;
  top: 0px;
  z-index: 10;
  width: 100%;
  height: 100%;
  stroke-width: 4px;
  stroke: var(--swiper-theme-color);
  fill: none;
  stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
  stroke-dasharray: 125.6;
  transform: rotate(-90deg);
}
.main-cont .banner-wrap .banner-box {
  width: 100%; height: 320px; background: #355c83;
}
/*widget*/
.main-cont .widget-wrap {
  display: flex; width: 100%; height: 198px; background-color: #e7ebf0; border: 1px solid #ddd; box-sizing: border-box; margin-top: 15px;
}
.main-cont .widget-wrap .mySwiper.b-widget {
  width: 100%; padding: 10px 80px;
}
.main-cont .widget-wrap .mySwiper.b-widget swiper-slide {
  width: max-content;
}
.main-cont .widget-wrap .widgetNo {
  display: inline-flex; justify-content: center; align-items: center; width: 176px; height: 176px; padding: 16px; margin: 0px;
  border: 1px dashed rgb(165, 179, 194); border-radius: 4px; background: rgb(233, 239, 245); color: rgb(66, 73, 82);
  box-shadow: none; vertical-align: top;
}
.main-cont .widget-wrap .widgetNo .alert {
  color: rgb(66, 73, 82); font-size: 14px; justify-content: center; text-align: center;
}
.main-cont .widget-wrap .widgetNo .alert::before {
  display: block; content: ""; font-family: SAP-icons; color: rgb(165, 179, 194); font-size: 30px; margin-bottom: 10px; text-align: center;
}

.widget-wrap .widget {
  display: block;
  width: 176px; height: 176px;
  margin: 0; border-radius: 4px;
}
.widget-wrap .widget a {
  font-size: inherit; color: inherit; cursor: pointer;
}
.widget-wrap .widget a:hover {
  border-bottom: 1px solid #12A6BE; padding-bottom: 0px; color: #12A6BE;
}
.widget-wrap .widget.muuri-item-placeholder {
  z-index: 1; margin: 0; opacity: 0.6;
  border: 1px solid #A5B3C2; border-radius: 4px; border-style: dashed;
  background: #E9EFF5;
}
.widget-wrap .widget>.widget-content {
  position: relative; width: 100%; height: 100%;
}
.widget-wrap .widget>.widget-content>.widget-content-main-wrap {
  position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
.widget-wrap.c_dragOff .widget>.widget-content>.widget-content-main-wrap>.widget-content-main {
  border: 1px solid #d3d5d8; background: #fff;
}
.widget-wrap .widget>.widget-content>.widget-content-main-wrap>.widget-content-main {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  border: 1px solid #d3d5d8;
  background: #fff;
}
.widget-wrap .widget .noti-box {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 16px;
  background: #F5F7FA;
  margin-top: 16px;
  border-radius: 0 0 4px 4px;
}
.widget-wrap .widget .noti-box .loading {
  color: #424952;
  font-size: 14px;
  justify-content: center;
  width: 44px;
  height: 24px;
  background: url(../images/loading_widget.gif) center no-repeat;
}
.widget-wrap .link {
  z-index: 1;
}
.widget-wrap .link .chart-box {
  cursor:pointer !important;
}
.widget-wrap .widget-content-main.link:hover {
  border: 1px solid #12A6BE !important; 
  background: #f0fdff !important; cursor: pointer;
}
.widget-wrap .link:hover {
  border: 0px solid #12A6BE; background: #f0fdff !important; cursor: pointer;
}
.widget-wrap .w1 .widget-tit {
  height: 20px; font-size: 16px; color: #2C3238; flex: none;
  letter-spacing: -0.8px; margin: 16px 16px 0 16px; z-index: 1; word-break: keep-all;
}
.widget-wrap .w1 .widget-tit .tit-txt {
  font-size: 14px; color: #9ba0a5; margin-top: 3px; max-width: 150px; word-break: keep-all;
}
.widget-wrap .info-graph-box {
  display: flex; margin: 16px 16px 16px 16px; margin-top: auto;
}
.widget-wrap .info-graph-box .widget-info-box {
  display: flex; flex-direction: column; flex: none;
  width: 144px;
}
.widget-wrap .info-graph-box .widget-info-box i {
  display: inline-block;
  font-size: 32px;
  font-style: normal;
  color: #b8c2cd;
  margin-right: 12px;
}
.widget-wrap .info-graph-box .widget-info-box i.common::before {
  content: attr(data-icon);
}
.widget-wrap .info-graph-box .widget-info-box .num {
  display: inline-block; font-size: 40px; color: #56606B; letter-spacing: -1px; line-height: 48px;
}
.widget-wrap .info-graph-box .widget-info-box .num .sNum {
  display: inline-block; font-size: 16px; margin-left: 5px; line-height: initial;
}
.widget-wrap .info-graph-box .widget-info-box .stxt {
  flex: none; margin-top: 2px; color: #8996A3; font-size: 13px;
}
.widget-wrap .info-graph-box .widget-info-box .stxt div {
  color: #8996A3;
}
.widget-wrap .info-graph-box .widget-info-box .chart-box {
  display: flex; flex: 1;
}
.widget-wrap .info-graph-box .widget-info-box.row-3 .num {
  display: flex; font-size: 30px; align-items: center; line-height: unset; letter-spacing: -2px; margin-bottom: 5px;
}
.widget-wrap .info-graph-box .widget-info-box.row-3 .num i {
  line-height: unset; margin-bottom: -5px;
}
.widget-wrap .info-graph-box .widget-info-box.row-3 .stit {
  font-size: 13px; color: #8996A3;
}
.widget-wrap .info-graph-box .widget-info-box.row-3 .stxt {
  margin-top: 0;
}
.widget-wrap .red {
  color: #BB0000 !important;
}
/*//widget*/
.main-cont .notiFaq-wrap {
  display: flex; justify-content: space-between; align-items: flex-start; margin-top: 15px;
}
.main-cont .notiFaq-wrap .notiFaq-box {
  display: flex; flex-direction: column; width: calc(50% - 7px); height: 243px; background-color: #fff; border: 1px solid #ddd; box-sizing: border-box; padding: 25px 20px;
}
.main-cont .notiFaq-wrap .notiFaq-box .tit-box {
  display: flex; justify-content: space-between; margin-bottom: 15px;
}
.main-cont .notiFaq-wrap .notiFaq-box .tit-box .tit {
  height: 20px; font-size: 16px; color: #000;
}
.main-cont .notiFaq-wrap .notiFaq-box .tit-box .btn-more {
  display: flex; align-items: center; justify-content: center;width: 20px; height: 20px; border: 1px solid #d1d8de; border-radius: 3px; box-sizing: border-box;
}
.main-cont .notiFaq-wrap .notiFaq-box .tit-box .btn-more:before {
  content: '\e058'; font-family: SAP-icons; font-size: 10px;
}
.main-cont .notiFaq-wrap .notiFaq-box .list-box {
  display: flex; flex-direction: column;
}
.main-cont .notiFaq-wrap .notiFaq-box .list-box li {
  display: flex; align-items: center; font-size: 14px; font-weight: 400; margin-top: 6px; overflow: hidden;
}
.main-cont .notiFaq-wrap .notiFaq-box .list-box li:before {
  content: 'ㆍ'; font-family: SAP-icons; font-size: 10px; margin-right: 3px; color: #888;
}
.main-cont .notiFaq-wrap .notiFaq-box .list-box li .sort {
  color: #888; margin-right: 6px;
}
.main-cont .notiFaq-wrap .notiFaq-box .list-box li .tit {
  color: #000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; flex: 1;
}
.main-cont .notiFaq-wrap .notiFaq-box .list-box li a,
.main-cont .notiFaq-wrap .notiFaq-box .list-box li a:visited {
  color: #000;
}
.main-cont .notiFaq-wrap .notiFaq-box .list-box li a:hover,
.main-cont .notiFaq-wrap .notiFaq-box .list-box li a:active,
.main-cont .notiFaq-wrap .notiFaq-box .list-box li a:hover .sort {
  color: #12A6BE;
}
.main-cont .notiFaq-wrap .notiFaq-box .list-box li .date {
  display: flex; justify-content: flex-end; width: 90px; color: #888;
}
@media all and (max-width: 799px) {
  .main-cont .notiFaq-wrap {
    flex-direction: column;
  }
  .main-cont .notiFaq-wrap .notiFaq-box {
    width: 100%;
  }
  .main-cont .notiFaq-wrap .notiFaq-box + .notiFaq-box {
    margin-top: 15px;
  }
  .main-cont .utility-wrap {
    display: inline-block !important;
  }
  .main-cont .utility-wrap li {
    width: calc(50% - 16px); display: inline-block !important;
  }
}
.main-cont .utility-wrap {
  display: flex; margin-top: 15px;
}
.main-cont .utility-wrap li {
  display: flex; flex-direction: column; flex: 1; height: 96px; margin-right: 14px; border: 1px solid transparent; border-radius: 3px;
  padding: 24px 10px 0 80px; position: relative; cursor: pointer;
}
.main-cont .utility-wrap li:last-child {
  margin-right: 7px;
}
.main-cont .utility-wrap li:after {
  display: inline-block; content: ''; width: 1px; height: 70px; background: #d3d5d8; position: absolute; top: 14px; right: -8px;
}
.main-cont .utility-wrap li:hover {
  border: 1px solid #c6d3d5; background: #f0fdff; box-sizing: border-box;
}
.main-cont .utility-wrap li .tit {
  font-size: 16px; color: #000;
}
.main-cont .utility-wrap li .txt {
  font-size: 12px; color: #9fa19f;
}
.main-cont .utility-wrap li:before {
  display: inline-block; font-family: SAP-icons; font-size: 45px; color: #a4aeb9; position: absolute; top: 20px; left: 20px;
}
.main-cont .utility-wrap .alarm-box:before {
  content: '\e1a9';  top: 15px; left: 28px; font-size: 50px;
}
.main-cont .utility-wrap .manual-box:before {
  content: '\e0dc';
}
.main-cont .utility-wrap .contact-box:before {
  content: '\e085';
}
.main-cont .utility-wrap .helpDesk-box:before {
  content: '\e221';
}
/*================= //23-03-10 main new =================*/


.btn-group {
  height: 34px;
  margin-left: auto;
  font-size: 0;
}

.btn-group .select-item {
  display: inline-block;
  width: 180px;
  background: #fff;
}

.btn-group .select-item .SumoSelect > .CaptionCont {
  background-color: #fff;
}

.btn-group button {
  height: 27px;
  margin-left: 5px;
  padding: 0 10px;
  border: 1px solid #d1d8de;
  border-radius: 5px;
  background: #fff;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.btn-group button span {
  display: block;
  font-size: 13px;
  color: #686b6e;
  line-height: 25px;
}

.btn-group button span::before {
  display: inline-block;
  position: relative;
  top: 1px;
  margin-right: 5px;
  font-family: SAP-icons;
  line-height: 24px;
  /* color: #51c7da; */
}

.btn-group button:hover {
  border-color: #d1d8de;
  background: #e5e8ea;
}

.btn-group button:hover span {
  color: #686b6e;
}

.btn-group button:hover span::before {
  color: #686b6e;
}

.btn-group button.bg-c1 {
  background:#859aa9;
  border:1px solid #5f727e;
}
.btn-group button.bg-c1 span,
.btn-group button.bg-c1 span::before {
  color:#fff;
}

.btn-group button.assign-btn span::before {
  content: '\e0a7';
}

.btn-group button.unassign-btn span::before {
  content: '\e225';
}
.btn-group button.i-edit span::before,
.btn-group button.edit-btn span::before {
  content: '\e038';
}
.btn-group button.i-add span::before,
.btn-group button.add-btn span::before {
  content: '\e058';
}
.btn-group button.i-copy span::before,
.btn-group button.copy-btn span::before {
  content: '\e245';
}
.btn-group button.i-manual-cost span::before,
.btn-group button.manual-cost-btn span::before {
  content: '\e007';
}
.btn-group button.i-delete span::before,
.btn-group button.delete-btn span::before {
  content: '\e03d';
}

.btn-group button.delete-btn.mini {
  width: 27px;
  height: 27px;
  background: #fff url(/images/icon_btn_minus.png) no-repeat center center;
}

.btn-group button.delete-btn.mini span {
  display: none;
}
.btn-group button.i-create span::before,
.btn-group button.create-btn span::before {
  content: '\e24e';
}

.btn-group button.create-btn.mini {
  width: 27px;
  height: 27px;
  background: #fff url(/images/icon_btn_plus.png) no-repeat center center;
}

.btn-group button.create-btn.mini span {
  display: none;
}
.btn-group button.i-save span::before,
.btn-group button.save-btn span::before {
  content: '\e09a';
}
.btn-group button.i-set span::before,
.btn-group button.set-btn span::before,
.btn-group button.i-setup-actual span::before,
.btn-group button.setup-actual-btn span::before {
  content: '\e0a6';
}
.btn-group button.i-park span::before,
.btn-group button.park-btn span::before {
  content: '\e208';
}
.btn-group button.i-clear span::before,
.btn-group button.clear-btn span::before {
  content: '\e248';
}
.btn-group button.i-new span::before,
.btn-group button.new-btn span::before {
  content: '\e208';
}
.btn-group button.i-request span::before,
.btn-group button.request-btn span::before {
  content: '\e131';
}
.btn-group button.i-send span::before,
.btn-group button.send-btn span::before {
  content: '\e05a';
}
.btn-group button.i-excel span::before,
.btn-group button.excel-btn span::before {
  content: '\e034';
}
.btn-group button.i-upload span::before,
.btn-group button.upload-btn span::before,
.btn-group button.excel-upload-btn span::before {
  content: '\e12e';
}
.btn-group button.i-exception span::before,
.btn-group button.exception-btn span::before {
  content: '\e05a';
}
.btn-group button.i-down span::before,
.btn-group button.down-btn span::before,
.btn-group button.excel-down-btn span::before,
.btn-group button.excel-form-down-btn span::before {
  content: '\e03a';
}
.btn-group button.i-withdrawal span::before,
.btn-group button.withdrawal-btn span::before {
  content: '\e1f7';
}
.btn-group button.i-td-acc span::before,
.btn-group button.td-acc-btn span::before {
  content: '\e05b';
}
.btn-group button.i-td-rej span::before,
.btn-group button.td-rej-btn span::before {
  content: '\e03e';
}
.btn-group button.i-td-adj span::before,
.btn-group button.td-adj-req-btn span::before {
  content: '\e285';
}
.btn-group button.i-confirm span::before,
.btn-group button.confirm-btn span::before {
  content: '\e208';
}
.btn-group button.i-print span::before,
.btn-group button.print-btn span::before {
  content: '\e099';
}
.btn-group button.i-export span::before,
.btn-group button.export-btn span::before {
  content: '\e11f';
}
.btn-group button.i-copyAdd span::before,
.btn-group button.copyAdd-btn span::before {
  content: '\e24d';
}
.btn-group button.i-history span::before,
.btn-group button.history-btn span::before {
  content: '\e02d';
}
.btn-group button.i-paste span::before,
.btn-group button.paste-btn span::before {
  content: '\e246';
}
.btn-group button.i-cbCancle span::before,
.btn-group button.cbCancle-btn span::before {
  content: '\e23e';
}
.btn-group button.i-rename span::before,
.btn-group button.rename-btn span::before {
  content: '\e0c4';
}
.btn-group button.i-remove span::before,
.btn-group button.remove-btn span::before {
  /* content: '\e1e8'; */
  content: '\e03d';
}
.btn-group button.i-up span::before,
.btn-group button.up-btn span::before {
  content: '\e04b';
}
.btn-group button.i-arrdown span::before,
.btn-group button.arrdown-btn span::before {
  content: '\e04e';
}

/* 바디 */
.content {
  /* padding: 5px 20px 50px 0; */
  padding: 0px 0px 30px 0; /*22-09-07 재수정*/
  position: relative;
}

.content .content-box {
  min-height: 85vh;
  padding: 40px 50px 37px;
  background: #fff;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);
  margin: 30px 30px; /*22-06-23 추가*/
}

.content .content-box > .home-link {
  display: inline-block;
  width: 54px;
  height: 14px;
  margin-bottom: 20px;
  background: url(/images/ico_private_home.png) no-repeat 0 0;
}

.content .content-box > h2 {
  display: block;
  font-size: 30px;
  font-weight: bold;
  line-height: 40px;
  color: #000;
  text-align: center;
}

.content .content-box > .top-info-txt {
  margin-top: 35px;
  text-align: right;
  font-size: 14px;
}

.content .content-box > .top-info-txt + .register-area {
  margin-top: 10px;
}

.content .content-box .top-guide-txt {
  display: block;
  position: relative;
  margin-top: 10px;
  font-size: 12px;
  color: #888;
  text-align: right;
}

.content .content-box .top-guide-txt::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-top: -2px;
  background: url(/images/icon_info.png) no-repeat center center;
  vertical-align: middle;
}

.content .content-box .top-guide-txt + .top-guide-area ul {
  margin-top: 120px;
}

.content .content-box .top-guide-area {
  padding-bottom: 40px;
  position: relative;
}

.content .content-box .top-guide-area ~ .register-area .form-group .list li.full:last-child {
  margin-top: 0;
  padding: 15px 0;
  border-bottom: 1px solid #dadfe6;
}

.content .content-box .top-guide-area ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 40px;
}

.content .content-box .top-guide-area ul.password-type li {
  position: relative;
  margin: 0 50px;
}

.content .content-box .top-guide-area ul.password-type li:nth-child(2)::before {
  content: '';
  position: absolute;
  left: -53px;
  top: 42px;
  width: 20px;
  height: 20px;
  background: url(/images/ico_password_plus.png) no-repeat center center;
}

.content .content-box .top-guide-area ul.password-type li:nth-child(3)::before {
  content: '';
  position: absolute;
  left: -60px;
  top: 42px;
  width: 15px;
  height: 15px;
  background: url(/images/ico_password_dot.png) no-repeat center center;
}

.content .content-box .top-guide-area ul.password-type li .number-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.content .content-box .top-guide-area ul.password-type li .circle-box {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 10px;
}

.content .content-box .top-guide-area ul.password-type li .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #e0205c;
  font-size: 50px;
  font-weight: bold;
  color: #fff;
  letter-spacing: -1px;
}

.content .content-box .top-guide-area ul.password-type li .icon.big {
  background: #e0205c url(/images/ico_password_big.png) no-repeat center center;
}

.content .content-box .top-guide-area ul.password-type li .icon.small {
  background: #e0205c url(/images/ico_password_small.png) no-repeat center center;
}

.content .content-box .top-guide-area ul.password-type li .icon.number {
  background: #e0205c url(/images/ico_password_number.png) no-repeat center center;
}

.content .content-box .top-guide-area ul.password-type li .icon.etc {
  background: #e0205c url(/images/ico_password_etc.png) no-repeat center center;
}

.content .content-box .top-guide-area ul.password-type li .ic {
  padding: 0 15px;
  font-size: 36px;
  color: #666;
}

.content .content-box .top-guide-area ul.password-type li .bottom-text {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
  color: #353535;
}

.content .content-box .top-guide-area ul li {
  text-align: center;
  margin: 0 30px;
}

.content .content-box .top-guide-area ul li .circle {
  width: 100px;
  height: 100px;
  background-color: #e0205c;
  border-radius: 50%;
  padding: 20px 0;
}

.content .content-box .top-guide-area ul li .circle .icon {
  display: block;
  width: 100px;
  height: 30px;
}

.content .content-box .top-guide-area ul li .circle .text {
  color: #d4f1f6;
  font-size: 14px;
  width: 100%;
  text-align: center;
}

.content .content-box .top-guide-area ul li .circle .text .date {
  color: #fff;
  font-size: 20px;
}

.content .content-box .top-guide-area ul li .bottom-text {
  display: block;
  margin-top: 10px;
  font-size: 14px;
}

.content .content-box .top-guide-area ul li:nth-child(1) .circle .icon {
  background: url(/images/icon_lock_1.png) center no-repeat;
}

.content .content-box .top-guide-area ul li:nth-child(3) .circle .icon {
  background: url(/images/icon_lock_2.png) center no-repeat;
}

.content .content-box .top-guide-area ul li:nth-child(5) .circle .icon {
  background: url(/images/icon_lock_3.png) center no-repeat;
}

.content .content-box .top-guide-area ul li:nth-child(7) .circle .icon {
  background: url(/images/icon_lock_4.png) center no-repeat;
}

.content .content-box .top-guide-area ul .arrow {
  width: 20px;
  height: 100px;
  background: url(/images/arr.png) 30% center no-repeat;
}

.content .content-box .top-guide-area .top-guide-txt {
  position: absolute;
  right: 0;
  bottom: -22px;
  font-size: 12px;
  color: #888;
  background: url(/images/icon_info.png) left no-repeat;
  padding-left: 20px;
}

@media all and (max-width: 1024px) {
  .content .content-box .top-guide-area .guide-text {
    font-size: 12px;
  }
  .content .content-box .top-guide-area ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    margin-top: 20px;
  }
  .content .content-box .top-guide-area ul .arrow {
    display: none;
  }
  .content .content-box .top-guide-area ul li {
    width: 50%;
    margin: 0 0 20px;
    text-align: center;
  }
  .content .content-box .top-guide-area ul li .circle {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .content .content-box .top-guide-area ul li .circle .text {
    font-size: 12px;
  }
  .content .content-box .top-guide-area ul li .circle .text .date {
    font-size: 16px;
  }
}

.content .content-box .data-area {
  margin-top: 30px;
}

.content .content-box .data-area .data-group {
  margin-top: 35px;
}

.content .content-box .data-area .data-group:first-child {
  margin-top: 0;
}

.content .content-box .data-area .data-group.menu-type .data-tit {
  position: relative;
}

.content .content-box .data-area .data-group.menu-type .data-tit .toggle-btn {
  position: absolute;
  right: 0;
  top: 3px;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  border: 1px solid #d1d8de;
  background: url(/images/arrow_open.png) no-repeat center center;
  background-size: 10px auto;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.content .content-box .data-area .data-group.menu-type .data-tit .toggle-btn.on {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}

.content .content-box .data-area .data-group.menu-type .data-list-row {
  padding: 0;
}

.content .content-box .data-area .data-group.menu-type .data-list-row > li.toggle-type {
  padding: 0;
}

.content .content-box .data-area .data-group.menu-type .data-list-row > li.toggle-type .toggle-view {
  margin-top: 0;
}

.content .content-box .data-area .data-group.menu-type .data-list-row > li.toggle-type .toggle-view .check-list {
  border-bottom: 0;
}

.content .content-box .data-area .data-group .data-tit {
  display: block;
  padding-bottom: 5px;
  font-size: 18px;
  font-weight: bold;
  line-height: 30px;
  border-bottom: 2px solid #2d313a;
  color: #000;
}

.content .content-box .data-area .data-group .data-list-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 7px;
}

.content .content-box .data-area .data-group .data-list-row > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 50%;
  padding: 15px 0;
  border-bottom: 1px solid #eee;
  font-size: 14px;
  line-height: 28px;
}

.content .content-box .data-area .data-group .data-list-row > li.full {
  width: 100%;
}

.content .content-box .data-area .data-group .data-list-row > li.toggle-type {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.content .content-box .data-area .data-group .data-list-row > li.toggle-type > .tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.content .content-box .data-area .data-group .data-list-row > li.toggle-type > .tit .toggle-btn {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  background: url(/images/arrow_open.png) no-repeat center center;
  background-size: 10px auto;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.content .content-box .data-area .data-group .data-list-row > li.toggle-type > .tit .toggle-btn.on {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}

.content .content-box .data-area .data-group .data-list-row > li.toggle-type .toggle-view {
  margin-top: 20px;
}

.content .content-box .data-area .data-group .data-list-row > li.toggle-type .toggle-view .check-list {
  background: #f7f7f7;
  width: 100%;
  padding: 15px 0;
  border-bottom: 1px solid #dadfe6;
}

.content .content-box .data-area .data-group .data-list-row > li.toggle-type .toggle-view .check-list .form-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin: 0 70px;
  padding: 25px 0 25px 130px;
  border-bottom: 1px solid #dadfe6;
}

.content .content-box .data-area .data-group .data-list-row > li.toggle-type .toggle-view .check-list .form-item.depth-type {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 7px;
  padding-bottom: 0;
  padding-left: 85px;
  margin: 0 20px;
}

.content .content-box .data-area .data-group .data-list-row > li.toggle-type .toggle-view .check-list .form-item.depth-type .list-box {
  position: relative;
  width: 100%;
  padding: 20px 0 20px 100px;
  border-bottom: 1px solid #dadfe6;
}

.content .content-box .data-area .data-group .data-list-row > li.toggle-type .toggle-view .check-list .form-item.depth-type .list-box:last-child {
  border-bottom: 0;
}

.content .content-box .data-area .data-group .data-list-row > li.toggle-type .toggle-view .check-list .form-item.depth-type .list-box > .tit {
  position: absolute;
  left: 0;
  top: 20px;
  font-size: 12px;
  font-weight: bold;
  line-height: 24px;
}

.content .content-box .data-area .data-group .data-list-row > li.toggle-type .toggle-view .check-list .form-item.depth-type .list-box > .com-txt {
  font-size: 12px;
  color: #3d3d3d;
  margin-top: 5px;
  width: 100%;
}

.content .content-box .data-area .data-group .data-list-row > li.toggle-type .toggle-view .check-list .form-item.depth-type .list-box .file-area {
  width: 100%;
  margin-top: 10px;
}

.content .content-box .data-area .data-group .data-list-row > li.toggle-type .toggle-view .check-list .form-item.depth-type .list-box .file-area input {
  font-size: 12px;
  max-width: 170px;
  margin-right: 5px;
}

.content .content-box .data-area .data-group .data-list-row > li.toggle-type .toggle-view .check-list .form-item.depth-type .list-box .file-area input.calendar {
  cursor: pointer;
}

.content .content-box .data-area .data-group .data-list-row > li.toggle-type .toggle-view .check-list .form-item.depth-type .list-box .file-area ul .line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 12px;
  color: #3d3d3d;
  margin-top: 10px;
}

.content .content-box .data-area .data-group .data-list-row > li.toggle-type .toggle-view .check-list .form-item.depth-type .list-box .file-area ul .line .txt {
  margin-left: 10px;
}

.content .content-box .data-area .data-group .data-list-row > li.toggle-type .toggle-view .check-list .form-item.depth-type .list-box .file-area ul .tit {
  width: 135px;
  font-weight: 700;
}

.content .content-box .data-area .data-group .data-list-row > li.toggle-type .toggle-view .check-list .form-item.depth-type .list-box .file-area ul .tit.imp::after {
  display: inline-block;
  content: '';
  width: 10px;
  height: 10px;
  margin-left: 5px;
  background: url(/images/img_essential.png) no-repeat right 0;
}

.content .content-box .data-area .data-group .data-list-row > li.toggle-type .toggle-view .check-list .form-item.depth-type .list-box .file-area ul .cal-icon {
  background: #fff url(/images/icn-calendar.png) no-repeat center;
  width: 12px;
  height: 12px;
}

.content .content-box .data-area .data-group .data-list-row > li.toggle-type .toggle-view .check-list .form-item.depth-type .list-box .file-area ul .file-cnt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.content .content-box .data-area .data-group .data-list-row > li.toggle-type .toggle-view .check-list .form-item.depth-type .list-box .file-area ul .file-cnt input[type="file"] {
  position: absolute;
  left: -9999px;
}

.content .content-box .data-area .data-group .data-list-row > li.toggle-type .toggle-view .check-list .form-item.depth-type .list-box .file-area ul .file-cnt label {
  display: inline-block;
  height: 25px;
  padding: 0 10px;
  border-radius: 5px;
  background: #e0205c; /*22-06-29 수정*/
  font-size: 12px;
  line-height: 26px;
  color: #fff;
  cursor: pointer;
}

.content .content-box .data-area .data-group .data-list-row > li.toggle-type .toggle-view .check-list .form-item.depth-type .list-box .file-area ul .file-cnt .del-btn {
  position: relative;
  top: 1px;
  width: 20px;
  height: 20px;
  background: url(/images/icon_delete.png) no-repeat center center;
}

.content .content-box .data-area .data-group .data-list-row > li.toggle-type .toggle-view .check-list .form-item > h4 {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  padding-top: 25px;
  font-size: 14px;
  color: #3d3d3d; /*22-06-24 수정*/
}

.content .content-box .data-area .data-group .data-list-row > li.toggle-type .toggle-view .check-list .form-item .list-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  min-height: 30px;
}

.content .content-box .data-area .data-group .data-list-row > li.toggle-type .toggle-view .check-list .form-item .list-box .com-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 25%;
  margin-bottom: 5px;
  padding-right: 10px;
  line-height: 34px;
}

.content .content-box .data-area .data-group .data-list-row > li.toggle-type .toggle-view .check-list .form-item .list-box .com-check .txt {
  font-size: 13px;
  line-height: 20px;
  color: #3d3d3d;
}

.content .content-box .data-area .data-group .data-list-row > li.toggle-type .toggle-view .check-list .form-item .list-box .com-check label {
  letter-spacing: -1px;
}

.content .content-box .data-area .data-group .data-list-row > li.toggle-type .toggle-view .check-list .form-item .list-box .com-check label::before {
  top: 4px;
}

.content .content-box .data-area .data-group .data-list-row > li.toggle-type .toggle-view .check-list .form-item .list-box .com-check label.pc {
  margin-left: 10px;
  padding-left: 40px;
  background: url(/images/ico_p.png) no-repeat 0 center;
}

.content .content-box .data-area .data-group .data-list-row > li.toggle-type .toggle-view .check-list .form-item .list-box .com-check label.pc::before {
  left: 22px;
}

.content .content-box .data-area .data-group .data-list-row > li.toggle-type .toggle-view .check-list .form-item .list-box .com-check label.mo {
  margin-left: 10px;
  padding-left: 40px;
  background: url(/images/ico_m.png) no-repeat 0 center;
}

.content .content-box .data-area .data-group .data-list-row > li.toggle-type .toggle-view .check-list .form-item .list-box .com-check label.mo::before {
  left: 22px;
}

.content .content-box .data-area .data-group .data-list-row > li.toggle-type .toggle-view .check-list .form-item .list-box .com-check + .com-check {
  margin-left: 0;
}

.content .content-box .data-area .data-group .data-list-row > li.toggle-type .toggle-view .check-list .form-item:last-child {
  border: 0;
}

.content .content-box .data-area .data-group .data-list-row > li > .tit {
  display: inline-block;
  width: 140px;
  font-size: 14px;
  font-weight: bold;
  color: #3d3d3d;
}

.content .content-box .data-area .data-group .data-list-row > li > .tit.imp::after {
  display: inline-block;
  content: '';
  width: 10px;
  height: 10px;
  margin-left: 5px;
  background: url(/images/img_essential.png) no-repeat right 0;
}

.content .content-box .data-area .data-group .data-list-row > li .form-line {
  width: calc(100% - 140px);
}

.content .content-box .data-area .data-group .data-list-row > li .form-line .select-item {
  width: 200px;
}

.content .content-box .data-area .data-group .data-list-row > li .form-line .select-item select:not(.ui-select) {
  width: 100%;
  height: 28px;
  padding: 0 10px;
  border: 1px solid #e8edee;
  background: url(/images/arr_open.png) no-repeat right 8px center;
}

.content .content-box .data-area .data-group .data-list-row > li .form-line .group-info {
  display: inline-block;
  min-width: 250px;
  max-width: calc(100% - 80px);
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid #e8edee;
  border-radius: 3px;
}

.content .content-box .data-area .data-group .data-list-row > li .form-line .group-info .item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 26px;
  line-height: 26px;
  vertical-align: top;
}

.content .content-box .data-area .data-group .data-list-row > li .form-line .group-info .item .txt {
  display: inline-block;
  font-size: 14px;
  color: #888;
}

.content .content-box .data-area .data-group .data-list-row > li .form-line .group-info .item .del-btn {
  width: 20px;
  height: 26px;
  padding: 0;
  border: 0;
  margin: 0;
  background: url(/images/icon_item_del.png) no-repeat center center;
}

.content .content-box .data-area .data-group .data-list-row > li .form-line input[type="text"], .content .content-box .data-area .data-group .data-list-row > li .form-line input[type="password"] {
  width: 200px;
}

.content .content-box .data-area .data-group .data-list-row > li .form-line > a {
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  color: #3d3d3d;
  text-decoration: underline;
}

.content .content-box .data-area .data-group .data-list-row > li .form-line input {
  font-size: 14px;
  color: #888;
}

/*22-07-04 추가*/
.content .content-box .data-area .data-group .data-list-row > li .form-line input.longName {
  width:70%;
}
/*//22-07-04 추가*/

.content .content-box .data-area .data-group .data-list-row > li .form-line input.popup {
  width: 200px;
  background: url(/images/icn-books.png) no-repeat right 7px center;
  background-size: auto;
  cursor: pointer;
}

.content .content-box .data-area .data-group .data-list-row > li .form-line input.search {
  width: 250px;
}

.content .content-box .data-area .data-group .data-list-row > li .form-line > .txt {
  font-size: 14px;
  line-height: 24px;
  color: #3d3d3d;
}

.content .content-box .data-area .data-group .data-list-row > li .form-line .info-txt {
  display: inline-block;
  line-height: 28px;
}

.content .content-box .data-area .data-group .data-list-row > li .form-line .info-txt + .info-txt {
  margin-left: 40px;
}

.content .content-box .data-area .data-group .data-list-row > li .form-line .info-txt > .tit {
  font-size: 14px;
  font-weight: bold;
  color: #e0205c; /*22-06-24 수정*/
}

.content .content-box .data-area .data-group .data-list-row > li .form-line .info-txt > .txt {
  display: inline-block;
  margin-left: 10px;
  font-size: 14px;
  color: #3d3d3d;
}

.content .content-box .data-area .data-group .data-list-row > li button {
  height: 28px;
  margin-left: 5px;
  padding: 0 10px;
  border: 1px solid #d1d8de;
  border-radius: 5px;
  background: #fff;
}

.content .content-box .data-area .data-group .data-list-row > li button span {
  display: block;
  font-size: 12px;
  color: #686b6e;
  line-height: 26px;
}

.content .content-box .data-area .data-group .data-list-row > li button.search-btn span {
  padding-left: 18px;
  background: url(/images/icon_file_search.png) no-repeat 0 center;
}

.content .content-box .data-area .data-group .data-list-row > li button.lock-btn span {
  padding-left: 18px;
  background: url(/images/icon_list_rock.png) no-repeat 0 center;
}

.content .content-box .data-area .data-group .data-list-row > li button.add-btn span {
  padding-left: 18px;
  background: url(/images/icon_file_plus.png) no-repeat 0 center;
}

.content .content-box .data-area .bottom-btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  margin-top: 25px;
}

.content .content-box .data-area .bottom-btn-group button {
  min-width: 110px;
  height: 40px;
  margin: 0 4px;
  padding: 0 20px;
  background: #4b4b4b;
  border-radius: 20px;
}

.content .content-box .data-area .bottom-btn-group button.confirm-btn:hover {
  background-color: #e0205c;
}

.content .content-box .data-area .bottom-btn-group button.confirm-btn:hover span {
  background: url(/images/icon_register_confirm_on.png) no-repeat 0 center;
}

.content .content-box .data-area .bottom-btn-group button.confirm-btn span {
  background: url(/images/icon_register_confirm.png) no-repeat 0 center;
}

.content .content-box .data-area .bottom-btn-group button.approval-btn {
  position: absolute;
  right: 0;
  top: 0;
}

.content .content-box .data-area .bottom-btn-group button.approval-btn:hover {
  background-color: #e0205c;
}

.content .content-box .data-area .bottom-btn-group button.approval-btn:hover span {
  background: url(/images/icon_register_confirm_on.png) no-repeat 0 center;
}

.content .content-box .data-area .bottom-btn-group button.approval-btn span {
  background: url(/images/icon_register_confirm.png) no-repeat 0 center;
}

.content .content-box .data-area .bottom-btn-group button.cancle-btn:hover {
  background-color: #e0205c;
}

.content .content-box .data-area .bottom-btn-group button.cancle-btn:hover span {
  background: url(/images/icon_register_cancle_on.png) no-repeat 0 center;
}

.content .content-box .data-area .bottom-btn-group button.cancle-btn span {
  background: url(/images/icon_register_cancle.png) no-repeat 0 center;
}

.content .content-box .data-area .bottom-btn-group button.list-btn:hover {
  background-color: #e0205c;
}

.content .content-box .data-area .bottom-btn-group button.list-btn:hover span {
  background: url(/images/icon_view_list.png) no-repeat 0 center;
}

.content .content-box .data-area .bottom-btn-group button.list-btn span {
  background: url(/images/icon_view_list.png) no-repeat 0 center;
}

.content .content-box .data-area .bottom-btn-group button span {
  display: inline-block;
  padding-left: 30px;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  line-height: 40px;
}

@media all and (max-width: 1024px) {
  .content .content-box .data-area .bottom-btn-group button {
    min-width: auto;
    height: 30px;
    padding: 0 10px;
  }
  .content .content-box .data-area .bottom-btn-group button.approval-btn {
    position: relative;
    right: auto;
    top: auto;
  }
  .content .content-box .data-area .bottom-btn-group button span {
    padding-left: 18px;
    font-size: 12px;
    line-height: 30px;
    background-size: auto 12px !important;
  }
}

@media all and (max-width: 1024px) {
  .content .content-box .data-area .data-group .data-tit {
    font-size: 14px;
  }
  .content .content-box .data-area .data-group .data-list-row > li {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
  }
  .content .content-box .data-area .data-group .data-list-row > li.toggle-type > .tit .toggle-btn {
    margin: 5px;
  }
  .content .content-box .data-area .data-group .data-list-row > li.toggle-type .toggle-view .check-list {
    padding: 0;
  }
  .content .content-box .data-area .data-group .data-list-row > li.toggle-type .toggle-view .check-list .form-item {
    margin: 0;
    padding: 40px 10px 0;
  }
  .content .content-box .data-area .data-group .data-list-row > li.toggle-type .toggle-view .check-list .form-item > h4 {
    left: 10px;
    top: 15px;
    padding: 0;
    font-size: 12px;
    line-height: 20px;
  }
  .content .content-box .data-area .data-group .data-list-row > li.toggle-type .toggle-view .check-list .form-item .list-box .com-check {
    width: 50%;
    margin: 0 0 5px;
  }
  .content .content-box .data-area .data-group .data-list-row > li > .tit {
    width: 100%;
    font-size: 12px;
  }
  .content .content-box .data-area .data-group .data-list-row > li button {
    width: 100%;
    margin: 5px 0 0;
    font-size: 12px;
  }
  .content .content-box .data-area .data-group .data-list-row > li .form-line {
    width: 100%;
  }
  .content .content-box .data-area .data-group .data-list-row > li .form-line .info-txt {
    width: 100%;
  }
  .content .content-box .data-area .data-group .data-list-row > li .form-line .info-txt + .info-txt {
    margin-left: 0;
  }
  .content .content-box .data-area .data-group .data-list-row > li .form-line .info-txt > .txt {
    font-size: 12px;
  }
  .content .content-box .data-area .data-group .data-list-row > li .form-line input.popup {
    width: 100%;
  }
  .content .content-box .data-area .data-group .data-list-row > li .form-line input.search {
    width: 100%;
  }
  .content .content-box .data-area .data-group .data-list-row > li .form-line input[type="text"], .content .content-box .data-area .data-group .data-list-row > li .form-line input[type="password"] {
    width: 100%;
  }
  .content .content-box .data-area .data-group .data-list-row > li .form-line .group-info {
    min-width: 100%;
  }
  .content .content-box .data-area .data-group .data-list-row > li .form-line .select-item {
    width: 100%;
  }
}

.content .content-box .search-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 40px;
}

.content .content-box .search-area .calendar-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  line-height: 40px;
  margin-right: 15px;
  border-bottom: 2px solid #858585;
  vertical-align: middle;
}

.content .content-box .search-area .calendar-item .tit {
  font-size: 14px;
}

.content .content-box .search-area .calendar-item .line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 210px;
}

.content .content-box .search-area .calendar-item .line.short-type {
  width: 130px;
}

.content .content-box .search-area .calendar-item .line .calendar {
  margin: 5px 10px 0 10px;
  border: 0;
  background: #fff url(/images/icn-calendar.png) no-repeat right 0px top 8px;
  cursor: pointer;
  font-size: 14px;
}

.content .content-box .search-area .select-item {
  width: auto;
  min-width: 130px;
  height: 40px;
  margin-right: 15px;
  border-bottom: 2px solid #858585;
  background: url(/images/icon_search_select.png) no-repeat right center;
}

.content .content-box .search-area .select-item select {
  width: 100%;
  height: 100%;
  background: transparent;
  padding-right: 15px;
}

.content .content-box .search-area .search-item {
  position: relative;
  width: 300px;
  height: 40px;
  padding-right: 30px;
  border-bottom: 2px solid #858585;
}

.content .content-box .search-area .search-item input {
  width: 100%;
  height: 100%;
  border: 0;
}

.content .content-box .search-area .search-item input::-webkit-input-placeholder {
  font-size: 14px;
}

.content .content-box .search-area .search-item input:-ms-input-placeholder {
  font-size: 14px;
}

.content .content-box .search-area .search-item input::-ms-input-placeholder {
  font-size: 14px;
}

.content .content-box .search-area .search-item input::placeholder {
  font-size: 14px;
}

.content .content-box .search-area .search-item .search-btn {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.content .content-box .search-area .search-btn {
  width: 30px;
  height: 30px;
  background: url(/images/icon_search_btn.png) no-repeat center center;
}

.content .content-box .radio-select-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 35px;
}

.content .content-box .radio-select-area + .list-area {
  margin-top: 15px;
}

.content .content-box .radio-select-area .txt {
  font-size: 14px;
  color: #333;
}

.content .content-box .radio-select-area .com-radio {
  margin-left: 25px;
}

@media all and (max-width: 1024px) {
  .content .content-box .radio-select-area {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .content .content-box .radio-select-area .txt {
    width: 100%;
    text-align: center;
  }
}

.content .content-box .list-area {
  margin-top: 35px;
}

.content .content-box .list-area .info_text {
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}

.content .content-box .list-area .top-info-group {
  text-align: right;
  font-size: 12px;
  line-height: 16px;
}

.content .content-box .list-area .top-group {
  overflow: hidden;
}

.content .content-box .list-area .top-group + .table-group {
  margin-top: 5px;
}

.content .content-box .list-area .top-group .icon-item {
  float: right;
}

.content .content-box .list-area .top-group .icon-item span {
  display: inline-block;
  padding-left: 20px;
  margin-right: 20px;
  font-size: 12px;
  color: #666;
}

.content .content-box .list-area .top-group .icon-item span.pc {
  background: url(/images/ico_p.png) no-repeat 0 center;
}

.content .content-box .list-area .top-group .icon-item span.mo {
  background: url(/images/ico_m.png) no-repeat 0 center;
}

.content .content-box .list-area .top-group .icon-item span.widget {
  background: url(/images/ico_w.png) no-repeat 0 center;
}

.content .content-box .list-area .top-group .txt {
  font-size: 12px;
  line-height: 26px;
  color: #686868;
}

.content .content-box .list-area .top-group .txt.right {
  display: block;
  text-align: right;
}

.content .content-box .list-area .top-group .txt .num {
  font-weight: bold;
  color: #222;
}

.content .content-box .list-area .table-group {
  margin-top: 15px;
}

.content .content-box .list-area .table-group.info-type table tr:hover {
  background: transparent;
}

.content .content-box .list-area .table-group.info-type table th {
  height: 40px;
  border-right: 1px solid #ddd;
  font-size: 14px;
  font-weight: bold;
}

.content .content-box .list-area .table-group.info-type table th:last-child {
  border-right: 0;
}

.content .content-box .list-area .table-group.info-type table td {
  height: 40px;
  border-right: 1px solid #ddd;
  color: #999;
  font-size: 14px;
}

.content .content-box .list-area .table-group.info-type table td:last-child {
  border-right: 0;
}

.content .content-box .list-area .table-group.header-line table th {
  height: 40px;
  border-right: 1px solid #dadfe6;
  font-size: 14px;
}

.content .content-box .list-area .table-group.header-line table th:last-child {
  border-right: 0;
}

.content .content-box .list-area .table-group.header-line table td {
  font-size: 12px;
}

.content .content-box .list-area .table-group.header-line table tbody td:nth-child(1) {
  border-right: 1px solid #dde4ec;
}

.content .content-box .list-area .table-group.header-line table tbody td:nth-child(6) {
  border-right: 1px solid #dde4ec;
}

.content .content-box .list-area .table-group .top-title {
  display: block;
  margin-bottom: 5px;
  font-size: 16px;
  line-height: 30px;
  font-weight: bold;
  color: #333;
}

.content .content-box .list-area .table-group table {
  width: 100%;
  border-top: 2px solid #2d313a;
  text-align: center;
}

.content .content-box .list-area .table-group table th {
  height: 60px;
  background: #edf2f7;
  border-bottom: 1px solid #dde4ec;
  font-size: 16px;
  font-weight: 400;
  color: #222;
}

.content .content-box .list-area .table-group table tbody tr:hover {
  background: #f7f7f7;
}

.content .content-box .list-area .table-group table tbody td {
  height: 50px;
  padding: 5px 10px;
  border-bottom: 1px solid #dadfe6;
  font-size: 14px;
  color: #3d3d3d;
}

.content .content-box .list-area .table-group table tbody td .flag-icon {
  display: inline-block;
}

.content .content-box .list-area .table-group table tbody td .flag-icon.kr {
  background: url(/images/ico_flag_kr.png) no-repeat center center;
}

.content .content-box .list-area .table-group table tbody td .flag-icon.en {
  background: url(/images/ico_flag_en.png) no-repeat center center;
}

.content .content-box .list-area .table-group table tbody td .preview-btn, .content .content-box .list-area .table-group table tbody td .white-btn {
  min-width: 76px;
  height: 28px;
  margin: 0 2px;
  padding: 0 15px;
  border-radius: 5px;
  vertical-align: top;
  border: 1px solid #d2d2d2;
  background: #fff;
  font-size: 14px;
  color: #666;
}

.content .content-box .list-area .table-group table tbody td a {
  color: #3d3d3d;
  text-decoration: underline;
}

.content .content-box .list-area .table-group table tbody td .bell {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  vertical-align: middle;
  background: url(/images/icon_notice_bell.png) no-repeat center center;
}

.content .content-box .list-area .table-group table tbody td .bell.notice {
  background-color: #c8c8c8;
}

.content .content-box .list-area .table-group table tbody td .bell.urgency {
  background-color: #e0205c;
}

.content .content-box .list-area .table-group table tbody td .bell.confirm {
  background-color: #e0205c; /*22-06-29 수정*/
}

.content .content-box .list-area .table-group table tbody td .bell.request {
  background-color: #47acf2;
}

.content .content-box .list-area .table-group table tbody td .bell.work {
  background-color: #4cbd81;
}

.content .content-box .list-area .table-group table tbody td .del-btn {
  width: 15px;
  height: 16px;
  background: url(/images/icon_notice_del.png) no-repeat center center;
  vertical-align: middle;
}

.content .content-box .list-area .table-group table tbody td .file-icon {
  display: inline-block;
  width: 25px;
  height: 28px;
  background: url(/images/icon_notice_file_2.png) no-repeat center center;
  vertical-align: middle;
}

.content .content-box .list-area .table-group table tbody td .link {
  display: block;
  padding-left: 30px;
  font-size: 14px;
  color: #3d3d3d;
  text-align: left;
}

.content .content-box .list-area .table-group table tbody td .link.icon::after {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 10px;
  background: url(/images/ico_txt_link.png) no-repeat 0 0;
}

.content .content-box .list-area .table-group table tbody td .link:hover {
  text-decoration: underline;
}

.content .content-box .list-area .bottom-btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
}

.content .content-box .list-area .bottom-btn-group + .paging {
  margin-top: -35px;
}

.content .content-box .list-area .bottom-btn-group .sign-btn {
  margin-left: auto;
  padding: 0 25px;
  height: 40px;
  background: #4b4b4b;
  border-radius: 20px;
}

.content .content-box .list-area .bottom-btn-group .sign-btn:hover {
  background-color: #e0205c;
  color: #fff;
}

.content .content-box .list-area .bottom-btn-group .sign-btn span {
  display: block;
  padding-left: 28px;
  background: url(/images/icon_notice_write.png) no-repeat 0 center;
  font-size: 16px;
  font-weight: 400;
  line-height: 40px;
  color: #fff;
}

.content .content-box .list-area .list-group {
  margin-top: 10px;
  border-top: 2px solid #2d313a;
}

.content .content-box .list-area .list-group.faq-type.with-check li a.on::after {
  background: url(/images/icon_faq_tit_on.png) no-repeat 0 0;
}

.content .content-box .list-area .list-group.faq-type.with-check li a::after {
  content: '';
  position: absolute;
  left: 30px; /*22-06-23 수정*/
  top: 50%; /*22-06-23 수정*/
  -webkit-transform: translateY(0); /*22-06-23 추가*/
    transform: translateY(-50%); /*22-06-23 추가*/
  width: 35px;
  height: 35px;
  background: url(/images/icon_faq_tit.png) no-repeat 0 0;
}

.content .content-box .list-area .list-group.faq-type.with-check li .detail-view .check-list {
  padding: 0 50px 0 120px;
}

.content .content-box .list-area .list-group.faq-type.with-check li .detail-view .check-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 25px 0;
}

.content .content-box .list-area .list-group.faq-type.with-check li .detail-view .check-list li:last-child {
  border-bottom: 0;
}

.content .content-box .list-area .list-group.faq-type.with-check li .detail-view .check-list li > .tit {
  width: 160px;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
}

.content .content-box .list-area .list-group.faq-type.with-check li .detail-view .check-list li .check-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% - 160px);
}

.content .content-box .list-area .list-group.faq-type.with-check li .detail-view .check-list li .check-item .com-check {
  width: 25%;
  margin-left: 0;
}

.content .content-box .list-area .list-group.faq-type.with-check li .detail-view .check-list li .com-check label {
  line-height: 30px;
  color: #5d5d5d; /*22-06-23 수정*/
}

.content .content-box .list-area .list-group.faq-type.with-check li .detail-view .check-list li .com-check label::before {
  top: 7px;
}

.content .content-box .list-area .list-group.faq-type li {
  position: relative;
}

.content .content-box .list-area .list-group.faq-type li > a::before {
  content: '';
  left: auto;
  /* top: 25px;
  right: 50px;
  width: 30px;
  height: 30px; */
  top: 50%; /*22-06-23 수정*/
  right: 30px; /*22-06-23 수정*/
  width: 22px; /*22-06-23 수정*/
  height: 22px; /*22-06-23 수정*/
  -webkit-transform: translateY(0);
          transform: translateY(-50%);
 
  background: url(/images/icon_qna_plus.png) no-repeat center;
  border-radius: 0;
}

.content .content-box .list-area .list-group.faq-type li > a:hover {
  background-color: #f7f7f7; /*22-06-23 수정*/
}

.content .content-box .list-area .list-group.faq-type li > a.on {
  background-color: #12A6BE;
}

.content .content-box .list-area .list-group.faq-type li > a.on::before {
  background: url(/images/icon_qna_minus.png) no-repeat 0 center;
}

.content .content-box .list-area .list-group.faq-type li > a.on .sort,
.content .content-box .list-area .list-group.faq-type li > a.on .txt {
  color: #fff;
}

.content .content-box .list-area .list-group.faq-type li > a .com-check {
	position: relative;
	top: -2px;	
	margin-left: 10px;
}

.content .content-box .list-area .list-group.faq-type li > a .com-check label {
	color: #5d5d5d; /*22-06-23 수정*/
}
/*22-06-23 추가*/
.content .content-box .list-area .list-group.faq-type li > a.on .com-check label {
	color: #fff;
}
/*//22-06-23 추가*/
.content .content-box .list-area .list-group.faq-type li > a .txt {
  display: inline-block;
}
.content .content-box .list-area .list-group.faq-type li > a.on .question {
  background: #fff;
  color: #2C3238;
}
.content .content-box .list-area .list-group.faq-type li > a .question {
  position: absolute;
  /* left: 50px; */
  left: 30px; /*22-06-23 수정*/
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: #2C3238;
  line-height: 32px;
  letter-spacing: 2px;
  text-align: center;
  color: #fff;
}

.content .content-box .list-area .list-group.faq-type li .detail-view {
  display: none;
  position: relative;
  background-color: #F5F7FA; /*22-06-23 수정*/
  font-size: 12px;
  line-height: 20px;
  color: #5d5d5d; /*22-06-23 수정*/
}

/* .content .content-box .list-area .list-group.faq-type li .detail-view::before {
  content: '';
  position: absolute;
  left: 50px;
  top: 0;
  right: 50px;
  height: 1px;
  background: #94dce8;
} */

.content .content-box .list-area .list-group.faq-type li .detail-view .answer {
  position: absolute;
    /* left: 50px; */
    left: 30px; /*22-06-23 수정*/
    /* top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); */
    top: 30px; /*22-06-23 수정*/
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #12A6BE; /*22-06-23 수정*/
    line-height: 32px;
    letter-spacing: 2px;
    text-align: center;
    font-size: 16px;
    color: #fff; /*22-06-23 수정*/
}

.content .content-box .list-area .list-group.faq-type li .detail-view .txt {
  min-height: 100px;
  /* padding: 25px 50px 25px 125px; */
  padding: 25px 70px 25px 95px; /*22-06-23 수정*/
  font-size: 14px;
  line-height: 26px;
  align-items: center; /*22-06-23 추가*/
  display: inline-flex; /*22-06-23 추가*/
}

.content .content-box .list-area .list-group.faq-type li .detail-view .txt a {
  display: block;
  color: #12A6BE; /*22-06-23 수정*/
  text-decoration: underline;
}

.content .content-box .list-area .list-group li {
  border-bottom: 1px solid #dadfe6;
}

.content .content-box .list-area .list-group li > a {
  display: block;
  position: relative;
  /* padding: 25px 100px 25px 125px; */
  padding: 25px 80px 25px 95px; /*22-06-23 수정*/
}

.content .content-box .list-area .list-group li > a::before {
  content: '';
  position: absolute;
  left: 50px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 35px;
  height: 35px;
  border-radius: 50%;
}

.content .content-box .list-area .list-group li > a:hover {
  background: #f7f7f7;
}

.content .content-box .list-area .list-group li > a.notice::before {
  background: #c8c8c8 url(/images/icon_notice_bell.png) no-repeat center center;
}

.content .content-box .list-area .list-group li > a.work::before {
  background: #4cbd81 url(/images/icon_notice_bell.png) no-repeat center center;
}

.content .content-box .list-area .list-group li > a.urgency::before {
  background: #e0205c url(/images/icon_notice_bell.png) no-repeat center center;
}

.content .content-box .list-area .list-group li > a.confirm::before {
  background: #e0205c url(/images/icon_notice_bell.png) no-repeat center center; /*22-06-29 수정*/
}

.content .content-box .list-area .list-group li > a.request::before {
  background: #47acf2 url(/images/icon_notice_bell.png) no-repeat center center;
}

.content .content-box .list-area .list-group li > a .sort {
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  color: #888;
}

.content .content-box .list-area .list-group li > a .txt {
  display: inline-block;
  position: relative;
  /* margin-top: 2px; */
  margin-top: 0px; /*22-06-23 수정*/
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
  color: #222;
}

.content .content-box .list-area .list-group li > a .txt.file {
  padding-right: 32px;
  background: url(/images/icon_notice_file.png) no-repeat right center;
}

.content .content-box .list-area .list-group li > a .day {
  position: absolute;
  right: 50px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 14px;
  color: #333;
}

@media all and (max-width: 1024px) {
  .content .content-box .list-area .top-info-group .txt {
    font-size: 12px;
    margin-bottom: 5px;
  }
}

.content .content-box .detail-view-area {
  margin-top: 35px;
  border-top: 2px solid #2d313a;
}

.content .content-box .detail-view-area img {
	width: auto;
}

.content .content-box .detail-view-area.private-type {
  border-top: 0;
}

.content .content-box .detail-view-area .top-info-group {
  padding: 25px 0 50px;
  text-align: center;
}

.content .content-box .detail-view-area .top-info-group .title-item {
  position: relative;
  min-height: 30px;
}

.content .content-box .detail-view-area .top-info-group .title-item .search-form {
  position: absolute;
  right: 0;
  top: 0;
}

.content .content-box .detail-view-area .top-info-group .title-item .search-form select {
  width: 250px;
  height: 30px;
  border-bottom: 2px solid #858585;
  background: url(/images/icon_search_select.png) no-repeat right center;
}

.content .content-box .detail-view-area .top-info-group .title-item .search-form .search-btn {
  width: 65px;
  height: 30px;
  margin: 0 2px;
  border-radius: 5px;
  border: 1px solid #d2d2d2;
  background-color: #fff;
  font-size: 14px;
  color: #666;
}

.content .content-box .detail-view-area .top-info-group .title-item .txt {
  display: inline-block;
  position: relative;
  font-size: 22px;
  font-weight: 400;
  color: #222;
  line-height: 35px;
}

.content .content-box .detail-view-area .top-info-group .title-item .txt.notice {
  padding-left: 55px;
}

.content .content-box .detail-view-area .top-info-group .title-item .txt.notice::before {
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: #c8c8c8 url(/images/icon_notice_bell.png) no-repeat center center;
}

.content .content-box .detail-view-area .top-info-group .title-item .txt.urgency {
  padding-left: 55px;
}

.content .content-box .detail-view-area .top-info-group .title-item .txt.urgency::before {
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: #e0205c url(/images/icon_notice_bell.png) no-repeat center center;
}

.content .content-box .detail-view-area .top-info-group .title-item .txt.confirm {
  padding-left: 55px;
}

.content .content-box .detail-view-area .top-info-group .title-item .txt.confirm::before {
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: #e0205c url(/images/icon_notice_bell.png) no-repeat center center; /*22-06-29 수정*/
}

.content .content-box .detail-view-area .top-info-group .title-item .txt.request {
  padding-left: 55px;
}

.content .content-box .detail-view-area .top-info-group .title-item .txt.request::before {
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: #47acf2 url(/images/icon_notice_bell.png) no-repeat center center;
}

.content .content-box .detail-view-area .top-info-group .info-item {
  margin-top: 15px;
  font-size: 14px;
  line-height: 20px;
}

.content .content-box .detail-view-area .top-info-group .info-item > span {
  display: inline-block;
  margin: 0 10px;
  color: #333;
}

.content .content-box .detail-view-area .top-info-group .info-item > span > span {
  display: inline-block;
  margin-left: 5px;
  color: #666;
}

.content .content-box .detail-view-area .text-group {
  padding: 0 0 100px;
  font-size: 14px;
  line-height: 24px;
  color: #555;
}

.content .content-box .detail-view-area .text-group .over-info-pop {
  position: relative;
}

.content .content-box .detail-view-area .text-group .over-info-pop:hover table {
  display: block;
}

.content .content-box .detail-view-area .text-group .over-info-pop table {
  display: none;
  position: absolute;
  left: 50%;
  top: 14px;
  width: 300px;
  transform: translateX(-50%);
  z-index: 10;
}

.content .content-box .detail-view-area .text-group .over-info-pop table th {
  border: 1px solid #dadfe6;
}

.content .content-box .detail-view-area .text-group .over-info-pop table td {
  background: #fff;
  border: 1px solid #dadfe6;
}

.content .content-box .detail-view-area .text-group a {
  color: #555;
}

.content .content-box .detail-view-area .text-group > strong {
  display: block;
  margin: 40px 0 20px;
  font-size: 18px;
}

.content .content-box .detail-view-area .text-group > p {
  margin-bottom: 25px;
  padding-left: 21px;
}

.content .content-box .detail-view-area .text-group table {
  width: 100%;
  border-top: 1px solid #dadfe6;
  text-align: center;
  font-size: 14px;
}

.content .content-box .detail-view-area .text-group table th {
  height: 45px;
  background: #edf2f7;
  border-bottom: 1px solid #dadfe6;
}

.content .content-box .detail-view-area .text-group table td {
  height: 45px;
  border-bottom: 1px solid #dadfe6;
}

.content .content-box .detail-view-area .text-group > ul {
  margin-bottom: 25px;
}

.content .content-box .detail-view-area .text-group > ul > li {
  padding-left: 30px;
}

.content .content-box .detail-view-area .text-group > ul > li + li {
  margin-top: 10px;
}

.content .content-box .detail-view-area .text-group > ul > li > strong {
  display: block;
}

.content .content-box .detail-view-area .text-group > ul > li table {
  margin-top: 20px;
}

.content .content-box .detail-view-area .text-group > ul > li > p.sub {
  padding-left: 10px;
}

.content .content-box .detail-view-area .text-group > ul > li > p.sub a {
  text-decoration: underline;
}

.content .content-box .detail-view-area .file-group {
  padding: 15px 0;
  border-top: 1px solid #dadfe6;
}

.content .content-box .detail-view-area .file-group .list li + li {
  margin-top: 10px;
}

.content .content-box .detail-view-area .file-group .list li a {
  display: inline-block;
  padding-left: 27px;
  background: url(/images/icon_notice_file.png) no-repeat 0 center;
  font-size: 14px;
  line-height: 26px;
  color: #3d3d3d;
}

.content .content-box .detail-view-area .link-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 25px;
  border-top: 1px solid #ccc;
}

.content .content-box .detail-view-area .link-group .prev-btn {
  position: relative;
  padding-left: 15px;
  font-size: 16px;
  font-weight: 400;
  color: #222;
  line-height: 40px;
}

.content .content-box .detail-view-area .link-group .prev-btn::before {
  content: '';
  position: absolute;
  left: 0;
  top: 15px;
  width: 8px;
  height: 12px;
  background: url(/images/icon_view_list_arrow.png) no-repeat 0 0;
}

.content .content-box .detail-view-area .link-group .next-btn {
  position: relative;
  padding-right: 15px;
  font-size: 16px;
  font-weight: 400;
  color: #222;
  line-height: 40px;
}

.content .content-box .detail-view-area .link-group .next-btn::before {
  content: '';
  position: absolute;
  right: 0;
  top: 14px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  width: 8px;
  height: 12px;
  background: url(/images/icon_view_list_arrow.png) no-repeat 0 0;
}

.content .content-box .detail-view-area .link-group .list-btn {
  display: inline-block;
  height: 40px;
  padding: 0 25px;
  background: #4b4b4b;
  border-radius: 20px;
}

.content .content-box .detail-view-area .link-group .list-btn span {
  display: block;
  padding-left: 28px;
  background: url(/images/icon_view_list.png) no-repeat 0 center;
  font-size: 16px;
  font-weight: 400;
  line-height: 39px;
  color: #fff;
}

.content .content-box .register-area {
  margin-top: 35px;
  border-top: 2px solid #2d313a;
}

.content .content-box .register-area .form-group > .top-guide-txt {
  width: 100%;
  padding: 25px 0;
  text-align: center;
}

.content .content-box .register-area .form-group > .top-guide-txt span {
  color: #f00;
}

.content .content-box .register-area .form-group > .top-guide-txt + .list {
  border-top: 1px solid #dadfe6;
}

.content .content-box .register-area .form-group .check-list {
  background: #f7f7f7;
  width: 100%;
  padding: 15px 0;
  border-bottom: 1px solid #dadfe6;
}

.content .content-box .register-area .form-group .check-list .form-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin: 0 70px;
  padding: 25px 0 25px 130px;
  border-bottom: 1px solid #dadfe6;
}

.content .content-box .register-area .form-group .check-list .form-item.depth-type {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 7px;
  padding-bottom: 0;
  padding-left: 85px;
  margin: 0 20px;
}

.content .content-box .register-area .form-group .check-list .form-item.depth-type .list-box {
  position: relative;
  width: 100%;
  padding: 20px 0 20px 100px;
  border-bottom: 1px solid #dadfe6;
}

.content .content-box .register-area .form-group .check-list .form-item.depth-type .list-box:last-child {
  border-bottom: 0;
}

.content .content-box .register-area .form-group .check-list .form-item.depth-type .list-box > .tit {
  position: absolute;
  left: 0;
  top: 20px;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  max-width: 100px;
}

.content .content-box .register-area .form-group .check-list .form-item.depth-type .list-box > .com-txt {
  font-size: 12px;
  color: #3d3d3d;
  margin-top: 5px;
  width: 100%;
}

.content .content-box .register-area .form-group .check-list .form-item.depth-type .list-box .file-area {
  width: 100%;
  margin-top: 10px;
}

.content .content-box .register-area .form-group .check-list .form-item.depth-type .list-box .file-area input {
  font-size: 12px;
  max-width: 170px;
  margin-right: 5px;
}

.content .content-box .register-area .form-group .check-list .form-item.depth-type .list-box .file-area input.calendar {
  cursor: pointer;
}

.content .content-box .register-area .form-group .check-list .form-item.depth-type .list-box .file-area ul .line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 12px;
  color: #3d3d3d;
  margin-top: 10px;
}

.content .content-box .register-area .form-group .check-list .form-item.depth-type .list-box .file-area ul .line .txt {
  margin-left: 10px;
}

.content .content-box .register-area .form-group .check-list .form-item.depth-type .list-box .file-area ul .tit {
  width: 135px;
  font-weight: 700;
}

.content .content-box .register-area .form-group .check-list .form-item.depth-type .list-box .file-area ul .tit.imp::after {
  display: inline-block;
  content: '';
  width: 10px;
  height: 10px;
  margin-left: 5px;
  background: url(/images/img_essential.png) no-repeat right 0;
}

.content .content-box .register-area .form-group .check-list .form-item.depth-type .list-box .file-area ul .cal-icon {
  background: #fff url(/images/icn-calendar.png) no-repeat center;
  width: 12px;
  height: 12px;
}

.content .content-box .register-area .form-group .check-list .form-item.depth-type .list-box .file-area ul .file-cnt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.content .content-box .register-area .form-group .check-list .form-item.depth-type .list-box .file-area ul .file-cnt input[type="file"] {
  position: absolute;
  left: -9999px;
}

.content .content-box .register-area .form-group .check-list .form-item.depth-type .list-box .file-area ul .file-cnt label {
  display: inline-block;
  height: 28px;
  padding: 0 10px;
  border-radius: 5px;
  background: #fff;
  border: 1px solid #ccc;
  font-size: 12px;
  line-height: 26px;
  color: #333;
  cursor: pointer;
}

.content .content-box .register-area .form-group .check-list .form-item.depth-type .list-box .file-area ul .file-cnt .del-btn {
  position: relative;
  top: 1px;
  width: 20px;
  height: 20px;
  background: url(/images/icon_delete.png) no-repeat center center;
}

.content .content-box .register-area .form-group .check-list .form-item > h4 {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  padding-top: 25px;
  font-size: 14px;
  color: #3d3d3d; /*22-06-24 수정*/
}

.content .content-box .register-area .form-group .check-list .form-item .list-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  min-height: 30px;
}

.content .content-box .register-area .form-group .check-list .form-item .list-box .com-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 25%;
  margin-bottom: 5px;
  padding-right: 10px;
  line-height: 34px;
}

.content .content-box .register-area .form-group .check-list .form-item .list-box .com-check .txt {
  font-size: 13px;
  line-height: 20px;
  color: #3d3d3d;
}

.content .content-box .register-area .form-group .check-list .form-item .list-box .com-check label {
  letter-spacing: -1px;
}

.content .content-box .register-area .form-group .check-list .form-item .list-box .com-check label::before {
  top: 4px;
}

.content .content-box .register-area .form-group .check-list .form-item .list-box .com-check label.pc {
  margin-left: 10px;
  padding-left: 40px;
  background: url(/images/ico_p.png) no-repeat 0 center;
}

.content .content-box .register-area .form-group .check-list .form-item .list-box .com-check label.pc::before {
  left: 22px;
}

.content .content-box .register-area .form-group .check-list .form-item .list-box .com-check label.mo {
  margin-left: 10px;
  padding-left: 40px;
  background: url(/images/ico_m.png) no-repeat 0 center;
}

.content .content-box .register-area .form-group .check-list .form-item .list-box .com-check label.mo::before {
  left: 22px;
}

.content .content-box .register-area .form-group .check-list .form-item .list-box .com-check + .com-check {
  margin-left: 0;
}

.content .content-box .register-area .form-group .check-list .form-item:last-child {
  border: 0;
}

.content .content-box .register-area .form-group .check-list {
  border-top: 2px solid #2d313a;
}

.content .content-box .register-area .form-group .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.content .content-box .register-area .form-group .list.wide-title li .tit {
  width: 200px;
  padding-left: 20px;
}

.content .content-box .register-area .form-group .list.wide-title li .form-item {
  width: calc(100% - 200px);
}

.content .content-box .register-area .form-group .list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50%;
  min-height: 60px;
  padding: 15px 0;
  border-bottom: 1px solid #dadfe6;
}

.content .content-box .register-area .form-group .list li.full {
  width: 100%;
  /*
							&:last-child {
								margin-top: 20px;
								padding-bottom: 0;
								border-bottom: 0;
							}
							*/
}

.content .content-box .register-area .form-group .list li .tit {
  display: inline-block;
  width: 140px;
  padding-left: 8px;
  font-size: 14px;
  font-weight: bold;
  color: #3d3d3d;
  letter-spacing: -1px;
  word-break: break-word;
}

.content .content-box .register-area .form-group .list li .tit.imp::after {
  display: inline-block;
  content: '';
  width: 10px;
  height: 10px;
  margin-left: 5px;
  background: url(/images/img_essential.png) no-repeat right 0;
}

.content .content-box .register-area .form-group .list li .form-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% - 140px);
}

.content .content-box .register-area .form-group .list li .form-item .location-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 60px;
}

.content .content-box .register-area .form-group .list li .form-item .location-input .input-cnt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.content .content-box .register-area .form-group .list li .form-item .location-input .input-cnt + .input-cnt {
  margin-left: 80px;
}

.content .content-box .register-area .form-group .list li .form-item .location-input .input-cnt .txt {
  display: inline-block;
  margin-right: 8px;
  font-size: 14px;
  color: #3d3d3d;
}

.content .content-box .register-area .form-group .list li .form-item .location-input .input-cnt input {
  width: 200px;
}

.content .content-box .register-area .form-group .list li .form-item .location-input .input-cnt button {
  height: 28px;
  margin-left: 5px;
  padding: 0 10px;
  border-radius: 5px;
  border: 1px solid #d2d2d2;
  font-size: 12px;
  color: #666;
}

.content .content-box .register-area .form-group .list li .form-item .location-input .input-cnt button span {
  display: block;
  padding-left: 15px;
  background: url(/images/icon_login_txt_search.png) no-repeat 0 center;
  background-size: auto 12px;
  line-height: 26px;
}

.content .content-box .register-area .form-group .list li .form-item .company-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.content .content-box .register-area .form-group .list li .form-item .company-input input {
  width: 140px;
  border: 1px solid #e8edee;
  border-radius: 3px;
  font-size: 14px;
  color: #222;
}

.content .content-box .register-area .form-group .list li .form-item .company-input input:first-child {
  width: 100px;
  margin-right: 10px;
}

.content .content-box .register-area .form-group .list li .form-item .short-input {
  width: 250px;
  border: 1px solid #e8edee;
  border-radius: 3px;
  font-size: 14px;
  color: #222;
}

.content .content-box .register-area .form-group .list li .form-item .short-input + button {
  min-width: 65px;
  height: 28px;
  margin-left: 5px;
  padding: 0 10px;
  border-radius: 5px;
  border: 1px solid #ccc;
  font-size: 12px;
  color: #333;
}

.content .content-box .register-area .form-group .list li .form-item .short-input + button:hover {
  border-color: #e0205c;
  background: #e0205c;
  color: #fff;
}

.content .content-box .register-area .form-group .list li .form-item .txt-input {
  width: 150px;
  font-size: 14px; 
}

.content .content-box .register-area .form-group .list li .form-item .tel-input {
  width: 300px;
}

.content .content-box .register-area .form-group .list li .form-item > textarea {
  width: 100%;
  height: 300px;
  padding: 10px;
  border-radius: 3px;
  border: 1px solid #ccc;
  font-size: 12px;
  line-height: 18px;
}

.content .content-box .register-area .form-group .list li .form-item .file-cnt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  width: calc(100% - 200px);
}

.content .content-box .register-area .form-group .list li .form-item .file-cnt .preview-btn {
  display: inline-block;
  width: 85px;
  height: 38px;
  border: 1px solid #d2d2d2;
  border-radius: 5px;
  background: #fff;
  font-size: 12px;
}

.content .content-box .register-area .form-group .list li .form-item .file-cnt input[type="text"] {
  width: calc(100% - 180px);
  height: 38px;
  font-size: 12px;
  color: #333;
}

.content .content-box .register-area .form-group .list li .form-item .file-cnt input[type="file"] {
  position: absolute;
  left: -9999px;
}

.content .content-box .register-area .form-group .list li .form-item .file-cnt label {
  display: block;
  width: 85px;
  height: 38px;
  border: 1px solid #d2d2d2;
  border-radius: 5px;
  background: #fff;
  text-align: center;
  cursor: pointer;
}

.content .content-box .register-area .form-group .list li .form-item .file-cnt label span {
  display: inline-block;
  padding-left: 15px;
  background: url(/images/icon_file_search.png) no-repeat 0 center;
  font-size: 12px;
  line-height: 38px;
  color: #666;
}

.content .content-box .register-area .form-group .list li .form-item .file-data-cnt {
  width: 100%;
  margin-top: 10px;
}

.content .content-box .register-area .form-group .list li .form-item .file-data-cnt .txt {
  display: block;
  font-size: 12px;
  line-height: 24px;
  color: #e0205c; /*22-06-24 수정*/
}

.content .content-box .register-area .form-group .list li .form-item .select-cnt {
  width: 150px;
  height: 28px;
  border: 1px solid #e8edee;
  border-radius: 3px;
  background: url(/images/icon_search_select.png) no-repeat right 7px center;
}

.content .content-box .register-area .form-group .list li .form-item .select-cnt select {
  width: 100%;
  height: 100%;
  padding: 0 10px;
  background: transparent;
}

.content .content-box .register-area .form-group .list li .form-item .email-input {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 400px;
}

.content .content-box .register-area .form-group .list li .form-item .email-input input {
  width: calc(50% - 20px);
}

.content .content-box .register-area .form-group .list li .form-item .email-input .ic {
  width: 40px;
  text-align: center;
}

.content .content-box .register-area .form-group .list li .form-item .number-input {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 200px;
}

.content .content-box .register-area .form-group .list li .form-item .number-input.short {
  width: 100px;
}

.content .content-box .register-area .form-group .list li .form-item .number-input.short input {
  width: calc(100% - 20px);
}

.content .content-box .register-area .form-group .list li .form-item .number-input input {
  width: calc(50% - 10px);
}

.content .content-box .register-area .form-group .list li .form-item .number-input .ic {
  width: 20px;
  text-align: center;
  line-height: 28px;
}

.content .content-box .register-area .form-group .list li .form-item > .txt {
  display: inline-block;
  margin-left: 10px;
  font-size: 14px;
  line-height: 28px;
}

.content .content-box .register-area .form-group .list li .form-item > .txt:first-child {
  margin-left: 0;
}

.content .content-box .register-area .form-group .list li .form-item > .txt + * {
  margin-left: 10px;
}

.content .content-box .register-area .form-group .list li .form-item input[type="text"]:-moz-read-only {
  /* background-color: #f4f8fb; */
  background: #fff; /*22-07-25 수정*/
}

.content .content-box .register-area .form-group .list li .form-item input[type="text"]:read-only {
  /* background-color: #f4f8fb; */
  background: #fff; /*22-07-25 수정*/
}

.content .content-box .register-area .form-group .list li .form-item input[type="text"].popup {
  width: 200px;
  background: url(/images/icn-books.png) no-repeat right 7px center;
  background-size: auto;
  font-size: 14px;
  cursor: pointer;
}

.content .content-box .register-area .form-group .list li .form-item .full-input {
  width: 100%;
  height: 38px;
  border: 1px solid #e8edee;
  border-radius: 3px;
  font-size: 14px;
  color: #222;
}

.content .content-box .register-area .form-group .list li .form-item .full-input::-webkit-input-placeholder {
  font-size: 14px;
  color: #888;
}

.content .content-box .register-area .form-group .list li .form-item .full-input:-ms-input-placeholder {
  font-size: 14px;
  color: #888;
}

.content .content-box .register-area .form-group .list li .form-item .full-input::-ms-input-placeholder {
  font-size: 14px;
  color: #888;
}

.content .content-box .register-area .form-group .list li .form-item .full-input::placeholder {
  font-size: 14px;
  color: #888;
}

.content .content-box .register-area .form-group .list li .form-item .full-input.popup {
  background: url(/images/icn-books.png) no-repeat right 7px center;
  background-size: auto;
  cursor: pointer;
  font-size: 13px;
}

.content .content-box .register-area .file-group .top-info-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 50px;
  border-top: 1px solid #dadfe6;
}

.content .content-box .register-area .file-group .top-info-item .tit {
  font-size: 16px;
  font-weight: bold;
  color: #3d3d3d;
}

.content .content-box .register-area .file-group .top-info-item .tit.imp::after {
  display: inline-block;
  content: '';
  width: 10px;
  height: 10px;
  margin-left: 5px;
  background: url(/images/img_essential.png) no-repeat right 0;
}

.content .content-box .register-area .file-group .top-info-item .info {
  font-size: 12px;
  line-height: 20px;
  color: #888;
}

.content .content-box .register-area .file-group .top-info-item .info .txt {
  position: relative;
  padding: 0 10px;
}

.content .content-box .register-area .file-group .top-info-item .info .txt .size {
  margin-left: 5px;
  color: #222;
}

.content .content-box .register-area .file-group .top-info-item .info .txt + .txt::before {
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
  width: 1px;
  height: 14px;
  background: #adadad;
}

.content .content-box .register-area .file-group .file-info-item {
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

.content .content-box .register-area .file-group .file-info-item .list {
  padding: 8px;
}

.content .content-box .register-area .file-group .file-info-item .list li + li {
  margin-top: 10px;
}

.content .content-box .register-area .file-group .file-info-item .list li a {
  display: inline-block;
  padding-left: 27px;
  background: url(/images/icon_notice_file.png) no-repeat 0 center;
  font-size: 12px;
  line-height: 26px;
  color: #3d3d3d;
}

.content .content-box .register-area .file-group .file-info-item .list li .del-btn {
  width: 10px;
  height: 10px;
  margin: 8px 0 0 10px;
  background: url(/images/icon_item_del.png) no-repeat 0 center;
}

.content .content-box .register-area .file-group .file-item {
  padding: 8px;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  background: #f3f3f3;
}

.content .content-box .register-area .file-group .file-item + .file-info-item {
  border-top: 0;
}

.content .content-box .register-area .file-group .file-item li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.content .content-box .register-area .file-group .file-item li + li {
  margin-top: 5px;
}

.content .content-box .register-area .file-group .file-item li .file-cnt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  width: calc(100% - 85px);
}

.content .content-box .register-area .file-group .file-item li .file-cnt input[type="text"] {
  width: calc(100% - 90px);
  height: 38px;
  font-size: 12px;
  color: #333;
}

.content .content-box .register-area .file-group .file-item li .file-cnt input[type="file"] {
  position: absolute;
  left: -9999px;
}

.content .content-box .register-area .file-group .file-item li .file-cnt label {
  display: block;
  width: 85px;
  height: 38px;
  border: 1px solid #d2d2d2;
  border-radius: 5px;
  background: #fff;
  text-align: center;
  cursor: pointer;
}

.content .content-box .register-area .file-group .file-item li .file-cnt label span {
  display: inline-block;
  padding-left: 15px;
  background: url(/images/icon_file_search.png) no-repeat 0 center;
  font-size: 12px;
  line-height: 38px;
  color: #666;
}

.content .content-box .register-area .file-group .file-item li .btn-cnt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 80px;
}

.content .content-box .register-area .file-group .file-item li .btn-cnt button {
  width: 38px;
  height: 38px;
  border: 1px solid #d2d2d2;
  border-radius: 5px;
}

.content .content-box .register-area .file-group .file-item li .btn-cnt button.plus-btn {
  background: #fff url(/images/icon_file_plus.png) no-repeat center center;
}

.content .content-box .register-area .file-group .file-item li .btn-cnt button.minus-btn {
  background: #fff url(/images/icon_file_minus.png) no-repeat center center;
}

.content .content-box .register-area .bottom-btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  margin-top: 25px;
}

.content .content-box .register-area .bottom-btn-group button {
  min-width: 110px;
  height: 40px;
  margin: 0 4px;
  padding: 0 20px;
  background: #4b4b4b;
  border-radius: 20px;
}

.content .content-box .register-area .bottom-btn-group button.confirm-btn:hover {
  background-color: #e0205c;
}

.content .content-box .register-area .bottom-btn-group button.confirm-btn:hover span {
  background: url(/images/icon_register_confirm_on.png) no-repeat 0 center;
}

.content .content-box .register-area .bottom-btn-group button.confirm-btn span {
  background: url(/images/icon_register_confirm.png) no-repeat 0 center;
}

.content .content-box .register-area .bottom-btn-group button.approval-btn {
  position: absolute;
  right: 0;
  top: 0;
}

.content .content-box .register-area .bottom-btn-group button.approval-btn:hover {
  background-color: #e0205c;
}

.content .content-box .register-area .bottom-btn-group button.approval-btn:hover span {
  background: url(/images/icon_register_confirm_on.png) no-repeat 0 center;
}

.content .content-box .register-area .bottom-btn-group button.approval-btn span {
  background: url(/images/icon_register_confirm.png) no-repeat 0 center;
}

.content .content-box .register-area .bottom-btn-group button.cancle-btn:hover {
  background-color: #e0205c;
}

.content .content-box .register-area .bottom-btn-group button.cancle-btn:hover span {
  background: url(/images/icon_register_cancle_on.png) no-repeat 0 center;
}

.content .content-box .register-area .bottom-btn-group button.cancle-btn span {
  background: url(/images/icon_register_cancle.png) no-repeat 0 center;
}

.content .content-box .register-area .bottom-btn-group button.list-btn:hover {
  background-color: #e0205c;
}

.content .content-box .register-area .bottom-btn-group button.list-btn:hover span {
  background: url(/images/icon_view_list.png) no-repeat 0 center;
}

.content .content-box .register-area .bottom-btn-group button.list-btn span {
  background: url(/images/icon_view_list.png) no-repeat 0 center;
}

.content .content-box .register-area .bottom-btn-group button span {
  display: inline-block;
  padding-left: 30px;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  line-height: 40px;
}

@media all and (max-width: 1024px) {
  .content .content-box .register-area .bottom-btn-group button {
    min-width: auto;
    height: 30px;
    padding: 0 10px;
  }
  .content .content-box .register-area .bottom-btn-group button.approval-btn {
    position: relative;
    right: auto;
    top: auto;
  }
  .content .content-box .register-area .bottom-btn-group button span {
    padding-left: 18px;
    font-size: 12px;
    line-height: 30px;
    background-size: auto 12px !important;
  }
}

/*22-06-23 수정*/
.content > h2 {
  display: flex;
  align-items: center;
  font-size: 17px;
  line-height: 28px;
  font-weight: 700;
  letter-spacing: -0.5px;
  color: #000;
  width: 100%;
  height: 46px;
  background: #fff;
  border-bottom: 1px solid #eee;
  padding: 0 30px;
}

.content > h2 .star-btn::before {
  display: inline-block;
  position: relative;
  top: 1px;
  content: '\e065';
  width: 20px;
  height: 28px;
  font-size: 17px;
  font-family: SAP-icons;
  line-height: 25px;
  color: #BEC9D4;
  vertical-align: top;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-right: 4px; /*22-06-27 추가*/
}

.content > h2 .star-btn.on::before {
  color: #e0205c;
}
/*//22-06-23 수정*/

/*22-09-23 추가*/
.content > h2 .manual-btn::before {
  display: inline-block;
  position: relative;
  top: 1px;
  content: '\e0dc';
  font-size: 19px;
  font-family: SAP-icons;
  line-height: 25px;
  color: #56606B;
  vertical-align: top;
  margin: 0 8px;
}
/*//22-09-23 추가*/

/*22-07-25 settingBox 추가*/
.content > h2 .setting-box {
  display:flex;
  justify-content: flex-end;
  margin-left:auto;
  align-items: center;
}
.content > h2 .setting-box .tit {
  font-size:14px;
  margin-right:8px;
}
.content > h2 .setting-box .SumoSelect {
  width:90px;
}
.content > h2 .setting-box .toggle-switch {
  margin-left: 10px;
  display: flex;
  align-items: center;
}
.content > h2 .setting-box .toggle-switch input {
  position: absolute;
  left: -99999px;
}
.content > h2 .setting-box .toggle-switch input:checked + label {
  padding-left: 10px;
  background: #E0205C;
}
.content > h2 .setting-box .toggle-switch input:checked + label::before {
  content: 'ON';
}
.content > h2 .setting-box .toggle-switch input:checked + label::after {
  left: auto;
  right: 2px;
}
.content > h2 .setting-box .toggle-switch label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 56px;
  height: 22px;
  padding-left: 23px;
  background: #A5B3C2;
  border-radius: 11px;
  cursor: pointer;
}
.content > h2 .setting-box .toggle-switch label::before {
  content: 'OFF';
  display: inline-block;
  color: #fff;
  font-size: 13px;
  line-height: 22px;
}
.content > h2 .setting-box .toggle-switch label::after {
  content: '';
  position: absolute;
  left: 2px;
  top: 2px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
}
/*//22-07-25 settingBox 추가*/

.content .tab-main-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
}

.content .tab-main-btn button {
  min-height: 34px;
  height: auto;
  margin: 0;
  padding: 5px 10px;
  border-radius: 10px 10px 0 0;
  background: #828386;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
}

.content .tab-main-btn button + button {
  margin-left: 5px;
}

.content .tab-main-btn button.on {
  background: #27b9d2;
}

.content .tab-main-view {
  display: none;
}

.content .tab-main-view.on {
  display: block;
}

.content .tab-main-view .search-box {
  margin-top: 0;
}

/*22-06-23 수정*/
.content .search-box {
  /* padding: 20px 28px;
  margin-top: 10px;
  -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);
  padding: 20px 30px; */
  padding: 12px 30px; /*22-06-24 수정*/
  margin-top: 0px;
  background: #fff;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  padding-bottom: 0;
  position: relative;
  border-bottom: 1px solid #DAE3ED;
}
/*//22-06-23 수정*/

.content .search-box.half-row {
  /* padding: 22px 28px; */
  padding: 20px 30px;
  /*22-06-23 수정*/
}

.content .search-box.half-row > .top-title {
  display: block;
  font-size: 14px;
}

.content .search-box.half-row .form-list {
  margin: 20px 0 0;
}

.content .search-box.half-row .form-list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50%;
  min-height: 30px;
  margin: 0 0 15px 0;
}

.content .search-box.half-row .form-list > li::after {
  display: none;
}

.content .search-box.half-row .form-list > li.full {
  width: 100%;
}

.content .search-box.half-row .form-list > li .tit {
  width: 200px;
  margin: 0;
  padding-right: 30px;
  text-align: right;
}

.content .search-box.half-row .form-list > li .form-row {
  width: calc(100% - 230px);
}

.content .search-box.half-row .form-list > li .form-row > .txt {
  display: block;
  font-size: 14px;
}

.content .search-box.half-row .form-list > li .form-row input[type="text"] + input[type="text"] {
  margin-top: 10px;
}

.content .search-box.half-row .form-list > li .form-row textarea {
  width: 100%;
  height: 80px;
  /* border: 1px solid #dddfe1;
  background: #f4f8fb; */
  background: #fff; /*22-07-05 수정*/
  border: 1px solid #BEC9D4; /*22-07-05 수정*/
  padding: 10px;
  font-size: 14px;
  border-radius: 2px;
}

.content .search-box .sample-btn-group {
  padding: 20px 0 42px;
}

.content .search-box .sample-btn-group button {
  height: 25px;
  padding: 0 10px;
  margin: 0 10px;
  border: 1px solid #d1d8de;
  border-radius: 5px;
  font-size: 12px;
  font-weight: bold;
}

.content .search-box .top-search-area {
  position: relative;
  padding: 0 120px 10px 0;
}

.content .search-box .top-search-area .search-btn {
  position: absolute;
  right: 0;
  bottom: 20px;
  height: 27px;
  padding: 0 10px;
  border-radius: 5px;
  background: #575757;
}

.content .search-box .top-search-area .search-btn span {
  display: block;
  padding-left: 18px;
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
  color: #fff;
  background: url(/images/icon_search_2.png) no-repeat 0 center;
  cursor: pointer;
}

.content .search-box .line-btn-area {
  position: relative;
  height: 1px;
  background: #fff;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.content .search-box .line-btn-area.on {
  background: #e2e7e8;
}

.content .search-box .line-btn-area.on .open-btn {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.content .search-box .line-btn-area .open-btn {
  position: absolute;
  /*
  left: 50%;
  bottom: -21px;
  width: 45px;
  height: 45px;
  -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);
  background: #fff url(/images/arrow_open.png) no-repeat 13px 18px;
  */

  /*22-09-02 수정*/
  left: calc(50% - 17px); 
  bottom: -15px;
  width: 34px;
  height: 34px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
  background: #fff url(/images/arrow_open.png) no-repeat 8px 14px;
  /*//22-09-02 수정*/
  z-index: 10; /*22-09-02 추가*/
  margin: 0 0 0 -22px;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
}

.content .search-box .bottom-search-area {
  display: none;
}

.content .search-box .bottom-search-area .form-list {
  padding: 15px 0;
}

.content .search-box .form-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1700px;
  margin: 0 -15px;
}

.content .search-box .form-list > li {
  position: relative;
  width: 210px;
  margin: 0 15px 10px;
}

.content .search-box .form-list > li.full {
  width: 100%;
}

.content .search-box .form-list > li.full::after {
  display: none;
}

.content .search-box .form-list > li::after {
  content: '';
  position: absolute;
  right: -32px;
  top: 0;
  bottom: -20px;
  width: 1px;
  background: #fff;
}

.content .search-box .form-list > li > .txt {
  display: block;
  font-size: 12px;
  line-height: 25px;
  font-weight: bold;
  color: #333;
}

.content .search-box .form-list > li .file-input {
  position: relative;
}

.content .search-box .form-list > li .file-input input {
  position: absolute;
  left: -9999px;
}

.content .search-box .form-list > li .file-input label {
  display: block;
  position: relative;
  width: 100%;
  height: 25px;
  border: 1px solid #dddfe1;
  background: #f4f8fb;
  padding: 0 30px 0 10px;
  font-size: 11px;
  border-radius: 2px;
  cursor: pointer;
}

.content .search-box .form-list > li .file-input label::after {
  content: '\e09a';
  position: absolute;
  right: 7px;
  top: 0;
  font-family: SAP-icons;
  font-size: 14px;
  line-height: 24px;
  color: #9e9fa1;
}

.content .search-box .form-list > li .file-input label > .txt {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  line-height: 23px;
}

.content .search-box .multi-group {
  position: relative;
  width: 100%;
  height: 27px;
  /* border: 1px solid #dddfe1; */
  border: 1px solid #BEC9D4; /*22-07-05 수정*/
  background: #f4f8fb;
  padding: 0 20px 0 10px;
  font-size: 13px;
  border-radius: 2px;
  /* background: #f4f8fb url(/images/icn-books.png) no-repeat right 7px center; */
  background: #fff url(/images/icn-books.png) no-repeat right 7px center; /*22-07-05 수정*/
  background-size: auto;
  cursor: pointer;
}

/*22-08-22 disabled 추가*/
.content .search-box .multi-group.disabled {
  background-color: #e6e6e6;
  cursor: default;
}
/*//22-08-22 disabled 추가*/

.content .search-box .multi-group .pop-btn {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.content .search-box .multi-group .txt-cnt {
  overflow: hidden;
  display: block;
  position: relative;
  height: 23px;
}

.content .search-box .multi-group .txt-cnt .crop {
  width: 3000px;
}

/*.content .search-box .multi-group .txt-cnt .txt-btn {
  display: inline-block;
  height: 25px;
  font-size: 13px;
  line-height: 23px;
  vertical-align: top;
}
.content .search-box .multi-group .txt-cnt .txt-btn .txt {
  display: inline-block;
  max-width: 100px;
  line-height: 25px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.content .search-box .multi-group .txt-cnt button {
  width: 20px;
  height: 23px;
  background: url(/images/icon_login_close.png) no-repeat center center;
  background-size: 8px auto;
}
.content .search-box .multi-group .txt-cnt .txt-btn + .txt-btn {
  margin-left: 5px;
} */

/*22-07-28 수정*/
.content .search-box .multi-group .txt-cnt .txt-btn {
  position: relative;
  display: inline-block;
  height: 25px;
  font-size: 13px;
  line-height: 25px;
  vertical-align: top;
  padding-right: 20px;
  width: 175px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.content .search-box .multi-group .txt-cnt .txt-btn .txt-btn-list { 
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*22-07-28 수정*/
.content .search-box .multi-group .txt-cnt .txt-btnEx {
  position: relative;
  display: inline-block;
  height: 25px;
  font-size: 13px;
  line-height: 25px;
  vertical-align: top;
  padding-right: 20px;
  
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.content .search-box .multi-group .txt-cnt .txt-btn .txt + .txt {
  margin-left:5px;
}
.content .search-box .multi-group .txt-cnt .txt-btn > button {
  position: absolute;
  top: 1px;
  right: 0;
  width: 20px;
  height: 23px;
  /* background: url(/images/icon_login_close.png) no-repeat center center;
  background-size: 8px auto; */
}
.content .search-box .multi-group .txt-cnt .txt-btn > button::before {
  content: '\e03e';
  display: block;
  font-size: 15px;
  font-family: SAP-icons;
  color: #aaa;
}
/*//22-07-28 수정*/

.content .search-box .tit {
  display: block;
  min-height: 25px;
  padding-top: 2px;
  margin-bottom: 4px;
  font-size: 14px;
  color: #666;
  letter-spacing: -0.5px;
}

.content .search-box .tit.imp::after {
  display: inline-block;
  content: '';
  width: 10px;
  height: 10px;
  margin-left: 5px;
  background: url(/images/img_essential.png) no-repeat right 0;
}

.content .search-box input[type="text"],
.content .search-box input[type="number"] {
  height: 27px;
  /* width: 100%;
  border: 1px solid #dddfe1;
  background: #f4f8fb;
  padding: 0 10px;
  font-size: 13px;
  border-radius: 2px; */
}

.content .search-box input[type="text"].calendar,
.content .search-box input[type="number"].calendar {
  /* background: #f4f8fb url(/images/icn-calendar.png) no-repeat right 7px center; */
  background: #fff url(/images/icn-calendar.png) no-repeat right 7px center; /*22-07-05 수정*/
  border: 1px solid #BEC9D4; /*220705 추가*/
  cursor: pointer;
}

.content .search-box input[type="text"].popup,
.content .search-box input[type="number"].popup {
  padding-right: 40px;
  /* background: #f4f8fb url(/images/icn-books.png) no-repeat right 7px center; */
  background: #fff url(/images/icn-books.png) no-repeat right 7px center; /*22-07-05 수정*/
  border: 1px solid #BEC9D4; /*220705 추가*/
  background-size: auto;
  cursor: pointer;
  font-size: 13px;
}

.content .search-box input[type="text"].popup + .del-btn,
.content .search-box input[type="number"].popup + .del-btn {
  display: none;
  position: absolute;
  right: 21px;
  top: 25px;
  width: 20px;
  height: 20px;
  background: url(/images/icon_confirmpop_close.png) no-repeat center center;
  background-size: 10px auto;
}

.content .search-box select {
  width: 100%;
  height: 25px;
  /* background: #f4f8fb; */
  padding: 0 10px;
  font-size: 13px;
  border: 1px solid #dddfe1;
  border-radius: 2px;
  /* background: #f4f8fb url(/images/icon_select.png) no-repeat right 7px center; */
  background: #fff url(/images/icon_select.png) no-repeat right 7px center; /*22-07-05 수정*/
}

.content .search-box select:disabled {
  background: #e6e6e6;
}


/* 20221216 ADD */
.content .search-box .jqx-input {
	width: 100% !important;
	height: 27px !important;
	border: 1px solid #BEC9D4;
}

.content .search-box .jqx-input input {
	font-size: 13px !important;
}

.content .search-box .jqx-input.jqx-fill-state-disabled {
	opacity: 1;
	background-color: #e6e6e6;
}

.content .search-box .jqx-numberinput > input.jqx-input-content + .jqx-input {
	width: 19px !important;
	border: 0 !important;
}

.content .search-box .jqx-numberinput.jqx-fill-state-disabled > input.jqx-input-content + .jqx-input .jqx-action-button {
	background-color: #e6e6e6;
}

.content .search-box .jqx-datetimeinput .jqx-action-button {
	margin-left: 0 !important;
}
/* //20221216 ADD */


@media all and (max-width: 1024px) {
  .content .search-box.half-row {
    padding: 20px 20px 15px;
  }
  .content .search-box.half-row .form-list > li {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
  }
  .content .search-box.half-row .form-list > li .tit {
    width: 100%;
    text-align: left;
    margin-bottom: 5px;
  }
  .content .search-box.half-row .form-list > li .form-row {
    width: 100%;
  }
}

@media all and (max-width: 685px) {
  .content .search-box {
    padding: 16px 16px 35px;
  }
  .content .search-box .form-list {
    margin: 0;
  }
  .content .search-box .form-list > li {
    width: 100%;
    margin: 0 0 20px 0;
  }
  .content .search-box .top-search-area {
    padding-right: 0;
  }
  .content .search-box .top-search-area .search-btn {
    position: relative;
    right: auto;
    bottom: auto;
    display: block;
    width: 100%;
    height: 30px;
  }
  .content .search-box .line-btn-area {
    margin-top: 35px;
  }
}

.content .view-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 15px;
  min-height: 100px;
  padding: 0 30px; /*22-06-23 추가*/
}

.content .view-box.file-type {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.content .view-box.file-type .grid-list-table {
  width: calc(100% - 320px);
}

.content .view-box.file-type .file-add-group {
  width: 300px;
  background: #ddd;
}

.content .view-box > h3 {
  display: block;
  width: 100%;
  font-size: 16px;
  line-height: 28px;
}

.content .view-box * + .grid-list-table {
  margin-top: 10px;
}

.content .view-box > .bottom-btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  margin-top: 25px;
}

.content .view-box > .bottom-btn-group button {
  min-width: 110px;
  height: 40px;
  margin: 0 4px;
  padding: 0 20px;
  background: #4b4b4b;
  border-radius: 20px;
}

.content .view-box > .bottom-btn-group button.confirm-btn:hover {
  background-color: #e0205c;
}

.content .view-box > .bottom-btn-group button.confirm-btn:hover span {
  background: url(/images/icon_register_confirm_on.png) no-repeat 0 center;
}

.content .view-box > .bottom-btn-group button.confirm-btn span {
  background: url(/images/icon_register_confirm.png) no-repeat 0 center;
}

.content .view-box > .bottom-btn-group button.approval-btn {
  position: absolute;
  right: 0;
  top: 0;
}

.content .view-box > .bottom-btn-group button.approval-btn:hover {
  background-color: #e0205c;
}

.content .view-box > .bottom-btn-group button.approval-btn:hover span {
  background: url(/images/icon_register_confirm_on.png) no-repeat 0 center;
}

.content .view-box > .bottom-btn-group button.approval-btn span {
  background: url(/images/icon_register_confirm.png) no-repeat 0 center;
}

.content .view-box > .bottom-btn-group button.cancle-btn:hover {
  background-color: #e0205c;
}

.content .view-box > .bottom-btn-group button.cancle-btn:hover span {
  background: url(/images/icon_register_cancle_on.png) no-repeat 0 center;
}

.content .view-box > .bottom-btn-group button.cancle-btn span {
  background: url(/images/icon_register_cancle.png) no-repeat 0 center;
}

.content .view-box > .bottom-btn-group button.list-btn:hover {
  background-color: #e0205c;
}

.content .view-box > .bottom-btn-group button.list-btn:hover span {
  background: url(/images/icon_view_list.png) no-repeat 0 center;
}

.content .view-box > .bottom-btn-group button.list-btn span {
  background: url(/images/icon_view_list.png) no-repeat 0 center;
}

.content .view-box > .bottom-btn-group button span {
  display: inline-block;
  padding-left: 30px;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  line-height: 40px;
}

@media all and (max-width: 1024px) {
  .content .view-box > .bottom-btn-group button {
    min-width: auto;
    height: 30px;
    padding: 0 10px;
  }
  .content .view-box > .bottom-btn-group button.approval-btn {
    position: relative;
    right: auto;
    top: auto;
  }
  .content .view-box > .bottom-btn-group button span {
    padding-left: 18px;
    font-size: 12px;
    line-height: 30px;
    background-size: auto 12px !important;
  }
}

.content .view-box > .bottom-btn-group {
  width: 100%;
}

.content .view-box .grid-list-table {
  width: 100%;
  margin-top: 20px;
}

.content .view-box .grid-list-table:first-child {
  margin-top: 0;
}

.content .view-box .grid-list-table .search-box .top-search-area {
  padding-right: 0;
}

.content .view-box .grid-list-table > .title-group {
  padding-bottom: 10px;
}

.content .view-box .grid-list-table > .title-group .tit {
  font-size: 14px;
  font-weight: bold;
  color: #333;
}

.content .view-box .grid-list-table .file-info-box {
  width: 100%;
  border: 1px solid #dddfe1;
  background: #fff;
  padding: 10px;
  font-size: 14px;
  border-radius: 2px;
}

.content .view-box .grid-list-table .file-info-box .no-msg {
  display: block;
  padding: 20px;
  font-size: 14px;
  text-align: center;
}

.content .view-box .grid-list-table .file-info-box .file-list {
  padding: 8px;
}

.content .view-box .grid-list-table .file-info-box .file-list li + li {
  margin-top: 10px;
}

.content .view-box .grid-list-table .file-info-box .file-list li a {
  display: inline-block;
  padding-left: 27px;
  background: url(/images/icon_notice_file.png) no-repeat 0 center;
  font-size: 12px;
  line-height: 26px;
  color: #3d3d3d;
}

.content .view-box .grid-list-table .file-info-box .file-list li .del-btn {
  width: 10px;
  height: 10px;
  margin: 8px 0 0 10px;
  background: url(/images/icon_item_del.png) no-repeat 0 center;
}

.content .view-box .grid-list-table .top-tab-box,
.content .view-box .data-table-area .top-tab-box { /*22-09-21 .data-table-area .top-tab-box 추가*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-height: 34px;
}

.content .view-box .grid-list-table .top-tab-box .title-group,
.content .view-box .data-table-area .top-tab-box .title-group { /*22-09-21 .data-table-area .title-group 추가*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.content .view-box .grid-list-table .top-tab-box .title-group .tit,
.content .view-box .data-table-area .top-tab-box .title-group .tit { /*22-09-21 .data-table-area .tit 추가*/
  font-size: 14px;
  font-weight: bold;
  line-height: 27px;
  color: #333;
}

.content .view-box .grid-list-table .top-tab-box .title-group .tit + .input-item,
.content .view-box .data-table-area .top-tab-box .title-group .tit + .input-item { /*22-09-21 .data-table-area .input-item 추가*/
  margin-left: 30px;
}

.content .view-box .grid-list-table .top-tab-box .title-group .tit + input,
.content .view-box .data-table-area .top-tab-box .title-group .tit + input { /*22-09-21 .data-table-area input 추가*/
  margin-left: 10px;
}

.content .view-box .grid-list-table .top-tab-box .title-group .input-item,
.content .view-box .data-table-area .top-tab-box .title-group .input-item { /*22-09-21 .data-table-area .input-item 추가*/
  margin-left: 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 180px;
  margin-left: 20px;
}

.content .view-box .grid-list-table .top-tab-box .title-group .input-item span,
.content .view-box .data-table-area .top-tab-box .title-group .input-item span { /*22-09-21 .data-table-area .input-item span 추가*/
  padding-right: 10px;
  font-size: 13px;
  font-weight: normal;
  white-space: nowrap;
}

.content .view-box .grid-list-table .top-tab-box .title-group .input-item span.tit,
.content .view-box .data-table-area .top-tab-box .title-group .input-item span.tit { /*22-09-21 .data-table-area .input-item span.tit 추가*/
  width: auto;
  padding: 1px 8px;
  border-radius: 10px;
  background: #e0205c;
  line-height: 16px;
  font-size: 12px;
  color: #fff;
}

.content .view-box .grid-list-table .top-tab-box .title-group .input-item span.txt,
.content .view-box .data-table-area .top-tab-box .title-group .input-item span.txt { /*22-09-21 .data-table-area .input-item span.txt 추가*/
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0;
  margin-left: 5px;
  font-weight: bold;
  color: #333;
}

.content .view-box .grid-list-table .top-tab-box .title-group .input-item span.txt span,
.content .view-box .data-table-area .top-tab-box .title-group .input-item span.txt span { /*22-09-21 .data-table-area .input-item span.txt span 추가*/
  padding: 0;
  margin: 0 2px;
  font-weight: bold;
}

.content .view-box .grid-list-table .top-tab-box .title-group .input-item span.txt span.num,
.content .view-box .data-table-area .top-tab-box .title-group .input-item span.txt span.num { /*22-09-21 .data-table-area .input-item span.txt span.num 추가*/
  color: #e0205c;
}

.content .view-box .grid-list-table .top-tab-box .title-group .input-item span.txt span.total,
.content .view-box .data-table-area .top-tab-box .title-group .input-item span.txt span.total { /*22-09-21 .data-table-area .input-item span.txt span.total 추가*/
  color: #777;
}

.content .view-box .grid-list-table .top-tab-box .title-group .input-item input,
.content .view-box .data-table-area .top-tab-box .title-group .input-item input { /*22-09-21 .data-table-area .input-item input 추가*/
  width: calc(100% - 80px);
  height: 23px;
}

/*23-01-16 add*/
.content .view-box .data-table-area .tit-btn-box,
.content .view-box .grid-list-table .top-tab-box .title-group .tit-btn-box,
.content .view-box .data-table-area .top-tab-box .title-group .tit-btn-box {
	display: flex; height: 25px; padding-top: 2px;
}
.content .view-box .data-table-area .tit-btn-box .tit .title,
.content .view-box .grid-list-table .top-tab-box .title-group .tit-btn-box .tit .title,
.content .view-box .data-table-area .top-tab-box .title-group .tit-btn-box .tit .title {
	margin-bottom: 0;
}
.content .view-box .data-table-area .tit-btn-box .subtit .title,
.content .view-box .grid-list-table .top-tab-box .title-group .tit-btn-box .subtit .title,
.content .view-box .data-table-area .top-tab-box .title-group .tit-btn-box .subtit .title {
	font-size: 12px; color: #e0205c; line-height: 26px; margin-left: 5px;
}
.content .view-box .data-table-area .tit-btn-box .setting,
.content .view-box .grid-list-table .top-tab-box .title-group .tit-btn-box .setting,
.content .view-box .data-table-area .top-tab-box .title-group .tit-btn-box .setting {
	height: 25px; margin-left: 5px;
}
.content .view-box .data-table-area .tit-btn-box .setting button:before,
.content .view-box .grid-list-table .top-tab-box .title-group .tit-btn-box .setting button:before,
.content .view-box .data-table-area .top-tab-box .title-group .tit-btn-box .setting button:before {
	line-height: 25px;
}
.content .view-box .data-table-area .tit-btn-box .reset-icon,
.content .view-box .data-table-area .tit-btn-box .reset-red-icon,
.content .view-box .grid-list-table .top-tab-box .title-group .tit-btn-box .reset-icon,
.content .view-box .data-table-area .top-tab-box .title-group .tit-btn-box .reset-icon,
.content .view-box .grid-list-table .top-tab-box .title-group .tit-btn-box .reset-red-icon,
.content .view-box .data-table-area .top-tab-box .title-group .tit-btn-box .reset-red-icon {
	height: 25px; margin-left: 5px;
}
.content .view-box .data-table-area .tit-btn-box .reset-icon:before,
.content .view-box .data-table-area .tit-btn-box .reset-red-icon:before,
.content .view-box .grid-list-table .top-tab-box .title-group .tit-btn-box .reset-icon:before,
.content .view-box .data-table-area .top-tab-box .title-group .tit-btn-box .reset-icon:before,
.content .view-box .grid-list-table .top-tab-box .title-group .tit-btn-box .reset-red-icon:before,
.content .view-box .data-table-area .top-tab-box .title-group .tit-btn-box .reset-red-icon:before {
	line-height: 25px;
}
.content .view-box .grid-list-table .top-tab-box .title-group .input-item-box,
.content .view-box .data-table-area .top-tab-box .title-group .input-item-box {
	display: flex; align-items: center; height: 16px; padding-left: 0px; border-left: 1px solid #ccc; margin-left: 20px;
}
.content .view-box .data-table-area .top-tab-box .title-group .input-item-box .input-item {}
.content .view-box .grid-list-table .top-tab-box .title-group .input-item-box .input-item + .input-item,
.content .view-box .data-table-area .top-tab-box .title-group .input-item-box .input-item + .input-item {
	margin-left: 10px;
}
/*//23-01-16 add*/

.content .view-box .grid-list-table .top-tab-box .tab-group button {
  min-width: 150px;
  height: 34px;
  padding: 0 15px;
  border-radius: 10px 10px 0 0;
  background: #828386;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}

.content .view-box .grid-list-table .top-tab-box .tab-group button.on {
  background: #e0205c;
}

.content .view-box .title {
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  color: #000;
}

/* 20221129 개인화 적용 틀어짐 방지 시작*/
.content .view-box .dp-block {
  display: block;
  height: 74px;
}

.content .view-box .dp-block .sort-info {
  width:100%;
  border-bottom: 1px solid #DDD;
}
.content .view-box .dp-block .tit-btn-box {
	float:left; margin-top:2px;
}
.content .view-box .dp-block .btn-group{
  height: 40px;
  padding-top: 6px;
  float: right;
}

.content .view-box .dp-block .btn-grp2{
  height: 74px;
  padding-top: 36px;
  float: right;
}
/* 20221129 개인화 적용 틀어짐 방지 끝*/

.content .view-box .search-group {
  margin-left: auto;
}

.content .view-box .search-group input[type="text"] {
  width: 150px;
  height: 30px;
}

.content .view-box .search-group input[type="text"]::-webkit-input-placeholder {
  font-size: 12px;
}

.content .view-box .search-group input[type="text"]:-ms-input-placeholder {
  font-size: 12px;
}

.content .view-box .search-group input[type="text"]::-ms-input-placeholder {
  font-size: 12px;
}

.content .view-box .search-group input[type="text"]::placeholder {
  font-size: 12px;
}

.content .view-box .search-group button {
  height: 30px;
  margin-left: 5px;
  padding: 0 15px;
  background: #575757;
  font-size: 12px;
  color: #fff;
}

.content .view-box .sort-info {
  margin-left: 10px;
}

.content .view-box .sort-info button,
.content .view-box .sort-info span {
  display: inline-block;
  margin-right: 5px;
  padding: 5px 10px;
  background: #f3f3f3;
  font-size: 13px;
  line-height: 20px;
  color: #000;
}

.content .view-box .sort-info button.on,
.content .view-box .sort-info span.on {
  background: #8996a3;
  color: #fff;
}

.content .view-box .title-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
}

.content .view-box .title-group .btn-item button {
  height: 25px;
  margin-left: 5px;
  padding: 0 10px;
  border: 1px solid #d1d8de;
  border-radius: 5px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.content .view-box .title-group .btn-item button span {
  display: block;
  font-size: 12px;
  color: #686b6e;
  line-height: 23px;
}

.content .view-box .title-group .btn-item button span::before {
  display: inline-block;
  position: relative;
  top: 1px;
  margin-right: 5px;
  font-family: SAP-icons;
  line-height: 24px;
  /* color: #51c7da; */
}

.content .view-box .title-group .btn-item button.icon-assign span::before {
  content: '\e0a7';
}

.content .view-box .title-group .btn-item button.icon-unassign span::before {
  content: '\e225';
}

.content .view-box .title-group .btn-item button.icon-create span::before {
  content: '\e24e';
}

.content .view-box .title-group .btn-item button.icon-delete span::before {
  content: '\e03d';
}

.content .view-box .title-group .btn-item button:hover {
  border-color: #e0205c;
  background: #e0205c;
}

.content .view-box .title-group .btn-item button:hover span {
  color: #fff;
}

.content .view-box .title-group .btn-item button:hover span::before {
  color: #fff;
}

.content .view-box .data-table-area {
  position: relative;
  width: 65%;
  padding: 0 28px 22px 0;
}

/*22-08-17 추가*/
.content .view-box .data-table-area.w100 {
  width: 100%;
  padding: 0;
}
/*//22-08-17 추가*/

.content .view-box.slider-type .data-table-area {
  width: 35%;
}

.content .view-box .data-table-area .slide-btn {
  position: absolute;
  right: -6px;
  top: 370px;
  width: 12px;
  height: 80px;
  border-radius: 6px;
  background: #fff ;
  -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);
}

.content .view-box .data-table-area .slide-btn::before {
  content: '';
  position: absolute;
  right: 4px;
  top: 38px;
  width: 5px;
  height: 10px;
  background: url(/images/icon_btn_side.png) no-repeat 0 0;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

.content .view-box.slider-type .data-table-area .slide-btn::before {
  right: 3px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}


.content .view-box .data-table-area .title-group .title {
  width: 100%;
  margin-bottom: 2px;
  font-size: 16px;
  font-weight: 700;
  color: #000;
}

.content .view-box .data-table-area .title-group .sort-info {
  margin-top: 0;
  margin-left: 0;
}

.content .view-box .data-table-area .title-group .sort-info button {
  min-width: 120px;
  height: 34px;
  margin-right: 4px; /*22-08-19 수정*/
  padding: 0 15px;
  border-radius: 10px 10px 0 0;
  background: #828386;
  font-size: 13px;
  font-weight: 400;
  color: #fff;
}

.content .view-box .data-table-area .title-group .sort-info button.on {
  background: #e0205c;
}

/*22-08-17 추가*/
.content .view-box .data-table-area .title-group .sort-info button span {
  color: #fff;
  background: transparent;
}
/*//22-08-17 추가*/

.content .view-box .data-table-area .table-group {
  margin-top: 0;
}

.content .view-box .data-table-area + .list-table-area {
  border-left: 1px solid #e2e7e8;
}

@media all and (max-width: 1024px) {
  .content .view-box .data-table-area .title-group .sort-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 5px;
  }
  .content .view-box .data-table-area .title-group .sort-info button {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: auto;
    height: auto;
    margin: 0 2px;
    padding: 5px 0;
    border-radius: 0;
    font-size: 12px;
    line-height: 16px;
  }
}

.content .view-box .list-table-area {
  width: 35%;
  padding: 0 0 22px 28px;
}

.content .view-box.slider-type .list-table-area {
  width: 65%;
}

.content .view-box .list-table-area .title-group .title {
  width: 100%;
  margin-bottom: 2px;
  font-size: 16px;
  font-weight: 700;
  color: #000;
}

.content .view-box .list-table-area .title-group .sort-info {
  margin-left: 0;
}

.content .view-box .list-table-area .title-group .search-group {
  position: relative;
  margin-left: 0;
  border: 1px solid #e8edee;
  border-radius: 3px;
  background: #fff;
}

.content .view-box .list-table-area .title-group .search-group input {
  width: 100%;
  border: 0;
  height: 27px;
  padding-right: 30px;
}

.content .view-box .list-table-area .title-group .search-group button {
  position: absolute;
  right: 0;
  top: 0;
  height: 27px;
  margin: 0;
  text-indent: -9999px;
  background: transparent url(/images/ico_search_gray.png) no-repeat center center;
}

.content .view-box .table-group {
  margin-top: 0;
}

.content .view-box .table-group + .title-group {
  margin-top: 10px;
}

.content .view-box .textarea-group {
  margin-top: 20px;
}

.content .view-box .textarea-group textarea {
  width: 100%;
  height: 50px;
  margin-top: 5px;
  background: #fff;
  border-radius: 3px;
}

@media all and (max-width: 1024px) {
  /*22-06-23 추가*/
  .content > h2 {
    padding-left: 20px;
    font-size: 15px;
  }
  /*//22-06-23 추가*/
  .content .view-box {
    /* padding: 20px 0; */
    padding: 16px; /*22-06-23 수정*/
  }
  .content .view-box .grid-list-table .top-tab-box .tab-group button {
    min-width: auto;
    height: 30px;
    font-size: 12px;
  }
  .content .view-box .data-table-area {
    width: 100%;
    padding: 0;
  }
  .content .view-box .data-table-area + .list-table-area {
    margin-top: 20px;
    border-left: 0;
  }
  .content .view-box .list-table-area {
    width: 100%;
    padding: 0;
  }
  .content .view-box .grid-list-table .top-tab-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 10px;
  }
  .content .view-box .grid-list-table .top-tab-box .title-group > .tit {
    width: 100%;
  }
  .content .view-box .grid-list-table .top-tab-box .title-group > .tit + .input-item {
    margin: 0;
  }
  .content .view-box .grid-list-table .top-tab-box .title-group .input-item {
    width: 100%;
    margin: 0;
  }
  .content .view-box .grid-list-table .top-tab-box .title-group .input-item > .tit {
    min-width: 90px;
  }
  .content .view-box .grid-list-table .top-tab-box .title-group .input-item input {
    width: calc(100% - 90px);
  }
  .content .view-box .grid-list-table .top-tab-box .tab-group {
    position: relative;
    width: 100%;
  }
  .content .view-box .grid-list-table .top-tab-box .tab-group::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    background: #ccc;
  }
  .content .view-box .grid-list-table .top-tab-box .tab-group button {
    width: auto;
    padding: 0 15px;
  }
  .content .view-box .grid-list-table .top-tab-box .btn-group {
    margin: 5px -2px 0;
  }
  .content .view-box .grid-list-table .top-tab-box .btn-group button {
    margin: 0 2px 5px;
  }
}

@media all and (max-width: 1024px) {
  .content {
    /* padding: 0 10px 30px; */
    padding: 0px 0 30px 0; /*22-06-23 수정*/
  }
  .content .content-box {
    padding: 15px 15px 30px;
    margin: 16px; /*22-06-23 수정*/
  }
  .content .content-box > h2 {
    font-size: 20px;
    line-height: 30px;
  }
  .content .content-box .search-area {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 400px;
    margin: 15px auto 0;
  }
  .content .content-box .search-area .calendar-item {
    width: 100%;
    margin: 0;
  }
  .content .content-box .search-area .calendar-item .tit {
    width: 100px;
  }
  .content .content-box .search-area .calendar-item .line {
    width: calc(100% - 100px);
  }
  .content .content-box .search-area .calendar-item .line.short-type {
    width: calc(100% - 100px);
  }
  .content .content-box .search-area .calendar-item .line .calendar {
    margin: 6px 0 0;
    padding-right: 30px;
    text-align: right;
  }
  .content .content-box .search-area .select-item {
    width: 100%;
    margin: 0;
  }
  .content .content-box .search-area .select-item select {
    font-size: 12px;
  }
  .content .content-box .search-area .search-item {
    width: 100%;
    margin-top: 10px;
  }
  .content .content-box .search-area .search-item input::-webkit-input-placeholder {
    font-size: 12px;
  }
  .content .content-box .search-area .search-item input:-ms-input-placeholder {
    font-size: 12px;
  }
  .content .content-box .search-area .search-item input::-ms-input-placeholder {
    font-size: 12px;
  }
  .content .content-box .search-area .search-item input::placeholder {
    font-size: 12px;
  }
  .content .content-box .list-area .top-group .txt {
    font-size: 12px;
  }
  .content .content-box .list-area .list-group {
    margin-top: 5px;
  }
  .content .content-box .list-area .list-group.faq-type.with-check li a::before {
    /* top: 20px; */
    top: 50%; /*22-06-23 수정*/
  }
  /*22-06-23 수정*/
  .content .content-box .list-area .list-group.faq-type.with-check li a::after {
    top: 50%;
    left: 12px;
    width: 26px;
    height: 26px;
    background: url(/images/icon_faq_tit.png) no-repeat center;
    background-size: cover;
  }
  /*//22-06-23 수정*/
  /*22-06-23 추가*/
  .content .content-box .list-area .list-group.faq-type.with-check li a.on::after {
    background: url(/images/icon_faq_tit_on.png) no-repeat center;
    background-size: cover;
  }
  /*//22-06-23 추가*/
  .content .content-box .list-area .list-group.faq-type.with-check li .detail-view .check-list {
    padding: 10px;
  }
  .content .content-box .list-area .list-group.faq-type.with-check li .detail-view .check-list li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 10px 0; /*22-06-23 추가*/
  }
  .content .content-box .list-area .list-group.faq-type.with-check li .detail-view .check-list li > .tit {
    width: 100px;
    font-size: 12px;
    line-height: 36px;
  }
  .content .content-box .list-area .list-group.faq-type.with-check li .detail-view .check-list li .check-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
  .content .content-box .list-area .list-group.faq-type.with-check li .detail-view .check-list li .check-item .com-check {
    width: 100%;
  }
  .content .content-box .list-area .list-group.faq-type li a::before {
    right: 10px;
    width: 13px;
    height: 13px;
    top: 50%; /*22-06-23 추가*/
  }
  .content .content-box .list-area .list-group.faq-type li a .question {
    left: 10px;
    top: 50%; /*22-06-23 수정*/
    -webkit-transform: translateY(0);
            transform: translateY(-50%);
    width: 24px;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
  }
  /*22-06-23 추가*/
  .content .content-box .list-area .list-group li > a .sort {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #888;
  }
  /*//22-06-23 추가*/
  .content .content-box .list-area .list-group.faq-type li .detail-view::before {
    left: 10px;
    right: 10px;
  }
  .content .content-box .list-area .list-group.faq-type li .detail-view .txt {
    display: inline-block; /*22-06-23 추가*/
    padding: 18px 10px 10px 48px; /*22-06-23 수정*/
    font-size: 12px;
    line-height: 16px;
  }
  /*22-06-23 추가*/
  .content .content-box .list-area .list-group.faq-type li .detail-view .txt a {
    display: inline-block;
  }
  /*//22-06-23 추가*/
  /*22-06-23 수정*/
  .content .content-box .list-area .list-group.faq-type li .detail-view .answer {
    left: 10px;
    top: 14px;
    width: 24px;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
  }
  /*//22-06-23 수정*/
  .content .content-box .list-area .list-group li > a {
    position: relative;
    padding: 15px 36px 15px 48px; /*22-06-23 수정*/
    display: inline-block;
    width: 100%;
  }
  .content .content-box .list-area .list-group li > a::before {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
    background-size: 13px auto !important;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .content .content-box .list-area .list-group li > a .txt {
    margin-top: 4px; /*22-06-23 수정*/
    font-size: 12px;
    line-height: 16px;
  }
  .content .content-box .list-area .list-group li > a .txt.file {
    padding-right: 18px;
    background-size: auto 16px;
  }
  .content .content-box .list-area .list-group li > a .day {
    display: block;
    position: relative;
    right: auto;
    top: auto;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    margin-top: 5px;
    font-size: 12px;
    text-align: right;
  }
  .content .content-box .list-area .table-group {
    overflow-x: auto;
    margin-top: 0;
  }
  .content .content-box .list-area .table-group table {
    min-width: 1000px;
  }
  .content .content-box .list-area .table-group table th {
    height: 40px;
    font-size: 12px;
  }
  .content .content-box .list-area .table-group table tbody td {
    height: 45px;
    padding: 5px;
    font-size: 12px;
  }
  .content .content-box .list-area .table-group table tbody td .link {
    font-size: 12px;
    line-height: 16px;
  }
  .content .content-box .list-area .table-group table tbody td .bell {
    width: 25px;
    height: 25px;
    background-size: 15px auto;
  }
  .content .content-box .list-area .bottom-btn-group .sign-btn {
    height: 30px;
    padding: 0 15px;
  }
  .content .content-box .list-area .bottom-btn-group .sign-btn span {
    padding-left: 18px;
    font-size: 12px;
    line-height: 30px;
    background-size: 15px auto;
  }
  .content .content-box .list-area .bottom-btn-group + .paging {
    margin-top: 20px;
  }
  .content .content-box .detail-view-area {
    margin-top: 15px;
  }
  .content .content-box .detail-view-area .top-info-group {
    padding: 10px;
  }
  .content .content-box .detail-view-area .top-info-group .title-item .txt {
    padding-left: 30px !important;
    font-size: 16px;
    line-height: 26px;
  }
  .content .content-box .detail-view-area .top-info-group .title-item .txt::before {
    top: 1px !important;
    width: 24px !important;
    height: 24px !important;
    background-size: 16px auto !important;
  }
  .content .content-box .detail-view-area .top-info-group .info-item {
    font-size: 12px;
  }
  .content .content-box .detail-view-area .text-group {
    padding: 20px 0 30px;
    font-size: 14px;
    line-height: 24px;
  }
  .content .content-box .detail-view-area .file-group {
    padding: 5px 0 10px;
  }
  .content .content-box .detail-view-area .file-group .list li + li {
    margin-top: 5px;
  }
  .content .content-box .detail-view-area .file-group .list li a {
    padding-left: 20px;
    font-size: 12px;
    line-height: 20px;
    background-size: auto 16px;
  }
  .content .content-box .detail-view-area .link-group {
    padding-top: 15px;
  }
  .content .content-box .detail-view-area .link-group .prev-btn {
    font-size: 12px;
  }
  .content .content-box .detail-view-area .link-group .next-btn {
    font-size: 12px;
  }
  .content .content-box .detail-view-area .link-group .list-btn {
    height: 30px;
    padding: 0 15px;
  }
  .content .content-box .detail-view-area .link-group .list-btn span {
    padding-left: 15px;
    background-size: auto 13px;
    font-size: 12px;
    line-height: 30px;
  }
  .content .content-box .register-area {
    margin-top: 15px;
  }
  .content .content-box .register-area .form-group .list li {
    width: 100%;
    padding: 10px 0;
  }
  .content .content-box .register-area .form-group .list li .tit {
    width: 100px;
    font-size: 12px;
  }
  .content .content-box .register-area .form-group .list li .form-item {
    width: calc(100% - 100px);
  }
  .content .content-box .register-area .form-group .list li .form-item > .txt {
    font-size: 12px;
    line-height: 20px;
  }
  .content .content-box .register-area .form-group .list li .form-item .company-input {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .content .content-box .register-area .form-group .list li .form-item .company-input input {
    width: 100%;
    margin: 0;
  }
  .content .content-box .register-area .form-group .list li .form-item .company-input input:first-child {
    width: 100%;
    margin: 0 0 5px;
  }
  .content .content-box .register-area .form-group .list li .form-item .short-input {
    width: 100%;
    margin-bottom: 5px;
  }
  .content .content-box .register-area .form-group .list li .form-item .short-input + button {
    width: 100%;
    margin: 0;
  }
  .content .content-box .register-area .form-group .list li .form-item .location-input {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0;
  }
  .content .content-box .register-area .form-group .list li .form-item .location-input .input-cnt {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
  }
  .content .content-box .register-area .form-group .list li .form-item .location-input .input-cnt + .input-cnt {
    margin: 5px 0 0;
  }
  .content .content-box .register-area .form-group .list li .form-item .location-input .input-cnt .txt {
    width: 100%;
    margin-bottom: 5px;
  }
  .content .content-box .register-area .form-group .list li .form-item .location-input .input-cnt input {
    width: calc(100% - 90px);
  }
  .content .content-box .register-area .form-group .list li .form-item .file-cnt {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    width: 100%;
  }
  .content .content-box .register-area .form-group .list li .form-item .file-cnt input[type="text"] {
    width: 100%;
    margin-bottom: 5px;
  }
  .content .content-box .register-area .form-group .list li .form-item .file-cnt label {
    margin-right: 5px;
  }
  .content .content-box .register-area .form-group .list li .form-item .full-input {
    font-size: 12px;
  }
  .content .content-box .register-area .form-group .list li .form-item .full-input::-webkit-input-placeholder {
    font-size: 12px;
  }
  .content .content-box .register-area .form-group .list li .form-item .full-input:-ms-input-placeholder {
    font-size: 12px;
  }
  .content .content-box .register-area .form-group .list li .form-item .full-input::-ms-input-placeholder {
    font-size: 12px;
  }
  .content .content-box .register-area .form-group .list li .form-item .full-input::placeholder {
    font-size: 12px;
  }
  .content .content-box .register-area .form-group .list li .form-item .full-input.popup {
    width: 100% !important;
  }
  .content .content-box .register-area .form-group .check-list {
    padding: 0;
  }
  .content .content-box .register-area .form-group .check-list .form-item {
    margin: 0;
    padding: 40px 10px 0;
  }
  .content .content-box .register-area .form-group .check-list .form-item.depth-type {
    padding: 40px 10px 0;
  }
  .content .content-box .register-area .form-group .check-list .form-item.depth-type .list-box {
    padding: 35px 0 0;
  }
  .content .content-box .register-area .form-group .check-list .form-item.depth-type .list-box > .tit {
    top: 10px;
  }
  .content .content-box .register-area .form-group .check-list .form-item.depth-type .list-box .com-check {
    width: 100%;
  }
  .content .content-box .register-area .form-group .check-list .form-item > h4 {
    left: 10px;
    top: 15px;
    padding: 0;
    font-size: 12px;
    line-height: 20px;
  }
  .content .content-box .register-area .form-group .check-list .form-item .list-box .com-check {
    width: 50%;
    margin: 0 0 5px;
  }
  .content .content-box .register-area .file-group .top-info-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-top: 15px;
  }
  .content .content-box .register-area .file-group .top-info-item .info {
    margin-top: 10px;
  }
  .content .content-box .register-area .file-group .top-info-item .info .txt:first-child {
    padding-left: 0;
  }
  .content .content-box .register-area .file-group .file-item {
    margin-top: 15px;
  }
  .content .content-box .register-area .bottom-btn-group button {
    width: 80px;
    height: 30px;
  }
  .content .content-box .register-area .bottom-btn-group button span {
    padding-left: 18px;
    background-size: auto 12px !important;
    font-size: 12px;
    line-height: 30px;
  }
}

/* Common */
.pickmeup {
  background: #fff;
  -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  z-index: 1900;
  border: 1px solid #e0205c; /*22-07-06 추가*/
}

.pickmeup .pmu-instance {
  width: 280px;
  height: auto;
  padding: 18px 15px;
}

.pickmeup .pmu-instance > nav:first-child {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 10px;
}

.pickmeup .pmu-instance .pmu-months .pmu-selected {
  background: #fff;
}

.pickmeup .pmu-instance .pmu-months .pmu-button {
  color: #000;
}

.pickmeup .pmu-instance .pmu-days .pmu-button {
  font-size: 12px;
  line-height: 34px;
  color: #000;
  text-align: center;
}

.pickmeup .pmu-instance .pmu-days .pmu-button.pmu-not-in-month {
  color: #a3a3a3;
}

.pickmeup .pmu-instance .pmu-days .pmu-button.pmu-selected {
  border-radius: 50%;
  background: #e0205c;
  color: #fff;
}

.pickmeup .pmu-instance .pmu-days .pmu-button.pmu-selected:hover {
  background: #e0205c;
  color: #fff;
}

.pickmeup .pmu-instance .pmu-days .pmu-button.pmu-selected.range {
  border-radius: 0;
  background: #d9dbdd;
  color: #000;
}

.pickmeup .pmu-instance .pmu-days .pmu-button.pmu-selected.range.pmu-not-in-month {
  background: #fff;
  color: #a3a3a3;
}

.pickmeup .pmu-instance .pmu-days .pmu-button.pmu-selected.range.start, .pickmeup .pmu-instance .pmu-days .pmu-button.pmu-selected.range.end {
  background: #e0205c;
  color: #fff;
}

.pickmeup .pmu-instance .pmu-days .pmu-button.pmu-selected.range.start.pmu-not-in-month, .pickmeup .pmu-instance .pmu-days .pmu-button.pmu-selected.range.end.pmu-not-in-month {
  background: #fff;
  color: #a3a3a3;
}

.pickmeup .pmu-instance .pmu-days .pmu-button.pmu-selected.range.start {
  border-radius: 50% 0 0 50%;
}

.pickmeup .pmu-instance .pmu-days .pmu-button.pmu-selected.range.start.pmu-today {
  border-radius: 50%;
}

.pickmeup .pmu-instance .pmu-days .pmu-button.pmu-selected.range.end {
  border-radius: 0 50% 50% 0;
}

.pickmeup .pmu-instance .pmu-days .pmu-button.pmu-today {
  border-radius: 50%;
  background: #56606b;
  color: #fff;
}

.pickmeup .pmu-instance .pmu-day-of-week {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.pickmeup .pmu-instance .pmu-day-of-week * {
  width: 35px;
  font-size: 12px;
  line-height: 30px;
  color: #000;
}

.pickmeup .pmu-instance .pmu-days * {
  width: 35px;
}

.pickmeup .pmu-instance .pmu-button:hover {
  color: #000;
}

.pickmeup .pmu-instance nav .pmu-prev {
  background: url(/images/icon_calendar_arrow.png) no-repeat center center;
  text-indent: -9999px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.pickmeup .pmu-instance nav .pmu-prev:hover {
  background: url(/images/icon_calendar_arrow.png) no-repeat center center;
}

.pickmeup .pmu-instance nav .pmu-next {
  background: url(/images/icon_calendar_arrow.png) no-repeat center center;
  text-indent: -9999px;
}

.pickmeup .pmu-instance nav .pmu-next:hover {
  background: url(/images/icon_calendar_arrow.png) no-repeat center center;
}

.pickmeup .pmu-instance nav .pmu-month {
  font-size: 16px;
  color: #000;
}

.pickmeup button:focus {
  background: red !important;
}

@media all and (max-width: 440px) {
  .pickmeup {
    width: 200px;
  }
  .pickmeup .pmu-instance {
    width: 200px;
    padding: 5px;
  }
  .pickmeup .pmu-instance .pmu-day-of-week * {
    width: 27px;
  }
  .pickmeup .pmu-instance .pmu-days .pmu-button {
    width: 27px;
    line-height: 27px;
  }
}

.SumoSelect {
  width: 100%;
}

.SumoSelect .ui-select:disabled + .CaptionCont {
  background-color: #e6e6e6;
}

.SumoSelect:hover > .CaptionCont {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.SumoSelect.open > .optWrapper {
  /* top: 25px; */
  top: 30px; /*22-07-04 수정*/
  /* border: 1px solid #ced6de; */
  border: 1px solid #e0205c; /*22-07-05 수정*/
  border-radius: 0;
}

/*22-07-05 추가*/
.SumoSelect.open .CaptionCont.search-multi-select {
  border:none;
}
.SumoSelect.open .CaptionCont.search-multi-select .search-txt::placeholder {
  color:#fff;
  font-size:13px;
}
.SumoSelect.open .CaptionCont.search-multi-select .search-txt {
  background:#e0205c; border:none; color:#fff; border-radius:3px;
}
.SumoSelect.open > .optWrapper:hover {
  border:1px solid #e0205c;
}
.SumoSelect > .optWrapper.multiple > .MultiControls {
  height: 30px;
  line-height: 0;
}
.SumoSelect > .optWrapper.multiple > .MultiControls > p {
  font-size: 13px;
  height: 30px;
  line-height: 18px;
}
/*//.22-07-05 추가*/

.SumoSelect.disabled > .CaptionCont {
  background-color: #e6e6e6;
}

.SumoSelect > .optWrapper.multiple > .options li.opt.selected {
  background-image: none;
}

.SumoSelect > .optWrapper.multiple > .options li.opt.selected span i {
  border-color: #e0205c; /*22-06-29 수정*/
  background-color: #e0205c; /*22-06-29 수정*/
}

.SumoSelect > .optWrapper.multiple > .options li.opt span i {
  width: 16px;
  height: 16px;
  /* border: 1px solid #e5e5e5;*/
  border: 1px solid #d5d5d5;  /*22-07-06 수정*/
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/*22-07-05 추가*/
.SumoSelect > .optWrapper.multiple > .select-all.selected span i {
  border-color: #e0205c; /*22-06-29 수정*/
  background-color: #e0205c; /*22-06-29 수정*/
}
.SumoSelect > .optWrapper.multiple > .select-all span i {
  width: 16px;
  height: 16px;
  /* border: 1px solid #e5e5e5; */
  border: 1px solid #cbcbcb;  /*22-07-06 수정*/
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.SumoSelect > .optWrapper.multiple > .options li.opt label {
  padding: 6px 10px 6px 0;
}
/*//22-07-05 추가*/

.SumoSelect > .optWrapper > .options li.opt {
  padding: 0;
  font-size: 13px;
}

.SumoSelect > .optWrapper > .options li.opt label {
  padding: 6px 30px 6px 10px;
  min-height: 27px; /*22-11-28 추가*/
}

.SumoSelect > .optWrapper > .options li.opt:hover {
  background-color: #f7f7f7;
}

.SumoSelect > .optWrapper > .options li.opt.selected {
  background: #f7f7f7 url(/images/icon_select_2.png) no-repeat right 7px center;
}

.SumoSelect > .CaptionCont {
  width: 100%;
  height: 27px;
  /* background: #f4f8fb; */
  background: #fff; /*22-07-05 수정*/
  padding: 0 10px;
  font-size: 13px;
  /* border: 1px solid #dddfe1; */
  border: 1px solid #BEC9D4; /*22-07-05 수정*/
  border-radius: 2px;
  /* background: #f4f8fb url(/images/icon_select.png) no-repeat right 7px center; */
  background: #fff url(/images/icon_select.png) no-repeat right 7px center; /*22-07-05 수정*/
  z-index: 10;
}

.SumoSelect > .CaptionCont > span {
  font-size: 13px;
  line-height: 24px;
}

.SumoSelect > .CaptionCont > span.placeholder {
  font-style: normal;
}

.SumoSelect > .CaptionCont > label > i {
  display: none;
}

.com-check {
  display: inline-block;
  position: relative;
}

.com-check + .com-check {
  margin-left: 25px;
}

.com-check input[type="checkbox"] {
  position: absolute;
  left: -9999px;
}

.com-check input[type="checkbox"]:checked + label::before {
  background: url(/images/checked.png) no-repeat 0 0;
}

.com-check input[type="checkbox"]:disabled + label::before {
  background: #d2d2d2;
}

.com-check label {
  display: inline-block;
  position: relative;
  padding-left: 25px;
  font-size: 14px;
  line-height: 24px;
  color: #3d3d3d;
  cursor: pointer;
}

.com-check label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  width: 16px;
  height: 16px;
  background: url(/images/checkbox.png) no-repeat 0 0;
}

.com-check label span {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-left: 4px;
}

.com-check label span + span {
  margin-left: 1px;
}

.com-check label span.icon-p {
  background: url(/images/ico_p.png) no-repeat 0 0;
}

.com-check label span.icon-m {
  background: url(/images/ico_m.png) no-repeat 0 0;
}

.com-check label span.icon-w {
  background: url(/images/ico_w.png) no-repeat 0 0;
}

@media all and (max-width: 1024px) {
  .com-check {
    margin: 3px;
  }
  .com-check + .com-check {
    margin-left: 3px;
  }
  .com-check label {
    font-size: 12px;
    padding-left: 20px; /*22-06-23 추가*/
  }
  /*22-06-23 추가*/
  .content .content-box .list-area .list-group.faq-type li > a.on .com-check label {
    color:#fff;
  }
  /*//22-06-23 추가*/
}

.com-day-select {
  display: inline-block;
  overflow: hidden;
  position: relative;
  margin-right: 30px;
}

.com-day-select input[type="checkbox"] {
  position: absolute;
  left: -9999px;
}

.com-day-select input[type="checkbox"]:checked + label {
  background: #9cabbf;
  color: #fff;
}

.com-day-select label {
  float: left;
  width: 52px;
  height: 52px;
  border: 1px solid #dddfe1;
  border-left: 0;
  font-size: 16px;
  line-height: 50px;
  text-align: center;
  color: #abafb3;
  cursor: pointer;
}

.com-day-select label:nth-child(2) {
  border-left: 1px solid #dddfe1;
}

.com-toggle-check {
  display: inline-block;
  position: relative;
  width: 70px;
  padding-left: 35px;
}

.com-toggle-check input[type="checkbox"] {
  position: absolute;
  left: -9999px;
}

.com-toggle-check input[type="checkbox"]:checked + label .on {
  display: block;
}

.com-toggle-check input[type="checkbox"]:checked + label .off {
  display: none;
}

.com-toggle-check input[type="checkbox"]:checked + label::after {
  left: auto;
  right: 3px;
  /* background: #ffcc00; */
  background: #e0205c; /*22-07-05 수정*/
}

.com-toggle-check label {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 35px;
  height: 18px;
  font-size: 14px;
  line-height: 16px;
  color: #555;
  text-align: left;
  cursor: pointer;
}

.com-toggle-check label .on,
.com-toggle-check label .off {
  position: absolute;
  left: -35px;
  top: 0;
}

.com-toggle-check label .on {
  display: none;
}

.com-toggle-check label::before {
  content: '';
  position: absolute;
  right: 0;
  top: -1px;
  width: 34px;
  height: 18px;
  border-radius: 9px;
  border: 1px solid #e6e6e6;
}

.com-toggle-check label::after {
  content: '';
  position: absolute;
  left: 3px;
  top: 3px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #e6e6e6;
}

.com-bottom-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 40px;
}

.com-bottom-btn button {
  width: 120px;
  height: 46px;
  margin: 0 5px;
  font-size: 18px;
  font-weight: 400;
  border-radius: 3px;
  background: #bfc2c9;
  color: #fff;
}

.com-bottom-btn button.on {
  background: #f97706;
}

.com-bottom-btn button.preview {
  background: #703705;
}

.com-radio {
  position: relative;
  display: inline-block;
}

.com-radio + .com-radio {
  margin-left: 30px;
}

.com-radio input[type="radio"] {
  position: absolute;
  left: -9999px;
}

.com-radio input[type="radio"]:checked + label::before {
  background: url(/images/icon_input_radio_on.png) no-repeat 0 0;
}

.com-radio label {
  display: inline-block;
  position: relative;
  padding-left: 20px;
  font-size: 14px;
  line-height: 24px;
  color: #3d3d3d;
  cursor: pointer;
}

.com-radio label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  width: 15px;
  height: 15px;
  background: url(/images/icon_input_radio.png) no-repeat 0 0;
}

@media all and (max-width: 1024px) {
  .com-radio {
    margin: 3px;
  }
  .com-radio + .com-radio {
    margin-left: 3px;
  }
  .com-radio label {
    font-size: 12px;
  }
}

.com-calendar {
  display: inline-block;
  height: 42px;
}

.com-calendar .calendar {
  display: inline-block;
  vertical-align: top;
}

.com-calendar .calendar input {
  width: 135px;
  height: 42px;
  padding-left: 40px;
  padding-right: 0;
  border-radius: 3px;
  border: 1px solid #dddfe1;
  background: #fff url(/images/icon/ic_calendar.png) no-repeat 10px center;
  font-size: 16px;
  color: #abafb3;
  cursor: pointer;
  letter-spacing: -1px;
}

.com-calendar .time {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.com-calendar .time .com-select {
  width: 65px;
  height: 42px;
  margin-left: 10px;
  font-size: 16px;
  color: #abafb3;
}

.com-calendar .time .com-select:first-child {
  margin-left: 0;
}

.com-calendar .dash {
  display: inline-block;
  vertical-align: top;
  width: 24px;
  font-size: 16px;
  line-height: 42px;
  text-align: center;
  color: #abafb3;
}

.com-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.com-tab.border-type {
  border-bottom: 1px solid #ccc;
}

.com-tab.border-type a,
.com-tab.border-type button {
  border: 1px solid #ccc;
  border-bottom: 0;
}

.com-tab.list-type {
  padding-left: 60px;
}

.com-tab.list-type a,
.com-tab.list-type button {
  margin-right: 0;
}

.com-tab.list-type a.on,
.com-tab.list-type button.on {
  background: #8698b1;
  color: #fff;
}

.com-tab.list-type ~ .tab-view .com-table-list {
  padding-top: 40px;
}

.com-tab a,
.com-tab button {
  display: inline-block;
  height: 40px;
  margin-right: 5px;
  padding: 0 20px;
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(#f4f4f4));
  background: linear-gradient(180deg, white 0%, #f4f4f4 100%);
  font-size: 16px;
  font-weight: bold;
  line-height: 40px;
  color: #a8acb2;
}

.com-tab a.on,
.com-tab button.on {
  background: #fff;
  color: #2c3e50;
}

.com-search-form {
  padding: 50px 60px;
  background: #f8f9fb;
}

.com-search-form.white-bg {
  background: #fff;
}

.com-search-form.edit-type {
  background: #fff;
}

.com-search-form.edit-type.gray {
  background: #f8f9fb;
}

.com-search-form.edit-type .form-list.address {
  display: none;
}

.com-search-form.edit-type .form-list + .form-list {
  margin-top: 20px;
}

.com-search-form.edit-type .form-list li.two-side .form-box {
  width: calc(50% - 240px);
}

.com-search-form.edit-type .form-list li.two-side .form-box + .tit {
  padding-left: 40px;
}

.com-search-form.edit-type .form-list li.two-side .form-box + .tit::before {
  left: 20px;
}

.com-search-form.edit-type .form-list li.two-side .form-box .txt-input {
  width: 100%;
}

.com-search-form.edit-type .form-list li.two-side .form-box .com-select {
  width: 100%;
  margin-right: 0;
}

.com-search-form.edit-type .form-list li.top-radio {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.com-search-form.edit-type .form-list li.top-radio .tit {
  width: 100%;
}

.com-search-form.edit-type .form-list li.top-radio .form-box {
  padding: 10px 0 80px;
}

.com-search-form.edit-type .form-list li + li {
  margin-top: 20px;
}

.com-search-form.edit-type .form-list li .tit {
  width: 240px;
  font-size: 20px;
  letter-spacing: -1px;
}

.com-search-form.edit-type .form-list li .tit + .txt {
  width: calc(50% - 240px);
}

.com-search-form.edit-type .form-list li .form-box {
  width: calc(100% - 240px);
}

.com-search-form.title-type {
  background: #fff;
}

.com-search-form.title-type ~ .com-tab.border-type {
  margin: 0 60px;
}

.com-search-form.title-type .form-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.com-search-form.title-type .form-list li {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-item-align: baseline;
      align-self: baseline;
}

.com-search-form.title-type .form-list li:nth-child(odd) {
  width: 570px;
}

.com-search-form.title-type .form-list li:nth-child(odd).full {
  width: 100%;
}

.com-search-form.title-type .form-list li:nth-child(even) {
  width: calc(100% - 570px);
}

@media all and (max-width: 1940px) {
  .com-search-form.title-type .form-list li {
    width: 100% !important;
  }
}

.com-search-form.title-type .form-list li .tit {
  width: 100%;
}

.com-search-form.title-type .form-list li .form-box {
  width: 100%;
}

.com-search-form.title-type .form-list li .form-box .text-search:first-child {
  margin-left: 0;
}

.com-search-form.title-type .form-list li .form-box .text-search:first-child .com-select {
  margin-left: 0;
}

.com-search-form.title-type .form-list li .com-radio + .com-radio {
  margin-left: 15px;
}

.com-search-form.title-type .form-list li .text-search {
  margin-left: 10px;
}

.com-search-form.live-type {
  background: #fff;
}

.com-search-form.live-type .form-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.com-search-form.live-type .form-list li {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.com-search-form.live-type .form-list li:nth-child(1) {
  width: calc(100% - 430px);
}

.com-search-form.live-type .form-list li:nth-child(2) {
  width: 430px;
}

.com-search-form.live-type .form-list li .form-box {
  width: 100%;
}

.com-search-form.live-type .form-list li .com-radio + .com-radio {
  margin-left: 15px;
}

.com-search-form.live-type .form-list li .text-search {
  margin-left: 10px;
}

.com-search-form.live-type .form-list li .com-tab {
  margin-right: 30px;
}

.com-search-form.live-type .form-list li .com-tab button {
  width: 120px;
  height: 46px;
  margin-right: 6px;
  border-radius: 23px;
  background: #fdd6b4;
  font-size: 20px;
  color: #f97706;
}

.com-search-form.live-type .form-list li .com-tab button.on {
  background: #f97706;
  font-weight: bold;
  color: #fff;
}

.com-search-form .form-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 46px;
}

.com-search-form .form-list li + li {
  margin-top: 12px;
}

.com-search-form .form-list li .com-select {
  margin-right: 10px;
  background-color: #fff;
}

.com-search-form .form-list li .com-select.small {
  width: 150px;
}

.com-search-form .form-list li .com-select + .com-check {
  margin-left: 20px;
}

.com-search-form .form-list li .com-select + .com-radio {
  margin-left: 20px;
}

.com-search-form .form-list li .tit {
  -ms-flex-item-align: start;
      align-self: flex-start;
  display: inline-block;
  width: 110px;
  font-size: 16px;
  font-weight: bold;
  color: #464a53;
  line-height: 52px;
}

.com-search-form .form-list li .tit.imp {
  position: relative;
  padding-left: 12px;
}

.com-search-form .form-list li .tit.imp::before {
  content: '*';
  position: absolute;
  left: 0;
  top: 0;
  font-size: 20px;
  font-weight: bold;
  color: #f97706;
  font-family: 'SpoqaHanSansNeo', serif;
}

.com-search-form .form-list li .top-tit {
  font-size: 14px;
  font-weight: 400;
  color: #333;
}

.com-search-form .form-list li .top-tit .imp {
  position: relative;
  margin-left: 20px;
  padding-left: 15px;
  color: #b2b3b6;
}

.com-search-form .form-list li .top-tit .imp::before {
  content: '*';
  position: absolute;
  left: 0;
  top: 0;
  font-size: 20px;
  font-weight: bold;
  color: #f97706;
  font-family: 'SpoqaHanSansNeo', serif;
}

.com-search-form .form-list li .form-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% - 110px);
}

.com-search-form .form-list li .form-box > .txt {
  font-size: 18px;
  color: #464a53;
}

.com-search-form .form-list li .form-box > .txt + .add-btn {
  margin-left: 100px;
}

.com-search-form .form-list li .form-box > .txt-label {
  margin: 0 20px 0 10px;
  font-size: 20px;
  color: #464a53;
}

.com-search-form .form-list li .form-box > .txt-label:first-child {
  margin-left: 0;
}

.com-search-form .form-list li .form-box > textarea {
  width: 635px;
  height: 320px;
}

.com-search-form .form-list li .form-box > textarea.full {
  width: 100%;
}

.com-search-form .form-list li .form-box .small-input {
  width: 220px;
}

.com-search-form .form-list li .form-box .speed-radio {
  display: inline-block;
  position: relative;
}

.com-search-form .form-list li .form-box .speed-radio input {
  position: absolute;
  left: -9999px;
}

.com-search-form .form-list li .form-box .speed-radio input:checked + label {
  background: #8698b1;
  color: #fff;
}

.com-search-form .form-list li .form-box .speed-radio label {
  display: inline-block;
  min-width: 60px;
  margin-right: 10px;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
}

.com-search-form .form-list li .form-box .com-check .tcu-btn {
  margin: 0 5px;
  padding: 5px 10px;
  background: #000;
  color: #fff;
}

.com-search-form .form-list li .form-box .com-check .rs-btn {
  margin: 0 5px;
  padding: 5px 10px;
  background: #000;
  color: #fff;
}

.com-search-form .form-list li .form-box .model-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin-bottom: 10px;
}

.com-search-form .form-list li .form-box .model-line .model-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 15px;
  padding: 10px;
  border: 1px solid #000;
  border-radius: 10px;
}

.com-search-form .form-list li .form-box .model-line .model-item .txt {
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  color: #000;
}

.com-search-form .form-list li .form-box .model-line .model-item .edit-btn {
  width: 24px;
  height: 24px;
  margin-left: 5px;
  background: url(/images/icon/ic_edit.png) no-repeat center center;
  background-size: contain;
}

.com-search-form .form-list li .form-box .model-line .model-item .del-btn {
  width: 24px;
  height: 24px;
  margin-left: 5px;
  background: url(/images/icon/ic_trash.png) no-repeat center center;
  background-size: contain;
}

.com-search-form .form-list li .form-box .btn-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.com-search-form .form-list li .form-box .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.com-search-form .form-list li .form-box .row + .row {
  margin-top: 10px;
}

.com-search-form .form-list li .form-box .row .minus-btn {
  width: 25px;
  height: 25px;
  margin-left: 15px;
  border-radius: 50%;
  border: 1px solid #ccc;
  background: url(/images/icon/ic_minus.png) no-repeat center center;
}

.com-search-form .form-list li .form-box .row .plus-btn {
  width: 25px;
  height: 25px;
  margin-left: 15px;
  border-radius: 50%;
  border: 1px solid #ccc;
  background: url(/images/icon/ic_plus.png) no-repeat center center;
}

.com-search-form .form-list li .form-box .del-icon {
  display: inline-block;
  position: relative;
  height: 28px;
  margin-right: 8px;
  padding: 0 30px 0 10px;
  border-radius: 14px;
  border: 1px solid #f97706;
}

.com-search-form .form-list li .form-box .del-icon .txt {
  display: inline-block;
  font-size: 14px;
  line-height: 26px;
  color: #f97706;
}

.com-search-form .form-list li .form-box .del-icon .del-btn {
  position: absolute;
  right: 8px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background: url(/images/icon/ic_icon_del.png) no-repeat 0 0;
}

.com-search-form .form-list li .form-box .add-btn {
  width: 90px;
  height: 46px;
  border: 1px solid #dddfe1;
  background: #9cabbf;
  font-size: 16px;
  color: #fff;
}

.com-search-form .form-list li .form-box .add-btn + .txt {
  margin-left: 20px;
}

.com-search-form .form-list li .form-box .right-sub-info {
  margin-left: auto;
}

.com-search-form .form-list li .form-box .right-sub-info .tit {
  width: auto;
  margin: 0 35px 0 70px;
}

.com-search-form .form-list li .form-box .right-sub-info .txt {
  font-size: 20px;
  color: #464a53;
}

.com-search-form .form-list li .form-box .com-radio + .com-calendar {
  margin-left: 50px;
}

.com-search-form .form-list li .form-box .com-check input[type="checkbox"]:checked + label::before {
  border-radius: 0;
  border: 0;
  background: url(/images/icon/ic_check_black_on.png) no-repeat 0 0;
}

.com-search-form .form-list li .form-box .com-check label::before {
  width: 20px;
  height: 20px;
}

.com-search-form .form-list li .form-box .text-search {
  display: inline-block;
}

.com-search-form .form-list li .form-box .text-search .com-select {
  width: 150px;
  height: 46px;
  margin-left: 40px;
}

.com-search-form .form-list li .form-box .text-search .com-select + input {
  margin-left: 0;
}

.com-search-form .form-list li .form-box .text-search input {
  width: 260px;
  height: 46px;
  margin-left: 18px;
  padding-left: 40px;
  border: 1px solid #dddfe1;
  background: #f3f3f3 url(/images/icon/ic_input_search.png) no-repeat 18px center;
}

.com-search-form .form-list li .form-box .text-search input.wide {
  width: 460px;
}

.com-search-form .form-list li .form-box .search-btn {
  width: 120px;
  height: 46px;
  margin-left: auto;
  border-radius: 5px;
  background: #f97706;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}

.com-search-form .form-list li .form-box .sub-txt {
  width: 140px;
  padding-left: 40px;
  margin: 0 20px 0 0;
  color: #666;
}

.com-search-form .form-list li .form-box .sub-txt:first-child {
  padding-left: 0;
}

.com-search-form .form-list li .form-box .txt-input {
  width: 380px;
}

.com-search-form .form-list li .form-box .txt-input.full {
  width: 100%;
}

.com-search-form .form-list li .form-box .txt-input.sub {
  width: 150px;
}

.com-search-form .form-list li .form-box .txt-input.small {
  width: 60px;
}

.com-search-form .form-list li .form-box .txt-input + .num {
  padding-left: 10px;
  font-size: 12px;
  color: #ddd;
}

.com-search-form .form-list li .form-box .txt-input + .search-btn {
  height: 52px;
}

.com-search-form .form-list li .form-box .txt-input + .txt {
  margin-left: 10px;
}

.com-search-form .form-list li .form-box .btn-input {
  width: 280px;
}

.com-search-form .form-list li .form-box .overlap-btn {
  width: 90px;
  height: 52px;
  margin-left: 10px;
  border: 1px solid #dddfe1;
  background: #f0f0f2;
  font-size: 14px;
  color: #abafb3;
}

.com-search-form .form-list li .form-box .search-btn {
  width: 90px;
  height: 46px;
  margin-left: 10px;
  background: #333;
  font-size: 16px;
  color: #fff;
}

.com-search-form .form-list li .form-box .search-btn:first-child {
  margin-left: 0;
}

.com-search-form .form-list li .form-box .info-txt {
  margin-left: 20px;
  font-size: 16px;
  color: #464a53;
}

.com-search-form .form-list li .form-box .strore-group {
  width: 40%;
}

.com-search-form .form-list li .form-box .strore-group .txt-input {
  width: 220px;
}

.com-search-form .form-list li .form-box .strore-group + .memo-group {
  width: 60%;
  margin-left: 0;
}

.com-search-form .form-list li .form-box .memo-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100% - 265px);
  margin-left: 35px;
}

.com-search-form .form-list li .form-box .memo-group .tit {
  width: 140px;
}

.com-search-form .form-list li .form-box .memo-group .txt-input {
  width: calc(100% - 140px);
}

.com-search-form .form-list li .form-box .file-add {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 50%;
  padding-right: 8px;
  border: 1px solid #dddfe1;
}

.com-search-form .form-list li .form-box .file-add > input[type="text"] {
  width: calc(100% - 150px);
  border: 0;
}

.com-search-form .form-list li .form-box .file-add .btn {
  position: relative;
}

.com-search-form .form-list li .form-box .file-add .btn input[type="file"] {
  position: absolute;
  left: -9999px;
}

.com-search-form .form-list li .form-box .file-add .btn label {
  display: inline-block;
  width: 125px;
  height: 32px;
  border: 1px solid #dddfe1;
  background: #f0f0f2;
  font-size: 14px;
  color: #abafb3;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
}

.com-search-form .form-list li .form-box .thumb-img {
  width: 100%;
  margin-top: 10px;
}

.com-search-form .form-list li .form-box .thumb-img img {
  max-width: 240px;
  margin-right: 10px;
  border: 1px solid #e1e1e1;
}

.com-search-form .form-list li .form-box .color-picker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.com-search-form .form-list li .form-box .color-picker > div {
  position: relative;
  margin-right: 58px;
}

.com-search-form .form-list li .form-box .color-picker .txt {
  margin: 0 18px 0 0;
  font-size: 16px;
  line-height: 36px;
  color: #7c7c7c;
}

.com-search-form .form-list li .form-box .color-picker .txt:first-child {
  margin-left: 0;
}

.com-search-form .form-list li .form-box .color-picker .color-btn {
  width: 36px;
  height: 36px;
  border-radius: 3px;
  border: 1px solid #dfdfdf;
}

.com-search-form .form-list li .form-box .color-picker .color-btn.on + .pallet {
  display: block;
}

.com-search-form .form-list li .form-box .color-picker .pallet {
  display: none;
  position: absolute;
  left: 15px;
  top: 40px;
  z-index: 10;
}

.com-search-form .form-list li .form-box .color-picker input[type="number"] {
  width: 88px;
  height: 36px;
  padding: 0 10px;
  border-radius: 3px;
  /* border: 1px solid #eaeaea; */
  border: 1px solid #BEC9D4; /*22-07-05 수정*/
}

.com-search-form .form-list li .form-box .color-picker .com-select {
  width: 150px;
  height: 36px;
  font-size: 14px;
}

.com-search-form .form-list li .form-box .list-table {
  width: 100%;
  text-align: center;
}

.com-search-form .form-list li .form-box .list-table th {
  border: 1px solid #000;
  background: #9cabbf;
  height: 40px;
  color: #fff;
}

.com-search-form .form-list li .form-box .list-table td {
  border: 1px solid #000;
  background: #fff;
  height: 45px;
}

.com-search-form .bottom-notice {
  padding: 20px 0 0 15px;
  font-size: 16px;
  color: #f97706;
}

.com-search-form .bottom-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 50px;
  padding-left: 240px;
}

.com-search-form .bottom-btn button {
  width: 120px;
  height: 46px;
  margin-right: 10px;
  border-radius: 3px;
  border: 1px solid #dddfe1;
  font-size: 18px;
  font-weight: 400;
  color: #4d4d4d;
}

.com-search-form .bottom-btn button.submit-btn {
  background: #f97706;
  color: #fff;
}

.com-search-form .bottom-btn button.del-btn {
  margin-left: auto;
  font-size: 18px;
  color: #f97706;
}

.com-search-form .bottom-btn button.refuse-btn {
  background: #4b5a6f;
  font-size: 18px;
  color: #fff;
}

.com-select {
  width: 220px;
  height: 52px;
  padding-left: 12px;
  border-radius: 3px;
  border: 1px solid #dddfe1;
  background: url(/images/icon/ic_list_arrow.png) no-repeat right 15px center;
  font-size: 16px;
  color: #464a53;
}

.com-table-list {
  padding: 65px 60px 90px;
}

.com-table-list.gray-type.align-middle td {
  vertical-align: middle;
}

.com-table-list.gray-type th {
  background: #f3f3f3;
  border-right: 1px solid #e6e6e6;
}

.com-table-list.gray-type th[rowspan="2"] {
  border-right: 1px solid #e6e6e6;
}

.com-table-list.gray-type th:last-child {
  border-right: 0;
}

.com-table-list.gray-type td {
  border-right: 1px solid #e6e6e6;
  vertical-align: top;
}

.com-table-list.gray-type td:last-child {
  border-right: 0;
}

.com-table-list.gray-type td .txt {
  display: block;
  line-height: 30px;
}

.com-table-list.gray-type td .txt.imp {
  display: block;
}

.com-table-list.gray-type td .txt.ing {
  color: #12c8fb;
}

.com-table-list.gray-type td .txt.miss {
  color: #c00000;
}

.com-table-list.gray-type td .txt.wait {
  color: #000;
}

.com-table-list.gray-type td .txt.stop {
  color: #ff0000;
}

.com-table-list.gray-type td .txt.live {
  color: #0070c0;
}

.com-table-list.gray-type td .com-check {
  display: block;
  margin-left: 0;
}

.com-table-list.gray-type .tree-list .sub-list {
  padding-left: 20px;
}

.com-table-list .top-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}

.com-table-list .top-area .title {
  display: inline-block;
  font-size: 22px;
  color: #7c7c7c;
}

.com-table-list .top-area .title .num {
  margin-left: 7px;
  font-size: 22px;
  font-weight: bold;
  color: #f97706;
}

.com-table-list .top-area .title .txt {
  display: inline-block;
  margin-right: 60px;
  font-size: 16px;
  font-weight: bold;
  color: #4d4d4d;
}

.com-table-list .top-area .title .live-txt {
  display: inline-block;
  position: relative;
  margin-right: 20px;
  padding-left: 25px;
  font-size: 16px;
  color: #4d4d4d;
}

.com-table-list .top-area .title .live-txt::before {
  content: '';
  position: absolute;
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border-radius: 50%;
}

.com-table-list .top-area .title .live-txt.icon-1::before {
  background: #7f7c7c;
}

.com-table-list .top-area .title .live-txt.icon-2::before {
  background: #b0cdf5;
}

.com-table-list .top-area .title .live-txt.icon-3::before {
  background: #ffcc00;
}

.com-table-list .top-area .title .live-txt.icon-4::before {
  background: #7e54df;
}

.com-table-list .top-area .title .live-txt.icon-5::before {
  background: #ff6e03;
}

.com-table-list .top-area .check-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 40px;
}

.com-table-list .top-area .check-item .com-check {
  margin-right: 40px;
}

.com-table-list .top-area .check-item button {
  min-width: 100px;
  height: 35px;
  padding: 0 15px;
  margin-right: 10px;
  border-radius: 3px;
  border: 1px solid #e2e2e2;
  color: #7c7c7c;
}

.com-table-list .top-area .sort-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
}

.com-table-list .top-area .sort-btn + .sort-select {
  margin-left: 30px;
}

.com-table-list .top-area .sort-btn button {
  position: relative;
  height: 22px;
  padding: 0 10px;
  font-size: 16px;
  color: #7c7c7c;
}

.com-table-list .top-area .sort-btn button::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 22px;
  background: #bfc2c9;
}

.com-table-list .top-area .sort-btn button:first-child::before {
  display: none;
}

.com-table-list .top-area .sort-btn button.on {
  font-weight: bold;
  color: #f97706;
}

.com-table-list .top-area .sort-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
}

.com-table-list .top-area .sort-select .tit {
  display: inline-block;
  margin-left: 30px;
  padding-right: 12px;
  font-size: 16px;
  line-height: 35px;
  color: #7c7c7c;
}

.com-table-list .top-area .sort-select .com-select {
  width: 90px;
  height: 35px;
  font-size: 14px;
}

.com-table-list .top-area .sort-select .com-select.w140 {
  width: 140px;
}

.com-table-list .top-area .sort-select .reset-btn {
  width: 85px;
  height: 36px;
  margin-left: 10px;
  border-radius: 3px;
  border: 1px solid #f97706;
  font-size: 18px;
  color: #f97706;
}

.com-table-list .table-area table {
  width: 100%;
  border-top: 3px solid #eaebeb;
}

.com-table-list .table-area table th {
  height: 52px;
  border-bottom: 1px solid #e6e6e6;
  font-size: 14px;
  font-weight: bold;
  color: #666;
}

.com-table-list .table-area table th.bdr {
  border-right: 1px solid #e6e6e6;
}

.com-table-list .table-area table th button {
  position: relative;
  padding-right: 15px;
  font-size: 14px;
  font-weight: bold;
  color: #666;
}

.com-table-list .table-area table th button::after {
  content: '';
  position: absolute;
  right: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 10px;
  height: 6px;
  background: url(/images/icon/ic_list_arrow.png) no-repeat 0 0;
}

.com-table-list .table-area table th button.on::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  margin-top: -2px;
}

.com-table-list .table-area table td {
  height: 64px;
  padding: 10px 3px;
  border-bottom: 1px solid #e6e6e6;
  font-size: 14px;
  color: #555;
  text-align: center;
}

.com-table-list .table-area table td .waveform {
  display: block;
  width: 100%;
  height: 30px;
}

.com-table-list .table-area table td .waveform wave {
  height: 30px !important;
}

.com-table-list .table-area table td .waveform wave > wave:first-child {
  display: none !important;
}

.com-table-list .table-area table td.left {
  text-align: left;
}

.com-table-list .table-area table td input.w100 {
  width: 100px;
}

.com-table-list .table-area table td .cancel-btn,
.com-table-list .table-area table td .complete-btn,
.com-table-list .table-area table td .wait-btn {
  margin-left: 5px;
  padding: 5px 7px;
  background: #000;
  border-radius: 5px;
  color: #fff;
  font-size: 13px;
  vertical-align: middle;
}

.com-table-list .table-area table td .refuse-btn {
  margin-left: 5px;
  padding: 5px 7px;
  background: #fa6d6d;
  border-radius: 5px;
  color: #fff;
  font-size: 13px;
  vertical-align: middle;
}

.com-table-list .table-area table td a {
  text-decoration: underline;
  color: #555;
}

.com-table-list .table-area table td a:hover {
  color: #f97706;
}

.com-table-list .table-area table td .imp {
  display: inline-block;
  color: #f97706;
}

.com-table-list .table-area table td .round {
  display: inline-block;
  min-width: 80px;
  height: 28px;
  padding: 0 10px;
  border-radius: 14px;
  font-size: 15px;
  line-height: 28px;
  color: #fefefe;
  text-align: center;
}

.com-table-list .table-area table td .round.icon-1 {
  background: #ff8b27;
}

.com-table-list .table-area table td .round.icon-2 {
  background: #7f7c7c;
}

.com-table-list .table-area table td .round.icon-3 {
  background: #7e54df;
}

.com-table-list .table-area table td .round.icon-4 {
  background: #b0cdf5;
}

.com-table-list .table-area table td .round.icon-5 {
  background: #ffcc00;
}

.com-table-list .table-area table td .round.icon-6 {
  background: #00ba73;
}

.com-table-list .table-area table td .care-btn {
  height: 36px;
  padding: 0 15px;
  border-radius: 18px;
  background: #e1d8f1;
  font-size: 12px;
  color: #673bb7;
}

.com-table-list .table-area table td .link-btn {
  display: inline-block;
  min-width: 80px;
  height: 36px;
  padding: 0 15px;
  border-radius: 3px;
  background: #000;
  font-size: 12px;
  color: #fff;
  line-height: 36px;
  text-decoration: none;
}

.com-table-list .table-area table td .thumb {
  display: inline-block;
  max-width: 130px;
}

.com-table-list .table-area table td .live-txt {
  display: inline-block;
  position: relative;
  margin-right: 20px;
  padding-left: 25px;
  font-size: 16px;
  color: #4d4d4d;
}

.com-table-list .table-area table td .live-txt::before {
  content: '';
  position: absolute;
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border-radius: 50%;
}

.com-table-list .table-area table td .live-txt.icon-1::before {
  background: #7f7c7c;
}

.com-table-list .table-area table td .live-txt.icon-2::before {
  background: #b0cdf5;
}

.com-table-list .table-area table td .live-txt.icon-3::before {
  background: #ffcc00;
}

.com-table-list .table-area table td .live-txt.icon-4::before {
  background: #7e54df;
}

.com-table-list .table-area table td .live-txt.icon-5::before {
  background: #ff6e03;
}

.com-table-list .table-area table td .volume-control {
  position: relative;
  width: 100%;
  padding: 0 50px;
}

.com-table-list .table-area table td .volume-control .minus-btn {
  position: absolute;
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid #dee0e2;
  background: url(/images/icon/ic_minus.png) no-repeat center center;
}

.com-table-list .table-area table td .volume-control input {
  width: 100%;
  text-align: center;
  border: 1px solid #dee0e2;
}

.com-table-list .table-area table td .volume-control .plus-btn {
  position: absolute;
  right: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid #dee0e2;
  background: url(/images/icon/ic_plus.png) no-repeat center center;
}

.com-table-list .table-area .com-check input[type="checkbox"]:checked + label::before {
  border-radius: 0;
  border: 0;
  background: url(/images/icon/ic_check_orange_on.png) no-repeat 0 0;
}

.com-table-list .table-area .com-radio label {
  height: 24px;
}

.com-template {
  padding: 25px 60px 40px;
}

.com-template.content-type {
  margin: 10px 0 0;
  padding: 40px 60px;
  background: #f8f9fb;
}

.com-template .content-group .template {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  height: 460px;
}

.com-template .content-group .template .content {
  padding: 20px;
  border: 1px solid #dddfe1;
  background: #fff;
  font-size: 16px;
  color: #abafb3;
}

.com-template .content-group .template .content.cursor {
  cursor: pointer;
}

.com-template .content-group .template.type-1 .content {
  width: 100%;
  height: 100%;
}

.com-template .content-group .template.type-2 .content {
  height: 100%;
}

.com-template .content-group .template.type-2 .content:nth-child(1) {
  width: 30%;
  margin-right: 10px;
}

.com-template .content-group .template.type-2 .content:nth-child(2) {
  width: calc(70% - 10px);
}

.com-template .content-group .template.type-3 .content {
  height: 100%;
}

.com-template .content-group .template.type-3 .content:nth-child(1) {
  width: calc(70% - 10px);
}

.com-template .content-group .template.type-3 .content:nth-child(2) {
  width: 30%;
  margin-left: 10px;
}

.com-template .content-group .template.type-4 .content:nth-child(1) {
  width: 100%;
  height: 120px;
  margin-bottom: 10px;
}

.com-template .content-group .template.type-4 .content:nth-child(2) {
  width: calc(70% - 10px);
  height: calc(100% - 130px);
}

.com-template .content-group .template.type-4 .content:nth-child(3) {
  width: 30%;
  height: calc(100% - 130px);
  margin-left: 10px;
}

.com-template .content-group .template.type-5 .content:nth-child(1) {
  width: 30%;
  height: calc(100% - 130px);
  margin-right: 10px;
}

.com-template .content-group .template.type-5 .content:nth-child(2) {
  width: calc(70% - 10px);
  height: calc(100% - 130px);
}

.com-template .content-group .template.type-5 .content:nth-child(3) {
  width: 100%;
  height: 120px;
  margin-top: 10px;
}

.com-template .content-group .template.type-6 .content:nth-child(1) {
  width: 100%;
  height: 120px;
  margin-bottom: 10px;
}

.com-template .content-group .template.type-6 .content:nth-child(2) {
  width: 100%;
  height: calc(100% - 130px);
}

.com-template .content-group .template.type-7 .content:nth-child(1) {
  width: 100%;
  height: calc(100% - 130px);
}

.com-template .content-group .template.type-7 .content:nth-child(2) {
  width: 100%;
  height: 120px;
  margin-top: 10px;
}

.com-template .content-group .template.type-8 .content:nth-child(1) {
  width: 100%;
  height: 100px;
}

.com-template .content-group .template.type-8 .content:nth-child(2) {
  width: 100%;
  height: calc(100% - 220px);
  margin: 10px 0;
}

.com-template .content-group .template.type-8 .content:nth-child(3) {
  width: 100%;
  height: 100px;
}

.com-template .content-group .template.type-9 .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 30%;
  height: 100%;
  margin-right: 10px;
}

.com-template .content-group .template.type-9 .left .content {
  width: 100%;
}

.com-template .content-group .template.type-9 .left .content:nth-child(1) {
  height: 30%;
  margin-bottom: 10px;
}

.com-template .content-group .template.type-9 .left .content:nth-child(2) {
  height: calc(70% - 10px);
}

.com-template .content-group .template.type-9 > .content {
  width: calc(70% - 10px);
  height: 100%;
}

.com-template .content-group .template.type-10 .content:nth-child(1) {
  width: 100%;
  height: calc(50% - 5px);
}

.com-template .content-group .template.type-10 .content:nth-child(2) {
  width: 100%;
  height: calc(50% - 5px);
  margin-top: 10px;
}

.com-template .content-group .template.type-11 .content:nth-child(1) {
  width: calc(50% - 5px);
  height: 100%;
  margin-right: 10px;
}

.com-template .content-group .template.type-11 .content:nth-child(2) {
  width: calc(50% - 5px);
  height: 100%;
}

.com-template .content-group .template.type-12 .content:nth-child(1) {
  width: calc(70% - 10px);
  height: calc(100% - 130px);
}

.com-template .content-group .template.type-12 .content:nth-child(2) {
  width: 30%;
  height: calc(100% - 130px);
  margin-left: 10px;
}

.com-template .content-group .template.type-12 .content:nth-child(3) {
  width: 100%;
  height: 120px;
  margin-top: 10px;
}

.com-template .step-txt-group {
  padding-bottom: 22px;
  border-bottom: 3px solid #eaebeb;
}

.com-template .step-txt-group .step-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.com-template .step-txt-group .step-info span {
  position: relative;
  margin-left: 20px;
  padding-left: 15px;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  color: #ebeced;
}

.com-template .step-txt-group .step-info span::before {
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  width: 3px;
  height: 20px;
  background: #ebeced;
}

.com-template .step-txt-group .step-info span.on {
  color: #8b8881;
}

.com-template .step-txt-group .step-info span.on::before {
  background: #7f63f4;
}

.com-template .step-txt-group > .title {
  font-size: 20px;
  font-weight: bold;
  color: #f97706;
}

.com-template .select-template-group .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 20px;
  margin-right: -35px;
}

.com-template .select-template-group .list li {
  width: 300px;
  height: 270px;
  margin: 35px 35px 0 0;
}

.com-template .select-template-group .list li:nth-child(1) {
  background: url(/images/bg/bg_template_1.jpg) no-repeat 0 bottom;
}

.com-template .select-template-group .list li:nth-child(2) {
  background: url(/images/bg/bg_template_2.jpg) no-repeat 0 bottom;
}

.com-template .select-template-group .list li:nth-child(3) {
  background: url(/images/bg/bg_template_3.jpg) no-repeat 0 bottom;
}

.com-template .select-template-group .list li:nth-child(4) {
  background: url(/images/bg/bg_template_4.jpg) no-repeat 0 bottom;
}

.com-template .select-template-group .list li:nth-child(5) {
  background: url(/images/bg/bg_template_5.jpg) no-repeat 0 bottom;
}

.com-template .select-template-group .list li:nth-child(6) {
  background: url(/images/bg/bg_template_6.jpg) no-repeat 0 bottom;
}

.com-template .select-template-group .list li:nth-child(7) {
  background: url(/images/bg/bg_template_7.jpg) no-repeat 0 bottom;
}

.com-template .select-template-group .list li:nth-child(8) {
  background: url(/images/bg/bg_template_8.jpg) no-repeat 0 bottom;
}

.com-template .select-template-group .list li:nth-child(9) {
  background: url(/images/bg/bg_template_9.jpg) no-repeat 0 bottom;
}

.com-template .select-template-group .list li:nth-child(10) {
  background: url(/images/bg/bg_template_10.jpg) no-repeat 0 bottom;
}

.com-template .select-template-group .list li:nth-child(11) {
  background: url(/images/bg/bg_template_11.jpg) no-repeat 0 bottom;
}

.com-template .select-template-group .list li:nth-child(12) {
  background: url(/images/bg/bg_template_12.jpg) no-repeat 0 bottom;
}

.com-template .btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 40px;
}

.com-template .btn-group .next-btn {
  width: 170px;
  height: 48px;
  border-radius: 24px;
  background: #ffded2;
  font-size: 18px;
  font-weight: 400;
  color: #f95606;
}

.com-template .btn-group .del-btn {
  width: 120px;
  height: 48px;
  margin-left: 10px;
  border-radius: 3px;
  border: 1px solid #dddfe1;
  background: #fff;
  font-size: 18px;
  font-weight: 400;
  color: #4d4d4d;
}

.com-template .btn-group .list-btn {
  width: 120px;
  height: 48px;
  margin-left: 10px;
  border-radius: 3px;
  border: 1px solid #dddfe1;
  background: #fff;
  font-size: 18px;
  font-weight: 400;
  color: #4d4d4d;
}

.com-template .btn-group .submit-btn {
  width: 120px;
  height: 48px;
  margin-left: 10px;
  border-radius: 3px;
  background: #f97706;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
}

.com-template .btn-group .preview-btn {
  width: 170px;
  height: 48px;
  margin-right: auto;
  padding-left: 30px;
  border-radius: 24px;
  background: #ffded2 url(/images/icon/ic_preview_btn.png) no-repeat right 15px center;
  font-size: 18px;
  font-weight: 400;
  text-align: left;
  color: #f95606;
}

.com-template .template-upload-group {
  margin-top: 40px;
}

.com-template .template-upload-group .form-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 52px;
}

.com-template .template-upload-group .form-list li + li {
  margin-top: 20px;
}

.com-template .template-upload-group .form-list li > .tit {
  width: 245px;
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
  color: #464a53;
}

.com-template .template-upload-group .form-list li > .txt {
  width: calc(50% - 245px);
  font-size: 20px;
  line-height: 30px;
  color: #464a53;
}

.com-template .template-upload-group .form-list li > .txt.title {
  width: calc(100% - 245px);
  line-height: 52px;
}

.com-template .template-upload-group .form-list li > .txt.title > input {
  width: 80%;
}

.com-template .template-upload-group .form-list li > .txt.title .com-radio {
  margin-left: 10px;
}

.com-template .template-upload-group .form-list li input[type="text"].full {
  width: calc(100% - 245px);
}

.com-template .template-upload-group .form-list li .color-item {
  width: calc(50% - 245px);
}

.com-template .template-upload-group .form-list li .color-item .color-picker {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 220px;
  height: 52px;
  padding: 0 5px 0 10px;
  border: 1px solid #dddfe1;
}

.com-template .template-upload-group .form-list li .color-item .color-picker .txt {
  font-size: 20px;
  color: #464a53;
}

.com-template .template-upload-group .form-list li .color-item .color-picker .color-btn {
  width: 40px;
  height: 40px;
  border: 1px solid #dddfe1;
}

.com-template .template-upload-group .form-list li .color-item .color-picker .color-btn.on + .pallet {
  display: block;
}

.com-template .template-upload-group .form-list li .color-item .pallet {
  display: none;
  position: absolute;
  right: 0;
  top: 52px;
}

.com-template .template-upload-group .form-list li .file-add {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(50% - 245px);
}

.com-template .template-upload-group .form-list li .file-add > input[type="text"] {
  width: calc(100% - 100px);
}

.com-template .template-upload-group .form-list li .file-add .btn {
  position: relative;
}

.com-template .template-upload-group .form-list li .file-add .btn input[type="file"] {
  position: absolute;
  left: -9999px;
}

.com-template .template-upload-group .form-list li .file-add .btn label {
  display: inline-block;
  width: 90px;
  height: 52px;
  margin-left: 10px;
  border: 1px solid #dddfe1;
  background: #f0f0f2;
  font-size: 14px;
  line-height: 50px;
  color: #abafb3;
  text-align: center;
  cursor: pointer;
}

#wrap.login {
  min-height: 100vh;
}

#wrap.login #footer {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
}

/* 로그인 */
.login-wrap {
  width: 100%;
  height: 100%;
}

.login-wrap .logcontent-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: url(/images/bg_login.jpg) center no-repeat;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.login-wrap .logcontent-wrap .login-box-wrap {
  width: 670px;
  height: 664px;
  background: #fff;
  margin: 120px auto 120px auto;
  padding: 120px 145px 110px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1);
}

.login-wrap .logcontent-wrap .login-box-wrap .logo {
  display: block;
  width: 100%;
  height: 39px;
  background: url(/images/login_logo.png) center no-repeat;
}

.login-wrap .logcontent-wrap .login-box-wrap .logoin-input-wrap {
  margin-top: 54px;
  border-top: 2px solid #101010;
}

.login-wrap .logcontent-wrap .login-box-wrap .logoin-input-wrap .top-select {
  display: block;
  position: relative;
  padding: 10px 0 0 0;
  border-bottom: 1px solid #e7e7e7;
  z-index: 1;
}

.login-wrap .logcontent-wrap .login-box-wrap .logoin-input-wrap .top-select.on .open-btn::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.login-wrap .logcontent-wrap .login-box-wrap .logoin-input-wrap .top-select.on .btn-list {
  display: block;
}

.login-wrap .logcontent-wrap .login-box-wrap .logoin-input-wrap .top-select .open-btn {
  position: relative;
  width: 100%;
  height: 56px;
  padding: 0px 30px 0px 95px;
  border: 0;
  border-radius: 3px;
  font-size: 14px;
  line-height: 44px;
  color: #424952;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  border-bottom: 0px solid #fff;
  text-align: left;
}

.login-wrap .logcontent-wrap .login-box-wrap .logoin-input-wrap .top-select .open-btn::before {
  content: '';
  position: absolute;
  left: 0;
  top: 17px;
  width: 21px;
  height: 21px;
  background: url(/images/login_logo_form1.png) no-repeat 0 0;
}

.login-wrap .logcontent-wrap .login-box-wrap .logoin-input-wrap .top-select .open-btn::after {
  content: '';
  position: absolute;
  right: 4px;
  top: 24px;
  width: 9px;
  height: 6px;
  background: url(/images/icon_search_select.png) no-repeat 0 0;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

.login-wrap .logcontent-wrap .login-box-wrap .logoin-input-wrap .top-select .btn-list {
  display: none;
  overflow-y: auto;
  position: absolute;
  left: 0;
  top: 66px;
  width: 100%;
  max-height: 120px;
  border: 1px solid #f5f5f5;
  background: #fff;
}

.login-wrap .logcontent-wrap .login-box-wrap .logoin-input-wrap .top-select .btn-list li {
  border-bottom: 1px solid #f5f5f5;
}

.login-wrap .logcontent-wrap .login-box-wrap .logoin-input-wrap .top-select .btn-list li.on button {
  background: #f7f7f7 url(/images/icon_select_2.png) no-repeat right 7px center;
}

.login-wrap .logcontent-wrap .login-box-wrap .logoin-input-wrap .top-select .btn-list li button {
  display: block;
  width: 100%;
  padding-left: 95px;
  font-size: 14px;
  line-height: 36px;
  -webkit-transition: none;
  transition: none;
  text-align: left;
}

.login-wrap .logcontent-wrap .login-box-wrap .logoin-input-wrap .top-select .btn-list li button:hover {
  background: #f7f7f7 url(/images/icon_select_2.png) no-repeat right 7px center;
}

.login-wrap .logcontent-wrap .login-box-wrap .logoin-input-wrap .top-select .family-site {
  position: relative;
  margin-left: auto;
  margin-top: -15px;
}

.login-wrap .logcontent-wrap .login-box-wrap .logoin-input-wrap .top-select .family-site select {
  min-width: 230px;
  height: 44px;
  line-height: 44px;
  padding: 0px 30px 0px 0px;
  color: #fff;
  font-weight: 700;
  background-color: transparent;
  border: 0;
  border-bottom: 0px solid #fff;
  margin-top: -15px;
}

.login-wrap .logcontent-wrap .login-box-wrap .logoin-input-wrap .idpw-wrap {
  position: relative;
}

.login-wrap .logcontent-wrap .login-box-wrap .logoin-input-wrap .idpw-wrap .form-line {
  position: relative;
  border-bottom: 1px solid #e7e7e7;
}

.login-wrap .logcontent-wrap .login-box-wrap .logoin-input-wrap .idpw-wrap .form-line:nth-child(1)::before {
  content: '';
  position: absolute;
  left: 3px;
  top: 19px;
  width: 16px;
  height: 21px;
  background: url(/images/login_logo_form2.png) no-repeat 0 0;
}

.login-wrap .logcontent-wrap .login-box-wrap .logoin-input-wrap .idpw-wrap .form-line:nth-child(2)::before {
  content: '';
  position: absolute;
  left: 3px;
  top: 19px;
  width: 16px;
  height: 21px;
  background: url(/images/login_logo_form3.png) no-repeat 0 0;
}

/*22-08-24 capslock 추가*/
.login-wrap .logcontent-wrap .login-box-wrap .logoin-input-wrap .idpw-wrap .form-line .capsLock {
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translate(0%, -50%);
  min-width: 88px;
  min-height: 24px;
  padding: 4px 10px 5px;
  background: #E0205C;
  border-radius: 24px;
  box-sizing: border-box;
  color: #fff;
  font-size: 12px;
  z-index: 10;
}
.login-wrap .logcontent-wrap .login-box-wrap .logoin-input-wrap .idpw-wrap .form-line .capsLock::before {
  display: inline-block;
  content: '\e053';
  font-family: 'SAP-icons';
  font-size: 13px;
  color: #fff;
  margin-right: 5px;
  vertical-align: middle;
  margin-top: -2px;
}
/*//22-08-24 capslock 추가*/

.login-wrap .logcontent-wrap .login-box-wrap .logoin-input-wrap .idpw-wrap .form-line > input {
  width: 100%;
  height: 60px;
  padding: 0 12px 0 95px;
  border: 0;
  font-size: 14px;
  color: #333;
}

.login-wrap .logcontent-wrap .login-box-wrap .logoin-input-wrap .idpw-wrap .form-line > input::-webkit-input-placeholder {
  font-size: 14px;
}

.login-wrap .logcontent-wrap .login-box-wrap .logoin-input-wrap .idpw-wrap .form-line > input:-ms-input-placeholder {
  font-size: 14px;
}

.login-wrap .logcontent-wrap .login-box-wrap .logoin-input-wrap .idpw-wrap .form-line > input::-ms-input-placeholder {
  font-size: 14px;
}

.login-wrap .logcontent-wrap .login-box-wrap .logoin-input-wrap .idpw-wrap .form-line > input::placeholder {
  font-size: 14px;
}

.login-wrap .logcontent-wrap .login-box-wrap .logoin-input-wrap .idpw-wrap .error-box {
  display: none;
  position: relative;
  padding-left: 20px;
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #BB0000;
}

.login-wrap .logcontent-wrap .login-box-wrap .logoin-input-wrap .idpw-wrap .error-box::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '\e1c8';
  font-size: 15px;
  line-height: 20px;
  font-family: SAP-icons;
  vertical-align: top;
}

.login-wrap .logcontent-wrap .login-box-wrap .logoin-input-wrap .idpw-wrap .inp-chk {
  position: relative;
  margin-top: 10px;
}

.login-wrap .logcontent-wrap .login-box-wrap .logoin-input-wrap .idpw-wrap .inp-chk input {
  position: absolute;
  left: -99999px;
}

.login-wrap .logcontent-wrap .login-box-wrap .logoin-input-wrap .idpw-wrap .inp-chk input:checked + label::before {
  background: url(/images/checked.png) no-repeat 0 0;
}

.login-wrap .logcontent-wrap .login-box-wrap .logoin-input-wrap .idpw-wrap .inp-chk label {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  margin-right: 20px;
  color: #2C3238;
  font-size: 13px;
  line-height: 20px;
  cursor: pointer;
}

.login-wrap .logcontent-wrap .login-box-wrap .logoin-input-wrap .idpw-wrap .inp-chk label::before {
  content: '';
  position: absolute;
  left: 5px;
  top: 2px;
  width: 16px;
  height: 16px;
  background: url(/images/checkbox.png) no-repeat 0 0;
}

.login-wrap .logcontent-wrap .login-box-wrap .logoin-input-wrap .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 40px;
}

.login-wrap .logcontent-wrap .login-box-wrap .logoin-input-wrap .btn-wrap .btn-login {
  width: 160px;
  height: 45px;
  background: #4b4b4b;
  border-radius: 23px;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}

.login-wrap .logcontent-wrap .login-box-wrap .logoin-input-wrap .btn-wrap .btn-login:hover {
  background: #e0205c;
}

.login-wrap .logcontent-wrap .idpw-search-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: auto;
  margin: -230px auto 220px auto;
  padding: 0 5px;
}

.login-wrap .logcontent-wrap .idpw-search-wrap button {
  position: relative;
  background: transparent;
  font-size: 14px;
  color: #333;
  margin: 0 10px;
}

.login-wrap .logcontent-wrap .idpw-search-wrap button:first-child::before {
  display: none;
}

.login-wrap .logcontent-wrap .idpw-search-wrap button::before {
  content: '';
  position: absolute;
  left: -10px;
  top: 6px;
  width: 1px;
  height: 10px;
  background: #ccc;
}

@media all and (max-width: 1024px) {
  .login-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    overflow-y: auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .login-wrap .logcontent-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 0 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-color: #fff !important;
    background-image: none !important;
    height: 100%;
  }
  .login-wrap .logcontent-wrap .login-box-wrap {
    width: 100%;
    height: auto;
    margin: auto;
    padding: 0 15px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .login-wrap .logcontent-wrap .login-box-wrap .logo {
    background-size: contain;
  }
  .login-wrap .logcontent-wrap .login-box-wrap .logoin-input-wrap {
    width: 100%;
    margin-top: 20px;
  }
  .login-wrap .logcontent-wrap .login-box-wrap .logoin-input-wrap .top-select .open-btn {
    padding-left: 30px;
  }
  .login-wrap .logcontent-wrap .login-box-wrap .logoin-input-wrap .top-select .btn-list li button {
    padding-left: 30px;
  }
  .login-wrap .logcontent-wrap .login-box-wrap .logoin-input-wrap .idpw-wrap .form-line > input {
    padding-left: 30px;
  }
  .login-wrap .logcontent-wrap .login-box-wrap .logoin-input-wrap .btn-wrap .btn-login {
    width: 120px;
    height: 35px;
    font-size: 12px;
  }
  .login-wrap .logcontent-wrap .login-box-wrap .idpw-search-wrap {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 15px 0 0 0;
    padding: 0;
  }
  .login-wrap .logcontent-wrap .login-box-wrap .idpw-search-wrap button {
    margin: 0;
    font-size: 11px;
    padding: 0 10px;
  }
  .login-wrap .logcontent-wrap .login-box-wrap .idpw-search-wrap button::before {
    left: 0px;
    top: 3px;
  }
}

.footer-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  padding: 35px 100px 60px 100px;
  background: #41455A;
  color: #A5B3C2;
  z-index: 10;
}

.footer-wrap .link-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
}

.footer-wrap .link-box .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.footer-wrap .link-box .list li {
  margin-right: 25px;
}

.footer-wrap .link-box .list li a,
.footer-wrap .link-box .list li button {
  font-size: 15px;
  color: #A5B3C2;
  background: transparent;
  vertical-align: text-bottom;
}

.footer-wrap .link-box .list li a.on,
.footer-wrap .link-box .list li button.on {
  color: #fff;
}

.footer-wrap .link-box .family-site {
  position: relative;
  margin-left: auto;
  margin-top: -15px;
}

.footer-wrap .link-box .family-site.on .open-btn::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.footer-wrap .link-box .family-site.on .link-list {
  display: block;
}

.footer-wrap .link-box .family-site .open-btn {
  position: relative;
  width: 230px;
  height: 44px;
  line-height: 44px;
  padding: 0px 30px 0px 0px;
  color: #fff;
  font-weight: 700;
  background-color: transparent;
  border: 0;
  border-bottom: 0px solid #fff;
  text-align: left;
}

.footer-wrap .link-box .family-site .open-btn::after {
  content: '\e1e2';
  font-family: SAP-icons;
  font-weight: 400;
  position: absolute;
  right: 10px;
  top: 0px;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

.footer-wrap .link-box .family-site .link-list {
  display: none;
  overflow-y: auto;
  position: absolute;
  left: 0;
  top: 44px;
  width: 100%;
  max-height: 120px;
  border: 1px solid #f5f5f5;
  background: #fff;
}

.footer-wrap .link-box .family-site .link-list li {
  border-bottom: 1px solid #f5f5f5;
}

.footer-wrap .link-box .family-site .link-list li a {
  display: block;
  padding-left: 15px;
  font-size: 14px;
  line-height: 36px;
}

.footer-wrap .link-box .family-site .link-list li a:hover {
  background: #f7f7f7 url(/images/icon_select_2.png) no-repeat right 7px center;
}

.footer-wrap .link-box .family-site select {
  min-width: 230px;
  height: 44px;
  line-height: 44px;
  padding: 0px 30px 0px 0px;
  color: #fff;
  font-weight: 700;
  background-color: transparent;
  border: 0;
  border-bottom: 0px solid #fff;
  margin-top: -15px;
}

.footer-wrap .foot-copy-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #6B7682;
  padding-top: 28px;
  font-size: 14px;
  color: #A5B3C2;
}

.footer-wrap .foot-copy-wrap address {
  font-size: 14px;
  font-style: normal;
  color: #A5B3C2;
}

.footer-wrap .foot-copy-wrap address span {
  color: #A5B3C2;
  font-size: 11px;
  margin: 0 5px;
  vertical-align: text-top;
}

.footer-wrap .foot-copy-wrap .foot-copy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  color: #A5B3C2;
}

@media all and (max-width: 1024px) {
  .footer-wrap {
    display: none;
  }
}



/*-------------------------------------------- layer popup ----------------------------------------------------*/
.car-info-pop .flex-wrap,
.error-pop .flex-wrap,
.confirm-pop .flex-wrap,
.search-table-pop .flex-wrap,
.layer-pop .flex-wrap {
  display: flex; width: 100%; height: 100%; justify-content: center; align-items: center;
}
.car-info-pop .flex-wrap .pop-content, 
.error-pop .flex-wrap .pop-content,
.confirm-pop .flex-wrap .pop-content,
.search-table-pop .flex-wrap .pop-content,
.layer-pop .flex-wrap .pop-content {
  display: flex; flex-direction: column; padding: 0px; background: #fff;
  -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px; transform: unset; position: unset;
}
.modal .flex-wrap {
  display: flex; width: 100%; height: 100%; justify-content: center; align-items: center;
}
.modal .flex-wrap .modal-dialog.search-id,
.modal .flex-wrap .modal-dialog.search-pw,
.modal .flex-wrap .modal-dialog.account_unlock,
.modal .flex-wrap .modal-dialog.join,
.modal .flex-wrap .modal-dialog.authentication,
.modal .flex-wrap .modal-dialog.privacy,
.modal .flex-wrap .modal-dialog.country-search {
  display: flex; flex-direction: column; background: #fff;
  -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px; transform: unset; position: unset;
}

/*input teatarea disabled*/
.modal input:disabled,
.error-pop input:disabled,
.car-info-pop input:disabled,
.confirm-pop input:disabled,
.search-table-pop input:disabled,
.layer-pop input:disabled,
.modal textarea:disabled,
.error-pop textarea:disabled,
.car-info-pop textarea:disabled,
.confirm-pop textarea:disabled,
.search-table-pop textarea:disabled,
.layer-pop textarea:disabled {
  background: #e6e6e6; border: 1px solid #c2c2c2; cursor: default; color: #aaa;
}
.modal input:disabled:focus,
.error-pop input:disabled:focus,
.car-info-pop input:disabled:focus,
.confirm-pop input:disabled:focus,
.search-table-pop input:disabled:focus,
.layer-pop input:disabled:focus,
.modal textarea:disabled:focus,
.error-pop textarea:disabled:focus,
.car-info-pop textarea:disabled:focus,
.confirm-pop textarea:disabled:focus,
.search-table-pop textarea:disabled:focus,
.layer-pop textarea:disabled:focus {
  background: #e6e6e6; border: 1px solid #c2c2c2; cursor: default; color: #aaa;
}

/*button disabled*/
.modal button:disabled,
.error-pop button:disabled,
.car-info-pop button:disabled,
.confirm-pop button:disabled,
.search-table-pop button:disabled,
.layer-pop button:disabled,
.search-btn-box .personal-flex button:disabled {
  background: #e6e6e6; border: 1px solid #c2c2c2; cursor: default; color: #686b6e;
}
.modal button:disabled span,
.error-pop button:disabled span,
.car-info-pop button:disabled span,
.confirm-pop button:disabled span,
.search-table-pop button:disabled span,
.layer-pop button:disabled span {
  color: #999;
}
.modal .modal-dialog .ly-wrap .bbtn-Wrap button:disabled,
.modal .modal-dialog .ly-wrap .bbtn-Wrap button:disabled:hover,
.search-table-pop .pop-content .btn-box button:disabled,
.search-table-pop .pop-content .btn-box button:disabled:hover,
.confirm-pop .pop-content .btn-box button:disabled,
.confirm-pop .pop-content .btn-box button:disabled:hover,
.layer-pop .btn-box button:disabled,
.layer-pop .btn-box button:disabled:hover {
  background: #e6e6e6; border: 1px solid #c2c2c2; cursor: default; color: #999;
}
.modal .modal-dialog .ly-wrap .bbtn-Wrap button:disabled:before,
.search-table-pop .pop-content .btn-box button:disabled:before,
.confirm-pop .pop-content .btn-box button:disabled:before,
.layer-pop .pop-content .btn-box button:disabled:before {
  color: #999;
}
/*//button disabled*/

/*23-01-26 스타일 변경*/
/*.car-info-pop,*/
.modal,
.error-pop,
.confirm-pop,
.search-table-pop,
.layer-pop {
  display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); -webkit-transition: all 0.35s; transition: all 0.35s;
}

.car-info-pop .pop-content, 
.error-pop .pop-content,
.confirm-pop .pop-content,
.search-table-pop .pop-content,
.layer-pop .pop-content {
  padding: 0px;
}

.error-pop .pop-content,
.confirm-pop .pop-content,
.search-table-pop .pop-content,
.layer-pop .pop-content {
  overflow: hidden; position: absolute; top: 50%; left: 50%;
  -webkit-transform: translate(-50%, -50%) translate(0.5px, -0.5px);
          transform: translate(-50%, -50%) translate(0.5px, -0.5px);
  padding: 0px; background: #fff; border-radius: 5px;
  -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);
}

.modal .modal-dialog .ly-wrap .pop-header,
.search-table-pop .pop-content .top-box,
.confirm-pop .pop-content .top-box,
.layer-pop .title-box {
  display: -webkit-box; display: -ms-flexbox; display: flex;
  -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
  -webkit-box-align: center; -ms-flex-align: center; align-items: center;
  padding-bottom: 10px; margin: 0px; background: #edf2f7;
  box-sizing: border-box; padding: 7px 15px; height: 42px; white-space: nowrap; overflow: hidden;
  line-height: 1.231; border-top-left-radius: 5px; border-top-right-radius: 5px;
  font-family: Noto Sans KR,arial,Malgun Gothic,Arial,Doutm,Tahoma,sans-serif;
  /* border-bottom: 2px solid #515252; */
}
.modal .modal-dialog .ly-wrap .pop-header .pop-title,
.search-table-pop .pop-content .top-box .title,
.confirm-pop .pop-content .top-box .title,
.layer-pop .title-box .title {
  font-size: 16px; font-weight: 700; color: #34373b; font-family: Noto Sans KR,arial,Malgun Gothic,Arial,Doutm,Tahoma,sans-serif;
}

.modal .modal-dialog .ly-wrap .pop-header .close,
.search-table-pop .pop-content .top-box .close-btn,
.confirm-pop .pop-content .top-box .close-btn,
.layer-pop .title-box .close-btn {
  width: 16px; height: 16px; color: transparent;
}

.modal .modal-dialog .ly-wrap .pop-header .close:before,
.search-table-pop .pop-content .top-box .close-btn:before,
.confirm-pop .pop-content .top-box .close-btn:before,
.layer-pop .title-box .close-btn:before {
  cursor: pointer; content: ""; display: block; font-family: SAP-icons; font-size: 14px; color: rgb(86, 96, 107); text-align: center;
}

.modal .modal-dialog .ly-wrap .bbtn-Wrap,
.search-table-pop .pop-content .btn-box,
.confirm-pop .pop-content .btn-box,
.layer-pop .btn-box {
  display: -webkit-box; display: -ms-flexbox; display: flex;
  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; align-items: center; 
  margin:0px; height: 50px; box-sizing: border-box; position: relative; padding: 10px;
  background: rgb(255, 255, 255); border-top: 0px solid rgb(239, 239, 239); overflow: hidden;
}
.modal .modal-dialog .ly-wrap .bbtn-Wrap button,
.search-table-pop .pop-content .btn-box button,
.confirm-pop .pop-content .btn-box button,
.layer-pop .btn-box button {
  min-width: 65px; height: 30px; margin: 0 3px; padding: 0 5px; border-radius: 5px; border: 1px solid #d2d2d2; background-color: #fff; font-size: 12px; color: #666;
}
.modal .modal-dialog .ly-wrap .bbtn-Wrap button span,
.search-table-pop .pop-content .btn-box button span,
.confirm-pop .pop-content .btn-box button span,
.layer-pop .btn-box button span {
  color: #666;
}
.modal .modal-dialog .ly-wrap .bbtn-Wrap button:hover,
.search-table-pop .pop-content .btn-box button:hover,
.confirm-pop .pop-content .btn-box button:hover,
.layer-pop .btn-box button:hover {
  border-color: #e0205c; background-color: #e0205c; color: #fff;
}
.modal .modal-dialog .ly-wrap .bbtn-Wrap button:hover span,
.search-table-pop .pop-content .btn-box button:hover span,
.confirm-pop .pop-content .btn-box button:hover span,
.layer-pop .btn-box button:hover span {
  color: #fff;
}
.search-table-pop .pop-content .btn-box button.confirm-btn,
.confirm-pop .pop-content .btn-box button.confirm-btn {
  border-color: #575757; background-color: #575757; font-weight: bold; color: #fff;
}
.search-table-pop .pop-content .btn-box button.confirm-btn:hover,
.confirm-pop .pop-content .btn-box button.confirm-btn:hover {
  border-color: #e0205c; background-color: #e0205c; color: #fff;
}
.search-table-pop .pop-content .btn-box button.confirm-btn::before,
.confirm-pop .pop-content .btn-box button.confirm-btn::before {
  content: '\e09a'; display: inline-block; position: relative; top: 1px; margin-right: 5px; font-family: SAP-icons; line-height: 24px; color: #fff;
}
.search-table-pop .pop-content .btn-box button.cancel-btn::before,
.confirm-pop .pop-content .btn-box button.cancel-btn::before,
.layer-pop .pop-content .btn-box button.cancel-btn::before {
  content: '\e23e'; display: inline-block; position: relative; top: 1px; margin-right: 5px; font-family: SAP-icons; line-height: 24px;
}
.search-table-pop .pop-content .btn-box button.cancel-btn:hover:before,
.confirm-pop .pop-content .btn-box button.cancel-btn:hover:before,
.layer-pop .pop-content .btn-box button.cancel-btn:hover:before {
  color: #fff;
}
.search-table-pop .pop-content .btn-box button.delete-btn::before,
.confirm-pop .pop-content .btn-box button.delete-btn::before,
.layer-pop .pop-content .btn-box button.delete-btn::before {
  content: '\e03d'; display: inline-block; position: relative; top: 1px; margin-right: 5px; font-family: SAP-icons; line-height: 24px;
}
.search-table-pop .pop-content .btn-box button.delete-btn:hover:before,
.confirm-pop .pop-content .btn-box button.delete-btn:hover:before,
.layer-pop .pop-content .btn-box button.delete-btn:hover:before {
  color: #fff;
}
.layer-pop .btn-box button.save-btn {
  border-color: #575757; background-color: #575757; font-weight: bold; color: #fff;
}
.layer-pop .pop-content .btn-box button.save-btn::before {
  content: '\e09a'; display: inline-block; position: relative; top: 1px;
  margin-right: 5px; font-family: SAP-icons; line-height: 24px; color: #fff;
}
.layer-pop .pop-content .btn-box button.save-btn:hover {
  border-color: #e0205c; background-color: #e0205c; color: #fff;
}
.modal .modal-dialog .ly-wrap .bbtn-Wrap button.bg-w {
  background: #fff; border: 1px solid #424952; color: #424952;
}
.modal .modal-dialog .ly-wrap .bbtn-Wrap button.bg-w:hover {
  background: #e0205c; border: 1px solid #e0205c; color: #fff;
}
.layer-pop .btn-box button.right-btn {
  position: absolute; top: 9px; right: 15px;
}
/*//23-01-26 스타일 변경*/

/* 레이어 팝업 */
/*-------------- msg-pop/msg-confrim-pop --------------*/
.msg-pop,
.msg-confrim-pop {
  display: none; position: fixed; left: 0; top: 0; z-index: 100;
}
.msg-pop.on,
.msg-confrim-pop.on {
  display: block;
}
.msg-pop .pop-container,
.msg-confrim-pop .pop-container {
  position: fixed; left: 50%; top: 50%;
  -webkit-transform: translate(-50%, calc(-50% + .5px)); /*22-07-06 수정*/
          transform: translate(-50%, calc(-50% + .5px)); /*22-07-06 수정*/
  width: 420px; padding: 70px 20px 75px; margin-top: -60px; border: 1px solid #cbd1d7; background: #fff; text-align: center; z-index: 100;
}
.msg-pop .pop-container .txt,
.msg-confrim-pop .pop-container .txt {
  display: block; font-size: 20px; font-weight: bold; line-height: 30px; color: #464a53;
}
.msg-pop .pop-container .btn-area,
.msg-confrim-pop .pop-container .btn-area {
  margin-top: 20px;
}
.msg-pop .pop-container .btn-area button,
.msg-confrim-pop .pop-container .btn-area button {
  width: 140px; height: 45px; border-radius: 5px; font-size: 16px; color: #fffdfb;
}
.msg-pop .pop-container .btn-area .check-btn,
.msg-confrim-pop .pop-container .btn-area .check-btn {
  background: #6a707e;
}
.msg-pop .pop-container .btn-area .yes-btn,
.msg-pop .pop-container .btn-area .no-btn,
.msg-confrim-pop .pop-container .btn-area .yes-btn,
.msg-confrim-pop .pop-container .btn-area .no-btn {
  border: 1px solid #6a707e; color: #6a707e;
}
/*-------------- //msg-pop/msg-confrim-pop --------------*/
/*-------------- car-info-pop --------------*/
.car-info-pop {
  z-index: 1000;
}
.car-info-pop .pop-content {
  overflow: hidden; position: absolute; top: 50%; left: 50%;
  -webkit-transform: translate(-50%, calc(-50% + .5px)); /*22-07-06 수정*/
          transform: translate(-50%, calc(-50% + .5px)); /*22-07-06 수정*/
  width: 1024px; background: #f6f7fb;
}
.car-info-pop .com-check label::before {
  top: 0;
}
.car-info-pop select:focus, .car-info-pop input:focus, .car-info-pop button:focus,
.car-info-pop input[type="checkbox"]:focus + label {
  outline: auto;
}
.car-info-pop.multi-type .pop-content {
  overflow-y: auto; max-height: calc(100vh - 250px); width: 630px; padding: 50px 60px; border-radius: 10px;
}
.car-info-pop.multi-type .pop-content .info-list-area {
  border-top: 2px solid #cecfd4;
}
.car-info-pop.multi-type .pop-content .info-list-area li {
  display: -webkit-box; display: -ms-flexbox; display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%; height: 80px; border-bottom: 1px solid #cecfd4; text-align: center; font-size: 24px; font-weight: 400; color: #3d3d3d;
}
.car-info-pop.multi-type .pop-content .info-list-area li:hover {
  background: #f7f7f7;
}
.car-info-pop.multi-type .pop-content .info-list-area li:hover .tit,
.car-info-pop.multi-type .pop-content .info-list-area li:hover .name {
  color: #e0205c; /*22-06-29 수정*/
}
.car-info-pop.multi-type .pop-content .info-list-area li:hover .btn-item button {
  background: #e0205c;
}
.car-info-pop.multi-type .pop-content .info-list-area li .tit {
  width: 40%;
}
.car-info-pop.multi-type .pop-content .info-list-area li .name {
  width: 25%;
}
.car-info-pop.multi-type .pop-content .info-list-area li .btn-item {
  width: 35%;
}
.car-info-pop.multi-type .pop-content .info-list-area li .btn-item button {
  width: 120px; height: 44px; border-radius: 22px; background: #4b4b4b; font-size: 20px; font-weight: 400; color: #fff;
}
.car-info-pop.multi-type .pop-content .info-list-area li .btn-item button:focus {
  background: #e0205c;
}
.car-info-pop .top-box {
  display: -webkit-box; display: -ms-flexbox; display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative; height: 100px; padding: 0 110px 0 90px; background: #2d313a;
}
.car-info-pop .top-box .title {
  display: inline-block; font-size: 32px; font-weight: 400; color: #fff;
}
.car-info-pop .top-box .select-item {
  width: 200px; height: 50px; border-bottom: 2px solid #96989d;
}
.car-info-pop .top-box .select-item select {
  width: 100%; height: 100%; background: transparent url(/images/ico_car_select.png) no-repeat right center;
  font-size: 22px; color: #fff;
}
.car-info-pop .top-box .close-btn {
  position: absolute; right: 20px; top: 35px; width: 30px; height: 30px;
  background: url(/images/ico_car_close.png) no-repeat 0 0;
}
.car-info-pop .form-box {
  overflow-y: auto; max-height: calc(100vh - 250px); min-height: 500px; padding: 50px 90px;
}
.car-info-pop .form-box .car-number-area {
  position: relative; width: 545px; margin: 150px auto 250px;
}
.car-info-pop .form-box .car-number-area input {
  width: 100%; height: 145px; border: 0; padding: 0 100px 0 0; border-bottom: 4px solid #1c242a;
  background: transparent; font-size: 55px; font-weight: 400; color: #333;
}
.car-info-pop .form-box .car-number-area input::-webkit-input-placeholder {
  font-size: 55px; font-weight: 400; color: #b4bbc3;
}
.car-info-pop .form-box .car-number-area input:-ms-input-placeholder {
  font-size: 55px; font-weight: 400; color: #b4bbc3;
}
.car-info-pop .form-box .car-number-area input::-ms-input-placeholder {
  font-size: 55px; font-weight: 400; color: #b4bbc3;
}
.car-info-pop .form-box .car-number-area input::placeholder {
  font-size: 55px; font-weight: 400; color: #b4bbc3;
}
.car-info-pop .form-box .car-number-area .search-btn {
  position: absolute; right: 0; top: 40px; width: 53px; height: 53px;
  background: url(/images/ico_car_search_big.png) no-repeat center center;
}
.car-info-pop .form-box .car-result-area .top-group {
  display: -webkit-box; display: -ms-flexbox; display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.car-info-pop .form-box .car-result-area .top-group .input-item {
  position: relative; width: 240px; height: 50px; padding: 0 0 0 110px; border-bottom: 2px solid #1c242a;
}
.car-info-pop .form-box .car-result-area .top-group .input-item .tit {
  position: absolute; left: 0; top: 7px; font-size: 24px; font-weight: 400; color: #b4bbc3; letter-spacing: -1px;
}
.car-info-pop .form-box .car-result-area .top-group .input-item input {
  width: 100%; height: 100%; padding: 0 30px 0 0; background: transparent; border: 0; font-size: 30px; font-weight: bold; color: #000;
}
.car-info-pop .form-box .car-result-area .top-group .input-item input::-webkit-input-placeholder,
.car-info-pop .form-box .car-result-area .top-group .input-item input:-ms-input-placeholder,
.car-info-pop .form-box .car-result-area .top-group .input-item input::-ms-input-placeholder,
.car-info-pop .form-box .car-result-area .top-group .input-item input::placeholder {
  font-size: 24px; font-weight: bold;
}
.car-info-pop .form-box .car-result-area .top-group .input-item .search-btn {
  position: absolute; right: 0; top: 11px; width: 22px; height: 22px;
  background: url(/images/ico_car_search.png) no-repeat 0 0;
}
.car-info-pop .form-box .car-result-area .top-group .info-item .txt {
  display: inline-block; padding-left: 65px; background: url(/images/ico_car_bg.png) no-repeat 0 center;
  font-size: 26px; font-weight: 400; line-height: 46px; color: #353535;
}
.car-info-pop .form-box .car-result-area .table-result-group {
  margin-top: 40px;
}
.car-info-pop .form-box .car-result-area .table-result-group table {
  width: 100%; border-top: 2px solid #cecfd4; background: #fff; text-align: center;
}
.car-info-pop .form-box .car-result-area .table-result-group table tr:not(.no-msg):hover td {
  background: #f7f7f7; color: #e0205c; /*22-06-29 수정*/
}
.car-info-pop .form-box .car-result-area .table-result-group table tr.no-msg td {
  padding: 100px 0;
}
.car-info-pop .form-box .car-result-area .table-result-group table th {
  height: 85px; border-bottom: 1px solid #e7e7e7; font-size: 24px; font-weight: bold; color: #7a828b;
}
.car-info-pop .form-box .car-result-area .table-result-group table td {
  height: 80px; border-bottom: 1px solid #e7e7e7; font-size: 24px; color: #353535;
}
.car-info-pop .form-box .car-result-area .table-result-group table td .com-check label {
  width: 26px; height: 26px;
}
.car-info-pop .form-box .car-result-area .table-result-group table td .com-check label::before {
  width: 26px; height: 26px; background-size: 100% 100%;
}
.car-info-pop .form-box .car-result-area .bottom-btn-group {
  margin-top: 20px; text-align: center;
}
.car-info-pop .form-box .car-result-area .bottom-btn-group button {
  height: 46px; margin: 0 10px; padding: 0 40px; border-radius: 23px; background: #4b4b4b; font-size: 20px; font-weight: 400; color: #fff;
}
.car-info-pop .form-box .car-result-area .bottom-btn-group button:focus {
  background: #e0205c;
}
/*-------------- //car-info-pop --------------*/

/*-------------- search-table-pop --------------*/
.search-table-pop {
  z-index: 1000;
}
.search-table-pop .pop-content.w900 {
  width: 900px;
}
.search-table-pop .pop-content .form-box {
  overflow-y: auto; max-height: calc(100vh - 350px); padding: 15px 20px 10px;
}

/*22-08-17 추가*/
.search-table-pop .filebox {
  display: -webkit-box; display: -ms-flexbox; display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px; background: #f5f8fa;
}
.search-table-pop .filebox .two-input {
  display: -webkit-box; display: -ms-flexbox; display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: calc(100% - 85px);
}
.search-table-pop .filebox .two-input input:nth-child(1) {
  width: 100px;
}
.search-table-pop .filebox .two-input input:nth-child(2) {
  width: calc(100% - 105px);
}
.search-table-pop .filebox .upload_name::-webkit-input-placeholder,
.search-table-pop .filebox input[type="text"]::-webkit-input-placeholder,
.search-table-pop .filebox .upload_name:-ms-input-placeholder,
.search-table-pop .filebox input[type="text"]:-ms-input-placeholder,
.search-table-pop .filebox .upload_name::-ms-input-placeholder,
.search-table-pop .filebox input[type="text"]::-ms-input-placeholder,
.search-table-pop .filebox .upload_name::placeholder,
.search-table-pop .filebox input[type="text"]::placeholder {
  font-size: 12px;
}
.search-table-pop .filebox label,
.search-table-pop .filebox button {
  min-width: 70px; height: 28px; padding: 0 10px; background: #575757; border-radius: 5px; cursor: pointer;
  font-size: 12px; color: #fff; line-height: 27px;
}
.search-table-pop .filebox label span,
.search-table-pop .filebox button span {
  display: block; padding-left: 18px;
  background: url(/images/icon_layer_search.png) no-repeat 0 8px;
  font-size: 12px; color: #fff; line-height: 27px;
}
/*//22-08-17 추가*/
.search-table-pop .pop-content .form-box .input-group .line + .line {
  margin-top: 20px;
}
.search-table-pop .pop-content .form-box .input-group input {
  height: 40px;
}
.search-table-pop .pop-content .form-box .input-group .noti {
  display: block; margin-top: 5px; font-size: 12px; color: #333;
}
.search-table-pop .pop-content .form-box .input-group .noti.red {
  color: #e0205c;
}
.search-table-pop .pop-content .form-box .search-group {
  display: -webkit-box; display: -ms-flexbox; display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px; background: #f5f8fa;
}
.search-table-pop .pop-content .form-box .search-group input {
  width: calc(100% - 90px); height: 28px; border-radius: 3px; background: #fff; font-size: 14px; color: #000;
}
.search-table-pop .pop-content .form-box .search-group input::-webkit-input-placeholder,
.search-table-pop .pop-content .form-box .search-group input:-ms-input-placeholder,
.search-table-pop .pop-content .form-box .search-group input::-ms-input-placeholder,
.search-table-pop .pop-content .form-box .search-group input::placeholder {
  font-size: 14px;
}
.search-table-pop .pop-content .form-box .search-group button {
  height: 28px; padding: 0 10px; background: #575757; border-radius: 5px;
}
.search-table-pop .pop-content .form-box .search-group button span {
  display: block; padding-left: 18px;
  background: url(/images/icon_layer_search.png) no-repeat 0 8px;
  font-size: 12px; color: #fff; line-height: 27px;
}
.search-table-pop .pop-content .form-box .table-group {
  margin-top: 15px;
}
.search-table-pop .pop-content .form-box .table-group table {
  width: 100%; border-top: 2px solid #000; text-align: center;
}
.search-table-pop .pop-content .form-box .table-group table tbody tr {
  cursor: pointer;
}
.search-table-pop .pop-content .form-box .table-group table tbody tr:hover, .search-table-pop .pop-content .form-box .table-group table tbody tr.on {
  background: #f7f7f7;
}
.search-table-pop .pop-content .form-box .table-group table th {
  height: 46px; background: #edf2f7; border-bottom: 1px solid #9e9fa1; font-size: 14px; color: #3d3d3d;
}
.search-table-pop .pop-content .form-box .table-group table td {
  height: 40px; font-size: 14px; color: #3d3d3d; border-bottom: 1px solid #9e9fa1;
}
.search-table-pop .pop-content .form-box .table-group table td.a-left {
  text-align: left; padding-left: 10px;
}
.search-table-pop .pop-content .form-box .table-group table td.no-msg {
  height: 150px;
}

@media all and (max-width: 1024px) {
  .search-table-pop .pop-content {
    width: calc(100% - 20px);
  }
  .search-table-pop .pop-content .top-box .title {
    margin-top: 2px; font-size: 14px; line-height: 20px;
  }
  .search-table-pop .pop-content .form-box {
    margin-top: 10px;
  }
  .search-table-pop .pop-content .form-box .search-group {
    padding: 10px;
  }
  .search-table-pop .pop-content .form-box .table-group {
    margin-top: 10px;
  }
}
/*-------------- //search-table-pop --------------*/

/*-------------- error-pop --------------*/
.error-pop {
  display: block; z-index: 1000;
}
.error-pop .pop-content {
  width: 520px; padding: 70px 30px 60px;
}
.error-pop .pop-content .error-txt {
  padding-top: 90px; background: url(/images/icon_error.png) no-repeat center 0; font-size: 18px; line-height: 30px;
  color: #777; text-align: center;
}
.error-pop .pop-content .close-btn {
  position: absolute; right: 30px; top: 25px; width: 16px; height: 24px;
  background: url(/images/icon_confirmpop_close.png) no-repeat center center;
}

@media all and (max-width: 1024px) {
  .error-pop .pop-content {
    width: calc(100% - 20px); padding: 30px 20px;
  }
  .error-pop .pop-content .error-txt {
    font-size: 14px; line-height: 20px;
  }
  .error-pop .pop-content .close-btn {
    right: 20px; top: 15px;
  }
}
/*-------------- //error-pop --------------*/


/*-------------- confirm-pop --------------*/
.confirm-pop {
  z-index: 1000;
}
.confirm-pop.draw-type .pop-content {
  width: 675px; padding: 45px 20px 40px;
}
.confirm-pop.draw-type .pop-content .top-box {
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 0; border-bottom: 0; background: #fff;
}
.confirm-pop.draw-type .pop-content .top-box .title {
  font-size: 35px; font-weight: 400; color: #353535;
}
.confirm-pop.draw-type .pop-content .top-box .close-btn {
  position: absolute; right: 0; top: -30px;
}
.confirm-pop.draw-type .pop-content .msg-box.left-type {
  margin-top: 50px; padding: 0; background: #fff; text-align: center;
}
.confirm-pop.draw-type .pop-content .msg-box.left-type .txt {
  font-size: 14px; line-height: 24px; color: #777;
}
.confirm-pop.draw-type .pop-content .msg-box.left-type .txt strong:first-child {
  font-size: 16px;
}
.confirm-pop.draw-type .pop-content .check-box {
  margin-top: 25px; text-align: center;
}
.confirm-pop.draw-type .pop-content .check-box .com-check label {
  font-size: 14px; color: #777;
}
.confirm-pop.draw-type .pop-content .check-box .com-check label::before {
  top: 5px;
}
.confirm-pop.draw-type .pop-content .btn-box {
  margin: 35px 30px 0 30px;
}
.confirm-pop.draw-type .pop-content .btn-box button {
  width: 160px; height: 48px; margin: 0 5px; border-radius: 24px; border-color: #787878; font-size: 16px; color: #4b4b4b;
}
.confirm-pop.draw-type .pop-content .btn-box button.confirm-btn {
  background-color: #4b4b4b; color: #fff;
}

.confirm-pop .pop-content .SumoSelect > .optWrapper > .options {
  max-height: 90px;
}
.confirm-pop .pop-content .msg-box .line {
  display: -webkit-box; display: -ms-flexbox; display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.confirm-pop .pop-content .msg-box .line .txt {
  display: inline-block; width: 100px; font-size: 12px; line-height: normal; text-align: left;
}
.confirm-pop .pop-content .msg-box .line .right-box {
  width: 220px; margin-top: 10px;
}
.confirm-pop .pop-content .msg-box .line .right-box textarea {
  width: 100%;
}
.confirm-pop .pop-content .msg-box {
  margin: 15px 20px 10px; padding: 25px 20px; background: #f5f8fa; text-align: center;
}
.confirm-pop .pop-content .msg-box.left-type {
  text-align: left;
}
.confirm-pop .pop-content .msg-box.white-type {
  padding: 0; background: #fff;
}
.confirm-pop .pop-content .msg-box.white-type .SumoSelect > .CaptionCont {
  background-color: #fff;
}
.confirm-pop .pop-content .msg-box.white-type .line + .line {
  margin-top: 5px;
}
.confirm-pop .pop-content .msg-box.white-type .line .txt {
  font-weight: bold; color: #333;
}
.confirm-pop .pop-content .msg-box.white-type .line textarea {
  background-color: #fff;
}
.confirm-pop .pop-content .msg-box.white-type .right-box {
  width: calc(100% - 100px); margin-top: 0;
}
.confirm-pop .pop-content .msg-box .SumoSelect > .CaptionCont {
  background-color: #fff;
}
.confirm-pop .pop-content .msg-box .txt {
  font-size: 14px; line-height: 24px; color: #777777; letter-spacing: -0.5px;
}
.confirm-pop .pop-content .msg-box .txt strong {
  color: #333;
}
.confirm-pop .pop-content .msg-box .txt .red {
  color: #e0205c;
}
.confirm-pop .pop-content .check-box {
  margin-top: 10px;
}
.confirm-pop .pop-content .check-box .com-check label::before {
  top: 3px;
}

@media all and (max-width: 1024px) {
  .confirm-pop .pop-content {
    width: calc(100% - 20px);
  }
  .confirm-pop .pop-content .top-box .title {
    margin-top: 2px; font-size: 14px; line-height: 20px;
  }
  .confirm-pop .pop-content .msg-box {
    margin: 10px 30px 0 30px; padding: 20px 15px;
  }
  .confirm-pop .pop-content .msg-box .txt {
    font-size: 12px;
  }
}
/*-------------- //confirm-pop --------------*/

/*-------------- layer-pop --------------*/
.layer-pop {
  z-index: 100;
}

.layer-pop .pop-content {
  width: 1000px;
}

.layer-pop.form-open-type .pop-content {
  width: 406px;
}
.layer-pop.form-open-type .pop-content .form-box .list > li {
  -ms-flex-wrap: wrap; flex-wrap: wrap;
}
.layer-pop.form-open-type .pop-content .form-box .list > li.on .line.search-open .open-btn {
  background: url(/images/arr_open_on.png) no-repeat center center;
}
.layer-pop.form-open-type .pop-content .form-box .list > li.on .line.search-open .multi-group {
  border-color: #e0205c;
}
.layer-pop.form-open-type .pop-content .form-box .list > li.on .open-table-view {
  display: block;
}
.layer-pop.form-open-type .pop-content .form-box .list > li .open-table-view {
  display: none; width: 100%; margin-top: 5px;
}
.layer-pop.form-open-type .pop-content .form-box .list > li .tit {
  width: 90px; font-size: 12px;
}
.layer-pop.form-open-type .pop-content .form-box .list > li .line {
  width: calc(100% - 90px);
}
.layer-pop.form-open-type .pop-content .form-box .list > li .line > input[type="text"]:-moz-read-only {
  background: #fff; border: 1px solid #BEC9D4; font-size: 12px; color: #a9a9a9;
}
.layer-pop.form-open-type .pop-content .form-box .list > li .line > input[type="text"]:read-only {
  background: #fff; font-size: 12px; color: #a9a9a9;
}
.layer-pop.form-open-type .pop-content .form-box .list > li .line.search-open {
  display: -webkit-box; display: -ms-flexbox; display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.layer-pop.form-open-type .pop-content .form-box .list > li .line.search-open .open-btn {
  width: 30px;
  height: 28px;
  margin-left: auto;
  background: url(/images/arr_open.png) no-repeat center center;
  border: 1px solid #999;
  border-radius: 2px;
}

.layer-pop.form-open-type .pop-content .form-box .list > li .line.search-open .multi-group {
  position: relative;
  width: 100%;
  height: 28px;
  border: 1px solid #dddfe1;
  background: #f4f8fb;
  padding: 0 20px 0 10px;
  font-size: 11px;
  border-radius: 2px;
  background: #fff url(/images/ico_search_gray.png) no-repeat right 7px center;
  background-size: auto;
  cursor: pointer;
}

.layer-pop.form-open-type .pop-content .form-box .list > li .line.search-open .multi-group .pop-btn {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.layer-pop.form-open-type .pop-content .form-box .list > li .line.search-open .multi-group .txt-cnt {
  overflow: hidden;
  display: block;
  position: relative;
  height: 23px;
}

.layer-pop.form-open-type .pop-content .form-box .list > li .line.search-open .multi-group .txt-cnt .crop {
  width: 3000px;
}

.layer-pop.form-open-type .pop-content .form-box .list > li .line.search-open .multi-group .txt-cnt .txt-btn {
  display: inline-block;
  height: 25px;
  font-size: 13px;
  line-height: 23px;
  vertical-align: top;
}

.layer-pop.form-open-type .pop-content .form-box .list > li .line.search-open .multi-group .txt-cnt .txt-btn .txt {
  display: inline-block;
  max-width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  line-height: 26px;
  color: #888;
}

.layer-pop.form-open-type .pop-content .form-box .list > li .line.search-open .multi-group .txt-cnt .txt-btn + .txt-btn {
  margin-left: 5px;
}

.layer-pop.form-open-type .pop-content .form-box .list > li .line.search-open .multi-group .txt-cnt button {
  width: 20px;
  height: 26px;
  background: url(/images/icon_login_close.png) no-repeat center center;
  background-size: 8px auto;
}

.layer-pop.form-type-1 .pop-content {
  width: 430px;
}

.layer-pop.form-type-1 .pop-content .form-box .list li .line input.calendar {
  width: 50%;
}

.layer-pop.form-type-1 .pop-content .form-box .list li .line input.number {
  color: #aaa;
  background-color: #eaedee;
  padding: 8px;
  height: 30px;
}

.layer-pop.form-type-1#bi-pop-upload .pop-content {
  width: 430px;
}

.layer-pop.form-type-1#bi-pop-upload .pop-content .title-box .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.layer-pop.form-type-1#bi-pop-upload .pop-content .title-box input[type="text"] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: inherit;
  background: transparent;
  border: 0;
  color: inherit;
  font-style: inherit;
}

.layer-pop.form-type-1#bi-pop-upload .pop-content .form-box .list > li .line .filebox {
  height: 25px;
  font-size: 14px;
  border-radius: 2px;
  padding: 0;
  width: 100%;
  background: transparent;
}

.layer-pop.form-type-1#bi-pop-upload .pop-content .form-box .list > li .line .filebox .upload_name {
  height: 23px;
  width: calc(100% - 90px);
  /* border: 1px solid #dddfe1;
  background: #f4f8fb; */
}

.layer-pop.form-type-1#bi-pop-upload .pop-content .form-box .list > li .line .filebox label {
  height: 23px;
}

.layer-pop.form-type-1#bi-pop-upload .pop-content .form-box .list > li .line .filebox label span {
  display: block;
  line-height: 22px;
  background-position: 0 center;
}

.layer-pop.form-type-1 .form-box .list .multi-group {
  position: relative;
  width: 100%;
  height: 27px;
  border: 1px solid #dddfe1;
  background: #f4f8fb;
  padding: 0 20px 0 10px;
}

.layer-pop.form-type-1 .form-box .list .multi-group .txt-cnt {
  overflow: hidden;
  display: block;
  position: relative;
  height: 23px;
}

.layer-pop.form-type-1 .form-box .list .multi-group .txt-cnt .crop {
  width: 3000px;
}

.layer-pop.form-type-1 .form-box .list .multi-group .txt-cnt .txt-btn {
  display: inline-block;
  height: 25px;
  vertical-align: top;
  color: #888;
}

.layer-pop.form-type-1 .form-box .list .multi-group .txt-cnt .txt-btn .txt {
  display: inline-block;
  max-width: 100px;
  line-height: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.layer-pop.form-type-1 .form-box .list .multi-group .txt-cnt .txt-btn + .txt-btn {
  margin-left: 5px;
}

.layer-pop.form-type-1 .form-box .list .multi-group .txt-cnt button {
  width: 20px;
  height: 23px;
  background: url(/images/icon_login_close.png) no-repeat center center;
  background-size: 8px auto;
}

.layer-pop.form-type-1 .form-box .list .multi-group .file-btn-cnt {
  position: absolute;
  right: 0;
  top: 0;
}

.layer-pop.form-type-1 .form-box .list .multi-group .file-btn-cnt input[type="file"] {
  position: absolute;
  left: -9999px;
}

.layer-pop.form-type-1 .form-box .list .multi-group .file-btn-cnt label {
  display: inline-block;
  width: 27px;
  height: 27px;
  background: url(/images/icon_search_btn.png) no-repeat center center;
  background-size: auto 12px;
  cursor: pointer;
}

.layer-pop.form-type-1 .form-box .list div.popup-search {
  position: relative;
  width: 100%;
  height: 27px;
  border: 1px solid #dddfe1;
  background: #f4f8fb;
  padding: 0 20px 0 10px;
  font-size: 12px;
  border-radius: 2px;
  background: #f4f8fb url(/images/icn-books.png) no-repeat right 7px center;
  background-size: auto;
  cursor: pointer;
}

.layer-pop.form-type-1 .form-box .list div.popup-search .txt.cnt {
  overflow: hidden;
  display: block;
  position: relative;
  height: 23px;
}

.layer-pop.form-type-1 .form-box .list div.popup-search .txt.cnt .txt-btn {
  display: inline-block;
  height: 25px;
  font-size: 13px;
  line-height: 23px;
  vertical-align: top;
}

.layer-pop.form-type-1 .form-box .list div.popup-search .txt.cnt .txt-btn .txt {
  display: inline-block;
  max-width: 100px;
  line-height: 25px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
}

.layer-pop.form-type-1 .form-box .list div.popup-search .txt.cnt .txt-btn button {
  width: 20px;
  height: 23px;
  background: url(/images/icon_login_close.png) no-repeat center center;
  background-size: 8px auto;
}

.layer-pop.form-type-1-2 .pop-content {
  width: 680px;
}

.layer-pop.form-type-1-2 .pop-content .form-box .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.layer-pop.form-type-1-2 .pop-content .form-box .list > li {
  width: 33.3%;
  margin-top: 10px;
}

.layer-pop.form-type-1-2 .pop-content .form-box .list > li .tit {
  width: 100px;
}

.layer-pop.form-type-1-2 .pop-content .form-box .list > li .tit.imp::before {
  display: inline-block;
  content: '';
  width: 10px;
  height: 10px;
  margin-right: 3px;
  background: url(/images/img_essential.png) no-repeat right 0;
}

.layer-pop.form-type-1-2 .pop-content .form-box .list > li .line {
  width: calc(100% - 100px);
}

.layer-pop.form-type-1-2 .pop-content .form-box .list > li .line .SumoSelect {
  display: block;
}

.layer-pop.form-type-1-2 .pop-content .popup-table {
  margin: 20px 20px 10px;
}

@media all and (max-width: 1024px) {
  .layer-pop.form-type-1-2 .pop-content .form-box {
    padding: 30px 10px 20px 10px;
  }
  .layer-pop.form-type-1-2 .pop-content .form-box .list > li {
    width: 100%;
  }
  .layer-pop.form-type-1-2 .pop-content .popup-table {
    margin: 20px 20px 10px;
  }
}

.layer-pop.form-type-2 .pop-content {
  width: 450px;
}

.layer-pop.form-type-lc .pop-content {
  width: 320px;
}

.layer-pop.form-type-lc .pop-content .form-box .list {
  padding: 15px 15px;
  background: #f5f8fa;
}

.layer-pop.form-type-lc .pop-content .form-box .list > li {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
}

.layer-pop.form-type-lc .pop-content .form-box .list > li input[type="radio"] {
  position: absolute;
  left: -9999px;
}

.layer-pop.form-type-lc .pop-content .form-box .list > li input[type="radio"]:checked + label::before {
  background: url(/images/icon_input_radio_on.png) no-repeat 0 0;
}

.layer-pop.form-type-lc .pop-content .form-box .list > li input[type="checkbox"] {
  position: absolute;
  left: -9999px;
}

.layer-pop.form-type-lc .pop-content .form-box .list > li input[type="checkbox"]:checked + label::before {
  background: url(/images/checked.png) no-repeat 0 0;
}

.layer-pop.form-type-lc .pop-content .form-box .list > li input[type="radio"] + label {
  display: inline-block;
  position: relative;
  padding-left: 20px;
  font-size: 14px;
  line-height: 24px;
  color: #3d3d3d;
  cursor: pointer;
}

.layer-pop.form-type-lc .pop-content .form-box .list > li input[type="radio"] + label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 6px;
  width: 15px;
  height: 15px;
  background: url(/images/icon_input_radio.png) no-repeat 0 0;
}

.layer-pop.form-type-lc .pop-content .form-box .list > li input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  padding-left: 20px;
  font-size: 14px;
  line-height: 24px;
  color: #3d3d3d;
  cursor: pointer;
}

.layer-pop.form-type-lc .pop-content .form-box .list > li input[type="checkbox"] + label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 4px;
  width: 16px;
  height: 16px;
  background: url(/images/checkbox.png) no-repeat 0 0;
}

.layer-pop.form-type-lc .pop-content .bottom-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
  font-size: 12px;
  /* padding: 5px 0; */
  padding: 5px 30px; /*22-09-20 수정*/
  margin-bottom: 10px;
}

.layer-pop.form-type-lc .pop-content .bottom-option input {
  position: absolute;
  left: -99999px;
}

.layer-pop.form-type-lc .pop-content .bottom-option input:checked + label::before {
  background: url(/images/checked.png) no-repeat 0 0;
}

.layer-pop.form-type-lc .pop-content .bottom-option label {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  margin-right: 15px;
  color: #2C3238;
  font-size: 13px;
  line-height: 20px;
  cursor: pointer;
}

.layer-pop.form-type-lc .pop-content .bottom-option label::before {
  content: '';
  position: absolute;
  left: 5px;
  top: 2px;
  width: 16px;
  height: 16px;
  background: url(/images/checkbox.png) no-repeat 0 0;
}

.layer-pop.w-700 .pop-content {
  width: 700px;
}

.layer-pop.form-file-type .pop-content {
  width: 400px;
}

.layer-pop.form-file-type .pop-content.file-wide {
  width: 500px;
}

.layer-pop.form-file-type .form-box .top-title {
  padding: 10px 15px;
  border-radius: 3px;
  border: 1px solid #e8eeee;
  background: #f6f6f6;
  display: flex;
  align-items: center
}

.layer-pop.form-file-type .form-box .top-title .tit {
  font-size: 16px;
  font-weight: bold;
  color: #e0205c; /*22-06-24 수정*/
  letter-spacing: -1px;
}

.layer-pop.form-file-type .form-box .top-title .tit .num {
  display: inline-block;
  margin-left: 5px;
  font-weight: normal;
  color: #333;
}

.layer-pop.form-file-type .form-box .top-title .btn-group {
  height: auto;
}

.layer-pop.form-file-type .form-box .top-title .btn-group .file-btn label {
  padding-left: 23px;
  border: 1px solid #d2d2d2;
  background: #fff url(/images/icon_file_search.png) no-repeat 7px center;
  font-size: 11px;
  letter-spacing: -1px;
  line-height: 24px;
  color: #333;
}

.layer-pop.form-file-type .form-box .file-info {
  padding: 10px 15px;
  border-radius: 3px;
  border: 1px solid #e8eeee;
  background-color: #f4f8fb;
  font-size: 14px;
}

.layer-pop.form-file-type .form-box .file-info .file {
  display: inline-block; margin-right: 10px;
}

.layer-pop.form-file-type .form-box .file-info .file .txt {
  padding-left: 17px;
  background: url(/images/icon_notice_file.png) no-repeat 0 center;
  background-size: auto 14px;
  line-height: 26px;
}

.layer-pop.form-file-type .form-box .file-info .file .del-btn {
  width: 20px;
  height: 26px;
  vertical-align: top;
  background: url(/images/icon_confirmpop_close.png) no-repeat center 8px;
  background-size: auto 8px;
}

.layer-pop.form-file-type .form-box .grid-table {
  margin-top: 10px;
}

.layer-pop.form-file-type .form-box .grid-table .textarea {
  border-radius: 3px;
  border: 1px solid #e8eeee;
  background: #fff;
}

/*22-07-04 추가*/
.layer-pop .form-box .grid-info-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 12px 15px;
  border: 1px solid #eaf0f2;
  border-radius: 3px;
  background: #edf2f7;
  color: #333;
  font-size: 13px;
}
.layer-pop .form-box .grid-info-list .tit {
  color: #e0205c;
}
.layer-pop .form-box .grid-info-list span {
  margin-right: 10px;
}
/*//22-07-04 추가*/

.layer-pop.form-type-time .pop-content {
  width: 350px;
}

.layer-pop.form-type-time .pop-content {
  width: 380px;
}

.layer-pop.form-type-time .form-box .top-title {
  display: block;
  font-weight: bold;
  font-size: 16px;
  padding-top: 15px;
  margin-top: 30px;
  border-top: 1px solid #ddd;
}

.layer-pop.form-type-time .form-box .top-title:first-child {
  padding-top: 0;
  border-top: 0;
  margin-top: 0;
}

.layer-pop.form-type-search .pop-content {
  width: 430px;
}

.layer-pop.form-type-search .pop-content .form-box {
  position: relative;
}

.layer-pop.form-type-search .pop-content .form-box .search-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px;
  background: #f5f8fa;
}

.layer-pop.form-type-search .pop-content .form-box .search-group input {
  width: calc(100% - 90px);
  height: 28px;
  /* border: 1px solid #e8edee; */
  border: 1px solid #BEC9D4; /*22-07-05 수정*/
  border-radius: 3px;
  background: #fff;
  font-size: 14px;
  color: #000;
}

.layer-pop.form-type-search .pop-content .form-box .search-group input::-webkit-input-placeholder {
  font-size: 14px;
}

.layer-pop.form-type-search .pop-content .form-box .search-group input:-ms-input-placeholder {
  font-size: 14px;
}

.layer-pop.form-type-search .pop-content .form-box .search-group input::-ms-input-placeholder {
  font-size: 14px;
}

.layer-pop.form-type-search .pop-content .form-box .search-group input::placeholder {
  font-size: 14px;
}

.layer-pop.form-type-search .pop-content .form-box .search-group button {
  height: 28px;
  padding: 0 10px;
  background: #575757;
  border-radius: 5px;
}

.layer-pop.form-type-search .pop-content .form-box .search-group button span {
  display: block;
  padding-left: 18px;
  background: url(/images/icon_layer_search.png) no-repeat 0 8px;
  font-size: 12px;
  color: #fff;
  line-height: 27px;
}

.layer-pop.form-type-search .pop-content .form-box .table-group {
  margin-top: 20px;
}

.layer-pop.form-type-search .pop-content .form-box .table-group table {
  width: 100%;
  border-top: 2px solid #000;
  text-align: center;
}

.layer-pop.form-type-search .pop-content .form-box .table-group table tbody tr {
  cursor: pointer;
}

.layer-pop.form-type-search .pop-content .form-box .table-group table tbody tr:hover, .layer-pop.form-type-search .pop-content .form-box .table-group table tbody tr.on {
  background: #f7f7f7;
}

.layer-pop.form-type-search .pop-content .form-box .table-group table th {
  height: 46px;
  background: #edf2f7;
  border-bottom: 1px solid #9e9fa1;
  font-size: 14px;
  color: #3d3d3d;
}

.layer-pop.form-type-search .pop-content .form-box .table-group table td {
  height: 40px;
  font-size: 14px;
  color: #3d3d3d;
  border-bottom: 1px solid #9e9fa1;
}

.layer-pop.form-type-search .pop-content .form-box .table-group table td.no-msg {
  height: 150px;
}

.layer-pop.form-type-search .pop-content .form-box .search-box {
  height: auto;
  padding: 20px;
  background-color: #f5f8fb;
}

.layer-pop.form-type-search .pop-content .form-box .search-box .search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
}

.layer-pop.form-type-search .pop-content .form-box .search-box .search > li {
  margin: 0 5px;
}

.layer-pop.form-type-search .pop-content .form-box .search-box .search > li .tit {
  font-size: 14px;
}

.layer-pop.form-type-search .pop-content .form-box .search-box .search > li .line {
  margin-top: 7px;
}

.layer-pop.form-type-search .pop-content .form-box .search-box .search > li .select-btn {
  width: 100px;
  border: 1px solid #aaa;
  height: 25px;
  background-color: #fff;
  font-size: 12px;
}

.layer-pop.form-type-search .pop-content .form-box .search-box .search > li .search-btn {
  margin-top: 0 !important;
  margin-left: 15px;
}

.layer-pop.form-type-search .pop-content .form-box .search-box .search-btn {
  height: 25px;
  padding: 0 10px;
  border-radius: 5px;
  background: #575757;
  margin-top: 15px;
  float: right;
}

.layer-pop.form-type-search .pop-content .form-box .search-box .search-btn span {
  display: block;
  padding-left: 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #fff;
  background: url(/images/icon_search_2.png) no-repeat 0 center;
  cursor: pointer;
}

.layer-pop.form-type-search .pop-content .form-box .grid-list-table {
  width: 100%;
  margin-top: 20px;
}

.layer-pop.form-type-search .pop-content .form-box .grid-list-table .popup-table {
  margin-top: 15px;
}

/*22-07-27 multi search pop 추가*/
.layer-pop.mutiSearch .pop-content {
  width: 1000px;
}
.layer-pop.mutiSearch .pop-content .top-info-btn {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  height: 32px;
}
.layer-pop.mutiSearch .title-group .tit {
  font-size: 14px;
  font-weight: bold;
  color: #333;
}
.layer-pop.mutiSearch .form-box {
  overflow-y: auto;
  max-height: calc(100vh - 340px);
}
/*23-01-26 스타일변경*/
.layer-pop.mutiSearch .pop-content .result-box {
  margin: 15px 20px 10px;
}
/*//23-01-26 스타일변경*/
.layer-pop.mutiSearch .result-box .top-title + .file-info {
  margin-top: 10px;
}
.layer-pop.mutiSearch .result-box .file-info {
  padding: 10px 15px;
  border-radius: 0px;
  /* border: 1px solid #e8eeee; */
  background-color: #f4f8fb;
  height: 92px;
  overflow: auto;
}
.layer-pop.mutiSearch .result-box .file-info .no-msg {
  /* text-align: center;
  padding: 20px 0 19px; */
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.layer-pop.mutiSearch .result-box .file-info .file {
  display: inline-block;
  margin-right: 4px;
}
.layer-pop.mutiSearch .result-box .file-info .file .del-btn {
  position: relative;
  top: 2px;
  width: 20px;
  height: 24px;
  vertical-align: top;
  background: url(/images/icon_confirmpop_close.png) no-repeat center 8px;
  background-size: auto 8px;
  margin-left: -3px;
}
.layer-pop.mutiSearch .result-box .file-info .file .txt {
  background-size: auto 14px;
  line-height: 26px;
  font-size: 14px;
}
/*//22-07-27 multi search pop 추가*/

/*22-08-08 개인정보설정 팝업 추가*/
.layer-pop.pi-setting .pop-content {
  width: 1100px;
}
.layer-pop.pi-setting .pop-content .data-area {}
.layer-pop.pi-setting .pop-content .data-area .data-group {
  margin-top: 35px;
}
.layer-pop.pi-setting .pop-content .data-area .data-group:first-child {
  margin-top: 0;
}
.layer-pop.pi-setting .pop-content .data-area .data-group .data-tit {
  display: block;
  padding-bottom: 5px;
  font-size: 18px;
  font-weight: bold;
  line-height: 30px;
  /* border-bottom: 1px solid #2d313a; */
  border-bottom: 1px solid #d9e1e9;
  color: #000;
}
.layer-pop.pi-setting .pop-content .data-area .data-group .data-list-row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 7px;
}
.layer-pop.pi-setting .pop-content .data-area .data-group .data-list-row > li {
  display: flex;
  align-content: center;
  width: 50%;
  padding: 15px 0;
  border-bottom: 1px solid #eee;
  font-size: 14px;
  line-height: 28px;
}
.layer-pop.pi-setting .pop-content .data-area .data-group .data-list-row > li.full {
  width: 100%;
}
.layer-pop.pi-setting .pop-content .data-area .data-group .data-list-row > li > .tit {
  display: inline-block;
  width: 130px;
  font-size: 14px;
  font-weight: bold;
  color: #3d3d3d;
}
.layer-pop.pi-setting .pop-content .data-area .data-group .data-list-row > li .form-line {
  width: calc(100% - 130px);
}
.layer-pop.pi-setting .pop-content .data-area .data-group .data-list-row > li .form-line input.popup {
  width: 200px;
  background: url(/images/icn-books.png) no-repeat right 7px center;
  background-size: auto;
  cursor: pointer;
}
.layer-pop.pi-setting .pop-content .data-area .data-group .data-list-row > li .form-line select,
.layer-pop.pi-setting .pop-content .data-area .data-group .data-list-row > li .form-line .SumoSelect,
.layer-pop.pi-setting .pop-content .data-area .data-group .data-list-row > li .form-line input[type="text"],
.layer-pop.pi-setting .pop-content .data-area .data-group .data-list-row > li .form-line input[type="password"] {
  width: 200px;
}

/*22-08-30 sumoselect width 추가*/
/* .layer-pop.pi-setting .pop-content .data-area .data-group .data-list-row > li .form-line select,
.layer-pop.pi-setting .pop-content .data-area .data-group .data-list-row > li .form-line .SumoSelect {
  position: absolute;
} */

.layer-pop.pi-setting .pop-content .data-area .data-group .data-list-row > li .form-line select.select-w300,
.layer-pop.pi-setting .pop-content .data-area .data-group .data-list-row > li .form-line.select-w300 .SumoSelect,
.layer-pop.pi-setting .pop-content .data-area .data-group .data-list-row > li .form-line.select-w300 select,
.layer-pop.pi-setting .pop-content .data-area .data-group .data-list-row > li .form-line.select-w300 p,
.layer-pop.pi-setting .pop-content .data-area .data-group .data-list-row > li .form-line.select-w300 input[type="text"] {
  width: 300px;
}
/*//22-08-30 sumoselect width 추가*/

.layer-pop.pi-setting .pop-content .data-area .data-group .data-list-row > li .form-line input[type="text"]::placeholder,
.layer-pop.pi-setting .pop-content .data-area .data-group .data-list-row > li .form-line input[type="password"]::placeholder {
  font-size: 14px;
}
.layer-pop.pi-setting .pop-content .data-area .data-group .data-list-row > li .form-line .com-check {
  margin-left: 6px;
}
.layer-pop.pi-setting .pop-content .data-area .data-group .data-list-row > li button {
  height: 25px;
  margin-left: 5px;
  padding: 0 10px;
  border: 1px solid #d1d8de;
  border-radius: 5px;
  background: #fff;
}
.layer-pop.pi-setting .pop-content .data-area .data-group .data-list-row > li button span {
  display: block;
  font-size: 12px;
  color: #686b6e;
  line-height: 22px;
}
/*//22-08-08 개인정보설정 팝업 추가*/

/*22-09-23 개인설정팝업 sumoselect 수정*/
.pi-setting .pop-content .SumoSelect {
  display: block;
}
/*//22-09-23 개인설정팝업 sumoselect 수정*/

/*22-08-09 사용자관리 팝업 추가*/
.layer-pop.form-detail-type.user-manage .pop-content {
  width: 700px;
}
.layer-pop.form-detail-type.user-manage .form-box .list > li {
  width: 50%;
  margin-bottom: 10px;
}
/*//22-08-09 사용자관리 팝업 추가*/

.layer-pop.form-type .pop-content {
  width: 430px;
}

.layer-pop.form-half-type .pop-content {
  width: 700px;
}

.layer-pop.form-half-type .form-box .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.layer-pop.form-half-type .form-box .list > li {
  width: 50%;
  margin-bottom: 10px;
}

.layer-pop.form-half-type .form-box .list > li.full {
  width: 100%;
}

.layer-pop.form-half-type .form-box .list > li + li {
  margin-top: 0;
}

@media all and (max-width: 1024px) {
  .layer-pop.form-half-type .form-box .list > li {
    width: 100%;
  }
}

.layer-pop.form-detail-type .pop-content {
  width: 1100px;
}

.layer-pop.form-detail-type .form-box .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 10px;
}

.layer-pop.form-detail-type .form-box .list + .top-info-btn {
  margin-top: 10px;
}

.layer-pop.form-detail-type .form-box .list .multi-group {
  position: relative;
  width: 100%;
  height: 27px;
  /* border: 1px solid #dddfe1;
  background: #f4f8fb; */
  border: 1px solid #BEC9D4; /*22-07-05 수정*/
  background: #fff; /*22-07-05 수정*/
  padding: 0 20px 0 10px;
}

.layer-pop.form-detail-type .form-box .list .multi-group .txt-cnt {
  overflow: hidden;
  display: block;
  position: relative;
  height: 23px;
}

.layer-pop.form-detail-type .form-box .list .multi-group .txt-cnt .crop {
  width: 3000px;
}

.layer-pop.form-detail-type .form-box .list .multi-group .txt-cnt .txt-btn {
  display: inline-block;
  height: 25px;
  vertical-align: top;
  color: #888;
}

.layer-pop.form-detail-type .form-box .list .multi-group .txt-cnt .txt-btn .txt {
  display: inline-block;
  max-width: 100px;
  line-height: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.layer-pop.form-detail-type .form-box .list .multi-group .txt-cnt .txt-btn + .txt-btn {
  margin-left: 5px;
}

.layer-pop.form-detail-type .form-box .list .multi-group .txt-cnt button {
  width: 20px;
  height: 23px;
  background: url(/images/icon_login_close.png) no-repeat center center;
  background-size: 8px auto;
}

.layer-pop.form-detail-type .form-box .list .multi-group .file-btn-cnt {
  position: absolute;
  right: 0;
  top: 0;
}

.layer-pop.form-detail-type .form-box .list .multi-group .file-btn-cnt input[type="file"] {
  position: absolute;
  left: -9999px;
}

.layer-pop.form-detail-type .form-box .list .multi-group .file-btn-cnt label {
  display: inline-block;
  width: 27px;
  height: 27px;
  background: url(/images/icon_search_btn.png) no-repeat center center;
  background-size: auto 12px;
  cursor: pointer;
}

.layer-pop.form-detail-type .form-box .list div.popup-search {
  position: relative;
  width: 100%;
  height: 27px;
  padding: 0 20px 0 10px;
  font-size: 12px;
  border-radius: 2px;
  /* border: 1px solid #dddfe1;
  background: #f4f8fb;
  background: #f4f8fb url(/images/icn-books.png) no-repeat right 7px center; */
  border: 1px solid #BEC9D4; /*22-07-05 수정*/
  background: #fff; /*22-07-05 수정*/
  background: #fff url(/images/icn-books.png) no-repeat right 7px center; /*22-07-05 수정*/
  background-size: auto;
  cursor: pointer;
}

.layer-pop.form-detail-type .form-box .list div.popup-search .txt.cnt {
  overflow: hidden;
  display: block;
  position: relative;
  height: 23px;
}

.layer-pop.form-detail-type .form-box .list div.popup-search .txt.cnt .txt-btn {
  display: inline-block;
  height: 25px;
  font-size: 13px;
  line-height: 23px;
  vertical-align: top;
}

.layer-pop.form-detail-type .form-box .list div.popup-search .txt.cnt .txt-btn .txt {
  display: inline-block;
  max-width: 100px;
  line-height: 25px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
}

.layer-pop.form-detail-type .form-box .list div.popup-search .txt.cnt .txt-btn button {
  width: 20px;
  height: 23px;
  background: url(/images/icon_login_close.png) no-repeat center center;
  background-size: 8px auto;
}

.layer-pop.form-detail-type .form-box .list > li {
  width: 33.33%;
  margin-bottom: 10px;
}

.layer-pop.form-detail-type .form-box .list > li.full {
  width: 100%;
}

.layer-pop.form-detail-type .form-box .list > li.two-line {
  width: 66.66%;
}

.layer-pop.form-detail-type .form-box .list > li + li {
  margin-top: 0;
}

.layer-pop.trans-detail-type .pop-content {
  width: 1185px;
}

.layer-pop.trans-detail-type .form-box .top-info-area .info-list {
  display: flex;
  align-items: center;
  padding: 8px 55px;
  border: 1px solid #eaf0f2;
  border-radius: 3px;
  background: #f5f8fa;
}

.layer-pop.trans-detail-type .form-box .top-info-area .info-list li {
  width: 25%;
}

.layer-pop.trans-detail-type .form-box .top-info-area .info-list li .tit {
  width: auto;
  padding: 0 15px 0 0;
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
  color: #e0205c; /*22-06-29 수정*/
}

.layer-pop.trans-detail-type .form-box .top-info-area .info-list li .txt {
  font-size: 16px;
  line-height: 30px;
  color: #333;
}

.layer-pop.trans-detail-type .form-box > div > .title {
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #000;
}

.layer-pop.trans-detail-type .form-box .grid-area {
  margin-top: 15px;
}
/*23-01-26 스타일변경*/
.layer-pop.trans-detail-type .form-box .table-area {
  margin-top: 15px;
}
/*//23-01-26 스타일변경*/
.layer-pop.trans-detail-type .form-box .table-area table {
  width: 100%;
  border-top: 1px solid #d9e1e9;
  border-bottom: 1px solid #d9e1e9;
}

.layer-pop.trans-detail-type .form-box .table-area table th {
  height: 25px;
  padding: 10px 5px;
  border-bottom: 1px solid #f7f7f7;
  font-size: 13px;
  font-weight: bold;
  text-align: right;
  color: #666;
}

.layer-pop.trans-detail-type .form-box .table-area table td {
  padding: 10px 5px 10px 20px;
  height: 40px;
  border-bottom: 1px solid #f7f7f7;
  font-size: 13px;
  color: #333;
}

.layer-pop.trans-detail-type .form-box .table-area table tr:last-child th {
  border-bottom: 0;
}

.layer-pop.trans-detail-type .form-box .table-area table tr:last-child td {
  border-bottom: 0;
}

.layer-pop.trans-detail-type .form-box .check-area {
  margin-top: 15px;
}

.layer-pop.trans-detail-type .form-box .check-group {
  padding: 10px 0;
  border-top: 1px solid #d9e1e9;
  border-bottom: 1px solid #d9e1e9;
}

.layer-pop.trans-detail-type .form-box .check-group .com-check {
  margin: 0 20px;
}

.layer-pop.trans-detail-type .form-box .check-group .info-item {
  display: inline-block;
  margin: 0 20px;
  font-size: 14px;
  line-height: 24px;
  color: #3d3d3d;
}

.layer-pop.trans-detail-type .form-box .check-group .info-item .txt {
  margin-left: 12px;
}

.layer-pop.trans-detail-type .form-box .memo-area {
  margin-top: 15px;
}

.layer-pop.trans-detail-type .form-box .memo-area textarea {
  width: 100%;
  height: 65px;
  font-size: 12px;
}

@media all and (max-width: 1024px) {
  .layer-pop.form-detail-type .form-box .list > li {
    width: 100%;
  }

  .layer-pop.trans-detail-type .pop-content {
    width: 100%;
  }
}

.layer-pop input[type="text"],
.layer-pop input[type="number"] {
  height: 25px;
  padding: 0 10px;
  font-size: 14px;
  border-radius: 2px;
  /* background: #f4f8fb;
  border-color: #dddfe1; */
  background: #fff; /*22-07-05 수정*/
}

.layer-pop input[type="text"].calendar,
.layer-pop input[type="number"].calendar {
  /* background: #f4f8fb url(/images/icn-calendar.png) no-repeat right 7px center; */
  background: #fff url(/images/icn-calendar.png) no-repeat right 7px center; /*22-07-05 수정*/
  border: 1px solid #BEC9D4; /*22-07-05 추가*/
/* 20221116 김품식 위원님 요청 날짜 폰트 사이즈 12px -> 14px  */
  font-size: 14px;
  cursor: pointer;
}

.layer-pop input[type="text"].time,
.layer-pop input[type="number"].time {
  margin: 0;
  /* background: #f4f8fb url(/images/icon_time.png) no-repeat right 5px center !important; */
  background: #fff url(/images/icon_time.png) no-repeat right 5px center !important; /*22-07-05 수정*/
  border: 1px solid #BEC9D4; /*22-07-05 추가*/

  background-size: 15px auto !important;
  font-size: 12px;
  cursor: pointer;
}

.layer-pop input[type="text"].popup,
.layer-pop input[type="number"].popup {
  /* background: #f4f8fb url(/images/icn-books.png) no-repeat right 7px center; */
  background: #fff url(/images/icn-books.png) no-repeat right 7px center; /*22-07-05 수정*/
  background-size: auto;
  cursor: pointer;
  font-size: 13px;
}


@media all and (max-width: 1024px) {
  .layer-pop .pop-content { 
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    width: 100% !important;
    max-height: 100vh;
    padding: 10px;
    border-radius: 0;
  }
}

.layer-pop .pop-content .SumoSelect .ui-select.big + .optWrapper > .options {
  max-height: 250px;
}

.layer-pop .pop-content .SumoSelect > .optWrapper > .options {
  /* max-height: 75px; */
  max-height: 166px; /*22-08-30 수정*/
}
/*22-07-25 option height값 해제 클래스 추가*/
.layer-pop .pop-content .SumoSelect.h-basic > .optWrapper > .options,
.layer-pop .pop-content .SumoSelect .search-multi-select.h-basic ~ .optWrapper .options,
.layer-pop .pop-content .SumoSelect .ui-select.h-basic ~ .optWrapper .options {
  max-height: 250px;
}
/*//22-07-25 option height값 해제 클래스 추가*/

.layer-pop .filebox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 15px;
  border: 1px solid #e8eeee;
  background: #f6f6f6;
}

.layer-pop .filebox .two-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: calc(100% - 85px);
}

/*22-08-31 추가*/
.layer-pop .filebox .two-input input {
  margin-left: 5px;
}
/*//22-08-31 추가*/

.layer-pop .filebox .two-input input:nth-child(1) {
  width: 100px;
  margin-left: 0; /*22-08-31 추가*/
}

.layer-pop .filebox .two-input input:nth-child(2) {
  /* width: calc(100% - 105px); */
  width: calc(100% - 100px); /*22-08-31 추가*/
}

.layer-pop .filebox .upload_name,
.layer-pop .filebox input[type="text"] {
  width: calc(100% - 85px);
  height: 28px;
  padding: 0 8px;
  /* border: 1px solid #e8edee; */
  border: 1px solid #BEC9D4; /*22-07-06 수정*/
  border-radius: 3px;
  background: #fff;
  font-size: 12px;
  color: #000;
}

/*22-07-06 추가*/
.layer-pop .filebox .upload_name:focus,
.layer-pop .filebox input[type="text"]:focus {
  border: 1px solid #e0205c;
}
/*//22-07-06 추가*/

.layer-pop .filebox .upload_name::-webkit-input-placeholder,
.layer-pop .filebox input[type="text"]::-webkit-input-placeholder {
  font-size: 12px;
}

.layer-pop .filebox .upload_name:-ms-input-placeholder,
.layer-pop .filebox input[type="text"]:-ms-input-placeholder {
  font-size: 12px;
}

.layer-pop .filebox .upload_name::-ms-input-placeholder,
.layer-pop .filebox input[type="text"]::-ms-input-placeholder {
  font-size: 12px;
}

.layer-pop .filebox .upload_name::placeholder,
.layer-pop .filebox input[type="text"]::placeholder {
  font-size: 12px;
}

.layer-pop .filebox label,
.layer-pop .filebox button {
  min-width: 70px;
  height: 28px;
  padding: 0 10px;
  background: #fff;
  border-radius: 5px;
  cursor: pointer;
  font-size: 12px;
  color: #333;
  border: 1px solid #d2d2d2;
  line-height: 27px;
}

.layer-pop .filebox label span,
.layer-pop .filebox button span {
  display: block;
  padding-left: 18px;
  /* background: url(/images/icon_layer_search.png) no-repeat 0 8px; */
  background: #fff url(/images/icon_file_search.png) no-repeat 0px center;
  font-size: 12px;
  color: #333;
  line-height: 27px;
}

.layer-pop .filebox .i-search {
  background: #fff url(/images/icon_file_search.png) no-repeat 10px center; padding-left: 28px;
}

.layer-pop .filebox .upload_hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.layer-pop .grid-table-wrap {
  min-height: calc(100vh - 500px);
}

.layer-pop .table-group, .layer-pop .grid-table {
  margin-top: 15px;
}

.layer-pop .table-group, .layer-pop .grid-table:first-child {
  margin-top: 0;
}

.layer-pop .table-group .textarea, .layer-pop .grid-table .textarea {
  width: 100%;
  height: 100px;
  /* background: #f4f8fb; */
  font-size: 12px;
  color: #333;
}

.layer-pop .table-group .textarea::-webkit-input-placeholder, .layer-pop .grid-table .textarea::-webkit-input-placeholder {
  font-size: 12px;
}

.layer-pop .table-group .textarea:-ms-input-placeholder, .layer-pop .grid-table .textarea:-ms-input-placeholder {
  font-size: 12px;
}

.layer-pop .table-group .textarea::-ms-input-placeholder, .layer-pop .grid-table .textarea::-ms-input-placeholder {
  font-size: 12px;
}

.layer-pop .table-group .textarea::placeholder, .layer-pop .grid-table .textarea::placeholder {
  font-size: 12px;
}

.layer-pop .table-group table, .layer-pop .grid-table table {
  width: 100%;
  border-top: 2px solid #000;
  text-align: center;
}

.layer-pop .table-group table tbody tr, .layer-pop .grid-table table tbody tr {
  cursor: pointer;
}

.layer-pop .table-group table tbody tr:hover, .layer-pop .table-group table tbody tr.on, .layer-pop .grid-table table tbody tr:hover, .layer-pop .grid-table table tbody tr.on {
  background: #f7f7f7;
}

.layer-pop .table-group table th, .layer-pop .grid-table table th {
  height: 46px;
  background: #edf2f7;
  border-bottom: 1px solid #9e9fa1;
  font-size: 14px;
  color: #3d3d3d;
}

.layer-pop .table-group table td, .layer-pop .grid-table table td {
  height: 40px;
  font-size: 14px;
  color: #3d3d3d;
  border-bottom: 1px solid #9e9fa1;
}

.layer-pop .table-group table td.no-msg, .layer-pop .grid-table table td.no-msg {
  height: 150px;
}

/*23-01-26 스타일변경*/
.layer-pop .form-box {
  overflow-y: auto;
  max-height: calc(100vh - 280px);
  padding: 15px 20px 10px;
}
/*//23-01-26 스타일변경*/

.layer-pop .form-box.scroll-lock {
  overflow: visible;
}

.layer-pop .form-box .notice-txt {
  margin-top: 10px;
  padding-left: 20px;
  background: url(/images/icon_info.png) no-repeat left center;
  font-size: 12px;
  line-height: 20px;
  color: #333;
}

.layer-pop .form-box .view-grid-file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 15px;
}

.layer-pop .form-box .view-grid-file .grid-table {
  width: calc(100% - 310px);
  margin-top: 0;
}

.layer-pop .form-box .view-grid-file .file-add-group {
  width: 300px;
  background: #ddd;
}

.layer-pop .form-box .hidden-grid {
  display: none;
}

.layer-pop .form-box .title-group {
  margin-top: 15px;
}

.layer-pop .form-box .title-group .tit {
  font-size: 14px;
  font-weight: bold;
  color: #333;
}

.layer-pop .form-box .title-group + div {
  margin-top: 8px !important;
}

.layer-pop .form-box .top-info-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.layer-pop .form-box .top-info-btn + .grid-table {
  margin-top: 10px;
}

.layer-pop .form-box .top-info-btn .title-group {
  margin-top: 8px;
}

.layer-pop .form-box .top-info-btn .title-group .tit {
  display: inline-block;
  vertical-align: middle;
}

/*22-08-09 추가*/
.layer-pop .form-box .top-info-btn .title-group .tit.imp::before {
  display: inline-block;
  content: '*';
  margin-right: 3px;
  color: #be154b;
}
/*22-08-09 추가*/

.layer-pop .form-box .top-info-btn .title-group .tit .num {
  display: inline-block;
  margin-left: 20px;
  font-weight: normal;
}

.layer-pop .form-box .top-info-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin-bottom: 10px;
  border-bottom: 2px solid #fff;
}

.layer-pop .form-box .top-info-tab span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  letter-spacing: -1px;
}

.layer-pop .form-box .top-info-tab span.on {
  border-bottom: 2px solid #be154b;
}

.layer-pop .form-box .top-title {
  position: relative;
  margin-top: 20px;
}

.layer-pop .form-box .top-title::after {
  content: '';
  display: block;
  clear: both;
}

.layer-pop .form-box .top-title:first-child {
  margin-top: 0;
}

.layer-pop .form-box .top-title + .list,
.layer-pop .form-box .top-title + .grid-table,
.layer-pop .form-box .top-title + .file-info {
  margin-top: 10px;
}

.layer-pop .form-box .top-title .tit {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  line-height: 25px;
  color: #000;
}

.layer-pop .form-box .top-title .tit.red {
  font-size: 12px;
  color: #e0205c;
}

.layer-pop .form-box .top-title .tit .red {
  color: #e0205c;
}

.layer-pop .form-box .top-title .btn-group {
  float: right;
}

.layer-pop .form-box .top-title .btn-group button {
  min-width: 60px;
  height: 25px;
  padding: 0 10px;
  border-radius: 5px;
  font-size: 12px;
  color: #fff;
}

.layer-pop .form-box .top-title .btn-group button.on, .layer-pop .form-box .top-title .btn-group button:hover {
  background: #e5e8ea;
}

.layer-pop .form-box .top-title .btn-group button span {
  line-height: 22px;
}

.layer-pop .form-box .top-title .btn-group .select-cnt {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
}

.layer-pop .form-box .top-title .btn-group .select-cnt + .file-btn {
  display: inline-block;
  height: 27px;
  vertical-align: top;
}

.layer-pop .form-box .top-title .btn-group .select-cnt .ui-select {
  min-width: 130px;
}

.layer-pop .form-box .top-title .btn-group .file-btn {
  position: relative;
}

.layer-pop .form-box .top-title .btn-group .file-btn input {
  position: absolute;
  left: -9999px;
}

.layer-pop .form-box .top-title .btn-group .file-btn label {
  display: inline-block;
  height: 25px;
  padding: 0 10px;
  border-radius: 5px;
  background: #fff;
  border:1px solid #d1d8de;
  font-size: 12px;
  line-height: 26px;
  color: #686b6e;;
  cursor: pointer;
}

.layer-pop .form-box .top-title .btn-group .file-btn label span {
  display: inline-block;
  position: relative;
  vertical-align: top;
}

.layer-pop .form-box .top-title .btn-group .file-btn label span::before {
  content: '\e00d';
  display: inline-block;
  font-family: SAP-icons;
  font-size: 12px;
  margin-right: 5px;
  vertical-align: top;
}

.layer-pop .form-box .three-info-list .top-info-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 15px;
  padding: 12px 0;
  border: 1px solid #eaf0f2;
  border-radius: 3px;
  background: #f6f6f6;
}

.layer-pop .form-box .three-info-list .top-info-list > li {
  width: 33.33%;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}

.layer-pop .form-box .three-info-list .top-info-list > li .tit {
  color: #e0205c; /*22-06-24 수정*/
}

.layer-pop .form-box .three-info-list .top-info-list > li .txt {
  margin-left: 5px;
  color: #333;
}

.layer-pop .form-box .three-info-list .top-info-list > li .txt .red {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: red;
  vertical-align: middle;
}

.layer-pop .form-box .three-info-list .top-info-list > li .txt .yellow {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: yellow;
  vertical-align: middle;
}

.layer-pop .form-box .three-info-list .top-info-list > li .txt .green {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: green;
  vertical-align: middle;
}

.layer-pop .form-box .three-info-list .top-info-list > li .txt .up-arrow {
  display: inline-block;
  width: 12px;
  height: 12px;
  text-align: center;
}

.layer-pop .form-box .three-info-list .top-info-list > li .txt .up-arrow::before {
  content: '\e04b';
  font-family: SAP-icons;
  font-size: 10px;
}

.layer-pop .form-box .three-info-list .top-info-list > li .txt .down-arrow {
  display: inline-block;
  width: 12px;
  height: 12px;
  text-align: center;
}

.layer-pop .form-box .three-info-list .top-info-list > li .txt .down-arrow::before {
  content: '\e04e';
  font-family: SAP-icons;
  font-size: 10px;
}

.layer-pop .form-box .three-info-list .detail-info-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 10px;
}

.layer-pop .form-box .three-info-list .detail-info-list.select-type {
  padding-bottom: 40px;
}

.layer-pop .form-box .three-info-list .detail-info-list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 33.33%;
  padding: 5px 0;
}

.layer-pop .form-box .three-info-list .detail-info-list > li.two-line {
  width: 66.67%;
}

.layer-pop .form-box .three-info-list .detail-info-list > li.three-line {
  width: 100%;
}

.layer-pop .form-box .three-info-list .detail-info-list > li.three-line .form {
  width: calc(100% - 150px);
}

.layer-pop .form-box .three-info-list .detail-info-list > li .tit {
  display: inline-block;
  width: 150px;
  padding-right: 20px;
  font-size: 12px;
  font-weight: bold;
  color: #666;
  text-align: right;
}

.layer-pop .form-box .three-info-list .detail-info-list > li .txt {
  display: inline-block;
  width: calc(100% - 150px);
  font-size: 12px;
  color: #777;
}

.layer-pop .form-box .three-info-list .detail-info-list > li .form {
  display: inline-block;
  width: calc(100% - 150px);
}

.layer-pop .form-box .three-info-list .detail-info-list > li .form.txt-type {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.layer-pop .form-box .three-info-list .detail-info-list > li .form.txt-type .txt {
  width: auto;
  padding-left: 10px;
}

.layer-pop .form-box .three-info-list .detail-info-list > li .form .ui-select {
  width: 100%;
  background-color: #fff;
}

.layer-pop .form-box .three-info-list .detail-info-list > li .form input {
  width: 100%;
  background-color: #fff;
}

@media all and (max-width: 1024px) {
  .layer-pop .form-box .three-info-list .top-info-list {
    padding: 10px;
  }
  .layer-pop .form-box .three-info-list .top-info-list > li {
    width: 100%;
    text-align: left;
  }
  .layer-pop .form-box .three-info-list .detail-info-list > li {
    width: 100% !important;
  }
}

.layer-pop .form-box .file-info {
  margin-top: 20px;
  background: #f4f8fb;
  padding: 20px;
}

.layer-pop .form-box .file-info .no-msg {
  text-align: center;
  padding: 20px 0 19px;
}

.layer-pop .form-box .file-info .file-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.layer-pop .form-box .file-info .file-list li + li {
  margin-top: 19px;
}

.layer-pop .form-box .file-info .file-list li .input-item {
  width: calc(50% - 15px);
}

.layer-pop .form-box .file-info .file-list li .input-item:first-child {
  width: calc(50% - 30px);
  margin-right: 10px;
}

.layer-pop .form-box .file-info .file-list li select {
  width: 100%;
  height: 30px;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #000;
  background: transparent url(/images/arr_open.png) no-repeat right 7px center;
  font-size: 12px;
}

.layer-pop .form-box .file-info .file-list li .text {
  display: block;
  width: 100%;
  height: 30px;
  padding: 0 5px;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #000;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.layer-pop .form-box .file-info .file-list li input {
  height: 30px;
  background: transparent;
  font-size: 12px;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #000;
}

.layer-pop .form-box .file-info .file-list li input::-webkit-input-placeholder {
  font-size: 12px;
}

.layer-pop .form-box .file-info .file-list li input:-ms-input-placeholder {
  font-size: 12px;
}

.layer-pop .form-box .file-info .file-list li input::-ms-input-placeholder {
  font-size: 12px;
}

.layer-pop .form-box .file-info .file-list li input::placeholder {
  font-size: 12px;
}

.layer-pop .form-box .file-info .file-list li .del-btn {
  width: 30px;
  height: 30px;
  background: url(/images/icon_notice_del.png) no-repeat center bottom 2px;
  background-size: auto 14px;
}

.layer-pop .form-box .file-info .file .txt {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
}

.layer-pop .form-box .file-info .file .del-btn {
  position: relative;
  top: 1px;
  width: 20px;
  height: 20px;
  background: url(/images/icon_delete.png) no-repeat center center;
}

.layer-pop .form-box .list.center-type > li {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.layer-pop .form-box .list.center-type > li .tit {
  width: 50px;
}

.layer-pop .form-box .list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.layer-pop .form-box .list > li + li {
  margin-top: 10px;
}

.layer-pop .form-box .list > li.on .tit {
  font-weight: bold;
  color: #e0205c;
}

.layer-pop .form-box .list > li .tit {
  width: 120px;
  padding: 5px 12px 4px 0;
  font-size: 12px;
  line-height: 16px;
  text-align: right;
  color: #666;
}

.layer-pop .form-box .list > li .tit.imp::before {
  display: inline-block;
  content: '*';
  margin-right: 3px;
  color: #be154b;
}

.layer-pop .form-box .list > li .line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% - 120px);
}

.layer-pop .form-box .list > li .line.pop-input-type {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.layer-pop .form-box .list > li .line.pop-input-type input:nth-child(1) {
  width: 70px;
}

.layer-pop .form-box .list > li .line.pop-input-type input:nth-child(2) {
  width: calc(100% - 75px);
}

.layer-pop .form-box .list > li .line.two-select-type {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.layer-pop .form-box .list > li .line.two-select-type .SumoSelect {
  width: calc(50% - 2px);
}

.layer-pop .form-box .list > li .line .filebox {
  width: 100%;
  padding: 0;
  background: transparent;
}

.layer-pop .form-box .list > li .line .time-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

.layer-pop .form-box .list > li .line .time-input input::-webkit-input-placeholder {
  font-size: 12px;
}

.layer-pop .form-box .list > li .line .time-input input:-ms-input-placeholder {
  font-size: 12px;
}

.layer-pop .form-box .list > li .line .time-input input::-ms-input-placeholder {
  font-size: 12px;
}

.layer-pop .form-box .list > li .line .time-input input::placeholder {
  font-size: 12px;
}

.layer-pop .form-box .list > li .line .row {
  width: 100%;
}

.layer-pop .form-box .list > li .line .row + .row {
  margin-top: 5px;
}

.layer-pop .form-box .list > li .line .radio-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.layer-pop .form-box .list > li .line .radio-item + .radio-item {
  margin-left: 15px;
}

.layer-pop .form-box .list > li .line .radio-item input {
  margin: 0 2px 0 0;
}

/*22-06-22 add*/
.layer-pop .form-box .list > li .line .radio-item input[type="radio"] {
  position: absolute;
  left: -9999px;
}
.layer-pop .form-box .list > li .line .radio-item label {
  display: inline-block;
  position: relative;
  padding-left: 20px;
  font-size: 12px;
  line-height: 24px;
  color: #3d3d3d;
  cursor: pointer;
  /* vertical-align: top; */
}
.layer-pop .form-box .list > li .line .radio-item label:before{
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  width: 15px;
  height: 15px;
  background: url(/images/icon_input_radio.png) no-repeat 0 0;
}
.layer-pop .form-box .list > li .line .radio-item input[type=radio]:checked + label:before{
  background: url(/images/icon_input_radio_on.png) no-repeat 0 0;
}
/*//22-06-22 add*/

.layer-pop .form-box .list > li .line .txt {
  font-size: 12px;
  font-weight: bold;
}

.layer-pop .form-box .list > li .line textarea {
  width: 100%;
  height: 60px;
  padding: 10px;
  /* border: 1px solid #e8edee;
  background: #f4f8fb; */
  font-size: 14px;
  border-radius: 2px;
}

.layer-pop .form-box .list > li .line textarea.full {
  height: 100%;
}

.layer-pop .form-box .bottom-add-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 30px;
  padding-bottom: 0px;
}

.layer-pop .form-box .bottom-add-btn .select-item .ui-select {
  width: 115px;
}

.layer-pop .form-box .bottom-add-btn .btn-item {
  margin-left: auto;
  height: 26px; /*22-06-22 높이 조절*/
}

.layer-pop .form-box .bottom-add-btn .btn-item button {
  position: relative;
  height: 25px;
  padding: 0 15px;
  border-radius: 5px;
  border: 1px solid #d2d2d2;
  background: #fff;
  font-size: 12px;
}

.layer-pop .form-box .bottom-add-btn .btn-item button::before {
  content: '\e058';
  font-family: SAP-icons;
  font-size: 10px;
  margin-right: 5px;
  color: #7e7e7e;
}

@media all and (max-width: 1024px) {
  .layer-pop .form-box {
    max-height: calc(100vh - 100px);
  }
  .layer-pop .form-box .top-info-btn {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .layer-pop .form-box .top-info-btn .title-group {
    width: 100%;
    margin: 0 0 5px;
  }
}
/*-------------- //layer-pop --------------*/

/*-------------- modal --------------*/
.modal {
  overflow: hidden; z-index: 100;
}
.modal input::-webkit-input-placeholder,
.modal input:-ms-input-placeholder,
.modal input::-ms-input-placeholder,
.modal input::placeholder {
  font-size: 14px;
}
.modal .inp-chk input[type="checkbox"] {
  position: absolute; left: -9999px;
}
.modal .inp-chk input[type="checkbox"]:checked + label::before {
  background: url(/images/checked.png) no-repeat 0 0;
}
.modal .inp-chk input[type="checkbox"]:disabled + label::before {
  background: #d2d2d2;
}
.modal .inp-chk input[type="checkbox"] + label {
  display: inline-block; position: relative; padding-left: 25px; font-size: 13px; line-height: 24px; color: #3d3d3d; cursor: pointer;
}
.modal .inp-chk input[type="checkbox"] + label::before {
  content: ''; position: absolute; left: 0; top: 3px; width: 16px; height: 16px; background: url(/images/checkbox.png) no-repeat 0 0;
}
.modal .inp-chk input[type="checkbox"] + label span {
  display: inline-block; width: 16px; height: 16px; vertical-align: middle; margin-left: 4px;
}
.modal .inp-chk input[type="checkbox"] + label span + span {
  margin-left: 1px;
}
.modal .inp-chk input[type="radio"] {
  display: block; position: absolute; left: -9999px; width: 1px; height: 1px; background: none;
}
.modal .inp-chk input[type="radio"]:checked + label::before {
  background: #E0205C; border: 1px solid #E0205C;
}
.modal .inp-chk input[type="radio"]:checked + label::after {
  background: #fff;
}
.modal .inp-chk input[type="radio"] + label {
  display: inline-block; position: relative; padding-left: 30px; color: #2C3238; font-size: 13px; font-weight: 700; cursor: pointer; margin-right: 20px;
}
.modal .inp-chk input[type="radio"] + label::before {
  content: ''; position: absolute; left: 0; top: 0px; width: 18px; height: 18px; border: 1px solid #b3becc; border-radius: 50%; background-color: #fff;
}
.modal .inp-chk input[type="radio"] + label::after {
  content: ''; display: inline-block; position: absolute; left: 5px; top: 5px; width: 10px; height: 10px; background-color: #ccc; border-radius: 50%; vertical-align: middle;
}
.modal .modal-dialog {
  -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
}
.modal .modal-dialog.search-id {
  position: absolute; top: 50%; left: calc(50% - 5px);
  -webkit-transform: translate(-50%, calc(-50% + .5px)); /*22-07-06 수정*/
          transform: translate(-50%, calc(-50% + .5px)); /*22-07-06 수정*/
  width: 490px;
}
.modal .modal-dialog.search-id .ly-wrap .bbtn-Wrap button {
  min-width: 65px; width: 65px; height: 30px; margin: 0 2px; padding: 0; border-radius: 5px;
  border: 1px solid #010101; background-color: #010101; font-size: 12px; line-height: 28px; color: #fff;
}
.modal .modal-dialog.search-id .ly-wrap .bbtn-Wrap button:hover {
  border-color: #e0205c; background-color: #e0205c; color: #fff;
}
.modal .modal-dialog.search-pw {
  position: absolute; top: 50%; left: calc(50% - 5px);
  -webkit-transform: translate(-50%, calc(-50% + .5px)); /*220706 수정*/
          transform: translate(-50%, calc(-50% + .5px)); /*220706 수정*/
  width: 490px;
}
.modal .modal-dialog.search-pw .ly-wrap .bbtn-Wrap button,
.modal .modal-dialog.account_unlock .ly-wrap .bbtn-Wrap button {
  border: 1px solid #010101; background-color: #010101; color: #fff;
}
.modal .modal-dialog.search-pw .ly-wrap .bbtn-Wrap button:hover,
.modal .modal-dialog.account_unlock .ly-wrap .bbtn-Wrap button:hover {
  border-color: #e0205c; background-color: #e0205c; color: #fff;
}
.modal .modal-dialog.account_unlock {
  position: absolute; top: 50%; left: calc(50% - 5px);
  -webkit-transform: translate(-50%, calc(-50% + .5px)); /*220706 수정*/
          transform: translate(-50%, calc(-50% + .5px)); /*220706 수정*/
  width: 490px;
}
.modal .modal-dialog.join {
  position: absolute; top: 50%; left: 50%;
  -webkit-transform: translate(-50%, calc(-50% + .5px)); /*220706 수정*/
          transform: translate(-50%, calc(-50% + .5px)); /*220706 수정*/
  width: 670px;
}
.modal .modal-dialog.join .ly-wrap .pop-header {
  height: auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
  padding: 35px 20px; background: #fff;
}
.modal .modal-dialog.join .ly-wrap .pop-header::before {
  display: none;
}
.modal .modal-dialog.join .ly-wrap .pop-header .pop-title {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  font-size: 35px; font-weight: 400; color: #353535;
}
.modal .modal-dialog.join .ly-wrap .pop-header .close {
  display: inline-block; position: absolute; right: 20px; top: 20px; width: 16px; height: 16px; margin: 0;
  background: url(/images/icon_login_close.png) no-repeat 0 0;
}
.modal .modal-dialog.join .ly-wrap .pop-contents {
  padding: 25px 0 0 0;
}
.modal .modal-dialog.join .ly-wrap .pop-contents .pop-stit {
  margin-bottom: 35px; font-size: 20px; color: #34373b; text-align: center;
}
.modal .modal-dialog.join .ly-wrap .pop-contents .input-wrap {
  padding: 65px 95px;
}
.modal .modal-dialog.join .ly-wrap .pop-contents .input-wrap.search {
  background: #f5f8fa;
}
.modal .modal-dialog.join .ly-wrap .pop-container {
  padding: 0 50px 50px; border-top: 0;
}
.modal .modal-dialog.join .ly-wrap .pop-container .join-step-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; height: 115px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-bottom: 2px solid #101010;
}
.modal .modal-dialog.join .ly-wrap .pop-container .join-step-wrap ul {
  display: -webkit-box; display: -ms-flexbox; display: flex;
}
.modal .modal-dialog.join .ly-wrap .pop-container .join-step-wrap ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center; font-size: 14px; color: #666;
}
.modal .modal-dialog.join .ly-wrap .pop-container .join-step-wrap ul li.on {
  font-weight: bold; color: #353535;
}
.modal .modal-dialog.join .ly-wrap .pop-container .join-step-wrap ul li.on::before {
  background-color: #e0205c !important;
}
.modal .modal-dialog.join .ly-wrap .pop-container .join-step-wrap ul li.arrow {
  display: -webkit-box; display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 20px 20px;
}
.modal .modal-dialog.join .ly-wrap .pop-container .join-step-wrap ul li.arrow::before {
  content: ''; width: 8px; height: 10px; margin: 8px 0 0 0;
  background: url(/images/icon_login_step_arrow.png) center no-repeat;
}
.modal .modal-dialog.join .ly-wrap .pop-container .join-step-wrap ul li::before {
  margin: 0 0 8px 0;
}
.modal .modal-dialog.join .ly-wrap .pop-container .join-step-wrap ul li.step1::before {
  content: ''; width: 65px; height: 65px;
  background: #c7c7c7 url(/images/icon_login_step1.png) center no-repeat;
  border-radius: 50%;
}.modal .modal-dialog.join .ly-wrap .pop-container .join-step-wrap ul li.step2::before {
  content: ''; width: 65px; height: 65px;
  background: #c7c7c7 url(/images/icon_login_step2.png) center no-repeat;
  border-radius: 50%;
}
.modal .modal-dialog.join .ly-wrap .pop-container .join-step-wrap ul li.step3::before {
  content: ''; width: 65px; height: 65px;
  background: #c7c7c7 url(/images/icon_login_step3.png) center no-repeat;
  border-radius: 50%;
}
.modal .modal-dialog.join .ly-wrap .pop-container .join-step-wrap ul li.step4::before {
  content: ''; width: 65px; height: 65px;
  background: #c7c7c7 url(/images/icon_login_step4.png) center no-repeat;
  border-radius: 50%;
}
.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.input-apply {
  padding: 0;
}
.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.input-apply .form-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 0; border-bottom: 1px solid #e7e7e7;
}
.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.input-apply .form-list li .tit {
  width: 160px; font-size: 14px; color: #34373b;
}
.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.input-apply .form-list li .tit.imp::after {
  display: inline-block; content: ''; width: 10px; height: 10px; margin-left: 5px;
  background: url(/images/img_essential.png) no-repeat right 0;
}

/*22-08-05 추가*/
.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.input-apply .form-list li.flex-row {
  flex-direction: column;
}
.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.input-apply .form-list li.flex-row .tit-box {
  display: flex; width: 100%;
}
.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.input-apply .form-list li.flex-row .tit-box .tit {
  display: flex;
}
/*22-08-31 추가*/
.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.input-apply .form-list li.flex-row .tit-box .search-result-name-box {
  width: 240px; font-size: 14px; color: #34373b; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
/*//22-08-31 추가*/

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.input-apply .form-list li.flex-row .tit-box .btn-box {
  display: flex; margin-left: auto;
}
.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.input-apply .form-list li.flex-row .tit-box .btn-box .btn {
  min-width: 70px; height: 28px; padding: 0 10px; border: 1px solid #888; border-radius: 5px; margin-left: 6px; font-size: 12px; font-weight: 400; color: #666;
}
.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.input-apply .form-list li.flex-row .grid-table {
  display: flex; width: 100%; height: 160px; background: #ddd; margin-top: 6px;
}
/*//22-08-05 추가*/

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.input-apply .form-list li .form-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100% - 160px);
}
.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.input-apply .form-list li .form-item > input[type="text"], .modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.input-apply .form-list li .form-item input[type="password"] {
  width: calc(100% - 100px); border: 0; height: 30px; font-size: 14px; color: #666;
}
.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.input-apply .form-list li .form-item .select-item {
  width: 160px; border: 1px solid #e8edee; background: url(/images/icon_search_select.png) no-repeat right 5px center;
}
.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.input-apply .form-list li .form-item .select-item select {
  width: 100%; height: 100%; padding-left: 10px; font-size: 14px; color: #666; background: transparent;
}
.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.input-apply .form-list li .form-item .email-info {
  display: -webkit-box; display: -ms-flexbox; display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100% - 100px); height: 30px;
}
.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.input-apply .form-list li .form-item .email-info > input[type="text"] {
  width: 120px; border: 1px solid #e8edee; font-size: 14px; color: #666;
}
.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.input-apply .form-list li .form-item .email-info .ic {
  font-size: 14px; color: #a4a4a4;
}
.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.input-apply .form-list li .form-item .phone-info {
  display: -webkit-box; display: -ms-flexbox; display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 280px; height: 30px;
}
.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.input-apply .form-list li .form-item .phone-info > input {
  width: 29%;
}
.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.input-apply .form-list li .form-item .phone-info .ic {
  font-size: 14px; color: #a4a4a4;
}
.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.input-apply .form-list li .form-item .phone-info .select-item {
  width: 31%;
}
.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.input-apply .form-list li .form-item .btn {
  min-width: 70px;
  height: 28px;
  padding: 0 10px;
  border: 1px solid #888;
  border-radius: 5px;
  margin-left: auto;
  font-size: 12px;
  font-weight: 400;
  color: #666;
}
.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.input-apply .form-list li .com-radio + .com-radio {
  margin-left: 12px;
}
.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.input-apply .form-list li .com-radio label {
  line-height: 23px;
}
.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.search .input-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0;
  padding: 10px 0;
  border-bottom: 1px solid #e7e7e7;
}
.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.search .input-box + .input-box {
  margin-top: 10px;
}
.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.search .input-box:nth-child(1)::before {
  content: '';
  width: 22px;
  height: 22px;
  background: url(/images/icon_login_txt_1.png) center no-repeat;
}
.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.search .input-box:nth-child(2)::before {
  content: '';
  width: 22px;
  height: 22px;
  background: url(/images/icon_login_txt_2.png) center no-repeat;
}
.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.search .input-box input {
  border: 0;
  background: #f5f8fa;
  font-size: 14px;
  color: #a4a4a4;
  padding-left: 50px;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.search .input-box input.search-ok {
  background: #E9EFF5 url(/images/ico_checkin.png) 10px center no-repeat;
  padding-left: 30px;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.search .input-box .search {
  width: 17px;
  height: 17px;
  background: url(/images/icon_login_txt_search.png) 0 0 no-repeat;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.input-apply .input-box {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  margin-top: 15px;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.input-apply .input-box.essential::before {
  display: inline-block;
  position: relative;
  top: 10px;
  content: '*';
  width: 20px;
  font-size: 15px;
  font-weight: 700;
  color: #be154c;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.input-apply .input-box .select-item {
  position: relative;
  background-color: #f9fafc;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.input-apply .input-box .select-item::after {
  content: '\e1e2';
  font-family: SAP-icons;
  font-weight: 400;
  position: absolute;
  right: 10px;
  top: 0px;
  line-height: 36px;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.input-apply .input-box .select-item select {
  position: relative;
  width: 100%;
  height: 36px;
  padding-left: 15px;
  border-radius: 3px;
  border: 1px solid #BEC9D4;
  background: transparent;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.input-apply .input-box .email-confirm-input input {
  width: 375px;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.input-apply .input-box .tel-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.input-apply .input-box .tel-input .select-item {
  width: 120px;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.input-apply .input-box .tel-input input {
  width: 160px;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.input-apply .input-box .tel-input .icon {
  display: block;
  width: 20px;
  text-align: center;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.input-apply .input-box .email-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100% - 120px);
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.input-apply .input-box .email-input input {
  width: 220px;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.input-apply .input-box .email-input .icon {
  display: block;
  width: 40px;
  text-align: center;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.input-apply .input-box .email-input .select-item {
  width: 220px;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.input-apply .input-box input {
  width: calc(100% - 120px);
  border: 1px solid #BEC9D4;
  padding: 0 15px;
  margin-right: 0;
  font-size: 14px;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.input-apply .input-box input.input-country {
  width: 90px;
  margin-right: 10px;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.input-apply .input-box input.phone {
  width: calc(100% - 206px);
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.input-apply .input-box button {
  width: 90px;
  height: 36px;
  background: #fff;
  border: 1px solid #959DA7;
  color: #56606B;
  border-radius: 3px;
  margin-left: 10px;
  margin-right: 0;
  padding: 1px 6px;
  font-size: 12px;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .input-wrap.input-apply .error-box {
  width: 100%;
  margin-top: 5px;
  padding-left: 20px;
  font-size: 12px;
  color: #BB0000;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .check-all-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50px;
  background: #F1F1F1;
  font-size: 13px;
  color: #2C3238;
  padding: 15px;
  margin-bottom: 20px;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .agree-all-wrap {
  margin-top: 12px;
  text-align: center;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .agree-all-wrap .inp-chk {
  position: relative;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .agree-all-wrap label {
  font-size: 14px;
  color: #353535;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .agree-all-wrap .noti-txt {
  display: block;
  margin-bottom: 5px;
  font-size: 12px;
  line-height: 20px;
  color: #353535;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .agree-wrap + .agree-wrap {
  margin-top: 35px;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .agree-wrap .agree-tit-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
  height: 22px;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .agree-wrap .agree-tit-wrap .inp-chk {
  position: relative;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .agree-wrap .agree-tit-wrap .pop-stit {
  width: auto;
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  color: #34373b;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .agree-wrap .agree-tit-wrap .pop-stit > span {
  display: inline-block;
  margin-left: 2px;
  font-size: 13px;
  font-weight: normal;
  color: #e0205c;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .agree-wrap .agree-tit-wrap .pop-stit.essential {
  margin-bottom: 0;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .agree-wrap .agree-tit-wrap .pop-stit.essential::before {
  display: inline-block;
  content: '*';
  font-size: 15px;
  font-weight: 700;
  color: #be154c;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .agree-wrap .agree-tit-wrap label {
  word-break: keep-all;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .agree-wrap textarea {
  width: 100%;
  height: 110px;
  font-size: 13px;
  padding: 15px;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .agree-wrap .txt-info {
  overflow-y: auto;
  height: 130px;
  padding: 15px 20px;
  border: 1px solid #e8edee;
  border-radius: 3px;
  font-size: 12px;
  line-height: 20px;
  color: #888;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .agree-wrap .txt-info.full-type {
  overflow-y: auto;
  height: auto;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .agree-wrap .txt-info strong {
  color: #333;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .agree-wrap .txt-info p {
  font-size: 12px;
  margin-top: 5px;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .agree-wrap .txt-info p strong {
  color: #333;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .agree-wrap .txt-info table {
  width: 100%;
  margin-top: 5px;
  text-align: left;
  font-size: 12px;
  color: #333;
  background: #e3e3e3;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .agree-wrap .txt-info table strong {
  font-size: 13px;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .agree-wrap .txt-info table.center th {
  height: 40px;
  font-size: 13px;
  text-align: center;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .agree-wrap .txt-info table.center td {
  background: #fff;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .agree-wrap .txt-info table.center td .over-info-pop {
  position: relative;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .agree-wrap .txt-info table.center td .over-info-pop:hover table {
  display: block;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .agree-wrap .txt-info table.center td .over-info-pop table {
  display: none;
  position: absolute;
  left: 50%;
  top: -100px;
  width: 300px;
  transform: translateX(-50%);
  z-index: 10;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .agree-wrap .txt-info table th {
  border: 1px solid #e8edee;
  padding: 5px 10px;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .agree-wrap .txt-info table td {
  border: 1px solid #e8edee;
  padding: 5px 10px;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .first-choice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .first-choice span {
  display: inline-block;
  margin-bottom: 10px;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .first-choice input[type="radio"] + label {
  margin-right: 0;
  padding-left: 20px;
  font-size: 12px;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .first-choice input[type="radio"] + label::before {
  top: 3px;
  width: 13px;
  height: 13px;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .first-choice input[type="radio"] + label::after {
  left: 4px;
  top: 7px;
  width: 7px;
  height: 7px;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .second-choice {
  margin-top: 9px;
  margin-bottom: 18px;
  border: 1px solid #BEC9D4;
  padding: 10px 10px 2px 15px;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .second-choice span {
  display: inline-block;
  margin-bottom: 10px;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .second-choice span label {
  margin-right: 10px;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .complete-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 60px;
  border-radius: 3px;
  background: #f5f8fa;
  text-align: center;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .complete-box .tit {
  font-size: 25px;
  font-weight: 400;
  color: #34373b;
}

.modal .modal-dialog.join .ly-wrap .pop-container .pop-contents .complete-box .txt {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #dfe1e3;
  font-size: 16px;
  line-height: 28px;
  color: #34373b;
}

.modal .modal-dialog.authentication {
  position: absolute;
  top: 50%;
  left: calc(50% - 5px);
  -webkit-transform: translate(-50%, calc(-50% + .5px)); /*22-07-06 수정*/
          transform: translate(-50%, calc(-50% + .5px)); /*22-07-06 수정*/
  width: 540px;
}

.modal .modal-dialog.authentication .auth-txt {
  text-align: center;
  font-size: 14px;
  line-height: 26px;
  color: #000;
}

.modal .modal-dialog.authentication .auth-txt b {
  color: #12A6BE;
  font-weight: 700;
}

.modal .modal-dialog.privacy {
  position: absolute;
  top: 50%;
  left: calc(50% - 5px);
  -webkit-transform: translate(-50%, calc(-50% + .5px)); /*22-07-06 수정*/
          transform: translate(-50%, calc(-50% + .5px)); /*22-07-06 수정*/
  width: 700px;
  max-height: 80vh;
}

.modal .modal-dialog.privacy .privacy-wrap .txt-box {
  font-size: 13px;
  line-height: 20px;
}

.modal .modal-dialog.privacy .privacy-wrap .txt-box p {
  margin: 20px 0 10px 0;
}

.modal .modal-dialog.privacy .privacy-wrap .txt-box .stit {
  margin: 40px 0 15px 0;
  font-weight: 700;
  font-size: 16px;
  color: #BB0000;
}

.modal .modal-dialog.privacy .privacy-wrap .txt-box .stit:first-child {
  margin: 0px 0 15px 0;
}

.modal .modal-dialog.country-search {
  position: absolute;
  top: 50%;
  left: calc(50% - 5px);
  -webkit-transform: translate(-50%, calc(-50% + .5px)); /*22-07-06 수정*/
          transform: translate(-50%, calc(-50% + .5px)); /*22-07-06 수정*/
  width: 540px;
}

.modal .modal-dialog.country-search .ly-wrap .pop-contents .input-wrap .input-box {
  margin-top: 0;
}

.modal .modal-dialog.country-search .ly-wrap .pop-contents .input-wrap .input-box input {
  width: calc(100% - 80px);
  vertical-align: top;
  padding: 0 15px;
  margin-right: 0;
}

.modal .modal-dialog.country-search .ly-wrap .pop-contents .input-wrap .input-box button {
  width: 70px;
  height: 36px;
  background: #fff;
  border: 1px solid #959DA7;
  font-size: 14px;
  color: #56606B;
  border-radius: 3px;
  margin-left: 10px;
}

.modal .modal-dialog.country-search .ly-wrap .pop-contents .country-table-wrap .search-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px;
  background: #f5f8fa;
}

.modal .modal-dialog.country-search .ly-wrap .pop-contents .country-table-wrap .search-group input {
  width: calc(100% - 90px);
  height: 28px;
  border: 1px solid #e8edee;
  border-radius: 3px;
  background: #fff;
  font-size: 14px;
  color: #000;
}

/*22-08-05 추가*/
.modal .modal-dialog.country-search .ly-wrap .pop-contents .country-table-wrap .search-group.two-input input:nth-child(1) {
  width: 100px;
}
.modal .modal-dialog.country-search .ly-wrap .pop-contents .country-table-wrap .search-group.two-input input:nth-child(2) {
  width: calc(100% - 115px);
  margin-left: 5px;
}
.modal .modal-dialog.country-search .ly-wrap .pop-contents .country-table-wrap .search-group.two-input button {
  margin-left: 10px;
}
/*//22-08-05 추가*/

.modal .modal-dialog.country-search .ly-wrap .pop-contents .country-table-wrap .search-group input::-webkit-input-placeholder {
  font-size: 14px;
}

.modal .modal-dialog.country-search .ly-wrap .pop-contents .country-table-wrap .search-group input:-ms-input-placeholder {
  font-size: 14px;
}

.modal .modal-dialog.country-search .ly-wrap .pop-contents .country-table-wrap .search-group input::-ms-input-placeholder {
  font-size: 14px;
}

.modal .modal-dialog.country-search .ly-wrap .pop-contents .country-table-wrap .search-group input::placeholder {
  font-size: 14px;
}

.modal .modal-dialog.country-search .ly-wrap .pop-contents .country-table-wrap .search-group button {
  height: 28px;
  padding: 0 10px;
  background: #575757;
  border-radius: 5px;
}

.modal .modal-dialog.country-search .ly-wrap .pop-contents .country-table-wrap .search-group button span {
  display: block;
  padding-left: 18px;
  background: url(/images/icon_layer_search.png) no-repeat 0 8px;
  font-size: 12px;
  color: #fff;
  line-height: 27px;
  width: max-content; /*22-08-25 추가*/
}

.modal .modal-dialog.country-search .ly-wrap .pop-contents .country-table-wrap .table-group {
  margin-top: 20px;
}

.modal .modal-dialog.country-search .ly-wrap .pop-contents .country-table-wrap .table-group table {
  width: 100%;
  border-top: 2px solid #000;
  text-align: center;
}

.modal .modal-dialog.country-search .ly-wrap .pop-contents .country-table-wrap .table-group table tbody tr {
  cursor: pointer;
}

.modal .modal-dialog.country-search .ly-wrap .pop-contents .country-table-wrap .table-group table tbody tr:hover, 
.modal .modal-dialog.country-search .ly-wrap .pop-contents .country-table-wrap .table-group table tbody tr.on {
  background: #f7f7f7;
}

.modal .modal-dialog.country-search .ly-wrap .pop-contents .country-table-wrap .table-group table th {
  height: 46px;
  background: #edf2f7;
  border-bottom: 1px solid #9e9fa1;
  font-size: 14px;
  color: #3d3d3d;
}

.modal .modal-dialog.country-search .ly-wrap .pop-contents .country-table-wrap .table-group table td {
  height: 40px;
  font-size: 14px;
  color: #3d3d3d;
  border-bottom: 1px solid #9e9fa1;
}
.modal .modal-dialog.country-search .ly-wrap .pop-contents .country-table-wrap .table-group table td.no-msg {
  height: 150px;
}
.modal .modal-dialog .ly-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  background-color: #fff;
  border-radius: 4px;
}
.modal .modal-dialog .ly-wrap .pop-header {
  position: relative;
}
.modal .modal-dialog .ly-wrap .pop-container {
  overflow-y: auto;
  width: 100%;
  padding: 0;
  max-height: 75vh;
}
.modal .modal-dialog .ly-wrap .pop-container .auth-select-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.modal .modal-dialog .ly-wrap .pop-container .auth-select-box .selectBox {
  width: 210px;
  height: 140px;
  background: #F6F6F6;
  border-radius: 6px;
}
.modal .modal-dialog .ly-wrap .pop-container .auth-select-box .selectBox.phone {
  background: #F6F6F6 url(/images/ico_pop_phone.png) center 35px no-repeat;
}

.modal .modal-dialog .ly-wrap .pop-container .auth-select-box .selectBox.email {
  background: #F6F6F6 url(/images/ico_pop_email.png) center 45px no-repeat;
}

.modal .modal-dialog .ly-wrap .pop-container .auth-select-box .selectBox .inp-chk {
  margin: 90px auto 0 auto;
  text-align: center;
}

.modal .modal-dialog .ly-wrap .pop-container .auth-select-box .selectBox .inp-chk input {
  position: absolute;
  left: -9999px;
}

.modal .modal-dialog .ly-wrap .pop-container .auth-select-box .selectBox .inp-chk input:checked + label::before {
  background: #E0205C;
  border: 1px solid #E0205C;
}

.modal .modal-dialog .ly-wrap .pop-container .auth-select-box .selectBox .inp-chk input:checked + label::after {
  background: #fff;
}

.modal .modal-dialog .ly-wrap .pop-container .auth-select-box .selectBox .inp-chk label {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  color: #2C3238;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}

.modal .modal-dialog .ly-wrap .pop-container .auth-select-box .selectBox .inp-chk label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0px;
  width: 18px;
  height: 18px;
  border: 1px solid #b3becc;
  border-radius: 50%;
  background-color: #fff;
}

.modal .modal-dialog .ly-wrap .pop-container .auth-select-box .selectBox .inp-chk label::after {
  content: '';
  display: inline-block;
  position: absolute;
  left: 5px;
  top: 5px;
  width: 10px;
  height: 10px;
  background-color: #ccc;
  border-radius: 50%;
  vertical-align: middle;
}

.modal .modal-dialog .ly-wrap .pop-contents {
  width: 100%;
  padding: 15px 20px 10px;
  clear: both;
}

.modal .modal-dialog .ly-wrap .pop-contents .pop-stit {
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  color: #2C3238;
  margin-bottom: 16px;
}

.modal .modal-dialog .ly-wrap .pop-contents .search-txt {
  text-align: center;
  color: #000;
}

.modal .modal-dialog .ly-wrap .pop-contents .input-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 30px;
}

.modal .modal-dialog .ly-wrap .pop-contents .input-box.bg {
  background: #F6F6F6;
  padding: 22px;
}

.modal .modal-dialog .ly-wrap .pop-contents .input-box input {
  width: 320px;
  height: 36px;
  padding: 0 15px;
  border-radius: 3px;
  /* border: 1px solid #BEC9D4; */
  /* background: #f9fafc; */
  background: #fff; /*22-07-05 수정*/
  font-size: 14px;
}

.modal .modal-dialog .ly-wrap .pop-contents .auth-num-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: 1px solid #2C3238;
  padding-bottom: 10px;
  margin-top: 20px;
}

.modal .modal-dialog .ly-wrap .pop-contents .auth-num-box > div {
  display: block;
  width: 100%;
  padding-bottom: 10px;
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
  text-align: center;
  color: #e0205c;
}

.modal .modal-dialog .ly-wrap .pop-contents .auth-num-box .btn-auth {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 110px;
  height: 30px;
  border: 1px solid #2C3238;
  border-radius: 3px;
  font-size: 13px;
  background: #fff;
  line-height: 30px;
}

.modal .modal-dialog .ly-wrap .pop-contents .search-result-box {
  background: #f3f3f3;
  padding: 33px;
  text-align: center;
  font-size: 14px;
  line-height: 22px;
}

.modal .modal-dialog .ly-wrap .pop-contents .search-result-box b {
  color: #be154c;
}

.modal .modal-dialog .ly-wrap .pop-contents .result-tit-box {
  width: 100%;
  font-size: 16px;
  line-height: 24px;
  color: #000;
  text-align: center;
  font-weight: 400;
  margin-bottom: 20px;
}

.modal .modal-dialog .ly-wrap .pop-contents .re-pw-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #F6F6F6;
  padding: 30px 60px;
  font-size: 13px;
  line-height: 20px;
}

.modal .modal-dialog .ly-wrap .pop-contents .re-pw-box input {
  margin-bottom: 15px;
  border: 1px solid #BEC9D4;
  border-radius: 3px;
  width: 100%;
  height: 36px;
  line-height: 36px;
  padding: 0 12px;
  color: #2C3238;
  font-size: 14px;
}

@media all and (max-width: 1024px) {
  .modal .modal-dialog {
    top: 0 !important;
    left: 0 !important;
    -webkit-transform: none !important;
            transform: none !important;
    width: 100% !important;
    height: 100% !important;
  }
  .modal .modal-dialog .ly-wrap {
    height: 100%;
  }
  .modal .modal-dialog .ly-wrap .pop-container {
    max-height: calc(100vh - 46px);
  }
  .modal .modal-dialog .ly-wrap .pop-container .join-step-wrap ul li {
    font-size: 12px;
  }
}

@media all and (max-width: 680px) {
  .modal .modal-dialog {
    top: 0 !important;
    left: 0 !important;
    -webkit-transform: none !important;
            transform: none !important;
    width: 100% !important;
    height: 100% !important;
  }
  .modal .modal-dialog.join .ly-wrap .pop-container.step-1 .pop-contents .input-wrap.search {
    padding: 10px 10px 20px 10px;
  }
  .modal .modal-dialog.join .ly-wrap .pop-container.step-1 .pop-contents .input-wrap.search .input-box input {
    width: auto;
    padding-left: 15px;
  }
}

@media all and (max-width: 480px) {
  .modal .modal-dialog {
    top: 0 !important;
    left: 0 !important;
    -webkit-transform: none !important;
            transform: none !important;
    width: 100% !important;
    height: 100% !important;
  }
  .modal .modal-dialog.join .ly-wrap .pop-container .join-step-wrap ul {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  .modal .modal-dialog.join .ly-wrap .pop-container.step-3 .pop-contents .input-wrap.input-apply .form-list li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .modal .modal-dialog.join .ly-wrap .pop-container.step-3 .pop-contents .input-wrap.input-apply .form-list li .tit {
    width: auto;
    margin-bottom: 8px;
  }
  .modal .modal-dialog.join .ly-wrap .pop-container.step-3 .pop-contents .input-wrap.input-apply .form-list li .form-item {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .modal .modal-dialog.join .ly-wrap .pop-container.step-3 .pop-contents .input-wrap.input-apply .form-list li .form-item > input[type="text"], .modal .modal-dialog.join .ly-wrap .pop-container.step-3 .pop-contents .input-wrap.input-apply .form-list li .form-item input[type="password"] {
    width: 100%;
  }
  .modal .modal-dialog.join .ly-wrap .pop-container.step-3 .pop-contents .input-wrap.input-apply .form-list li .form-item .email-info {
    width: 100%;
  }
}
/*-------------- //modal --------------*/


.loading-bar {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 10000;
}

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.loading-bar::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 30px;
  margin: -16px 0 0 -6px;
  background: url(/images/loading_txt.png) no-repeat 0 0;
  z-index: 1;
}

.loading-bar::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 70px;
  height: 70px;
  margin: -35px 0 0 -35px;
  background: url(/images/loading_bg.png) no-repeat 0 0;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

/* loading */
.lsp-loading { width:80px; height:50px; margin:0 auto; position:relative; z-index: 20000; }
.lsp-loading .txt { position:absolute; top:56px; width:80px; font-size:14px; letter-spacing:1px; color:#E0205C; }
.lsp-loading .aniLoad-wrap { width:80px; height:50px; margin:5px auto 0 auto; position:relative; overflow:hidden; }
.lsp-loading .aniLoad { width:50px; height:50px; background:#E0205C url(../images/loading.gif) center no-repeat; border-radius:25px; margin:0 auto; }
/* loading E */

/* jqx-grid : 22-08-11 add */
.jqx-widget-content .jqx-grid-cell .chart-wrap {
  display: flex;
  flex: 1;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.jqx-widget-content .jqx-grid-cell .chart-box {
  display: flex;
  flex: 1;
  width: 100%;
  height: 22px;
  align-items: center;
  position: relative;
  margin: 0 7px;
}
.jqx-widget-content .jqx-grid-cell .chart-box .bar {
  display: flex;
  flex-direction: column;
  height: 22px;
  position: absolute;
  background: transparent;
}
.jqx-widget-content .jqx-grid-cell .chart-box .bar .num {
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
  color: inherit;
  text-align: right;
  margin-bottom: 4px;
}
.jqx-widget-content .jqx-grid-cell .chart-box .bar .graph {
  height: 6px;
  border-radius: 6px;
}
/*color*/
.jqx-widget-content .jqx-grid-cell .chart-box .bar.green {
  color: #19A979;
}
.jqx-widget-content .jqx-grid-cell .chart-box .bar.green .graph {
  background: #19A979;
}
.jqx-widget-content .jqx-grid-cell .chart-box .bar.yellow {
  color: #E9730C;
}
.jqx-widget-content .jqx-grid-cell .chart-box .bar.yellow .graph {
  background: #ffab2d;
}
.jqx-widget-content .jqx-grid-cell .chart-box .bar.red {
  color: #DC0D0E;
}
.jqx-widget-content .jqx-grid-cell .chart-box .bar.red .graph {
  background: #DC0D0E;
}
/*//color*/
.jqx-widget-content .jqx-grid-cell .chart-box .bar-bg {
  background: #DAE3ED;
  height: 6px;
  border-radius: 6px;
  width: 100%;
  margin-top: auto;
}
/* jqx-grid : 22-08-11 add */


/* 개인화 팝업 : 22-10-19 개인화 팝업 화면 추가로 인한 class 추가 */
.search-btn-box {
	display:flex; padding:20px; background: #f5f8fa; height:69px; box-sizing:border-box;
}
.search-btn-box .personal-filebox {
  width:150px;
}
.search-btn-box .personal-button {
  border: 1px solid #d1d8de;
  margin-right:0px;
  background-color:#fff;
  color:#575757;
  padding: 0 4px;
}
.search-btn-box .personal-flex {
  margin-left:10px; font-size: 0;
}
.search-btn-box .personal-flex button {
  min-width: 70px; height: 28px; padding: 0 10px; background: #fff; border-radius: 5px; border: 1px solid #d2d2d2;
  cursor: pointer; font-size: 13px; color: #101820; line-height: 26px; margin-right:4px;
}
.search-btn-box .personal-disabled-button {
  color: #fff;
  border-color: #D8D8D8;
  background-color: #D8D8D8;
  /* color: #fff !important;
  border-color: #D8D8D8 !important;
  background-color: #D8D8D8 !important; */
}
.personal-grid-button {
  border: 1px solid #d1d8de;
  margin-right:5px;
  background-color:#fff;
  color:#575757;
  padding: 0 10px;
  font-family: Noto Sans KR,arial,Malgun Gothic,Arial,Doutm,Tahoma,sans-serif;
  font-size: 13px;
  color: #101820;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: top;
  height: 23px;
  border-radius: 5px;
  text-align: right;
}

.personal-setting-btn::before{
  content: '\e0a6';
  margin-left: 5px;
  font-family: SAP-icons;
  line-height: 30px;
  color: #686b6e;
  font-size: 1rem;
  cursor: pointer;
}

.personal-setting-red-btn::before{
  content: '\e0a6';
  margin-left: 5px;
  font-family: SAP-icons;
  line-height: 20px;
  color: #ff7b7b;
  border-color: #fa6161;
  font-size: 1rem;
  /* background: #fa6161 !important; */
  border-bottom-left-radius: 3rem;
  border-bottom-right-radius: 3rem;
  border-top-left-radius: 3rem;
  border-top-right-radius: 3rem;
  box-sizing: border-box;
  cursor: pointer;
}

.personal-group-data {
  background-color: #fdf3e1 !important;
}

/*테이블 내  순번 위치 변경 시 정상 동작 하지 않음 start*/
.grid-table .num-trim .jqx-grid-content .jqx-grid-cell-pinned:nth-child(2) div {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 !important;
}
/*테이블 내  순번 위치 변경 시 정상 동작 하지 않음 end*/

/*테이블 내 글자 왼쪽에 붙는것 해결 start*/
.grid-table .num-trim .jqx-grid-content .jqx-grid-cell:nth-child(8) div {
    padding-left: 10px;
}
/*테이블 내 글자 왼쪽에 붙는것 해결 end*/
/* 개인화 팝업 : 22-10-19 개인화 팝업 추가로 인한 class 추가 */

/* 첨부파일 팝업 : 22-11-09 개첨부파일 팝업 추가로 인한 class 추가 */
.new-file-del-btn {
  width: 16px !important;
  height: 16px !important;
  background: #fff url(/images/icon_confirmpop_close.png) no-repeat center 4px !important;
  background-size: auto 7px !important;
  padding: 0;
  position: relative;
  top: 3px;
  border-radius: 5px;
  border: 1px solid #d2d2d2;
  margin-left: 6px;
}
/* 첨부파일 팝업 : 22-11-09 개첨부파일 팝업 추가로 인한 class 추가 */
/* // # sourceMappingURL=common.css.map */


/* 상세팝업표시 아이콘 : 22-11-25  class 추가 */
.detail-icon::before{
  content: '\e1d8' !important;
  font-family: SAP-icons !important;
  color: #686b6e !important;
  margin-left: 10px !important;
  cursor: pointer;
}
/* 상세팝업표시 아이콘 : 22-11-25  class 추가 */

/* 리셋 아이콘 : 22-11-25  class 추가 */
.reset-icon::before{
  content: '\e248' !important;
  font-family: SAP-icons !important;
  color: #686b6e !important;
  margin-top:10px !important;
  margin-left: 2px !important;
  font-size: 1.1rem !important;
  cursor: pointer;
}
.reset-red-icon::before{
  content: '\e248' !important;
  font-family: SAP-icons !important;
  color: #fa6161 !important;
  margin-top:10px !important;
  margin-left: 2px !important;
  border-color: #fa6161 !important;
  font-size: 1.1rem !important;
  /* background: #fa6161 !important; */
  border-bottom-left-radius: 3rem;
  border-bottom-right-radius: 3rem;
  border-top-left-radius: 3rem;
  border-top-right-radius: 3rem;
  box-sizing: border-box;
  cursor: pointer;
}
/* 리셋 아이콘 : 22-11-25  class 추가 */

/* 리셋 아이콘 : 23-01-05  class 추가 */
.full-size-icon{
  content: '\e1e7' !important;
  font-family: SAP-icons !important;
  color: #686b6e !important;
  font-size: 1rem !important;
  cursor: pointer;
}