@charset "UTF-8";
/***********************
 new
************************/
/* **** area mixin ****/
/* **** text attr ****/
/* **** scroll ****/
/* **** form mixin ****/
/***********************
 new
************************/
/* **** area mixin ****/
/* **** text attr ****/
/* **** scroll ****/
/* **** form mixin ****/
/* default css */
/** fonts setting **/
/* default - Regular */
@font-face {
  font-family: "Pretendard GOV";
  font-weight: 400;
  font-style: normal;
  src: local("Pretendard GOV Regular"), url("../../font/PretendardGOV-Regular.woff") format("woff");
}
/* Medium */
@font-face {
  font-family: "Pretendard GOV";
  font-weight: 500;
  font-style: normal;
  src: local("Pretendard GOV Medium"), url("../../font/PretendardGOV-Medium.woff") format("woff");
}
/* Bold */
@font-face {
  font-family: "Pretendard GOV";
  font-weight: 700;
  font-style: normal;
  src: local("Pretendard GOV Bold"), url("../../font/PretendardGOV-Bold.woff") format("woff");
}
/*! Fontface */
html, body {
  position: relative;
  width: 100%;
  min-height: 100%;
  height: 100%;
  font-family: "Pretendard GOV", sans-serif;
  color: #666;
  font-weight: 400;
  line-height: 1.5;
  word-break: keep-all;
  word-wrap: break-word;
  -webkit-tap-highlight-color: transparent;
}

html {
  font-size: 100%;
  -ms-overflow-style: none;
}

body {
  font-size: 1rem;
  overflow-x: hidden;
}

*:focus-visible {
  outline-offset: -0.25rem;
  outline: 2px solid rgba(0, 73, 190, 0.8);
  border-radius: 0;
}

body,
div,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
table,
th,
td,
form,
fieldset,
legend,
input,
textarea,
a,
button,
select,
ul,
li,
span,
em,
label,
:before,
:after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-text-size-adjust: none;
  font-family: inherit;
  line-height: 1.5;
  letter-spacing: inherit;
}

pre {
  font-family: inherit;
}

input,
textarea,
a,
button,
select,
span,
label,
:before,
:after {
  font-size: inherit;
  font-weight: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong {
  font-weight: 700;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

img,
fieldset {
  border: 0;
}

fieldset {
  min-width: 100%;
}

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

ul,
ol {
  list-style: none;
}

em,
address,
i {
  font-style: normal;
}

a,
a:hover,
a:active,
a:focus {
  color: inherit;
  text-decoration: none;
}

button,
input[type=submit],
input[type=button] {
  overflow: visible;
  margin: 0;
  background-color: transparent;
  border: none;
  -webkit-appearance: button;
  cursor: pointer;
  font: inherit;
  color: inherit;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

textarea {
  resize: none;
}

select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type=text],
input[type=tel],
input[type=password],
input[type=file],
input[type=number],
input[type=email],
input[type=date],
input[type=search],
textarea {
  -webkit-box-shadow: none;
  box-shadow: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-tap-highlight-color: transparent;
}

caption {
  display: none;
}

table {
  table-layout: fixed;
  max-width: none;
  width: 100%;
  border-collapse: collapse;
}

[role=button] {
  cursor: pointer;
}

.img img {
  min-width: 100%;
  max-width: 100%;
}

.img.bg-img {
  background-size: cover;
}

.blind,
hr,
.sr-only,
legend,
caption {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.show {
  display: block !important;
}

.al {
  text-align: left !important;
}

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

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

@media (max-width: 767px) {
  .pc-only {
    display: none !important;
  }
}
/* sample css */
/*! UI Color*/
:root {
  /*! Primary Color */
  --dk-blue:#1f3d7b;
  --blue:#0049be;
  --red:#ee0700;
  /*! Secondary Color */
  --green2:#05819b;
  --red2:#db2950;
  /*! Tertiary Color */
  --green:#2fb62d;
  --gray1:#d7d7d7;
  --gray2:#f4f4f4;
  --gray3:#666;
  --white:#fff;
  --black:#000;
  /*! Sub Color */
  --l-dk-blue:#eaf1ff;
  --tb-border:#afafaf;
}

/*! Common */
.sr-only, .blind, .hidden {
  overflow: hidden;
  position: absolute;
  width: 0.1rem;
  height: 0.1rem;
  margin: -0.1rem;
  padding: 0;
  border: 0 none;
  clip: rect(0, 0, 0, 0);
}

.cf:after, .clearfix:after, .clfix:after {
  content: "";
  display: block;
  clear: both;
  line-height: 0;
}

* html .clfix {
  height: 1%;
}

.clear {
  clear: both;
}

.ellipsis {
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.emp {
  color: var(--blue) !important;
}

.emp2 {
  color: var(--red) !important;
}

.emp3 {
  color: var(--gray3) !important;
}

.none {
  display: none !important;
}

.w-full {
  width: 100% !important;
}

.bdr0 {
  border: 0 !important;
}

.bdr1 {
  border: 0.0625rem solid var(--gray1) !important;
}

.bdr-t0 {
  border-top: 0 !important;
}

.bdr-t2 {
  border-top: 0.125rem solid var(--tb-border) !important;
}

.bdr-b0 {
  border-bottom: 0 !important;
}

.bdr-b1 {
  border-bottom: 0.0625rem solid var(--gray1) !important;
}

.bdr-l1 {
  border-left: 0.0625rem solid var(--gray1) !important;
}

.bdr-r1 {
  border-right: 0.0625rem solid var(--gray1) !important;
}

.lh0 {
  line-height: 0 !important;
}

.fl {
  float: left !important;
}

.fr {
  float: right !important;
}

.fn {
  float: none !important;
}

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

.al, .left {
  text-align: left !important;
}

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

.fs12 {
  font-size: 0.75rem !important;
}

.fs13 {
  font-size: 0.8125rem !important;
}

.fs14 {
  font-size: 0.875rem !important;
}

.fs16 {
  font-size: 1rem !important;
}

.fs24 {
  font-size: 1.5rem !important;
}

.fs32 {
  font-size: 2rem !important;
}

.fw100 {
  font-weight: 100 !important;
}

.fw300 {
  font-weight: 300 !important;
}

.fw400 {
  font-weight: 400 !important;
}

.fw500 {
  font-weight: 500 !important;
}

.fw700 {
  font-weight: 700 !important;
}

.fw900 {
  font-weight: 900 !important;
}

.posi {
  position: initial !important;
}

.posa {
  position: absolute !important;
}

.posr {
  position: relative !important;
}

.posf {
  position: fixed !important;
}

.w80 {
  width: 5rem !important;
}

.w90 {
  width: 5.625rem !important;
}

.w120 {
  width: 7.5rem !important;
}

.w100 {
  width: 6.25rem !important;
}

.w200 {
  width: 12.5rem !important;
}

.w260 {
  width: 16.25rem !important;
}

.w300 {
  width: 18.75rem !important;
}

.w400 {
  width: 25rem !important;
}

.mt0 {
  margin-top: 0 !important;
}

.mt5 {
  margin-top: 0.3125rem !important;
}

.mt8 {
  margin-top: 0.5rem !important;
}

.mt10 {
  margin-top: 0.625rem !important;
}

.mt12 {
  margin-top: 0.75rem !important;
}

.mt15 {
  margin-top: 0.9375rem !important;
}

.mt16 {
  margin-top: 1rem !important;
}

.mt20 {
  margin-top: 1.25rem !important;
}

.mt30 {
  margin-top: 1.875rem !important;
}

.mt40 {
  margin-top: 2.5rem !important;
}

.mt50 {
  margin-top: 3.125rem !important;
}

.mt60 {
  margin-top: 3.75rem !important;
}

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

.mb5 {
  margin-bottom: 0.3125rem !important;
}

.mb10 {
  margin-bottom: 0.625rem !important;
}

.mb18 {
  margin-bottom: 1.125rem !important;
}

.mb20 {
  margin-bottom: 1.25rem !important;
}

.mb30 {
  margin-bottom: 1.875rem !important;
}

.mb40 {
  margin-bottom: 2.5rem !important;
}

.mb50 {
  margin-bottom: 3.125rem !important;
}

.mb100 {
  margin-bottom: 10rem !important;
}

.mr8 {
  margin-right: 0.5rem !important;
}

.mr10 {
  margin-right: 0.625rem !important;
}

.ml4 {
  margin-left: 0.25rem !important;
}

.ml10 {
  margin-left: 0.625rem !important;
}

.ml12 {
  margin-left: 0.75rem !important;
}

.ml20 {
  margin-left: 1.25rem !important;
}

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

.pt0 {
  padding-top: 0 !important;
}

.pt10 {
  padding-top: 0.625rem !important;
}

.pd0 {
  padding: 0 !important;
}

.pd20 {
  padding: 1.25rem !important;
}

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

.pb10 {
  padding-bottom: 0.625rem !important;
}

.pb20 {
  padding-bottom: 1.25rem !important;
}

.pb30 {
  padding-bottom: 1.875rem !important;
}

.pb40 {
  padding-bottom: 2.5rem !important;
}

.pb50 {
  padding-bottom: 3.125rem !important;
}

.pr10 {
  padding-right: 0.625rem !important;
}

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

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

.pl10 {
  padding-left: 0.625rem !important;
}

.full {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.flex1 {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 !important;
          flex: 1 !important;
}

.flex-auto {
  -webkit-box-flex: 1 !important;
      -ms-flex: auto !important;
          flex: auto !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
}

.flex-none {
  -webkit-box-flex: 0 !important;
      -ms-flex: none !important;
          flex: none !important;
}

.flex-col {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}

.al-start {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}

.al-center {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.jc-center {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

.jc-around {
  -ms-flex-pack: distribute !important;
      justify-content: space-around !important;
}

.jc-end {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

.jc-between, .between {
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}

/*! flex */
.flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
}

.flex-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}

.flex-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.w-auto {
  width: auto !important;
}

.l-center {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

[class^=l-container] {
  overflow: hidden;
}

[class^=l-cluster]:not(.l-cluster-table) {
  overflow: hidden;
}

.l-cluster-table {
  overflow: auto;
}

[class^=l-component] {
  overflow: hidden;
}

[class^=l-content], [class^=l-cont] {
  overflow: hidden;
}

.full-width {
  position: relative;
  right: 50%;
  left: 50%;
  width: 100vw;
  margin-right: -50vw;
  margin-left: -50vw;
}

body.scroll-no {
  overflow: hidden;
}

#skip-nav {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  text-align: center;
  background-color: #1d1d1d;
}
#skip-nav a:focus-visible {
  outline-offset: -0.25rem;
  outline: 2px solid rgba(255, 255, 255, 0.8);
  border-radius: 0;
  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: 100%;
  height: 2rem;
  font-size: 0.9375rem;
  color: #fff;
}
#skip-nav a:not(:focus-visible) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.udl {
  text-decoration: underline;
}

.indt-16 {
  text-indent: 1rem !important;
}

.disb {
  visibility: hidden !important;
}

.txtindt {
  text-indent: -999999999px !important;
}

/*! Grid System */
.l-container-grid > .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.5rem;
}

.col, [class^=col-] {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
  padding: 0.75rem;
}

/*! Title */
.title-area h2 {
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.3;
}

/*! Title */
.sub-title-area {
  width: 100%;
  margin-top: 2.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 0.0625rem solid var(--gray1);
}
.sub-title-area h2 {
  width: 100%;
  font-size: 1.75rem;
  line-height: 2.8125rem;
  font-weight: 500;
  color: var(--black);
}
.sub-title-area .sub {
  margin-top: 0.5rem;
  color: #666;
  font-size: 0.75rem;
  font-weight: 400;
}
.sub-title-area + .cnt-top-area {
  margin-top: 0;
}

.sm-tit {
  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: 100%;
  margin-top: 2.5rem;
  margin-bottom: 1.25rem;
  font-weight: 500;
}
.sm-tit.align-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.sm-tit + .bl-hd {
  padding-top: 0;
}
.sm-tit .step-wrap {
  margin-left: auto;
}
.sm-tit .desc {
  margin-top: 0.5rem;
  font-size: 0.75rem;
}
.sm-tit.no-icon .title {
  padding-left: 0;
}
.sm-tit.no-icon .title::before {
  display: none;
}
.sm-tit.has-border {
  margin-bottom: 1.25rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #d8d8d8;
}
.sm-tit h2 {
  color: var(--black);
  font-size: 1.5rem;
  font-weight: 700;
}
.sm-tit .title[class*=ico-]::before, .sm-tit .title[class*=ico-]::after {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
}
.sm-tit .title[class*=-left]::after {
  display: none;
}
.sm-tit .title[class*=-right]::before {
  display: none;
}
.sm-tit .title.ico-apply-left::before {
  background-image: url(../../images/anyid/icon/ico_title_apply.svg);
}
.sm-tit h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  font-size: 1.125rem;
  line-height: 1.6;
  padding: 0 0 0 2rem;
  color: var(--black);
  font-weight: 500;
}
.sm-tit h3:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  margin-top: -0.75rem;
  background: url(../../images/anyid/icon/ico_sp2_24X24.png) no-repeat 0 0/15rem auto;
}
.sm-tit h3.ico-04:before {
  background-position-x: -4.5rem;
}
.sm-tit h3.help:before {
  content: "";
  background: url(../../images/anyid/icon/ico_help_24.svg) no-repeat center/contain;
}
.sm-tit h3.notice:before {
  content: "";
  background-position: -1.5rem 0;
}
.sm-tit h3.notice2:before {
  content: "";
  background-position: -7.5rem 0;
}
.sm-tit h3.guide:before {
  content: "";
  background-position: -9rem 0;
}
.sm-tit h3.api:before {
  content: "";
  background-position: 10.5rem 0;
}
.sm-tit h3 .desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin-top: 0;
  margin-left: 0.5rem;
  padding-left: 0.5rem;
  font-size: 0.75rem;
  font-weight: 400;
}
.sm-tit h3 .desc .req {
  margin-left: 0;
  margin-right: 0.25rem;
  font-size: 0.875rem;
}
.sm-tit h3 .desc:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 1.125rem;
  width: 0.0625rem;
  background-color: #d7d7d7;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.sm-tit .tit-right {
  margin-left: auto;
}
.sm-tit .desc > span.txt {
  font-size: 1rem;
}
.sm-tit button.btn-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
  font-size: 0.875rem;
}
.sm-tit .l-cluster-btn .btn {
  width: 6.25rem;
  font-size: 0.875rem;
  font-weight: 700;
}
.sm-tit.txt {
  margin-top: 1.875rem;
}
.sm-tit.txt h3 {
  width: 100%;
  padding: 0;
}
.sm-tit.txt h3:before {
  content: "";
  background: none;
}
.sm-tit.txt-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 2.125rem;
  margin-top: 1.875rem;
}
.sm-tit.txt-btn h3 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  width: 100%;
  padding: 0;
}
.sm-tit.txt-btn h3:before {
  content: "";
  background: none;
}
.sm-tit.txt-btn button {
  margin-top: 0;
  height: 2rem !important;
}

/*! Text */
.text {
  font-size: 1rem;
  color: var(--gray3);
}
.text.wrn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.25rem;
  font-size: 0.875rem;
}

.lead {
  font-size: 0.75rem;
  color: var(--gray3);
}

p.desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-left: 1.125rem;
  font-size: 0.875rem;
  line-height: 1.2;
}
p.desc .emp, p.desc .emp2, p.desc .emp3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 0.75rem;
}
p.desc .emp i, p.desc .emp2 i, p.desc .emp3 i {
  position: absolute;
  top: 0.03125rem;
  left: 0;
  margin-right: 0.25rem;
}
p.desc.emp, p.desc.emp2, p.desc.emp3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
p.desc.emp i, p.desc.emp2 i, p.desc.emp3 i {
  position: absolute;
  top: 0.0625rem;
  left: 0;
  margin-right: 0.25rem;
}

.desc.callout {
  margin-top: 1.25rem;
  padding: 2.5rem;
  border: 0.0625rem solid var(--gray1);
  background-color: var(--gray2);
}
.desc.callout em {
  font-size: 1rem;
  font-weight: 700;
  color: var(--gray3);
}

.badge {
  display: inline-block;
  height: 1.375rem;
  line-height: 1.375rem;
  padding: 0 0.5rem;
  font-size: 0.75rem;
  font-weight: 700;
}
.badge.red {
  color: #fff;
  background: #E71825;
}

/*! 에디터 영역 */
.cnt-edit-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 3.625rem;
  border-top: 0.0625rem solid #afafaf;
  border-bottom: 0.0625rem solid #afafaf;
  background-color: var(--gray2);
}
.cnt-edit-area .l-cluster-btn.right {
  margin-top: 1.25rem;
}
.cnt-edit-area form {
  width: 100%;
}
.cnt-edit-area .l-cluster-sch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 1.25rem;
  width: 100%;
}
.cnt-edit-area .l-cluster-sch .form-field.combo {
  width: 12.5rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.cnt-edit-area .l-cluster-sch .form-field.combo .ipt1 {
  width: 100%;
}
.cnt-edit-area.edit {
  height: auto;
  padding: 1.25rem;
  background-color: #fff;
  border-top: 0.0625rem solid var(--gray1);
  border-bottom: 0;
}
.cnt-edit-area.edit input[type=text] {
  width: 100%;
}
.cnt-edit-area .editor-area {
  margin-top: 1.25rem;
}
.cnt-edit-area .editor-area img {
  max-width: 100%;
}

/*! Loader */
.l-container-loader {
  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;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.l-container-loader p.msg {
  margin-top: 2.5rem;
  font-size: 1rem;
  font-weight: 500;
}

/***********************
 new
************************/
/****** title ******/
.sec-tit {
  color: #1d1d1d;
  font-size: 1.5625rem;
  font-weight: 700;
}
.sec-tit + .sec-desc {
  margin-top: 2.5rem;
}

.sec-desc {
  font-size: 1.0625rem;
}

.status.done {
  color: #666;
}
.status.error {
  color: #EE0700;
}

.modal-layer .dot.indent {
  margin-left: 0.625rem;
}
.modal-layer .dot > li {
  position: relative;
  padding-left: 0.625rem;
}
.modal-layer .dot > li + li {
  margin-top: 0.5rem;
}
.modal-layer .dot > li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.625rem;
  width: 0.125rem;
  height: 0.125rem;
  border-radius: 50%;
  background-color: var(--gray3);
}
.modal-layer .dot > li .info-txt {
  margin-top: 0.5rem;
}

.info-list.box-type {
  padding: 0.75rem 0.625rem;
  border: 1px solid #D7D7D7;
}
.info-list > li {
  position: relative;
  color: #555;
}
.info-list > li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
}
.info-list.txt > li + li {
  margin-top: 0.5rem;
}
.info-list li.between {
  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;
}
.info-list li.between > * + * {
  text-align: right;
}
.info-list.dot > li {
  padding-left: 0.5rem;
  font-size: 0.75rem;
}
.info-list.dot > li::before {
  top: 0.5rem;
  width: 0.125rem;
  height: 0.125rem;
  background: var(--gray3);
  color: var(--gray3);
}
.info-list.dot > li + li {
  margin-top: 0.25rem;
}
.info-list.no-icon > li {
  padding-left: 1.25rem;
  text-indent: -1.25rem;
}
.info-list.no-icon > li + li {
  margin-top: 1.25rem;
}
.info-list.no-icon > li > * {
  margin-top: 0.5rem;
  text-indent: 0;
}
.info-list.no-icon > li ul {
  margin-top: 0.75rem;
}
.info-list.no-icon > li ul li + li {
  margin-top: 0.5rem;
}
.info-list.large-dot > li {
  padding-left: 1.125rem;
  font-size: 0.875rem;
}
.info-list.large-dot > li::before {
  top: 0.3125rem;
  width: 0.625rem;
  height: 0.625rem;
  border: 1px solid var(--gray3);
  border-radius: 50%;
  color: var(--gray3);
}
.info-list.large-dot > li + li {
  margin-top: 0.375rem;
}
.info-list.dash > li {
  padding-left: 0.875rem;
  font-size: 0.875rem;
}
.info-list.dash > li::before {
  content: "";
  top: 0.625rem;
  width: 0.375rem;
  height: 0.0625rem;
  background: var(--gray3);
}
.info-list.dash > li + li {
  margin-top: 0.375rem;
}

.info-txt {
  position: relative;
  padding-left: 1.25rem;
  font-size: 0.875rem;
}
.info-txt.blue {
  color: #0049BE;
}
.info-txt.blue::before {
  background-image: url(../../images/anyid/icon/ico_noti_blue_16.svg);
}
.info-txt.sm {
  font-size: 0.75rem;
}
.info-txt.sm::before {
  top: 0.0625rem;
}
.info-txt::before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: 0.1875rem;
  left: 0;
  background: url(../../images/anyid/icon/ico_noti_gray_16.svg) no-repeat center/cover;
}

/****** 로딩화면 ******/
@-webkit-keyframes spinAni {
  0% {
    opacity: 0;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
  }
  100% {
    opacity: 1;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
  }
}
@keyframes spinAni {
  0% {
    opacity: 0;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
  }
  100% {
    opacity: 1;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
  }
}
.loading-spin {
  position: fixed;
  top: 50%;
  left: 50%;
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 9999;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.loading-spin .msg {
  margin-top: 2.5rem;
  color: #666;
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
}

.spin-inner {
  width: 100px;
  height: 100px;
  position: relative;
}
.spin-inner > div {
  -webkit-transform-origin: 50px 50px;
          transform-origin: 50px 50px;
}
.spin-inner > div:nth-child(1) {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.spin-inner > div:nth-child(1) > div {
  position: absolute;
  top: 1.5rem;
  left: 0.45rem;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #2768FF;
  animation: spinAni 2s linear calc(0.1111111111s * 1) infinite reverse;
}
.spin-inner > div {
  -webkit-transform-origin: 50px 50px;
          transform-origin: 50px 50px;
}
.spin-inner > div:nth-child(2) {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
}
.spin-inner > div:nth-child(2) > div {
  position: absolute;
  top: 1.5rem;
  left: 0.45rem;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #2768FF;
  animation: spinAni 2s linear calc(0.1111111111s * 2) infinite reverse;
  opacity: 0.95;
}
.spin-inner > div {
  -webkit-transform-origin: 50px 50px;
          transform-origin: 50px 50px;
}
.spin-inner > div:nth-child(3) {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
}
.spin-inner > div:nth-child(3) > div {
  position: absolute;
  top: 1.5rem;
  left: 0.45rem;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #2768FF;
  animation: spinAni 2s linear calc(0.1111111111s * 3) infinite reverse;
  opacity: 0.9;
}
.spin-inner > div {
  -webkit-transform-origin: 50px 50px;
          transform-origin: 50px 50px;
}
.spin-inner > div:nth-child(4) {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
}
.spin-inner > div:nth-child(4) > div {
  position: absolute;
  top: 1.5rem;
  left: 0.45rem;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #2768FF;
  animation: spinAni 2s linear calc(0.1111111111s * 4) infinite reverse;
  opacity: 0.85;
}
.spin-inner > div {
  -webkit-transform-origin: 50px 50px;
          transform-origin: 50px 50px;
}
.spin-inner > div:nth-child(5) {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transform: rotate(80deg);
          transform: rotate(80deg);
}
.spin-inner > div:nth-child(5) > div {
  position: absolute;
  top: 1.5rem;
  left: 0.45rem;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #2768FF;
  animation: spinAni 2s linear calc(0.1111111111s * 5) infinite reverse;
  opacity: 0.8;
}
.spin-inner > div {
  -webkit-transform-origin: 50px 50px;
          transform-origin: 50px 50px;
}
.spin-inner > div:nth-child(6) {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transform: rotate(100deg);
          transform: rotate(100deg);
}
.spin-inner > div:nth-child(6) > div {
  position: absolute;
  top: 1.5rem;
  left: 0.45rem;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #2768FF;
  animation: spinAni 2s linear calc(0.1111111111s * 6) infinite reverse;
  opacity: 0.75;
}
.spin-inner > div {
  -webkit-transform-origin: 50px 50px;
          transform-origin: 50px 50px;
}
.spin-inner > div:nth-child(7) {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transform: rotate(120deg);
          transform: rotate(120deg);
}
.spin-inner > div:nth-child(7) > div {
  position: absolute;
  top: 1.5rem;
  left: 0.45rem;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #2768FF;
  animation: spinAni 2s linear calc(0.1111111111s * 7) infinite reverse;
  opacity: 0.7;
}
.spin-inner > div {
  -webkit-transform-origin: 50px 50px;
          transform-origin: 50px 50px;
}
.spin-inner > div:nth-child(8) {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transform: rotate(140deg);
          transform: rotate(140deg);
}
.spin-inner > div:nth-child(8) > div {
  position: absolute;
  top: 1.5rem;
  left: 0.45rem;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #2768FF;
  animation: spinAni 2s linear calc(0.1111111111s * 8) infinite reverse;
  opacity: 0.65;
}
.spin-inner > div {
  -webkit-transform-origin: 50px 50px;
          transform-origin: 50px 50px;
}
.spin-inner > div:nth-child(9) {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transform: rotate(160deg);
          transform: rotate(160deg);
}
.spin-inner > div:nth-child(9) > div {
  position: absolute;
  top: 1.5rem;
  left: 0.45rem;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #2768FF;
  animation: spinAni 2s linear calc(0.1111111111s * 9) infinite reverse;
  opacity: 0.6;
}
.spin-inner > div {
  -webkit-transform-origin: 50px 50px;
          transform-origin: 50px 50px;
}
.spin-inner > div:nth-child(10) {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.spin-inner > div:nth-child(10) > div {
  position: absolute;
  top: 1.5rem;
  left: 0.45rem;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #2768FF;
  animation: spinAni 2s linear calc(0.1111111111s * 10) infinite reverse;
  opacity: 0.55;
}
.spin-inner > div {
  -webkit-transform-origin: 50px 50px;
          transform-origin: 50px 50px;
}
.spin-inner > div:nth-child(11) {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transform: rotate(200deg);
          transform: rotate(200deg);
}
.spin-inner > div:nth-child(11) > div {
  position: absolute;
  top: 1.5rem;
  left: 0.45rem;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #2768FF;
  animation: spinAni 2s linear calc(0.1111111111s * 11) infinite reverse;
  opacity: 0.5;
}
.spin-inner > div {
  -webkit-transform-origin: 50px 50px;
          transform-origin: 50px 50px;
}
.spin-inner > div:nth-child(12) {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transform: rotate(220deg);
          transform: rotate(220deg);
}
.spin-inner > div:nth-child(12) > div {
  position: absolute;
  top: 1.5rem;
  left: 0.45rem;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #2768FF;
  animation: spinAni 2s linear calc(0.1111111111s * 12) infinite reverse;
  opacity: 0.45;
}
.spin-inner > div {
  -webkit-transform-origin: 50px 50px;
          transform-origin: 50px 50px;
}
.spin-inner > div:nth-child(13) {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transform: rotate(240deg);
          transform: rotate(240deg);
}
.spin-inner > div:nth-child(13) > div {
  position: absolute;
  top: 1.5rem;
  left: 0.45rem;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #2768FF;
  animation: spinAni 2s linear calc(0.1111111111s * 13) infinite reverse;
  opacity: 0.4;
}
.spin-inner > div {
  -webkit-transform-origin: 50px 50px;
          transform-origin: 50px 50px;
}
.spin-inner > div:nth-child(14) {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transform: rotate(260deg);
          transform: rotate(260deg);
}
.spin-inner > div:nth-child(14) > div {
  position: absolute;
  top: 1.5rem;
  left: 0.45rem;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #2768FF;
  animation: spinAni 2s linear calc(0.1111111111s * 14) infinite reverse;
  opacity: 0.35;
}
.spin-inner > div {
  -webkit-transform-origin: 50px 50px;
          transform-origin: 50px 50px;
}
.spin-inner > div:nth-child(15) {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transform: rotate(280deg);
          transform: rotate(280deg);
}
.spin-inner > div:nth-child(15) > div {
  position: absolute;
  top: 1.5rem;
  left: 0.45rem;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #2768FF;
  animation: spinAni 2s linear calc(0.1111111111s * 15) infinite reverse;
  opacity: 0.3;
}
.spin-inner > div {
  -webkit-transform-origin: 50px 50px;
          transform-origin: 50px 50px;
}
.spin-inner > div:nth-child(16) {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transform: rotate(300deg);
          transform: rotate(300deg);
}
.spin-inner > div:nth-child(16) > div {
  position: absolute;
  top: 1.5rem;
  left: 0.45rem;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #2768FF;
  animation: spinAni 2s linear calc(0.1111111111s * 16) infinite reverse;
  opacity: 0.25;
}
.spin-inner > div {
  -webkit-transform-origin: 50px 50px;
          transform-origin: 50px 50px;
}
.spin-inner > div:nth-child(17) {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transform: rotate(320deg);
          transform: rotate(320deg);
}
.spin-inner > div:nth-child(17) > div {
  position: absolute;
  top: 1.5rem;
  left: 0.45rem;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #2768FF;
  animation: spinAni 2s linear calc(0.1111111111s * 17) infinite reverse;
  opacity: 0.2;
}
.spin-inner > div {
  -webkit-transform-origin: 50px 50px;
          transform-origin: 50px 50px;
}
.spin-inner > div:nth-child(18) {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transform: rotate(340deg);
          transform: rotate(340deg);
}
.spin-inner > div:nth-child(18) > div {
  position: absolute;
  top: 1.5rem;
  left: 0.45rem;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #2768FF;
  animation: spinAni 2s linear calc(0.1111111111s * 18) infinite reverse;
  opacity: 0.1;
}

/****** pdf page ******/
.pdf_page .sm-tit {
  margin-bottom: 0.75rem;
}
.pdf_page .sm-tit h3 {
  display: block;
}

/***********************
 기존 1차 css
************************/
/*! Button */
/*! 플로팅 버튼 20231207 */
.floating-btn {
  visibility: hidden;
  position: fixed;
  left: calc(50% + 300px);
  z-index: 10;
  margin-top: 0;
  margin-left: -292px;
  -webkit-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.4);
          box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.4);
}
.floating-btn .l-cluster-btn button {
  max-width: 24rem;
  margin-top: 0;
}

.floating-btn.on {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }
  to {
    bottom: 100px;
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }
  to {
    bottom: 100px;
    opacity: 1;
  }
}
@-webkit-keyframes fadeout {
  from {
    bottom: 100px;
    opacity: 1;
  }
  to {
    bottom: 0;
    opacity: 0;
  }
}
@keyframes fadeout {
  from {
    bottom: 100px;
    opacity: 1;
  }
  to {
    bottom: 0;
    opacity: 0;
  }
}
/*! Media Query */
/*! 1280px 이하 (태블릿) */
@media screen and (max-width: 1280px) {
  .floating-btn {
    left: 50%;
    margin-left: -192px;
  }
}
/*! 토글 버튼 */
.toggle-switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.toggle-switch .txt {
  margin-left: 0.5rem;
  font-weight: 500;
  font-size: 0.9375rem;
  color: #000;
}

.switch {
  display: inline-block;
  position: relative;
  width: 3rem;
  height: 1.5rem;
  min-width: 3rem;
}

.switch input {
  width: 0;
  height: 0;
  opacity: 0;
}

.slider {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--gray1);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer;
}

.slider:before {
  content: "";
  position: absolute;
  bottom: 0.1875rem;
  left: 0.1875rem;
  width: 1.125rem;
  height: 1.125rem;
  border: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: var(--dk-blue);
}
input:checked + .slider:before {
  content: "";
  border: 0;
}

input:checked + .slider:before {
  -webkit-transform: translateX(1.5625rem);
          transform: translateX(1.5625rem);
}

.slider.round {
  border-radius: 2.125rem;
}

.slider.round:before {
  border-radius: 50%;
}

/***********************
 override
************************/
.l-cluster-btn .btn[class*=ico-]::after {
  display: none;
}

/***********************
 new
************************/
.l-cluster-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.75rem;
}
.l-cluster-btn.bottom {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 2.5rem;
}
.l-cluster-btn.bottom .btn {
  max-width: 22.5rem;
}
.l-cluster-btn.right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: auto;
}
.l-cluster-btn.right .btn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.l-cluster-btn.search {
  width: auto;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 1.25rem;
}
.l-cluster-btn.search .btn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 9.375rem;
          flex: 0 0 9.375rem;
}
.l-cluster-btn .btn {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
  min-width: 0;
  gap: 0.25rem;
  line-height: 1;
  white-space: nowrap;
}

.btn {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto;
  height: 2.125rem;
  padding: 0 0.75rem;
  gap: 0.5rem;
  white-space: nowrap;
  font-size: 0.875rem;
  font-weight: 700;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.btn.md {
  height: 3.125rem;
  padding: 1rem;
  font-size: 1rem;
}
.btn.line-gray {
  background-color: #fff;
  border: 0.0625rem solid #666;
  color: #666;
}
.btn.line-gray:hover {
  border-color: var(--black);
  color: var(--black);
}
.btn.line-gray:disabled {
  color: #666;
  background-color: #d7d7d7;
  border: none;
}
.btn.line-primary {
  border: 0.0625rem solid #0049BE;
  background-color: #fff;
  color: #0049BE;
}
.btn.line-primary:hover {
  border-color: var(--dk-blue);
  color: var(--dk-blue);
  background-color: var(--white);
}
.btn.line-primary:disabled {
  color: #666;
  background-color: #d7d7d7;
  border: none;
}
.btn.primary {
  background: #0049BE;
  color: #fff;
}
.btn.primary:hover {
  border-color: var(--dk-blue);
  background-color: var(--dk-blue);
}
.btn.primary:disabled {
  color: #666;
  background-color: #d7d7d7;
  border: none;
}
.btn.gray {
  background-color: var(--gray3);
  color: #fff;
}
.btn.gray:hover {
  background-color: var(--black);
}
.btn.gray:disabled {
  color: #666;
  background-color: #d7d7d7;
  border: none;
}
.btn[class*=ico-]::before, .btn[class*=ico-]::after {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 1rem;
  height: 1rem;
}
.btn[class*=ico-][class*=-start], .btn[class*=ico-][class*=-left] {
  padding-right: 1rem;
}
.btn[class*=ico-][class*=-start]::after, .btn[class*=ico-][class*=-left]::after {
  display: none;
  left: 0.75rem;
}
.btn[class*=ico-][class*=-right]::before {
  display: none;
}
.btn[class*=ico-][class*=-start] {
  padding-left: 2.5rem;
  padding-right: 1.5rem;
}
.btn[class*=ico-][class*=-start]::before {
  position: absolute;
  left: 0.75rem;
}
.btn[class*=ico-].ico-calendar-left.line-gray::before {
  background-image: url(../../images/anyid/icon/ico_calendar_g.svg);
}
.btn[class*=ico-].ico-calendar-left.line-gray[aria-pressed=true]::before {
  background-image: url(../../images/anyid/icon/ico_calendar_w.svg);
}
.btn[class*=ico-].ico-list-left.line-gray::before {
  background-image: url(../../images/anyid/icon/ico_list_g.svg);
}
.btn[class*=ico-].ico-list-left.line-gray[aria-pressed=true]::before {
  background-image: url(../../images/anyid/icon/ico_list_w.svg);
}
.btn[class*=ico-].ico-refresh-start::before {
  background-image: url(../../images/anyid/icon/ico_refresh_gray_16.svg);
}
.btn[class*=ico-].ico-refresh-start.line-primary::before {
  background-image: url(../../images/anyid/icon/ico_refresh_blue_16.svg);
}
.btn[class*=ico-].ico-refresh-start.gray::before {
  background-image: url(../../images/anyid/icon/ico_refresh_w_16.svg);
}
.btn[class*=ico-].ico-noti-start::before {
  background-image: url(../../images/anyid/icon/ico_noti_gray_16.svg);
}
.btn[class*=ico-].ico-plus-start::before {
  background-image: url(../../images/anyid/icon/ico_plus_w_16.svg);
}
.btn[class*=ico-].ico-search-start::before {
  background-image: url(../../images/anyid/icon/ico_search_blue_16.svg);
}
.btn[class*=ico-].ico-search-start.primary::before {
  background-image: url(../../images/anyid/icon/ico_search_w_16.svg);
}
.btn[class*=ico-].ico-cancel-start::before {
  background-image: url(../../images/anyid/icon/ico_cancel_w_16.svg);
}
.btn[class*=ico-].ico-write-start::before {
  background-image: url(../../images/anyid/icon/ico_write_w_16.svg);
}
.btn[class*=ico-].ico-write-start.line-gray::before {
  background-image: url(../../images/anyid/icon/ico_write_g_16.svg);
}
.btn[class*=ico-].ico-comment-start::before {
  background-image: url(../../images/anyid/icon/ico_comment_w_16.svg);
}
.btn[class*=ico-].ico-edit-start.line-gray::before {
  background-image: url(../../images/anyid/icon/ico_comment_g_16.svg);
}
.btn[class*=ico-].ico-list-start::before {
  background-image: url(../../images/anyid/icon/ico_list_gray_16.svg);
}
.btn[class*=ico-].ico-close-left::before {
  background-image: url(../../images/anyid/icon/ico_close_w_16.svg);
}
.btn[class*=ico-].ico-download-left::before {
  background-image: url(../../images/anyid/icon/ico_download_16.svg);
}
.btn[class*=ico-].ico-download-left.primary::before {
  background-image: url(../../images/anyid/icon/ico_download_w_16.svg);
}
.btn[class*=ico-].ico-refresh-left::before {
  background-image: url(../../images/anyid/icon/ico_refresh_gray_16.svg);
}
.btn[class*=ico-].ico-trash-start.line-gray::before, .btn[class*=ico-].ico-trash-left::before {
  background-image: url(../../images/anyid/icon/ico_trash_gray_16.svg);
}
.btn[class*=ico-].ico-write-left::before {
  background-image: url(../../images/anyid/icon/ico_write_w_16.svg);
}
.btn[class*=ico-].ico-file-left::before {
  background-image: url(../../images/anyid/icon/ico_file_gray_16.svg);
}

.btn-txt {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto;
  height: 2.125rem;
  gap: 0.5rem;
  white-space: nowrap;
  font-size: 0.875rem;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.btn-txt:focus-visible {
  outline-offset: 0.4rem;
  outline: 2px solid rgba(0, 73, 190, 0.8);
  border-radius: 0;
}
.btn-txt.md {
  padding: 0 1rem;
  font-size: 1rem;
}
.btn-txt.md[class*=ico-]::before, .btn-txt.md[class*=ico-]::after {
  width: 1.5rem;
  height: 1.5rem;
}
.btn-txt[class*=ico-] {
  gap: 0.375rem;
}
.btn-txt[class*=ico-]::before, .btn-txt[class*=ico-]::after {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 1rem;
  height: 1rem;
}
.btn-txt[class*=ico-][class*=-start]::after, .btn-txt[class*=ico-][class*=-left]::after {
  display: none;
}
.btn-txt[class*=ico-][class*=-end]::before, .btn-txt[class*=ico-][class*=-right]::before {
  display: none;
}
.btn-txt[class*=ico-][class*=-start]::before {
  position: absolute;
  left: 0.75rem;
}
.btn-txt[class*=ico-][class*=-end]::after {
  position: absolute;
  right: 0.75rem;
}
.btn-txt[class*=ico-].ico-close-left::before {
  background-image: url(../../images/anyid/icon/ico_close_w_24.svg);
}
.btn-txt[class*=ico-].ico-close-right::after {
  background-image: url(../../images/anyid/icon/ico_close_gray_16.svg);
}
.btn-txt[class*=ico-].ico-arr-right {
  font-size: 0.9375rem;
  font-weight: 400;
  padding: 0;
}
.btn-txt[class*=ico-].ico-arr-right::before, .btn-txt[class*=ico-].ico-arr-right::after {
  background-image: url(../../images/anyid/icon/ico_16_right.svg);
}
.btn-txt[class*=ico-].ico-all-left {
  color: #666;
  font-weight: 700;
}
.btn-txt[class*=ico-].ico-all-left::before, .btn-txt[class*=ico-].ico-all-left::after {
  background-image: url(../../images/anyid/icon/ico_16_all.svg);
}
.btn-txt.underline {
  text-decoration: underline;
}
.btn-txt.link {
  height: auto;
  text-decoration: underline !important;
}

/***********************
 정부 24
************************/
.btn-new {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto;
  gap: 0.5rem;
  white-space: nowrap;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.btn-new.xs {
  height: 2.125rem;
  padding: 0 0.75rem;
}
.btn-new.sm {
  height: 2.5rem;
  padding: 0 0.75rem;
  border-radius: 0.375rem;
  font-size: 1.0625rem;
}
.btn-new.lg {
  height: 4rem;
  padding: 0 1.5rem;
  font-size: 1.1875rem;
}
.btn-new.lg[class*=ico-]::before, .btn-new.lg[class*=ico-]::after {
  width: 1.5rem;
  height: 1.5rem;
}
.btn-new.lg[class*=-end]::after {
  position: absolute;
  right: 1.5rem;
}
.btn-new.primary {
  background-color: #246BEB;
  border: 1px solid #246BEB;
  color: #fff;
}
.btn-new.secondary {
  background-color: #EFF5FF;
  border: 1px solid #246BEB;
  color: #1D56BC;
}
.btn-new.secondary:hover {
  background-color: #D3E1FB;
}
.btn-new.secondary:active {
  background-color: #A7C4F7;
}
.btn-new.secondary:focus-visible {
  outline-offset: -0.25rem;
  outline: 2px solid rgba(0, 73, 190, 0.8);
  border-radius: 0;
}
.btn-new.secondary[disabled] {
  background-color: #D8D8D8;
  border-color: #C6C6C6;
  color: #717171;
}
.btn-new[class*=ico-] {
  gap: 0.375rem;
}
.btn-new[class*=ico-]::before, .btn-new[class*=ico-]::after {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 1rem;
  height: 1rem;
}
.btn-new[class*=ico-][class*=-start]::after, .btn-new[class*=ico-][class*=-left]::after {
  display: none;
}
.btn-new[class*=ico-][class*=-end]::before, .btn-new[class*=ico-][class*=-right]::before {
  display: none;
}
.btn-new[class*=ico-][class*=-start]::before {
  position: absolute;
  left: 0.75rem;
}
.btn-new[class*=ico-][class*=-end]::after {
  position: absolute;
  right: 0.75rem;
}
.btn-new[class*=ico-].ico-go-end::after {
  background-image: url(../../images/anyid/icon/ico_go_24.svg);
}

.l-cluster-btn.new {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
  gap: 0.75rem;
}
.l-cluster-btn.new .btn-new {
  width: 100%;
  min-width: 0;
  gap: 0.25rem;
  border-radius: 0.5rem;
  font-weight: 700;
}

/***********************
 기존 1차 css
************************/
input[type=text]:-moz-read-only, input[type=date]:-moz-read-only, input[type=password]:-moz-read-only, input[type=email]:-moz-read-only, input[type=phone]:-moz-read-only {
  border: 1px solid #D7D7D7;
  background-color: #F4F4F4;
}
input[type=text]:read-only, input[type=text]:disabled,
input[type=date]:read-only,
input[type=date]:disabled,
input[type=password]:read-only,
input[type=password]:disabled,
input[type=email]:read-only,
input[type=email]:disabled,
input[type=phone]:read-only,
input[type=phone]:disabled {
  border: 1px solid #D7D7D7;
  background-color: #F4F4F4;
}

/** select **/
select {
  background: url(../../images/anyid/icon/ico_select_16.svg) no-repeat right 0.75rem top 50%/1rem;
  color: #666;
}
select:disabled {
  border: 1px solid #D7D7D7;
  background-color: #F4F4F4;
}

.ipt1 {
  height: 2.125rem;
  min-height: 2.125rem;
  min-width: 6.25rem;
  padding: 0 0.75rem;
  border: 0.0625rem solid var(--gray1);
  background-color: #fff;
  font-size: 0.875rem;
  line-height: 2.125rem;
}

select.ipt1 {
  padding-right: 2.25rem;
}
select.ipt1:disabled {
  border: 1px solid #D7D7D7;
  background-color: #F4F4F4;
}

textarea:-moz-read-only {
  background-color: #F4F4F4;
}

textarea:read-only, textarea:disabled {
  background-color: #F4F4F4;
}

.textarea {
  width: 100%;
  padding: 0.375rem 0.75rem;
  border: 1px solid #d7d7d7;
  color: #666;
}
.textarea.md {
  height: 6.25rem;
}

.no-events > * {
  pointer-events: none !important;
}
.no-events input.ipt1,
.no-events select.ipt1 {
  border: 1px solid #D7D7D7 !important;
  background-color: #F4F4F4 !important;
}
.no-events .btn {
  color: #666 !important;
  background-color: #d7d7d7 !important;
  border: none !important;
}
.no-events textarea,
.no-events .datepicker-wrap input {
  background-color: #F4F4F4 !important;
}
.no-events .rd-box .radio-checkmark {
  border: 0.0625rem solid #d7d7d7 !important;
  background-color: #f4f4f4 !important;
}
.no-events .rd-box input[type=radio]:checked ~ .radio-checkmark {
  background-color: #d7d7d7 !important;
}
.no-events .rd-box input[type=radio]:checked ~ .radio-checkmark:after {
  background: #afafaf !important;
}
.no-events .chk-box .checkmark {
  border: 0.0625rem solid #d7d7d7 !important;
  background-color: #f4f4f4 !important;
}
.no-events .chk-box input[type=checkbox]:checked ~ .checkmark {
  background-color: #d7d7d7 !important;
}
.no-events .chk-box input[type=checkbox]:checked ~ .checkmark::after {
  border-color: #afafaf !important;
}

.req {
  position: relative;
  top: 0.0625rem;
  margin-left: 0.25rem;
  font-size: 0.875rem;
  font-weight: 400;
  vertical-align: middle;
  color: #D02323;
}

.wavy {
  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;
  height: 2.125rem;
  color: var(--gray3);
}

/*! Form */
.form-field {
  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: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.form-field .row .col {
  padding: 0;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

/*! Check Box */
.chk-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding-left: 1.875rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 0.875rem;
}
.chk-box input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  cursor: pointer;
}
.chk-box input:checked ~ .checkmark {
  border: 0.0625rem solid var(--dk-blue);
  background-color: var(--dk-blue);
}
.chk-box input:checked ~ .checkmark:after {
  display: block;
}
.chk-box .checkmark:after {
  top: 0.25rem;
  left: 0.5rem;
  width: 0.375rem;
  height: 0.625rem;
  border: solid white;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-width: 0 0.125rem 0.125rem 0;
}

.checkmark {
  position: absolute;
  top: 50%;
  left: 0;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.0625rem solid var(--gray1);
  background-color: #fff;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.checkmark:after {
  content: "";
  display: none;
  position: absolute;
}

input[type=checkbox]:disabled + .checkmark {
  border: 0.0625rem solid var(--gray1);
  background-color: var(--gray2);
  cursor: default;
}

/*! Radio Button */
.rd-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding-left: 1.875rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  min-height: 2.125rem;
  font-size: 0.875rem;
}
.rd-box + .rd-box {
  margin-left: 1.25rem;
}
.rd-box input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  cursor: pointer;
}
.rd-box input:checked ~ .radio-checkmark {
  border: 0.0625rem solid var(--dk-blue);
  background-color: var(--dk-blue);
}
.rd-box input:checked ~ .radio-checkmark:after {
  display: block;
}
.rd-box .radio-checkmark:after {
  top: 50%;
  left: 50%;
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
  background: #fff;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.radio-checkmark {
  position: absolute;
  top: 50%;
  left: 0;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  border: 0.0625rem solid var(--gray1);
  background-color: #fff;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.radio-checkmark:after {
  content: "";
  display: none;
  position: absolute;
}

input[type=radio]:disabled + .radio-checkmark {
  border: 0.0625rem solid var(--gray1);
  background-color: var(--gray2);
  cursor: default;
}

/*! 20231109 파일 업로드 */
.l-cluster-btn.file {
  position: relative;
}
.l-cluster-btn.file .ipt-file {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 6.875rem;
  height: 2.125rem;
  cursor: pointer;
}

.file-upload {
  overflow: auto;
  width: 100%;
  padding: 1.25rem;
}
.file-upload .l-cluster-attachment {
  width: 100%;
  margin-top: 0.75rem;
}
.file-upload .l-cluster-attachment > ul {
  border-right: 0.0625rem solid var(--gray1);
  border-bottom: 0.0625rem solid var(--gray1);
}
.file-upload .l-cluster-attachment > ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.file-upload .l-cluster-attachment > ul > li > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.75rem;
  padding: 0.125rem 1.25rem;
  border-top: 0.0625rem solid var(--gray1);
  border-left: 0.0625rem solid var(--gray1);
}
.file-upload .l-cluster-attachment > ul > li > div.item-hd {
  font-weight: 700;
}
.file-upload .l-cluster-attachment > ul > li > div:nth-child(1) {
  position: relative;
  width: 1.875rem;
  padding: 0;
}
.file-upload .l-cluster-attachment > ul > li > div:nth-child(2) {
  width: calc(100% - 7.3125rem - 1.875rem);
}
.file-upload .l-cluster-attachment > ul > li > div:nth-child(2) span {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.file-upload .l-cluster-attachment > ul > li > div:nth-child(3) {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 7.3125rem;
  text-align: center;
}
.file-upload .l-cluster-attachment > ul > li .item-hd {
  background-color: var(--gray2);
}
.file-upload .l-cluster-attachment.bd {
  position: relative;
  overflow-y: auto;
  height: 8.125rem;
  border: 0.0625rem solid var(--gray1);
  border-left: 0;
}
.file-upload .l-cluster-attachment.bd ul:first-child {
  position: absolute;
  width: 100%;
  z-index: 50;
}
.file-upload .l-cluster-attachment.bd ul li:first-child > div {
  border-top: 0;
}

.file-upload2 {
  width: 100%;
  padding: 1.25rem;
  background: #fff;
}
.file-upload2 .ipt-box + .l-cluster-attachment.bd {
  margin-top: 0.75rem;
}
.file-upload2 .l-cluster-attachment.bd {
  overflow: hidden;
  position: relative;
}
.file-upload2 .table-wrap {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 6.25rem;
  border-top: 0.0625rem solid var(--tb-border);
  border-bottom: 0.0625rem solid var(--gray1);
}
.file-upload2 .table-wrap table {
  display: table;
  border-spacing: 0;
  width: 100%;
}
.file-upload2 .table-wrap table tr:first-child th,
.file-upload2 .table-wrap table tr:first-child td {
  border-top: none;
}
.file-upload2 .table-wrap table th,
.file-upload2 .table-wrap table td {
  height: 1.875rem;
  padding: 0 0.625rem;
  border: 0.0625rem solid var(--gray1);
  border-spacing: 0;
  font-size: 0.75rem;
  text-align: center;
}
.file-upload2 .table-wrap table tr th:nth-child(2),
.file-upload2 .table-wrap table tr td:nth-child(2) {
  padding: 0 1.25rem;
  text-align: left;
}
.file-upload2 .table-wrap table thead {
  position: relative;
  -webkit-box-shadow: 0 0 0 1px var(--gray1);
          box-shadow: 0 0 0 1px var(--gray1);
  position: sticky;
  top: 0;
  z-index: 10;
}
.file-upload2 .table-wrap table thead tr:last-child th {
  border-bottom: 0;
}
.file-upload2 .table-wrap table thead th {
  position: relative;
  background-color: var(--gray2);
  text-align: center;
  font-weight: 700;
}
.file-upload2 .table-wrap table thead th:first-child {
  padding: 0;
}
.file-upload2 .table-wrap table tbody tr:last-child th,
.file-upload2 .table-wrap table tbody tr:last-child td {
  border-bottom: 0;
}
.file-upload2 .table-wrap table tbody td:first-child {
  padding: 0;
}
.file-upload2 .table-wrap table tbody td:nth-child(2) a {
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.l-cluster-attachment + .l-cluster-attachment {
  margin-top: -rem(1);
}

.l-container-file {
  margin-top: 1.25rem;
  border: 0.0625rem solid var(--gray1);
}
.l-container-file .file-upload {
  padding: 1.25rem;
}

/*! 스크롤바  */
.file-upload {
  overflow-x: auto;
}
.file-upload::-webkit-scrollbar {
  height: 0.3125rem;
}
.file-upload::-webkit-scrollbar-thumb {
  background-color: var(--gray1);
  background-clip: padding-box;
}
.file-upload::-webkit-scrollbar-track {
  background-color: var(--gray2);
}

.bl-hd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 1rem 0 1rem 0.5rem;
}
.bl-hd .hd-left {
  font-size: 1rem;
}
.bl-hd .hd-left em {
  font-weight: 700;
}
.bl-hd .hd-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.75rem;
     -moz-column-gap: 0.75rem;
          column-gap: 0.75rem;
}

.slt-wr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
}
.slt-wr .ipt-wr {
  width: 100%;
}

.cnt-top-area form {
  width: 100%;
}
.cnt-top-area .l-cluster-sch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 1.25rem;
  width: 100%;
  padding: 0.625rem 1.25rem;
}
.cnt-top-area .ipt1 {
  height: 2.125rem;
}

/* **** form table **** */
.cnt-top-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: auto;
  padding: 0;
  margin-top: 1.25rem;
  border-top: 0.0625rem solid var(--gray1);
  border-bottom: 0.0625rem solid var(--gray1);
  background-color: var(--gray2);
}
.cnt-top-area .row-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 1.25rem;
  background-color: #fff;
}
.cnt-top-area.box-area {
  overflow-y: auto;
  overflow-x: hidden;
  margin-top: 1.0625rem;
  border: 0.0625rem solid var(--gray1);
  background-color: #fff;
}
.cnt-top-area .schpanel {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
  background-color: #fff;
}
.cnt-top-area.search-area .l-cluster-sch {
  padding: 0.625rem 1.25rem;
}
.cnt-top-area.search-area select {
  width: 12.5rem;
  font-size: 0.875rem;
  color: var(--gray3);
}
.cnt-top-area.search-area .form-field {
  position: relative;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: auto;
  gap: 0.75rem;
}
.cnt-top-area.search-area .form-field .sch-input {
  width: 100%;
  padding-right: 2.25rem;
  line-height: 1;
}
.cnt-top-area.search-area .form-field .sch-btn {
  position: absolute;
  top: 50%;
  right: 0.75rem;
  width: 1rem;
  height: 1rem;
  margin-top: -0.5rem;
  background: url(../../images/anyid/icon/ico_sch_16X16.png) no-repeat 50%/1rem;
}
.cnt-top-area.search-area .form-field datalist {
  position: absolute;
  width: 100%;
  top: -0.125rem;
}
.cnt-top-area.search-area .form-field.right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
}
.cnt-top-area.search-area .form-field.right .col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  padding: 0;
}
.cnt-top-area.search-area .form-field.right .col label {
  width: auto;
}
.cnt-top-area.search-area .form-field.sch {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}

.form-field {
  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;
  width: 100%;
}
.form-field .row {
  width: 100%;
  border-top: 0.0625rem solid var(--gray1);
}
.form-field .row:first-child {
  border-top: 0;
}
.form-field .row input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.form-field .row input.bg-gray {
  width: auto;
  background-color: var(--gray2);
}
.form-field .row input:-moz-read-only {
  border-bottom-color: var(--gray1);
}
.form-field .row input:read-only {
  border-bottom-color: var(--gray1);
}
.form-field .row input[type=text] + select {
  max-width: 6rem;
  margin-left: 0.5rem;
}
.form-field .row textarea {
  width: 100%;
  height: 6.375rem;
  padding: 0.375rem 0.75rem;
  border: 0.0625rem solid var(--gray1);
}
@media screen and (max-width: 1024px) {
  .form-field .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-top: 0;
  }
}
.form-field .col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  background-color: #fff;
}
.form-field .col.full .ipt-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: auto;
  min-height: 3.375rem;
}
.form-field .col.full .ipt-box.col {
  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: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.form-field .col.full .ipt-box:empty {
  height: 3.375rem;
}
.form-field .col.full .ipt-box .cmpt {
  font-size: 0.875rem;
}
.form-field .col.full .ipt-box .ipt-wr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.form-field .col.full .ipt-box .slt-wr {
  width: auto;
}
.form-field .col.full .ipt-box select.combo {
  width: 6rem;
}
.form-field .col.full .ipt-box .ipt-box + .slt-wr {
  margin-left: 0.5rem;
}
.form-field .col.full .text-area {
  padding: 1.25rem;
}
@media screen and (max-width: 1024px) {
  .form-field .col {
    width: 100%;
    border-top: 0.0625rem solid var(--gray1);
  }
}
.form-field .col .slt-ipt .slt-wr {
  width: auto;
  margin-left: 0.5rem;
}
.form-field .col .slt-ipt .slt-wr select {
  margin-right: 0;
}
.form-field .col > label,
.form-field .col > div:first-child {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 13.125rem;
  height: auto;
  padding: 0 1.25rem;
  border-right: 0.0625rem solid var(--gray1);
  background-color: var(--gray2);
  font-size: 0.875rem;
  font-weight: 700;
}
.form-field .col > label > span,
.form-field .col > div:first-child > span {
  position: relative;
  padding-bottom: 1rem;
}
.form-field .col > label > em,
.form-field .col > div:first-child > em {
  position: absolute;
  left: 1.25rem;
  bottom: 0.25rem;
  max-width: 8.75rem;
  font-size: 12px;
  font-weight: 400;
}
.form-field .col > label > em + .req,
.form-field .col > div:first-child > em + .req {
  top: -0.5rem;
}
.form-field .col > label.r2,
.form-field .col > div:first-child.r2 {
  line-height: 1.6;
}
.form-field .col > label.r2 .req,
.form-field .col > div:first-child.r2 .req {
  -ms-flex-item-align: start;
      align-self: flex-start;
  top: 50%;
  margin-top: -1.125rem;
}
.form-field .ipt-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: auto;
  max-width: calc(100% - 13.125rem);
  min-height: 3.375rem;
  padding: 0.625rem 1.25rem;
  font-size: 0.875rem;
}
.form-field .ipt-box.w-auto .cmpt {
  width: auto;
}
.form-field .ipt-box.col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.form-field .ipt-box .cmpt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  min-height: 2.125rem;
  font-size: 0.875rem;
}
.form-field .ipt-box .cmpt + .flex1 {
  margin-left: 0.5rem;
}
.form-field .ipt-box.ipt-bt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
}
.form-field .ipt-box.ipt-bt input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.form-field .ipt-box.ipt-bt button {
  width: 6.25rem;
}
.form-field .ipt-box .chk-box + .chk-box {
  margin-left: 1.25rem;
}
.form-field .ipt-box .chkgrp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 1.25rem;
     -moz-column-gap: 1.25rem;
          column-gap: 1.25rem;
  row-gap: 0.75rem;
}
.form-field .ipt-box .chkgrp > label {
  min-width: 11.25rem;
}
.form-field .ipt-box .chkgrp.w-auto > label {
  min-width: unset;
}
.form-field .ipt-box .chkgrp.column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.form-field .ipt-box .chkgrp.column .chk-box + .chk-box {
  margin-left: 0;
}
.form-field .ipt-box .chkgrp.flex-half {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
.form-field .ipt-box .chkgrp.flex-wrap .chk-box + .chk-box {
  margin-left: 0;
}

/***********************
 override
************************/
.modal-layer .ipt1 {
  height: 2.125rem;
}

.chkgrp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 1.25rem;
     -moz-column-gap: 1.25rem;
          column-gap: 1.25rem;
  row-gap: 0.75rem;
}

.url-set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
}
.url-set input.ipt1:not(.w100) {
  min-width: 10rem;
}

.modal-layer .ipt-box.search {
  /* override */
}
.modal-layer .ipt-box.search .btn {
  min-width: 5.8125rem;
  margin-left: 0;
}

.ipt-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75rem;
}
.ipt-box.flex-row, .ipt-box.flex-col {
  gap: 0.5rem;
}
.ipt-box.flex-row > .full, .ipt-box.flex-col > .full {
  width: 100%;
}
.ipt-box.gap-m {
  gap: 0.75rem;
}
.ipt-box.flex-row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ipt-box.between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.ipt-box.search {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* override */
}
.ipt-box.search .ipt1 {
  width: 100%;
}
.ipt-box.search .msg {
  width: 100%;
  font-size: 0.875rem;
  color: #0049BE;
}
.ipt-box.search .msg.error {
  color: #EE0700;
}
.ipt-box.search .btn {
  min-width: 6.25rem;
  margin-left: 0;
}
.ipt-box.download-box {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ipt-box.download-box .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.ipt-box.download-box .info-list.box-type {
  min-width: 60%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.ipt-box.has-table {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 1.25rem;
     -moz-column-gap: 1.25rem;
          column-gap: 1.25rem;
  row-gap: 0.75rem;
}
.ipt-box.has-table .form-set {
  width: auto;
}
.ipt-box.has-table .rsplist {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.ipt-box.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ipt-box .cmt {
  width: auto;
}
.ipt-box .mt8 {
  margin-top: 0 !important;
}

.file-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  gap: 0.75rem;
}
.file-cont.fcol {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.file-upload2 input[type=file] {
  display: block;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0 none;
}
.file-upload2 input[type=file]:focus-visible + .line-gray {
  outline-offset: -0.25rem;
  outline: 2px solid rgba(0, 73, 190, 0.8);
  border-radius: 0;
}

.btn-file .line-gray {
  width: 6.875rem;
  margin-left: 0;
  font-size: 0.875rem;
}
.btn-file .txt {
  font-size: inherit;
}

.file-upload2 .l-cluster-attachment.bd .table-wrap table thead tr button.ico-del,
.file-upload2 .l-cluster-attachment.bd .table-wrap table tbody > tr > td button.ico-del {
  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: 1.875rem;
  height: 1.875rem;
  margin: 0 auto;
  background: none;
}

.file-upload2 .ico-del::after {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background: url(../../images/anyid/icon/ico_sp2_16X16.png) no-repeat -14.01rem 0/20rem auto;
}

/***********************
 override
************************/
/***********************
datepicker
************************/
.datepicker-wrap {
  min-width: 7.5rem;
  width: 8.125rem;
}
.datepicker-wrap .ipt1 {
  width: 100%;
}
.datepicker-wrap .ipt1:-moz-read-only {
  background-color: #fff;
}
.datepicker-wrap .ipt1:read-only {
  background-color: #fff;
}

.ui-datepicker.ui-widget-content {
  width: 18.75rem;
  padding: 0 0.75rem 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid #c6c6c6;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: none;
  width: 2.375rem;
  height: 2.375rem;
  margin: 0 auto;
  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;
  font-size: 15px;
  color: #1d1d1d;
  border-radius: 50%;
}

.ui-datepicker .ui-datepicker-header {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-bottom: 0.5rem;
  padding: 0.75rem 0.75rem;
  background: #EDF1F5;
}

.ui-datepicker th span {
  color: #1d1d1d;
  font-size: 0.9375rem;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover {
  background: #EDF1F5;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  background: #246BEB;
  color: #fff;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  padding-right: 1rem;
  font-size: 1.0625rem;
  background: url(../../images/anyid/icon/icon_drop_down_16X16.png) no-repeat right 0 top 50%/0.75rem;
  border: 0;
  text-align: right;
}
.ui-datepicker select.ui-datepicker-month:focus-visible,
.ui-datepicker select.ui-datepicker-year:focus-visible {
  outline-offset: 0.25rem;
  outline: 2px solid rgba(0, 73, 190, 0.8);
  border-radius: 0;
}

.ui-datepicker select.ui-datepicker-year {
  width: 4.375rem;
}

.ui-datepicker select.ui-datepicker-month {
  width: 3.25rem;
  margin-left: 1.25rem;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 50%;
  width: 1.875rem;
  height: 1.875rem;
  margin-top: -0.9375rem;
  background: url(../../images/anyid/icon/ico_cal_move.svg) no-repeat right 0 top 50%/1rem;
}

.ui-datepicker .ui-datepicker-next {
  background: url(../../images/anyid/icon/ico_cal_move.svg) no-repeat right 0 top 50%/1rem;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

button.ui-datepicker-trigger {
  position: absolute;
  right: 0;
  top: 0;
  width: 2rem;
  height: 2rem;
  background: url(../../images/anyid/icon/ico_calendar.svg) no-repeat center center/1rem;
}

/***********************
 new
************************/
.form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.75rem;
     -moz-column-gap: 0.75rem;
          column-gap: 0.75rem;
  row-gap: 0.5rem;
}
.form-group .form-set {
  width: auto;
}
.form-group.flex-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.form-group .chk-box + .chk-box {
  margin-left: 0 !important;
}

.form-set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  gap: 0.5rem;
}
.form-set.flex-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.form-set label {
  font-size: 0.875rem;
}
.form-set .chk-box + .chk-box,
.form-set .rd-box + .rd-box {
  margin-left: 0 !important;
}

.btn-file input[type=file] {
  display: block;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0 none;
}
.btn-file input[type=file]:disabled + label {
  color: #666;
  background-color: #d7d7d7;
  border: none;
}

.file-box {
  padding: 0.625rem 0.75rem;
  border: 0.0625rem solid #D8D8D8;
}

.file-group .label {
  color: #1d1d1d;
  font-size: 1rem;
  font-weight: 700;
}
.file-group .label + .file-box {
  margin-top: 0.5rem;
}

.file-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  gap: 0.75rem;
}

.file-info {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.875rem;
  gap: 0.5rem;
  overflow: hidden;
}
.file-info span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.file-info span.ico-file-left::before {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  margin-right: 0.25rem;
  vertical-align: -0.125rem;
  background-image: url(../../images/anyid/icon/ico_file_blue_16.svg);
}

/* **** 상단 검색 **** */
.search-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.25rem;
  padding: 0.625rem 1.25rem;
  background: #F4F4F4;
  border-top: 0.0625rem solid #d7d7d7;
  border-bottom: 0.0625rem solid #d7d7d7;
}
.search-bar .search-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 1.25rem;
     -moz-column-gap: 1.25rem;
          column-gap: 1.25rem;
  row-gap: 0.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.search-bar .search-form .ipt-box {
  position: relative;
  gap: 0.75rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.search-bar .search-form .ipt1 {
  width: 12.5rem;
  line-height: 1;
}
.search-bar .sch-btn {
  position: absolute;
  top: 0;
  right: 0rem;
  width: 2.125rem;
  height: 2.125rem;
  background: url(../../images/anyid/icon/ico_search_blue_16.svg) no-repeat 50%/1rem;
}
.search-bar .search-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.75rem;
}
.search-bar .search-btn .btn {
  min-width: 6.25rem;
}
@media (max-width: 1023px) {
  .search-bar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .search-bar .search-form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .search-bar .search-form .ipt-box {
    width: 100%;
  }
  .search-bar .search-form .ipt-box label {
    min-width: 4.375rem;
  }
  .search-bar .search-form .ipt1 {
    width: 100%;
  }
  .search-bar .search-btn {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

/* **** checkbox : switch type **** */
.form-switch {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
}
.form-switch input[type=radio],
.form-switch input[type=checkbox] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.form-switch label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #1d1d1d;
  font-size: 1.0625rem;
}
.form-switch [type=checkbox] ~ i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-switch [type=checkbox] ~ i::before, .form-switch [type=checkbox] ~ i::after {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  content: "";
}
.form-switch [type=checkbox] ~ i::before {
  position: absolute;
  left: 0.125rem;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 2.5rem;
  background-color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.form-switch [type=checkbox] ~ i::after {
  width: 2.5rem;
  height: 1.5rem;
  border-radius: 2.5rem;
  background-color: #B4C4D6;
}
.form-switch [type=checkbox] ~ label {
  z-index: 1;
  padding-left: calc(2.5rem + 0.5rem);
  margin-left: calc(2.5rem * -1);
  font-size: 1.1875rem;
}
.form-switch [type=checkbox]:checked ~ i::before {
  position: absolute;
  left: calc(2.5rem - 1.25rem - 0.125rem);
}
.form-switch [type=checkbox]:checked ~ i::after {
  background-color: #246BEB;
}
.form-switch [type=checkbox]:disabled ~ i::before {
  border-color: #e4e4e4;
  background-color: #c6c6c6;
}
.form-switch [type=checkbox]:disabled ~ i::after {
  background-color: #e4e4e4;
}
.form-switch [type=checkbox]:disabled ~ label {
  color: #8e8e8e;
  cursor: inherit;
}
.form-switch [type=checkbox]:focus-visible ~ label {
  outline-offset: 0.25rem;
  outline: 2px solid rgba(0, 73, 190, 0.8);
  border-radius: 0;
}

/***********************
 기존 1차 css - 수정
************************/
.info-top-area.legend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 0.5rem;
  border-bottom: 0.125rem solid #AFAFAF;
}
.info-top-area .info-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.info-top-area .info-area .l-label {
  font-size: 1rem;
}
.info-top-area .info-area .l-label em {
  font-weight: 700;
}
.info-top-area .l-legend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  /*! png */
  /*! gif */
}
.info-top-area .l-legend .tit {
  color: #666;
  font-size: 1rem;
  font-weight: 400;
}
.info-top-area .l-legend [class*=ico-] {
  position: relative;
  padding-left: 2.25rem;
  margin-left: 0.5rem;
  color: #666;
  font-size: 1rem;
  font-weight: 400;
}
.info-top-area .l-legend [class*=ico-] em {
  margin-right: 0.125rem;
  font-weight: 500;
}
.info-top-area .l-legend [class*=ico-]:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 0.0625rem;
  height: 1.125rem;
  background-color: #d7d7d7;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.info-top-area .l-legend [class*=ico-]:after {
  content: "";
  position: absolute;
  left: 0.5rem;
  top: 50%;
  width: 1.25rem;
  height: 1.25rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.info-top-area .l-legend [class*=ico-].ico-blue em {
  color: #246BEB;
}
.info-top-area .l-legend [class*=ico-].ico-blue:after {
  background: url(../../images/anyid/icon/ico_sp_blue.svg) no-repeat 0 0/contain;
}
.info-top-area .l-legend [class*=ico-].ico-red:after {
  background: url(../../images/anyid/icon/ico_sp_red.svg) no-repeat 0 0/contain;
}
.info-top-area .l-legend [class*=ico-].ico-purple:after {
  background: url(../../images/anyid/icon/ico_sp_purple.svg) no-repeat 0 0/contain;
}
.info-top-area .l-legend [class*=ico-].ico-green:after {
  background: url(../../images/anyid/icon/ico_sp_green.svg) no-repeat 0 0/contain;
}
.info-top-area .l-legend [class*=ico-].ico-mint:after {
  background: url(../../images/anyid/icon/ico_sp_mint.svg) no-repeat 0 0/contain;
}
.info-top-area .l-legend [class*=ico-].ico-yellow:after {
  background: url(../../images/anyid/icon/ico_sp_yellow.svg) no-repeat 0 0/contain;
}
.info-top-area .l-legend span[class^=ico-status-] {
  padding-left: 2.625rem !important;
  margin-right: 0 !important;
  background: none;
}
.info-top-area .l-legend span[class^=ico-status-]:before {
  content: "";
  display: block !important;
  position: absolute;
  left: 0;
  top: 50%;
  width: 0.0625rem;
  height: 1.125rem;
  background-color: #d7d7d7;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.info-top-area .l-legend span[class^=ico-status-]:after {
  left: 0.625rem !important;
  width: 1.5rem;
  height: 1.5rem;
}
.info-top-area .l-legend span.ico-status-1:after {
  background: url(../../images/anyid/icon/ico-st-01.gif) no-repeat 0 0/1.5rem auto;
}
.info-top-area .l-legend span.ico-status-2:after {
  background: url(../../images/anyid/icon/ico-st-02.gif) no-repeat 0 0/1.5rem auto;
}
.info-top-area .l-legend span.ico-status-3:after {
  background: url(../../images/anyid/icon/ico-st-03.gif) no-repeat 0 0/1.5rem auto;
}
.info-top-area .l-legend span.ico-status-4:after {
  background: url(../../images/anyid/icon/ico-st-04.gif) no-repeat 0 0/1.5rem auto;
}

.noti-txt {
  margin-top: 0.5rem;
  font-size: 0.875rem;
}
.noti-txt.has-line {
  padding-bottom: 1.25rem;
  border-bottom: 0.0625rem solid #D8D8D8;
}

/*! 데이터 테이블 */
.dataTable {
  position: relative;
  overflow: auto;
  border: 1px solid var(--gray1);
  border-top: 0.125rem solid var(--tb-border);
  border-bottom: 0.0625rem solid var(--gray1);
}
.dataTable.no-sideline {
  border-left: none;
  border-right: none;
  border-bottom: none;
}
.dataTable.h-md {
  height: 25rem;
}
.dataTable.h-md .nodata {
  height: 21.375rem;
}
.dataTable .nodata {
  position: absolute;
  top: 3.375rem;
  left: 0;
  right: 0;
  bottom: 0;
  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: 100%;
  height: calc(100% - 3.375rem);
  border-bottom: 0;
}
.dataTable table thead tr:first-child th, .dataTable table thead tr:first-child td {
  border-top: none;
}
.dataTable table td, .dataTable table th {
  height: 3.375rem;
  min-width: 6.25rem;
  margin: 0;
  padding: 0.625rem;
  border: 1px solid var(--gray1);
  font-size: 0.875rem;
  scroll-snap-align: start;
  text-align: center;
}
.dataTable table td:first-child, .dataTable table th:first-child {
  border-left: 0;
}
.dataTable table td:last-child, .dataTable table th:last-child {
  border-right: 0;
}
.dataTable table td.text-left, .dataTable table th.text-left {
  text-align: left;
}
.dataTable table th {
  background: #f8f8f8;
}
.dataTable table thead {
  position: relative;
  position: sticky;
  top: 0;
  z-index: 10;
}
.dataTable table thead th {
  scroll-snap-align: start;
}
.dataTable table thead th.pin {
  left: 0;
  z-index: 80;
  border-left: 0;
}
.dataTable table tbody th {
  position: sticky;
  left: 0;
  border-left: 0;
}

/*! 20231016 데이터 테이블2 */
.rspTable.has-line table th, .rspTable.has-line table td {
  padding: 0;
  text-align: center;
  border: 1px solid var(--gray1);
}
.rspTable.has-line table th:first-child,
.rspTable.has-line table td:first-child {
  border-left: none;
}
.rspTable.has-line table th:last-child,
.rspTable.has-line table td:last-child {
  border-right: none;
}
.rspTable table {
  table-layout: fixed;
  width: 100%;
  text-align: center;
}
.rspTable table th {
  background: #f4f4f4;
  font-weight: 700;
}
.rspTable table th, .rspTable table td {
  height: 3.375rem;
  min-height: 3.375rem;
  padding: 0.875rem 1.25rem;
  border-top: 0.0625rem solid var(--gray1);
  font-size: 0.875rem;
  word-break: break-all;
  text-align: left;
}
.rspTable .table-min {
  min-width: 768px;
}

@media screen and (max-width: 768px) {
  .rspTable {
    overflow-x: auto;
  }
}
@media screen and (max-width: 768px) {
  .rspTable {
    overflow-x: auto;
  }
  .tb-horz tr {
    position: relative;
  }
  .tb-horz th {
    position: fixed;
    width: 32px;
  }
}
/*! 20231129 이용 신청 - 약관동의 */
.l-cont-agr {
  padding: 2.5rem;
  background: #F8F8F8;
  border: 0.0625rem solid #F0F0F0;
}
.l-cont-agr.pd20 {
  padding: 1.25rem;
}
.l-cont-agr .tb-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 0.625rem;
}
.l-cont-agr h4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  font-size: 1rem;
  font-weight: 700;
  color: #2d2d2d;
}
.l-cont-agr .agr-quest {
  margin-top: 2.5rem;
  color: #2d2d2d;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
}
.l-cont-agr .anyid-terms {
  border: 0.0625rem solid #d7d7d7;
  height: 12.5rem;
  padding: 1.5rem;
  background: #fff;
  color: #666;
  overflow-x: hidden;
  overflow-y: auto;
}
.l-cont-agr .anyid-terms .fs14 {
  color: #1d1d1d;
}
.l-cont-agr .agr-btn-set {
  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;
  margin-top: 1.25rem;
}
.l-cont-agr .agr-btn-set .agr-quest {
  margin-top: 0;
}
.l-cont-agr .agr-btn-set .l-cluster-btn .btn {
  min-width: 8.125rem;
}
.l-cont-agr table {
  background: #fff;
  border-top: 0.125rem solid #d8d8d8;
}
.l-cont-agr table tr {
  border-bottom: 0.0625rem solid #d8d8d8;
}
.l-cont-agr table tr:first-child {
  border-top: 0;
}
.l-cont-agr table tr th, .l-cont-agr table tr td {
  padding: 0.5rem 1.25rem;
  border: 0;
  color: #1d1d1d;
}
.l-cont-agr table tr th {
  background-color: #fff;
  text-align: left;
}
.l-cont-agr table tr th .checkmark {
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.l-cont-agr table tr td {
  min-height: 3.375rem;
  height: auto;
  border-left: 0.0625rem solid var(--gray1);
  text-align: left;
}
.l-cont-agr table tr td strong {
  font-size: 0.875rem;
  font-weight: 700;
}
.l-cont-agr table tr td button.line-gray {
  width: 3.75rem;
}
.l-cont-agr table tr td:nth-child(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.l-cont-agr table tr td.agr-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 1.5rem;
     -moz-column-gap: 1.5rem;
          column-gap: 1.5rem;
  row-gap: 0.5rem;
}
.l-cont-agr table tr td.agr-select .ipt-box {
  margin-top: 0 !important;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

/*! 반응형 Small 테이블 */
.rsplist {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: auto;
}
.rsplist > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.rsplist > ul > li {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 0.75rem;
  border: 0.0625rem solid var(--gray1);
}
.rsplist > ul > li + li {
  border-left: none;
}
.rsplist strong {
  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;
  width: 100%;
  padding: 0.75rem 1.25rem;
  background-color: var(--gray2);
  border-bottom: 0.0625rem solid var(--gray1);
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
}
.rsplist .li-bd {
  width: 100%;
  padding: 0.75rem 1.25rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/*! 1024px 이하 (태블릿) */
/*! 768px 이하 (모바일 가로, 소형 태블릿) */
@media screen and (max-width: 768px) {
  /*! 20231016 반응형 테이블 */
  #main .respTable {
    overflow-x: auto;
  }
}
/***********************
 override
************************/
.l-cont-agr table tr th .checkmark {
  top: 50%;
}

/***********************
 new
************************/
.control-area + .control-area {
  margin-top: 1.25rem;
}

.control-area .l-cluster-btn {
  margin-top: 0.625rem;
}
.control-area .div-table + .dataTable {
  margin-top: 1.25rem;
}
.control-area + .dataTable {
  margin-top: 1.25rem;
}

/* **** form table **** */
.div-table {
  width: 100%;
  border-collapse: collapse;
  border-top: 2px solid var(--tb-border);
  -webkit-transition: none;
  transition: none;
}
.div-table.txt-center .th, .div-table.txt-center .td, .div-table.txt-center .td > .inner-td {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.div-table .th {
  width: 13.125rem;
}
.div-table .tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid var(--gray1);
}
.div-table .th, .div-table .td {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-height: 3.375rem;
  font-size: 0.875rem;
}
.div-table .th {
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5625rem 1.25rem;
  background-color: var(--gray2);
  color: var(--gray3);
  font-weight: 700;
  letter-spacing: -0.03125rem;
}
.div-table .th.txt-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.div-table .th label {
  font-size: inherit;
}
.div-table .th + .td {
  border-left: 1px solid var(--gray1);
}
.div-table .th label > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  padding-bottom: 0.5rem;
}
.div-table .th label > em {
  position: absolute;
  left: 1.25rem;
  bottom: 0.25rem;
  max-width: 8.75rem;
  font-size: 12px;
  font-weight: 400;
}
.div-table .th label > em + .req {
  top: -0.5rem;
}
.div-table .th label.r2 {
  line-height: 1.6;
}
.div-table .th label.r2 .req {
  -ms-flex-item-align: start;
      align-self: flex-start;
  top: 50%;
  margin-top: -1.125rem;
}
.div-table .th label .tooltip-wrap {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}
.div-table .td {
  -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-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: calc(50% - 13.125rem);
  padding: 0.5625rem 1.25rem;
}
.div-table .td + .td {
  border-left: 1px solid var(--gray1);
}
.div-table .td.multi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 0;
}
.div-table .td .inner-td {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0.5625rem 1.25rem;
}
.div-table .td .inner-td + .inner-td {
  border-left: 1px solid var(--gray1);
}
.div-table .td .line {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.div-table .td .line + .line {
  margin-top: 0.625rem;
  padding-top: 0.625rem;
  border-top: 0.0625rem solid #D7D7D7;
}
.div-table .td .dot-wrap {
  padding: 0.375rem 0;
}
.div-table .td .dot-wrap + .dot-wrap {
  margin-top: 1.25rem;
}
.div-table .td .dot-wrap .tit {
  margin-bottom: 0.5rem;
  color: var(--gray3);
  font-size: 0.875rem;
  font-weight: 700;
}
.div-table .td .noti-txt {
  margin-top: 0.5rem;
  font-size: 1rem;
}
.div-table .td .noti-txt .ico-sm2-r2-8 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: -3px;
}
@media (max-width: 1023px) {
  .div-table .tr {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border-bottom: 0;
  }
  .div-table .th, .div-table .td {
    border-bottom: 1px solid var(--gray1);
  }
  .div-table .th {
    width: 13.125rem;
  }
  .div-table .td {
    min-width: calc(100% - 13.125rem);
    width: calc(100% - 13.125rem);
  }
}
.div-table .chkgrp-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  -webkit-column-gap: 1.25rem;
     -moz-column-gap: 1.25rem;
          column-gap: 1.25rem;
  row-gap: 0.75rem;
}
.div-table .chkgrp-wrap .rsplist {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.div-table .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.div-table .form-group .bar {
  margin: 0 0.25rem;
}
.div-table .chkgrp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 1.25rem;
     -moz-column-gap: 1.25rem;
          column-gap: 1.25rem;
  row-gap: 0.75rem;
}
.div-table .chkgrp > label {
  min-width: 11.25rem;
}
.div-table .chkgrp.w-auto > label {
  min-width: unset;
}
.div-table .chkgrp.column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.div-table .chkgrp.column .chk-box + .chk-box {
  margin-left: 0;
}
.div-table .chkgrp.flex-half {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
.div-table .chkgrp.flex-wrap .chk-box + .chk-box {
  margin-left: 0;
}
.div-table.flex-row {
  height: 3.25rem;
}
.div-table .ipt-box .line-gray {
  min-width: 5.8125rem;
}

.modal-layer .div-table .th {
  width: 11.25rem;
}
.modal-layer .div-table .td {
  min-width: calc(50% - 11.25rem);
}
@media (max-width: 767px) {
  .modal-layer .div-table .td {
    min-width: calc(100% - 11.25rem);
    width: calc(100% - 11.25rem);
  }
}

.tab-area {
  width: 100%;
}

.tab > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow-x: auto;
  width: 100%;
}
.tab li,
.tab .btn-tab {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
}
.tab .btn-tab {
  width: 100%;
  background-color: #fff;
  border: 1px solid #fff;
  color: #555555;
  font-weight: 700;
}
.tab .btn-tab:not(:disabled):hover {
  border-radius: 0.375rem;
  background-color: #EDF1F5;
}
.tab .btn-tab:not(:disabled):active {
  background-color: #CDD7E4;
}
.tab .btn-tab[disabled] {
  color: #8E8E8E;
  cursor: default;
}
.tab li {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.tab.full {
  width: 100%;
}
.tab.full .btn-tab {
  height: 3.5rem;
  font-size: 1.1875rem;
}
.tab.full > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  position: relative;
  width: 100%;
}
.tab.full > ul > li {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
  min-width: 0;
}
.tab.fill .btn-tab {
  height: 3rem;
  padding: 0 1rem;
  font-size: 1.1875rem;
}
.tab.fill .active .btn-tab {
  background-color: #003675;
  border-color: #003675;
  color: #fff;
}
.tab.fill > ul > li + li {
  margin-left: 0.5rem;
}
.tab.fill > ul > li .btn-tab {
  border-radius: 100%;
}
.tab.fill.full .btn-tab {
  border: 1px solid #B4C4D6;
}
.tab.fill.full .active .btn-tab {
  background-color: #003675;
  border-color: #003675;
  color: #fff;
}
.tab.fill.full > ul > li + li {
  margin-left: 0;
}
.tab.fill.full > ul > li + li .btn-tab {
  border-left: none;
}
.tab.fill.full > ul > li .btn-tab {
  border-radius: 0;
}
.tab.fill.full > ul > li:first-of-type .btn-tab {
  border-top-left-radius: 100%;
  border-bottom-left-radius: 100%;
}
.tab.fill.full > ul > li:last-of-type .btn-tab {
  border-top-right-radius: 100%;
  border-bottom-right-radius: 100%;
}
.tab.line .btn-tab {
  height: 3rem;
  padding: 0 0.125rem;
  font-size: 1.1875rem;
}
.tab.line .btn-tab:before {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: "";
  width: 0;
  height: 0.2rem;
  background-color: #003675;
}
.tab.line .active .btn-tab {
  color: #003675;
}
.tab.line .active .btn-tab:before {
  position: absolute;
  left: 0;
  width: 100%;
}
.tab.line > ul > li + li {
  margin-left: 1rem;
}
.tab.line.full .btn-tab {
  padding-left: 0;
  padding-right: 0;
  border: 0;
  border-bottom: 0.125rem solid #D8D8D8;
}
.tab.line.full .btn-tab:before {
  bottom: -0.125rem;
  height: 0.25rem;
}
.tab.line.full .btn-tab:hover, .tab.line.full .btn-tab:active {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.tab.line.full > ul > li + li {
  margin-left: 0;
}

.tab-conts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: none;
  /*position: absolute;
  z-index: -1;
  opacity: 0;
  transition: $transition-fade;*/
}
.tab-conts.mgt0 {
  margin-top: 0;
}
.tab-conts > form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.5rem;
}
.tab-conts.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*position: relative;
  z-index: auto;
  opacity: 1;*/
}

@media (max-width: 767px) {
  .tab.full {
    width: calc(100% + 2rem);
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .tab-conts {
    margin-top: 2.5rem;
  }
  .tab.m-hide + .tab-conts-wrap .tab-conts {
    margin-top: 0;
  }
  .tab.m-hide + .tab-conts-wrap .tab-conts:not(.m-hide) {
    display: block;
  }
}
/***********************
 기존 1차 css
************************/
/*! Icon */
.l-container-icon .l-cluster {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

.btn-ico-left {
  position: relative;
  letter-spacing: 0.1rem;
  text-align: center;
  text-indent: 1rem;
}
.btn-ico-left i {
  position: absolute;
  left: 0.75rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

i[class*=ico-sm-] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1rem;
  height: 1rem;
  margin-right: 0.3125rem;
}

i[class*=ico-sm2-] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1rem;
  height: 1rem;
  margin-right: 0.3125rem;
}

i[class*=ico-lg-] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1.5rem;
  height: 1.5rem;
}

/*! 아이콘 이미지 스프라이트 16X16 */
i[class^=ico-sm-], i[class^=ico-sm2-], i[class^=ico-sm3-] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1rem;
  height: 1rem;
}

i[class^=ico-lg-], i[class^=ico-lg2-], i[class^=ico-lg3-] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1.5rem;
  height: 1.5rem;
}

i.ico-sm-1 {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat 0 0/20rem auto !important;
}

i.ico-sm2-1 {
  background: url(../../images/anyid/icon/ico_sp2_16X16.png) no-repeat 0 0/20rem auto !important;
}

i.ico-sm3-1 {
  background: url(../../images/anyid/icon/ico_sp3_16X16.png) no-repeat 0 0/20rem auto !important;
}

/* White  line-1 */
i.ico-sm-1 {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat -0rem 0/20rem auto;
}

i.ico-sm-2 {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat -1rem 0/20rem auto;
}

i.ico-sm-3 {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat -2rem 0/20rem auto;
}

i.ico-sm-4 {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat -3rem 0/20rem auto;
}

i.ico-sm-5 {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat -4rem 0/20rem auto;
}

i.ico-sm-6 {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat -5rem 0/20rem auto;
}

i.ico-sm-7 {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat -6rem 0/20rem auto;
}

i.ico-sm-8 {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat -7rem 0/20rem auto;
}

i.ico-sm-9 {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat -8rem 0/20rem auto;
}

i.ico-sm-10 {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat -9rem 0/20rem auto;
}

i.ico-sm-11 {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat -10rem 0/20rem auto;
}

i.ico-sm-12 {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat -11rem 0/20rem auto;
}

i.ico-sm-13 {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat -12rem 0/20rem auto;
}

i.ico-sm-14 {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat -13rem 0/20rem auto;
}

i.ico-sm-15 {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat -14rem 0/20rem auto;
}

i.ico-sm-16 {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat -15rem 0/20rem auto;
}

i.ico-sm-17 {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat -16rem 0/20rem auto;
}

i.ico-sm-18 {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat -17rem 0/20rem auto;
}

i.ico-sm-19 {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat -18rem 0/20rem auto;
}

i.ico-sm-20 {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat -19rem 0/20rem auto;
}

i.ico-sm-21 {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat -20rem 0/20rem auto;
}

/* White line-2 */
i.ico-sm-r2-1 {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat;
  background-position-x: -0rem;
  background-position-y: -1rem;
  background-size: 20rem auto;
}

i.ico-sm-r2-2 {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat;
  background-position-x: -1rem;
  background-position-y: -1rem;
  background-size: 20rem auto;
}

i.ico-sm-r2-3 {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat;
  background-position-x: -2rem;
  background-position-y: -1rem;
  background-size: 20rem auto;
}

i.ico-sm-r2-4 {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat;
  background-position-x: -3rem;
  background-position-y: -1rem;
  background-size: 20rem auto;
}

i.ico-sm-r2-5 {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat;
  background-position-x: -4rem;
  background-position-y: -1rem;
  background-size: 20rem auto;
}

i.ico-sm-r2-6 {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat;
  background-position-x: -5rem;
  background-position-y: -1rem;
  background-size: 20rem auto;
}

i.ico-sm-r2-7 {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat;
  background-position-x: -6rem;
  background-position-y: -1rem;
  background-size: 20rem auto;
}

i.ico-sm-r2-8 {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat;
  background-position-x: -7rem;
  background-position-y: -1rem;
  background-size: 20rem auto;
}

i.ico-sm-r2-9 {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat;
  background-position-x: -8rem;
  background-position-y: -1rem;
  background-size: 20rem auto;
}

i.ico-sm-r2-10 {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat;
  background-position-x: -9rem;
  background-position-y: -1rem;
  background-size: 20rem auto;
}

i.ico-sm-r2-11 {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat;
  background-position-x: -10rem;
  background-position-y: -1rem;
  background-size: 20rem auto;
}

i.ico-sm-r2-12 {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat;
  background-position-x: -11rem;
  background-position-y: -1rem;
  background-size: 20rem auto;
}

i.ico-sm-r2-13 {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat;
  background-position-x: -12rem;
  background-position-y: -1rem;
  background-size: 20rem auto;
}

i.ico-sm-r2-14 {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat;
  background-position-x: -13rem;
  background-position-y: -1rem;
  background-size: 20rem auto;
}

i.ico-sm-r2-15 {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat;
  background-position-x: -14rem;
  background-position-y: -1rem;
  background-size: 20rem auto;
}

i.ico-sm-r2-16 {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat;
  background-position-x: -15rem;
  background-position-y: -1rem;
  background-size: 20rem auto;
}

i.ico-sm-r2-17 {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat;
  background-position-x: -16rem;
  background-position-y: -1rem;
  background-size: 20rem auto;
}

i.ico-sm-r2-18 {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat;
  background-position-x: -17rem;
  background-position-y: -1rem;
  background-size: 20rem auto;
}

i.ico-sm-r2-19 {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat;
  background-position-x: -18rem;
  background-position-y: -1rem;
  background-size: 20rem auto;
}

i.ico-sm-r2-20 {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat;
  background-position-x: -19rem;
  background-position-y: -1rem;
  background-size: 20rem auto;
}

i.ico-sm-r2-21 {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat;
  background-position-x: -20rem;
  background-position-y: -1rem;
  background-size: 20rem auto;
}

/* Black line-1*/
i.ico-sm2-1 {
  background: url(../../images/anyid/icon/ico_sp2_16X16.png) no-repeat -0rem 0/20rem auto;
}

i.ico-sm2-2 {
  background: url(../../images/anyid/icon/ico_sp2_16X16.png) no-repeat -1rem 0/20rem auto;
}

i.ico-sm2-3 {
  background: url(../../images/anyid/icon/ico_sp2_16X16.png) no-repeat -2rem 0/20rem auto;
}

i.ico-sm2-4 {
  background: url(../../images/anyid/icon/ico_sp2_16X16.png) no-repeat -3rem 0/20rem auto;
}

i.ico-sm2-5 {
  background: url(../../images/anyid/icon/ico_sp2_16X16.png) no-repeat -4rem 0/20rem auto;
}

i.ico-sm2-6 {
  background: url(../../images/anyid/icon/ico_sp2_16X16.png) no-repeat -5rem 0/20rem auto;
}

i.ico-sm2-7 {
  background: url(../../images/anyid/icon/ico_sp2_16X16.png) no-repeat -6rem 0/20rem auto;
}

i.ico-sm2-8 {
  background: url(../../images/anyid/icon/ico_sp2_16X16.png) no-repeat -7rem 0/20rem auto;
}

i.ico-sm2-9 {
  background: url(../../images/anyid/icon/ico_sp2_16X16.png) no-repeat -8rem 0/20rem auto;
}

i.ico-sm2-10 {
  background: url(../../images/anyid/icon/ico_sp2_16X16.png) no-repeat -9rem 0/20rem auto;
}

i.ico-sm2-11 {
  background: url(../../images/anyid/icon/ico_sp2_16X16.png) no-repeat -10rem 0/20rem auto;
}

i.ico-sm2-12 {
  background: url(../../images/anyid/icon/ico_sp2_16X16.png) no-repeat -11rem 0/20rem auto;
}

i.ico-sm2-13 {
  background: url(../../images/anyid/icon/ico_sp2_16X16.png) no-repeat -12rem 0/20rem auto;
}

i.ico-sm2-14 {
  background: url(../../images/anyid/icon/ico_sp2_16X16.png) no-repeat -13rem 0/20rem auto;
}

i.ico-sm2-15 {
  background: url(../../images/anyid/icon/ico_sp2_16X16.png) no-repeat -14rem 0/20rem auto;
}

i.ico-sm2-16 {
  background: url(../../images/anyid/icon/ico_sp2_16X16.png) no-repeat -15rem 0/20rem auto;
}

i.ico-sm2-17 {
  background: url(../../images/anyid/icon/ico_sp2_16X16.png) no-repeat -16rem 0/20rem auto;
}

i.ico-sm2-18 {
  background: url(../../images/anyid/icon/ico_sp2_16X16.png) no-repeat -17rem 0/20rem auto;
}

i.ico-sm2-19 {
  background: url(../../images/anyid/icon/ico_sp2_16X16.png) no-repeat -18rem 0/20rem auto;
}

i.ico-sm2-20 {
  background: url(../../images/anyid/icon/ico_sp2_16X16.png) no-repeat -19rem 0/20rem auto;
}

i.ico-sm2-21 {
  background: url(../../images/anyid/icon/ico_sp2_16X16.png) no-repeat -20rem 0/20rem auto;
}

/* Black line-2 */
i.ico-sm2-r2-1 {
  background: url(../../images/anyid/icon/ico_sp2_16X16.png) no-repeat;
  background-position-x: -0rem;
  background-position-y: -1rem;
  background-size: 20rem auto;
}

i.ico-sm2-r2-2 {
  background: url(../../images/anyid/icon/ico_sp2_16X16.png) no-repeat;
  background-position-x: -1rem;
  background-position-y: -1rem;
  background-size: 20rem auto;
}

i.ico-sm2-r2-3 {
  background: url(../../images/anyid/icon/ico_sp2_16X16.png) no-repeat;
  background-position-x: -2rem;
  background-position-y: -1rem;
  background-size: 20rem auto;
}

i.ico-sm2-r2-4 {
  background: url(../../images/anyid/icon/ico_sp2_16X16.png) no-repeat;
  background-position-x: -3rem;
  background-position-y: -1rem;
  background-size: 20rem auto;
}

i.ico-sm2-r2-5 {
  background: url(../../images/anyid/icon/ico_sp2_16X16.png) no-repeat;
  background-position-x: -4rem;
  background-position-y: -1rem;
  background-size: 20rem auto;
}

i.ico-sm2-r2-6 {
  background: url(../../images/anyid/icon/ico_sp2_16X16.png) no-repeat;
  background-position-x: -5rem;
  background-position-y: -1rem;
  background-size: 20rem auto;
}

i.ico-sm2-r2-7 {
  background: url(../../images/anyid/icon/ico_sp2_16X16.png) no-repeat;
  background-position-x: -6rem;
  background-position-y: -1rem;
  background-size: 20rem auto;
}

i.ico-sm2-r2-8 {
  background: url(../../images/anyid/icon/ico_sp2_16X16.png) no-repeat;
  background-position-x: -7rem;
  background-position-y: -1rem;
  background-size: 20rem auto;
}

i.ico-sm2-r2-9 {
  background: url(../../images/anyid/icon/ico_sp2_16X16.png) no-repeat;
  background-position-x: -8rem;
  background-position-y: -1rem;
  background-size: 20rem auto;
}

i.ico-sm2-r2-10 {
  background: url(../../images/anyid/icon/ico_sp2_16X16.png) no-repeat;
  background-position-x: -9rem;
  background-position-y: -1rem;
  background-size: 20rem auto;
}

i.ico-sm2-r2-11 {
  background: url(../../images/anyid/icon/ico_sp2_16X16.png) no-repeat;
  background-position-x: -10rem;
  background-position-y: -1rem;
  background-size: 20rem auto;
}

i.ico-sm2-r2-12 {
  background: url(../../images/anyid/icon/ico_sp2_16X16.png) no-repeat;
  background-position-x: -11rem;
  background-position-y: -1rem;
  background-size: 20rem auto;
}

i.ico-sm2-r2-13 {
  background: url(../../images/anyid/icon/ico_sp2_16X16.png) no-repeat;
  background-position-x: -12rem;
  background-position-y: -1rem;
  background-size: 20rem auto;
}

i.ico-sm2-r2-14 {
  background: url(../../images/anyid/icon/ico_sp2_16X16.png) no-repeat;
  background-position-x: -13rem;
  background-position-y: -1rem;
  background-size: 20rem auto;
}

i.ico-sm2-r2-15 {
  background: url(../../images/anyid/icon/ico_sp2_16X16.png) no-repeat;
  background-position-x: -14rem;
  background-position-y: -1rem;
  background-size: 20rem auto;
}

i.ico-sm2-r2-16 {
  background: url(../../images/anyid/icon/ico_sp2_16X16.png) no-repeat;
  background-position-x: -15rem;
  background-position-y: -1rem;
  background-size: 20rem auto;
}

i.ico-sm2-r2-17 {
  background: url(../../images/anyid/icon/ico_sp2_16X16.png) no-repeat;
  background-position-x: -16rem;
  background-position-y: -1rem;
  background-size: 20rem auto;
}

i.ico-sm2-r2-18 {
  background: url(../../images/anyid/icon/ico_sp2_16X16.png) no-repeat;
  background-position-x: -17rem;
  background-position-y: -1rem;
  background-size: 20rem auto;
}

i.ico-sm2-r2-19 {
  background: url(../../images/anyid/icon/ico_sp2_16X16.png) no-repeat;
  background-position-x: -18rem;
  background-position-y: -1rem;
  background-size: 20rem auto;
}

i.ico-sm2-r2-20 {
  background: url(../../images/anyid/icon/ico_sp2_16X16.png) no-repeat;
  background-position-x: -19rem;
  background-position-y: -1rem;
  background-size: 20rem auto;
}

i.ico-sm2-r2-21 {
  background: url(../../images/anyid/icon/ico_sp2_16X16.png) no-repeat;
  background-position-x: -20rem;
  background-position-y: -1rem;
  background-size: 20rem auto;
}

/* Blue */
i.ico-sm3-1 {
  background: url(../../images/anyid/icon/ico_sp3_16X16.png) no-repeat -0rem 0/20rem auto;
}

i.ico-sm3-2 {
  background: url(../../images/anyid/icon/ico_sp3_16X16.png) no-repeat -1rem 0/20rem auto;
}

i.ico-sm3-3 {
  background: url(../../images/anyid/icon/ico_sp3_16X16.png) no-repeat -2rem 0/20rem auto;
}

i.ico-sm3-4 {
  background: url(../../images/anyid/icon/ico_sp3_16X16.png) no-repeat -3rem 0/20rem auto;
}

i.ico-sm3-5 {
  background: url(../../images/anyid/icon/ico_sp3_16X16.png) no-repeat -4rem 0/20rem auto;
}

i.ico-sm3-6 {
  background: url(../../images/anyid/icon/ico_sp3_16X16.png) no-repeat -5rem 0/20rem auto;
}

i.ico-sm3-7 {
  background: url(../../images/anyid/icon/ico_sp3_16X16.png) no-repeat -6rem 0/20rem auto;
}

i.ico-sm3-8 {
  background: url(../../images/anyid/icon/ico_sp3_16X16.png) no-repeat -7rem 0/20rem auto;
}

i.ico-sm3-9 {
  background: url(../../images/anyid/icon/ico_sp3_16X16.png) no-repeat -8rem 0/20rem auto;
}

i.ico-sm3-10 {
  background: url(../../images/anyid/icon/ico_sp3_16X16.png) no-repeat -9rem 0/20rem auto;
}

i.ico-sm3-11 {
  background: url(../../images/anyid/icon/ico_sp3_16X16.png) no-repeat -10rem 0/20rem auto;
}

i.ico-sm3-12 {
  background: url(../../images/anyid/icon/ico_sp3_16X16.png) no-repeat -11rem 0/20rem auto;
}

i.ico-sm3-13 {
  background: url(../../images/anyid/icon/ico_sp3_16X16.png) no-repeat -12rem 0/20rem auto;
}

i.ico-sm3-14 {
  background: url(../../images/anyid/icon/ico_sp3_16X16.png) no-repeat -13rem 0/20rem auto;
}

i.ico-sm3-15 {
  background: url(../../images/anyid/icon/ico_sp3_16X16.png) no-repeat -14rem 0/20rem auto;
}

i.ico-sm3-16 {
  background: url(../../images/anyid/icon/ico_sp3_16X16.png) no-repeat -15rem 0/20rem auto;
}

i.ico-sm3-17 {
  background: url(../../images/anyid/icon/ico_sp3_16X16.png) no-repeat -16rem 0/20rem auto;
}

i.ico-sm3-18 {
  background: url(../../images/anyid/icon/ico_sp3_16X16.png) no-repeat -17rem 0/20rem auto;
}

i.ico-sm3-19 {
  background: url(../../images/anyid/icon/ico_sp3_16X16.png) no-repeat -18rem 0/20rem auto;
}

i.ico-sm3-20 {
  background: url(../../images/anyid/icon/ico_sp3_16X16.png) no-repeat -19rem 0/20rem auto;
}

i.ico-sm3-21 {
  background: url(../../images/anyid/icon/ico_sp3_16X16.png) no-repeat -20rem 0/20rem auto;
}

/*! 아이콘 이미지 스프라이트 24X24 */
i.ico-lg-1 {
  background: url(../../images/anyid/icon/ico_sp_24X24.png) no-repeat 0 0/15rem auto !important;
}

i.ico-lg2-1 {
  background: url(../../images/anyid/icon/ico_sp2_24X24.png) no-repeat 0 0/15rem auto !important;
}

i.ico-lg3-1 {
  background: url(../../images/anyid/icon/ico_sp3_24X24.png) no-repeat 0 0/15rem auto !important;
}

i.ico-lg-1 {
  background: url(../../images/anyid/icon/ico_sp_24X24.png) no-repeat 0rem 0/15rem auto;
}

i.ico-lg-2 {
  background: url(../../images/anyid/icon/ico_sp_24X24.png) no-repeat -1.5rem 0/15rem auto;
}

i.ico-lg-3 {
  background: url(../../images/anyid/icon/ico_sp_24X24.png) no-repeat -3rem 0/15rem auto;
}

i.ico-lg-4 {
  background: url(../../images/anyid/icon/ico_sp_24X24.png) no-repeat -4.5rem 0/15rem auto;
}

i.ico-lg-5 {
  background: url(../../images/anyid/icon/ico_sp_24X24.png) no-repeat -6rem 0/15rem auto;
}

i.ico-lg-6 {
  background: url(../../images/anyid/icon/ico_sp_24X24.png) no-repeat -7.5rem 0/15rem auto;
}

i.ico-lg-7 {
  background: url(../../images/anyid/icon/ico_sp_24X24.png) no-repeat -9rem 0/15rem auto;
}

i.ico-lg-8 {
  background: url(../../images/anyid/icon/ico_sp_24X24.png) no-repeat -10.5rem 0/15rem auto;
}

i.ico-lg-9 {
  background: url(../../images/anyid/icon/ico_sp_24X24.png) no-repeat -12rem 0/15rem auto;
}

i.ico-lg-10 {
  background: url(../../images/anyid/icon/ico_sp_24X24.png) no-repeat -13.5rem 0/15rem auto;
}

i.ico-lg-11 {
  background: url(../../images/anyid/icon/ico_sp_24X24.png) no-repeat -15rem 0/15rem auto;
}

i.ico-lg-12 {
  background: url(../../images/anyid/icon/ico_sp_24X24.png) no-repeat -16.5rem 0/15rem auto;
}

i.ico-lg-13 {
  background: url(../../images/anyid/icon/ico_sp_24X24.png) no-repeat -18rem 0/15rem auto;
}

i.ico-lg-14 {
  background: url(../../images/anyid/icon/ico_sp_24X24.png) no-repeat -19.5rem 0/15rem auto;
}

i.ico-lg-15 {
  background: url(../../images/anyid/icon/ico_sp_24X24.png) no-repeat -21rem 0/15rem auto;
}

i.ico-lg-16 {
  background: url(../../images/anyid/icon/ico_sp_24X24.png) no-repeat -22.5rem 0/15rem auto;
}

i.ico-lg-17 {
  background: url(../../images/anyid/icon/ico_sp_24X24.png) no-repeat -24rem 0/15rem auto;
}

i.ico-lg-18 {
  background: url(../../images/anyid/icon/ico_sp_24X24.png) no-repeat -25.5rem 0/15rem auto;
}

i.ico-lg-19 {
  background: url(../../images/anyid/icon/ico_sp_24X24.png) no-repeat -27rem 0/15rem auto;
}

i.ico-lg-20 {
  background: url(../../images/anyid/icon/ico_sp_24X24.png) no-repeat -28.5rem 0/15rem auto;
}

i.ico-lg-21 {
  background: url(../../images/anyid/icon/ico_sp_24X24.png) no-repeat -30rem 0/15rem auto;
}

i.ico-lg2-1 {
  background: url(../../images/anyid/icon/ico_sp2_24X24.png) no-repeat 0rem 0/15rem auto;
}

i.ico-lg2-2 {
  background: url(../../images/anyid/icon/ico_sp2_24X24.png) no-repeat -1.5rem 0/15rem auto;
}

i.ico-lg2-3 {
  background: url(../../images/anyid/icon/ico_sp2_24X24.png) no-repeat -3rem 0/15rem auto;
}

i.ico-lg2-4 {
  background: url(../../images/anyid/icon/ico_sp2_24X24.png) no-repeat -4.5rem 0/15rem auto;
}

i.ico-lg2-5 {
  background: url(../../images/anyid/icon/ico_sp2_24X24.png) no-repeat -6rem 0/15rem auto;
}

i.ico-lg2-6 {
  background: url(../../images/anyid/icon/ico_sp2_24X24.png) no-repeat -7.5rem 0/15rem auto;
}

i.ico-lg2-7 {
  background: url(../../images/anyid/icon/ico_sp2_24X24.png) no-repeat -9rem 0/15rem auto;
}

i.ico-lg2-8 {
  background: url(../../images/anyid/icon/ico_sp2_24X24.png) no-repeat -10.5rem 0/15rem auto;
}

i.ico-lg2-9 {
  background: url(../../images/anyid/icon/ico_sp2_24X24.png) no-repeat -12rem 0/15rem auto;
}

i.ico-lg2-10 {
  background: url(../../images/anyid/icon/ico_sp2_24X24.png) no-repeat -13.5rem 0/15rem auto;
}

i.ico-lg2-11 {
  background: url(../../images/anyid/icon/ico_sp2_24X24.png) no-repeat -15rem 0/15rem auto;
}

i.ico-lg2-12 {
  background: url(../../images/anyid/icon/ico_sp2_24X24.png) no-repeat -16.5rem 0/15rem auto;
}

i.ico-lg2-13 {
  background: url(../../images/anyid/icon/ico_sp2_24X24.png) no-repeat -18rem 0/15rem auto;
}

i.ico-lg2-14 {
  background: url(../../images/anyid/icon/ico_sp2_24X24.png) no-repeat -19.5rem 0/15rem auto;
}

i.ico-lg2-15 {
  background: url(../../images/anyid/icon/ico_sp2_24X24.png) no-repeat -21rem 0/15rem auto;
}

i.ico-lg2-16 {
  background: url(../../images/anyid/icon/ico_sp2_24X24.png) no-repeat -22.5rem 0/15rem auto;
}

i.ico-lg2-17 {
  background: url(../../images/anyid/icon/ico_sp2_24X24.png) no-repeat -24rem 0/15rem auto;
}

i.ico-lg2-18 {
  background: url(../../images/anyid/icon/ico_sp2_24X24.png) no-repeat -25.5rem 0/15rem auto;
}

i.ico-lg2-19 {
  background: url(../../images/anyid/icon/ico_sp2_24X24.png) no-repeat -27rem 0/15rem auto;
}

i.ico-lg2-20 {
  background: url(../../images/anyid/icon/ico_sp2_24X24.png) no-repeat -28.5rem 0/15rem auto;
}

i.ico-lg2-21 {
  background: url(../../images/anyid/icon/ico_sp2_24X24.png) no-repeat -30rem 0/15rem auto;
}

i.ico-lg3-1 {
  background: url(../../images/anyid/icon/ico_sp3_24X24.png) no-repeat 0rem 0/15rem auto;
}

i.ico-lg3-2 {
  background: url(../../images/anyid/icon/ico_sp3_24X24.png) no-repeat -1.5rem 0/15rem auto;
}

i.ico-lg3-3 {
  background: url(../../images/anyid/icon/ico_sp3_24X24.png) no-repeat -3rem 0/15rem auto;
}

i.ico-lg3-4 {
  background: url(../../images/anyid/icon/ico_sp3_24X24.png) no-repeat -4.5rem 0/15rem auto;
}

i.ico-lg3-5 {
  background: url(../../images/anyid/icon/ico_sp3_24X24.png) no-repeat -6rem 0/15rem auto;
}

i.ico-lg3-6 {
  background: url(../../images/anyid/icon/ico_sp3_24X24.png) no-repeat -7.5rem 0/15rem auto;
}

i.ico-lg3-7 {
  background: url(../../images/anyid/icon/ico_sp3_24X24.png) no-repeat -9rem 0/15rem auto;
}

i.ico-lg3-8 {
  background: url(../../images/anyid/icon/ico_sp3_24X24.png) no-repeat -10.5rem 0/15rem auto;
}

i.ico-lg3-9 {
  background: url(../../images/anyid/icon/ico_sp3_24X24.png) no-repeat -12rem 0/15rem auto;
}

i.ico-lg3-10 {
  background: url(../../images/anyid/icon/ico_sp3_24X24.png) no-repeat -13.5rem 0/15rem auto;
}

i.ico-lg3-11 {
  background: url(../../images/anyid/icon/ico_sp3_24X24.png) no-repeat -15rem 0/15rem auto;
}

i.ico-lg3-12 {
  background: url(../../images/anyid/icon/ico_sp3_24X24.png) no-repeat -16.5rem 0/15rem auto;
}

i.ico-lg3-13 {
  background: url(../../images/anyid/icon/ico_sp3_24X24.png) no-repeat -18rem 0/15rem auto;
}

i.ico-lg3-14 {
  background: url(../../images/anyid/icon/ico_sp3_24X24.png) no-repeat -19.5rem 0/15rem auto;
}

i.ico-lg3-15 {
  background: url(../../images/anyid/icon/ico_sp3_24X24.png) no-repeat -21rem 0/15rem auto;
}

i.ico-lg3-16 {
  background: url(../../images/anyid/icon/ico_sp3_24X24.png) no-repeat -22.5rem 0/15rem auto;
}

i.ico-lg3-17 {
  background: url(../../images/anyid/icon/ico_sp3_24X24.png) no-repeat -24rem 0/15rem auto;
}

i.ico-lg3-18 {
  background: url(../../images/anyid/icon/ico_sp3_24X24.png) no-repeat -25.5rem 0/15rem auto;
}

i.ico-lg3-19 {
  background: url(../../images/anyid/icon/ico_sp3_24X24.png) no-repeat -27rem 0/15rem auto;
}

i.ico-lg3-20 {
  background: url(../../images/anyid/icon/ico_sp3_24X24.png) no-repeat -28.5rem 0/15rem auto;
}

i.ico-lg3-21 {
  background: url(../../images/anyid/icon/ico_sp3_24X24.png) no-repeat -30rem 0/15rem auto;
}

/* Black(24X24) line-2 */
i.ico-lg2-r2-1 {
  background: url(../../images/anyid/icon/ico_sp2_24X24.png) no-repeat;
  background-position-x: -0rem;
  background-position-y: -1.5rem;
  background-size: 15rem auto;
}

i.ico-lg2-r2-2 {
  background: url(../../images/anyid/icon/ico_sp2_24X24.png) no-repeat;
  background-position-x: -1.5rem;
  background-position-y: -1.5rem;
  background-size: 15rem auto;
}

i.ico-lg2-r2-3 {
  background: url(../../images/anyid/icon/ico_sp2_24X24.png) no-repeat;
  background-position-x: -3rem;
  background-position-y: -1.5rem;
  background-size: 15rem auto;
}

i.ico-lg2-r2-4 {
  background: url(../../images/anyid/icon/ico_sp2_24X24.png) no-repeat;
  background-position-x: -4.5rem;
  background-position-y: -1.5rem;
  background-size: 15rem auto;
}

i.ico-lg2-r2-5 {
  background: url(../../images/anyid/icon/ico_sp2_24X24.png) no-repeat;
  background-position-x: -6rem;
  background-position-y: -1.5rem;
  background-size: 15rem auto;
}

i.ico-lg2-r2-6 {
  background: url(../../images/anyid/icon/ico_sp2_24X24.png) no-repeat;
  background-position-x: -7.5rem;
  background-position-y: -1.5rem;
  background-size: 15rem auto;
}

i.ico-lg2-r2-7 {
  background: url(../../images/anyid/icon/ico_sp2_24X24.png) no-repeat;
  background-position-x: -9rem;
  background-position-y: -1.5rem;
  background-size: 15rem auto;
}

i.ico-lg2-r2-8 {
  background: url(../../images/anyid/icon/ico_sp2_24X24.png) no-repeat;
  background-position-x: -10.5rem;
  background-position-y: -1.5rem;
  background-size: 15rem auto;
}

i.ico-lg2-r2-9 {
  background: url(../../images/anyid/icon/ico_sp2_24X24.png) no-repeat;
  background-position-x: -12rem;
  background-position-y: -1.5rem;
  background-size: 15rem auto;
}

i.ico-lg2-r2-10 {
  background: url(../../images/anyid/icon/ico_sp2_24X24.png) no-repeat;
  background-position-x: -13.5rem;
  background-position-y: -1.5rem;
  background-size: 15rem auto;
}

i.ico-lg2-r2-11 {
  background: url(../../images/anyid/icon/ico_sp2_24X24.png) no-repeat;
  background-position-x: -15rem;
  background-position-y: -1.5rem;
  background-size: 15rem auto;
}

i.ico-lg2-r2-12 {
  background: url(../../images/anyid/icon/ico_sp2_24X24.png) no-repeat;
  background-position-x: -16.5rem;
  background-position-y: -1.5rem;
  background-size: 15rem auto;
}

i.ico-lg2-r2-13 {
  background: url(../../images/anyid/icon/ico_sp2_24X24.png) no-repeat;
  background-position-x: -18rem;
  background-position-y: -1.5rem;
  background-size: 15rem auto;
}

i.ico-lg2-r2-14 {
  background: url(../../images/anyid/icon/ico_sp2_24X24.png) no-repeat;
  background-position-x: -19.5rem;
  background-position-y: -1.5rem;
  background-size: 15rem auto;
}

i.ico-lg2-r2-15 {
  background: url(../../images/anyid/icon/ico_sp2_24X24.png) no-repeat;
  background-position-x: -21rem;
  background-position-y: -1.5rem;
  background-size: 15rem auto;
}

i.ico-lg2-r2-16 {
  background: url(../../images/anyid/icon/ico_sp2_24X24.png) no-repeat;
  background-position-x: -22.5rem;
  background-position-y: -1.5rem;
  background-size: 15rem auto;
}

i.ico-lg2-r2-17 {
  background: url(../../images/anyid/icon/ico_sp2_24X24.png) no-repeat;
  background-position-x: -24rem;
  background-position-y: -1.5rem;
  background-size: 15rem auto;
}

i.ico-lg2-r2-18 {
  background: url(../../images/anyid/icon/ico_sp2_24X24.png) no-repeat;
  background-position-x: -25.5rem;
  background-position-y: -1.5rem;
  background-size: 15rem auto;
}

i.ico-lg2-r2-19 {
  background: url(../../images/anyid/icon/ico_sp2_24X24.png) no-repeat;
  background-position-x: -27rem;
  background-position-y: -1.5rem;
  background-size: 15rem auto;
}

i.ico-lg2-r2-20 {
  background: url(../../images/anyid/icon/ico_sp2_24X24.png) no-repeat;
  background-position-x: -28.5rem;
  background-position-y: -1.5rem;
  background-size: 15rem auto;
}

i.ico-lg2-r2-21 {
  background: url(../../images/anyid/icon/ico_sp2_24X24.png) no-repeat;
  background-position-x: -30rem;
  background-position-y: -1.5rem;
  background-size: 15rem auto;
}

/*! 이미지 스프라이트 20X20 graph, grid, chart icon */
i[class^=ico-sm-i-] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1.25rem;
  height: 1.25rem;
}

i.ico-sm-i-1 {
  background: url(../../images/anyid/icon/ico_sp_20X20.png) no-repeat 0 0/20rem auto !important;
}

i.ico-sm-i-1 {
  background: url(../../images/anyid/icon/ico_sp_20X20.png) no-repeat -0.25rem 0/20rem auto;
}

i.ico-sm-i-2 {
  background: url(../../images/anyid/icon/ico_sp_20X20.png) no-repeat -1.25rem 0/20rem auto;
}

i.ico-sm-i-3 {
  background: url(../../images/anyid/icon/ico_sp_20X20.png) no-repeat -2.25rem 0/20rem auto;
}

i.ico-sm-i-4 {
  background: url(../../images/anyid/icon/ico_sp_20X20.png) no-repeat -3.25rem 0/20rem auto;
}

i.ico-sm-i-5 {
  background: url(../../images/anyid/icon/ico_sp_20X20.png) no-repeat -4.25rem 0/20rem auto;
}

i.ico-sm-i-6 {
  background: url(../../images/anyid/icon/ico_sp_20X20.png) no-repeat -5.25rem 0/20rem auto;
}

i.ico-sm-i-7 {
  background: url(../../images/anyid/icon/ico_sp_20X20.png) no-repeat -6.25rem 0/20rem auto;
}

i.ico-sm-i-8 {
  background: url(../../images/anyid/icon/ico_sp_20X20.png) no-repeat -7.25rem 0/20rem auto;
}

i.ico-sm-i-9 {
  background: url(../../images/anyid/icon/ico_sp_20X20.png) no-repeat -8.25rem 0/20rem auto;
}

i.ico-sm-i-10 {
  background: url(../../images/anyid/icon/ico_sp_20X20.png) no-repeat -9.25rem 0/20rem auto;
}

i.ico-sm-i-11 {
  background: url(../../images/anyid/icon/ico_sp_20X20.png) no-repeat -10.25rem 0/20rem auto;
}

i.ico-sm-i-12 {
  background: url(../../images/anyid/icon/ico_sp_20X20.png) no-repeat -11.25rem 0/20rem auto;
}

i.ico-sm-i-13 {
  background: url(../../images/anyid/icon/ico_sp_20X20.png) no-repeat -12.25rem 0/20rem auto;
}

i.ico-sm-i-14 {
  background: url(../../images/anyid/icon/ico_sp_20X20.png) no-repeat -13.25rem 0/20rem auto;
}

i.ico-sm-i-15 {
  background: url(../../images/anyid/icon/ico_sp_20X20.png) no-repeat -14.25rem 0/20rem auto;
}

i.ico-sm-i-16 {
  background: url(../../images/anyid/icon/ico_sp_20X20.png) no-repeat -15.25rem 0/20rem auto;
}

i.ico-sm-i-17 {
  background: url(../../images/anyid/icon/ico_sp_20X20.png) no-repeat -16.25rem 0/20rem auto;
}

i.ico-sm-i-18 {
  background: url(../../images/anyid/icon/ico_sp_20X20.png) no-repeat -17.25rem 0/20rem auto;
}

i.ico-sm-i-19 {
  background: url(../../images/anyid/icon/ico_sp_20X20.png) no-repeat -18.25rem 0/20rem auto;
}

i.ico-sm-i-20 {
  background: url(../../images/anyid/icon/ico_sp_20X20.png) no-repeat -19.25rem 0/20rem auto;
}

i.ico-sm-i-21 {
  background: url(../../images/anyid/icon/ico_sp_20X20.png) no-repeat -20.25rem 0/20rem auto;
}

.file-txt {
  display: block;
  -moz-text-align-last: left;
       text-align-last: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.file-txt.ico-file-left::before {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
  vertical-align: -0.125rem;
  background-image: url(../../images/anyid/icon/ico_file_blue_16.svg);
}

/***********************
 override
************************/
/***********************
 new
************************/
/***********************
 new
************************/
/* **** area mixin ****/
/* **** text attr ****/
/* **** scroll ****/
/* **** form mixin ****/
/***********************
 기존 1차 css
************************/
/*! Tooltip 20231207 */
.tooltip-btn {
  cursor: pointer;
}

.tooltip-box {
  display: none;
  position: absolute;
  left: 10.6875rem;
  top: -3.5rem;
  z-index: 5;
  padding: 0.75rem 2.5rem 0.75rem 0.75rem;
  -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #fff;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.tooltip-box.type1 {
  width: 17.5rem;
  min-height: 3.875rem;
  height: auto;
  top: auto;
  bottom: calc(100% + 0.5rem);
}
.tooltip-box:before {
  content: "";
  position: absolute;
  right: 0.75rem;
  top: 0.75rem;
  width: 1rem;
  height: 1rem;
  background: url(../../images/anyid/icon/ico_sp2_16X16.png) no-repeat;
  background-position-x: -10rem;
  background-position-y: -1rem;
  background-size: 20rem auto;
}
.tooltip-box:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -0.5rem;
  height: 0;
  width: 0;
  border-top: 0.625rem solid #fff;
  border-left: 0.4375rem solid transparent;
  border-right: 0.4375rem solid transparent;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.tooltip-box .tooltip-con {
  position: relative;
}
.tooltip-box .tooltip-con .close {
  position: absolute;
  right: -1.75rem;
  top: 0;
  width: 1rem;
  height: 1rem;
}
.tooltip-box .tooltip-con .close i {
  margin: 0;
}
.tooltip-box .tooltip-con p {
  font-size: 0.75rem;
  font-weight: 400;
  word-break: break-all;
}

.pop-wrap {
  visibility: hidden;
}
.pop-wrap .pop-container {
  visibility: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  width: 50%;
  height: 50%;
  margin: auto;
  background: #f5f5f5;
}
.pop-wrap .pop-container .pop-header {
  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;
  width: 100%;
  height: 3.5rem;
  padding: 0 1.25rem;
}
.pop-wrap .pop-container .pop-header .pop-content {
  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;
  height: calc(100% - 3.5rem);
}
.pop-wrap .pop-container .pop-header .pop-content .pop-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: calc(100% - 6rem);
  padding: 1.25rem;
  background: #fcfcfc;
}
.pop-wrap .pop-container .pop-header .pop-content .pop-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.pop-wrap .pop-container .pop-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  width: 3.5rem;
  height: 3.5rem;
  background: url(../../images/anyid/icon/ico_popup_close.png) no-repeat center;
  background-size: 1.125rem;
}
.pop-wrap .dim {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}

.pop-wrap.on,
.pop-wrap.on .pop-container {
  visibility: visible;
  text-align: center;
}

/*! Dim */
.dimed {
  visibility: visible;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
}

/***********************
 override
************************/
/***********************
 new
************************/
.tooltip-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.tooltip-wrap .tool-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 0.25rem;
  font-size: 1.0625rem;
}
.tooltip-wrap.keyboard .tooltip-box {
  top: auto;
  bottom: 100%;
  left: 12.1875rem;
  width: 26.875rem;
  margin-bottom: 0.75rem;
}
@media (max-width: 600px) {
  .tooltip-wrap.keyboard .tooltip-box {
    width: calc(100% - 1.25rem);
    left: 0;
    -webkit-transform: none;
            transform: none;
  }
}
.tooltip-wrap.border-type .tooltip-box {
  padding: 1.5rem;
  border-radius: 0.375rem;
  border: 1px solid #c6c6c6;
  font-size: 0.9375rem;
  -webkit-box-shadow: none;
          box-shadow: none;
  z-index: 3;
}
.tooltip-wrap.border-type .tooltip-box::after {
  display: none;
}
.tooltip-wrap.border-type .tooltip-box::before {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  content: "";
  position: absolute;
  z-index: 4;
  top: 100%;
  left: 1.5rem;
  width: 1.375rem;
  height: 0.75rem;
  background: url(../../images/anyid/login/ico_tool_arr.svg) no-repeat center;
  background-size: contain;
}
.tooltip-wrap.border-type .tooltip-btn {
  margin-left: 0.25rem;
}
.tooltip-wrap.border-type .tooltip-btn::after {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../../images/anyid/login/ico_info.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1rem;
}

.tooltip-btn {
  width: 1.5rem;
  height: 1.5rem;
}
.tooltip-btn:focus-visible {
  outline-offset: -0.25rem;
  outline: 2px solid rgba(0, 73, 190, 0.8);
  border-radius: 0;
}

.tooltip-box {
  top: -4.25rem;
  left: 0.75rem;
}
.tooltip-box:before {
  display: none;
}

.tooltip-close {
  position: absolute;
  right: 0;
  top: 0;
  width: 2.5rem;
  height: 2.5rem;
  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;
}
.tooltip-close:after {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background: url(../../images/anyid/icon/ico_sp2_16X16.png) no-repeat;
  background-position-x: -10rem;
  background-position-y: -1rem;
  background-size: 20rem auto;
}

.modal-layer {
  display: none;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.modal-layer.shown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.modal-layer.alert .mdl-container {
  width: 18.25rem;
}
.modal-layer.alert .mdl-container .mdl-footer {
  gap: 0.75rem;
}
.modal-layer.alert .mdl-container .mdl-footer .l-cluster-btn {
  width: 100%;
}
.modal-layer.alert .mdl-container .mdl-footer .btn {
  height: 2.125rem;
  font-size: 0.875rem;
}
.modal-layer.alert .mdl-container .msg {
  margin-top: 0.25rem;
  color: #2d2d2d;
  font-size: 1rem;
}
.modal-layer.md .mdl-container {
  width: 50rem;
}
.modal-layer .btn-close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  z-index: 100;
  width: 2.25rem;
  height: 2.25rem;
  background: url(../../images/anyid/icon/ico_close_modal.svg) no-repeat center;
  background-size: 1.5rem;
}
.modal-layer.notice .mdl-container {
  width: 37.5rem;
  padding-bottom: 0;
}
.modal-layer.notice .mdl-container .mdl-content {
  padding: 0;
  overflow: hidden;
}
.modal-layer.notice .info-list-wrap {
  margin-top: 1.25rem;
}
.modal-layer.notice .info-list-wrap .badge + .info-list {
  margin-top: 0.5rem;
}
.modal-layer.notice .info-list li {
  font-size: 0.875rem;
}
.modal-layer.notice.point .notice-tit {
  text-align: center;
}
.modal-layer.notice.point .notice-con {
  border: 0.25rem solid #EB003B;
}
.modal-layer .check-today {
  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;
  padding: 0.625rem;
  background: #000;
}
.modal-layer .check-today .btn-txt {
  color: #fff;
  padding: 0;
}
.modal-layer .check-today .checkmark {
  background-color: transparent;
}
.modal-layer .check-today .chk-box {
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
}
.modal-layer .check-today .chk-box input:checked ~ .checkmark {
  border-color: #fff;
}
.modal-layer.win-pop {
  display: block;
  visibility: visible;
  z-index: 0;
  opacity: 1;
}
.modal-layer.win-pop .mdl-container {
  max-width: 100%;
  width: 100%;
  max-height: 100%;
  height: 100%;
}
.modal-layer.win-pop .mdl-container .mdl-head {
  padding: 0.75rem 1.25rem;
}
.modal-layer .mdl-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 75%;
  max-width: 90%;
  width: 37.5rem;
  max-height: 90%;
  padding-bottom: 1.25rem;
  overflow: hidden;
  background-color: #fff;
}
.modal-layer .mdl-container .mdl-head {
  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;
  padding: 1.25rem;
}
.modal-layer .mdl-container .mdl-head + .mdl-content {
  padding-top: 0;
}
.modal-layer .mdl-container .mdl-content {
  height: 100%;
  padding: 1.25rem;
  padding-bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-layer .mdl-container .mdl-content .l-cluster-btn.bottom {
  margin-top: 1.25rem;
}
.modal-layer .mdl-container .mdl-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.25rem 1.25rem 0;
  gap: 0.5rem;
}
.modal-layer .mdl-container .mdl-footer .l-cluster-btn {
  width: 100%;
}
.modal-layer .mdl-container .mdl-footer .btn {
  width: 100%;
  height: 3.125rem;
  font-size: 1rem;
  font-weight: 700;
}
.modal-layer .mdl-container .mdl-footer.right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: auto;
  gap: 1.25rem;
}
.modal-layer .mdl-container .mdl-footer.right .l-cluster-btn {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: auto;
  gap: 1.25rem;
}
.modal-layer .mdl-container .mdl-footer.right .btn {
  width: auto;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: 2.125rem;
  font-size: 0.875rem;
}

.modal-layer .sm-tit {
  margin-top: 0;
}
.modal-layer .pop-h2 {
  color: #000;
  font-size: 1.125rem;
  font-weight: 500;
}
.modal-layer .pop-h3 {
  margin-bottom: 0.5rem;
  color: #000;
  font-size: 1rem;
  font-weight: 500;
}
.modal-layer .section-block ~ .section-block {
  margin-top: 1.25rem;
}
.modal-layer .pdf_page ~ .pdf_page {
  margin-top: 1.25rem;
}

.notice-con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 37.5rem;
  margin: 1.25rem;
  padding: 1.25rem;
  border: 0.0625rem solid #d7d7d7;
  overflow: auto;
}
.notice-con .notice-tit {
  color: #D50136;
  font-size: 2.5rem;
  font-weight: 700;
}
.notice-con .notice-tit + .notice-txt {
  margin-top: 1.125rem;
}
.notice-con .notice-txt {
  color: #000;
  font-size: 1.5rem;
  font-weight: 400;
}
.notice-con .tit {
  color: #1d1d1d;
  font-size: 1rem;
  font-weight: 700;
}
.notice-con .tit + .txt {
  margin-top: 0.5rem;
}
.notice-con .txt {
  color: #1d1d1d;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.6;
}
.notice-con .file-group {
  margin-top: auto;
  padding-top: 1.25rem;
}

.notice-box {
  margin-top: 1.25rem;
  padding: 0.875rem;
  background-color: #F4F4F4;
  border: 0.0625rem solid #D7D7D7;
  color: #000;
  font-size: 0.875rem;
}
.notice-box .greeting {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 700;
}

.notice-img {
  display: block;
}

/*! layout */
body,
#wrap {
  width: 100%;
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}

#wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

header,
footer {
  width: 100%;
}

#wrap {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 100%;
  height: 100%;
  overflow: auto;
}
#wrap main.container {
  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-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 100%;
}
#wrap main.container .inner {
  padding: 0 1.25rem;
}
#wrap .container-inner {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#wrap.servinfo .container-inner {
  height: auto;
}
#wrap .content {
  height: inherit;
  overflow: hidden;
}
#wrap .content.center-type {
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100vh;
  margin-left: 0;
  padding: 1.25rem 0;
}

header {
  position: sticky;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 100;
}
header nav {
  height: 100%;
}

#breadcrumb {
  position: sticky;
  top: 5rem;
  z-index: 99;
}
#breadcrumb .l-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.scroll-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  height: 100%;
}
.scroll-wrap .scroll-area {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.left-menu-wrap {
  position: sticky;
  top: 7.5rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 18.75rem;
          flex: 0 1 18.75rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 100%;
  margin-right: 2.5rem;
  border-right: 1px solid #f4f4f4;
}
.left-menu-wrap .left-in {
  position: sticky;
  top: 7.5rem;
  padding: 2.5rem 2.5rem 2.5rem 0;
}
@media (max-width: 767px) {
  .left-menu-wrap {
    top: 6.25rem;
  }
  .left-menu-wrap .left-in {
    top: 6.25rem;
  }
}

/* 포커스 */
.left-menu-wrap .btn:focus-visible {
  outline-offset: -0.25rem;
  outline: 2px solid rgba(0, 73, 190, 0.8);
  border-radius: 0;
}

.left-menu-wrap .li li.on a:focus-visible {
  outline-offset: -0.25rem;
  outline: 2px solid rgba(255, 255, 255, 0.8);
  border-radius: 0;
}

@media screen and (max-width: 1280px) {
  .left-menu-wrap {
    display: none !important;
  }
}
.guide-menu {
  position: sticky;
  top: 7.5rem;
  width: 12.5rem;
  height: calc(100vh - 7.5rem);
  margin-left: 2.5rem;
  padding-top: 0.625rem;
  padding-left: 1.25rem;
  border-left: 0.0625rem solid #d8d8d8;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.guide-menu .menu-set {
  height: 100%;
  overflow: auto;
}
.guide-menu .menu-set .in {
  position: sticky;
  top: 0;
  padding-bottom: 1.5rem;
}

@media (max-width: 1279px) {
  .guide-menu {
    top: 6.25rem;
    height: calc(100vh - 6.25rem);
  }
}
.guide-menu-list {
  margin-bottom: 1rem;
}
.guide-menu-list .li .tit {
  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;
  height: 1.875rem;
  color: #2d2d2d;
  font-size: 0.75rem;
  white-space: nowrap;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.guide-menu-list .li .tit:hover {
  color: #1D56BC;
  font-weight: 400;
}
.guide-menu-list .li .tit span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.guide-menu-list .li .tit::after {
  position: absolute;
  right: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  background: url(../../images/anyid/icon/ico_arr_down_20.svg) no-repeat center/contain;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.guide-menu-list .li.current > .tit {
  color: #1D56BC;
}
.guide-menu-list .li.current > .tit::after {
  background-image: url(../../images/anyid/icon/ico_arr_down_blue_20.svg);
}
.guide-menu-list .li.on > .tit {
  font-weight: 700;
}
.guide-menu-list .li.on > .tit::after {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.guide-menu-list .li.no-depth.on > .tit {
  color: #1D56BC;
}
.guide-menu-list .li.no-depth > .tit::after {
  display: none;
}
.guide-menu-list .li ul {
  -webkit-transition: height 300ms;
  transition: height 300ms;
}
.guide-menu-list > .li {
  position: relative;
  border-bottom: 0.0625rem solid #D8D8D8;
  overflow: hidden;
}
.guide-menu-list > .li.no-depth.current > .tit:before {
  opacity: 1;
}
.guide-menu-list > .li.no-depth.current > .tit:before,
.guide-menu-list > .li.no-depth.current > .tit span {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  color: #0049be;
}
.guide-menu-list > .li > .tit {
  height: 2.5rem;
  font-weight: 700;
}
.guide-menu-list > .li > .tit:before {
  margin-right: 0.5rem;
  opacity: 0;
  -webkit-transform: opacity 0.3s ease;
          transform: opacity 0.3s ease;
}
.guide-menu-list > .li > .tit:before,
.guide-menu-list > .li > .tit span {
  position: absolute;
  left: 0;
  -webkit-transform: translateX(-1.25rem);
          transform: translateX(-1.25rem);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.guide-menu-list > .li > .tit span {
  padding-left: 1.25rem;
}
.guide-menu-list > .li > .tit:before {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  background: url(../../images/anyid/icon/ico_arr_left_blue_20.svg) no-repeat center;
  background-size: contain;
}
.guide-menu-list > .li > .tit:hover:before {
  opacity: 1;
}
.guide-menu-list > .li > .tit:hover:before,
.guide-menu-list > .li > .tit:hover span {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  color: #0049be;
}
.guide-menu-list .depth2 {
  display: none;
  border-top: 0.0625rem solid #D8D8D8;
}
.guide-menu-list .depth2 > .li {
  padding-left: 0.375rem;
  font-size: 0.8125rem;
  line-height: 1.5rem;
  overflow: hidden;
}
.guide-menu-list .depth2 > .li:first-child {
  padding-top: 0.75rem;
}
.guide-menu-list .depth2 > .li:last-child {
  padding-bottom: 0.75rem;
}
.guide-menu-list .depth2 > .li + .li {
  margin-top: 0.25rem;
}
.guide-menu-list .depth2 > .li.no-depth > .tit:before {
  margin-right: 0.5rem;
  opacity: 0;
  -webkit-transform: opacity 0.3s ease;
          transform: opacity 0.3s ease;
}
.guide-menu-list .depth2 > .li.no-depth > .tit:before,
.guide-menu-list .depth2 > .li.no-depth > .tit span {
  position: absolute;
  left: 0;
  -webkit-transform: translateX(-0.875rem);
          transform: translateX(-0.875rem);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.guide-menu-list .depth2 > .li.no-depth > .tit span {
  padding-left: 1.25rem;
}
.guide-menu-list .depth2 > .li.no-depth > .tit:before {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  background: url(../../images/anyid/icon/ico_arr_left_blue_20.svg) no-repeat center;
  background-size: contain;
}
.guide-menu-list .depth2 > .li.no-depth > .tit:hover:before {
  opacity: 1;
}
.guide-menu-list .depth2 > .li.no-depth > .tit:hover:before,
.guide-menu-list .depth2 > .li.no-depth > .tit:hover span {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  color: #0049be;
}
.guide-menu-list .depth2 > .li.no-depth.on > .tit:before {
  opacity: 1;
}
.guide-menu-list .depth2 > .li.no-depth.on > .tit:before,
.guide-menu-list .depth2 > .li.no-depth.on > .tit span {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  color: #0049be;
}
.guide-menu-list .depth3 {
  display: none;
}
.guide-menu-list .depth3 > .li {
  position: relative;
  overflow: hidden;
}
.guide-menu-list .depth3 > .li .tit {
  position: relative;
  margin-left: 0.375rem;
  padding-left: 0.5rem;
  border-left: 0.0625rem solid #C6C6C6;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.guide-menu-list .depth3 > .li .tit:hover {
  border-left: 0.0625rem solid #0049BE;
}
.guide-menu-list .depth3 > .li.no-depth.on > .tit {
  border-left: 0.0625rem solid #0049BE;
}
.guide-menu-list .depth3 > .li.no-depth.on > .tit::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.25rem;
  width: 0;
  height: 0;
  border-bottom: 0.25rem solid transparent;
  border-top: 0.25rem solid transparent;
  border-left: 0.25rem solid #0049BE;
  border-right: 0.25rem solid transparent;
}

.go-top {
  display: none;
  position: fixed;
  bottom: 1.25rem;
  z-index: 99;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.go-top.on {
  display: block;
}
@media (min-width: 1540px) {
  .go-top {
    right: calc((100% - 1480px) / 2 - 1.875rem);
  }
}
@media (max-width: 1539px) {
  .go-top {
    right: 1.875rem;
  }
}

.ico-top {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  background: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.25);
}
.ico-top:before {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  background: url(../../images/anyid/icon/ico_go_top.svg) no-repeat center;
  background-size: contain;
}

/***********************
 헤더 브레드크럼 푸터
************************/
header {
  height: 5rem;
  border-bottom: 1px solid var(--gray1);
}
header .global-nav-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 5rem;
}
header .gnb-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 92.5rem;
  height: 100%;
  margin: 0 auto;
  padding: 0 1.25rem;
}
header .gnb-inner .mo-gnb-menu {
  display: none;
  width: 6.25rem;
}
header .gnb-inner .mo-gnb-menu button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1.5rem;
  height: 1.5rem;
  background: url(../../images/anyid/icon/ico_menu_mo.png) no-repeat 0 0/1.5rem auto;
}
header .gnb-inner .logo {
  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;
  height: 100%;
  max-width: 100%;
}
header .gnb-inner .logo.center {
  margin: 0 auto;
}
header .gnb-inner .logo h1 {
  width: 11.9375rem;
  height: 2.5rem;
  background: url(../../images/anyid/logo.svg) no-repeat;
  background-size: 11.9375rem 2.5rem;
}
header .gnb-inner .logo h1 a {
  display: block;
  height: 100%;
}
header .gnb-inner > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  height: 100%;
}
header .gnb-inner > ul > li {
  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;
  height: 100%;
  margin: 0 1.25rem;
}
header .gnb-inner > ul > li > a {
  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;
  height: 100%;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  font-weight: 500;
  font-size: 1.125rem;
  color: var(--gray3);
}
header .gnb-inner > ul > li.on {
  position: relative;
}
header .gnb-inner > ul > li.on:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 0.25rem;
  background-color: var(--dk-blue);
}
header .gnb-inner > ul > li.on a {
  font-weight: 700;
  color: var(--dk-blue);
}
header .gnb-inner .user-info-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header .gnb-inner .user-info-box .admin {
  font-size: 0.875rem;
  font-weight: 500;
}
header .gnb-inner .user-info-box button.logout, header .gnb-inner .user-info-box button.login {
  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;
  width: 7.5rem;
  height: 2.125rem;
  margin-top: 0;
  margin-left: 1.25rem;
  padding: 0.375rem 0.75rem;
}
header .gnb-inner .user-info-box button.login {
  background-color: var(--blue);
  color: #fff;
}
header .l-container-mobile-gnb {
  display: none;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 100;
  width: 21.25rem;
  height: 100%;
  background-color: #fff;
}
header .l-container-mobile-gnb .gnb-menu-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #fff;
}
header .l-container-mobile-gnb .gnb-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
header .l-container-mobile-gnb .gnb-header button.l-close {
  position: absolute;
  left: 0.9375rem;
  top: 1.5625rem;
  margin-left: auto;
}
header .l-container-mobile-gnb .gnb-header button.l-close i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1.5rem;
  height: 1.5rem;
}
header .l-container-mobile-gnb .gnb-header .header-top {
  position: relative;
  padding: 1.25rem;
  border-bottom: 1px solid var(--gray1);
}
header .l-container-mobile-gnb .gnb-header .header-top .user-info-box {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
header .l-container-mobile-gnb .gnb-header .header-top .user-info-box .admin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding-left: 1.875rem;
  font-weight: 400;
}
header .l-container-mobile-gnb .gnb-header .header-top .user-info-box .admin .emp {
  font-weight: 500;
}
header .l-container-mobile-gnb .gnb-header .header-top .user-info-box .admin i {
  margin-right: 0.3125rem;
}
header .l-container-mobile-gnb .gnb-header .header-top .user-info-box .l-cluster-btn .btn {
  width: 6rem;
}
header .l-container-mobile-gnb .gnb-header .header-top .user-info-box .l-cluster-btn .btn.login {
  border: 0;
  outline: 0;
  font-size: 0.75rem;
  font-weight: 400;
}
header .l-container-mobile-gnb .gnb-header .header-top .user-info-box .l-cluster-btn .btn.login:hover {
  border: 0;
  outline: 0;
  color: #fff;
  background-color: var(--blue);
}
header .l-container-mobile-gnb .gnb-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  overflow: hidden;
}
header .l-container-mobile-gnb .gnb-body .menu-tab {
  border-right: 1px solid var(--gray1);
  background-color: var(--gray2);
  width: 44%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
header .l-container-mobile-gnb .gnb-body .menu-tab button {
  display: block;
  color: #000;
  padding: 1rem;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-size: 1rem;
}
header .l-container-mobile-gnb .gnb-body .menu-tab button:hover {
  background-color: #fff;
}
header .l-container-mobile-gnb .gnb-body .menu-tab button.active {
  background-color: var(--blue);
  color: #fff;
}
header .l-container-mobile-gnb .gnb-body .menu-container {
  width: 56%;
  overflow-x: hidden;
  overflow-y: auto;
}
header .l-container-mobile-gnb .gnb-body .tabcontent {
  display: none;
  border-left: none;
  height: 100%;
}
header .l-container-mobile-gnb .gnb-body .tabcontent.active {
  display: block;
}
header .l-container-mobile-gnb .gnb-body .tabcontent > ul > li:not(.noDepth).on > a {
  background: url(../../images/anyid/icon/ico_chevron-up_16X16.png) no-repeat;
  background-position: right 1rem top 50%;
  background-size: 1rem 1rem;
  font-weight: 700;
  color: var(--blue);
}
header .l-container-mobile-gnb .gnb-body .tabcontent > ul > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 1rem 2.625rem 1rem 1rem;
  font-size: 1rem;
  color: #000;
}
header .l-container-mobile-gnb .gnb-body .tabcontent > ul > li > a:hover, header .l-container-mobile-gnb .gnb-body .tabcontent > ul > li > a.on {
  font-weight: 700;
  color: var(--blue);
}
header .l-container-mobile-gnb .gnb-body .tabcontent > ul > li > ul {
  display: none;
  background-color: var(--gray2);
}
header .l-container-mobile-gnb .gnb-body .tabcontent > ul > li > ul > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 1rem 1rem 1rem 2.25rem;
  font-size: 1rem;
  color: #000;
}
header .l-container-mobile-gnb .gnb-body .tabcontent > ul > li > ul > li > a:before {
  content: "";
  position: absolute;
  left: 1.375rem;
  top: calc(50% + 0.0625rem);
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 1.25rem;
  background-color: var(--black);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
header .l-container-mobile-gnb .gnb-body .tabcontent > ul > li > ul > li > a:hover {
  font-weight: 700;
  color: var(--blue);
}
header .l-container-mobile-gnb .gnb-body .tabcontent > ul > li > ul > li > a:hover:before {
  content: "";
  position: absolute;
  left: 1rem;
  top: calc(50% + 0.0625rem);
  width: 1rem;
  height: 1rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACtSURBVHgBlZHLDcIwEERnTQpIKbRgoSAiLlABUBnpgBuK+IUSKIEOSAFRjI04JJjE4zlYK6/ekzwGfrO4bpHfXshOUxBR/lX7tEeKJKkYiS8oszuM2bESGdy4p4js7VSjaTTO80ecgJSMCwhJWBCQKEpQzopesZ1wApeJMt+pjhcsqw1aU3xgkXV3Fe6gD2scdUSJAXhcQMDDAhL+L8gvK9vtgYFd/F8wkrKwyxvzOFu+3q/PiwAAAABJRU5ErkJggg==) no-repeat;
  background-size: cover;
  background-position: 0 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header .l-container-mobile-gnb:after {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

#breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  background-color: var(--gray2);
}
#breadcrumb > .l-center {
  width: 92.5rem;
  height: 2.5rem;
  margin: 0 auto;
}
#breadcrumb > .l-center .l-cluster {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 0 1.25rem;
}
#breadcrumb .breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
#breadcrumb .breadcrumbs li a {
  display: block;
  height: 1.375rem;
  line-height: 1.375rem;
  font-size: 0.875rem;
}
#breadcrumb .breadcrumbs li:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#breadcrumb .breadcrumbs li:first-child a {
  width: 1.25rem;
  padding-left: 0.125rem;
  background: url(../../images/anyid/icon/ico_breadcrumb_16.svg) no-repeat no-repeat 0.125rem 50%/16px;
  color: var(--gray3);
}
#breadcrumb .breadcrumbs li.on a {
  font-weight: 500;
  color: var(--black);
}
#breadcrumb .breadcrumbs li:last-child a {
  font-weight: 500;
  color: var(--black);
}
#breadcrumb .breadcrumbs li + li {
  padding-left: 1.25rem;
  background: url(../../images/anyid/icon/ico_caret_right_16.svg) no-repeat 0.125rem 50%/16px;
}
#breadcrumb .breadcrumbs li.on + li {
  display: none;
}

.left-menu {
  width: 100%;
  padding: 2.5rem 2.5rem 2.5rem 0;
}
.left-menu ul > li {
  border-bottom: 1px solid var(--gray1);
}
.left-menu ul > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 4rem;
  line-height: 1.6;
  padding: 1rem 0.5rem;
  background: url(../../images/anyid/icon/ico_chevron-down_16X16.png) no-repeat right 0 top 1.5rem/1rem;
  font-weight: 500;
  font-size: 1.25rem;
  color: var(--gray3);
}
.left-menu ul > li + li {
  margin-top: 1.25rem;
}
.left-menu ul > li:last-child {
  border-bottom-width: 0.125rem;
}
.left-menu ul > li:last-child > a {
  font-weight: 400;
  font-size: 1rem;
  color: var(--gray3);
}
.left-menu ul > li.on > a {
  background: url(../../images/anyid/icon/ico_chevron-up_16X16.png) no-repeat right 0 top 1.5rem/1rem !important;
  color: var(--blue);
}
.left-menu ul > li > ul > li {
  border-bottom: 0;
  background-color: var(--blue);
}
.left-menu ul > li > ul > li > a {
  height: 3.625rem;
  line-height: 1.8;
  padding-left: 0rem;
  background: url(../../images/anyid/icon/ico_menu_arrow-right_16X16.png) no-repeat left 1rem top 1.3125rem/1rem;
  font-weight: 700;
  font-size: 1rem;
  color: #fff !important;
}

.container .container-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  max-width: 92.5rem;
  height: 100%;
  padding: 0 1.25rem;
}
.container .content {
  width: 100%;
  padding-bottom: 2.5rem;
}
.container .left-menu + .content {
  margin-left: 2.5rem;
}

/***********************
 main banner
************************/
.main-banner-wrap {
  height: 28.75rem;
  background: url(../../images/anyid/img/main_bg.png) no-repeat center/cover;
  overflow: hidden;
}
.main-banner-wrap .btn-pause {
  width: 1.5rem;
  height: 1.5rem;
  background: url(../../images/anyid/icon/ico_stop.svg) no-repeat center/contain;
}
.main-banner-wrap.is-pause .btn-pause {
  background: url(../../images/anyid/icon/ico_play.svg) no-repeat center/contain;
}
.main-banner-wrap.is-pause .main-swiper .swiper-progress-bar.animate .slide-progress-bar .fill {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

.main-swiper {
  position: relative;
  height: 100%;
}
.main-swiper .swiper-progress-bar {
  position: absolute;
  width: 100%;
  height: 0.25rem;
  margin-top: 0.375rem;
  border-radius: 0.125rem;
  overflow: hidden;
}
.main-swiper .swiper-progress-bar .slide-progress-bar {
  position: absolute;
  height: 0.25rem;
  background: #fff;
  width: auto;
  opacity: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-animation: none;
          animation: none;
}
.main-swiper .swiper-progress-bar .slide-progress-bar .fill {
  position: absolute;
  top: 0;
  left: 0;
  background: #246BEB;
  height: 100%;
  -webkit-transition: none;
  transition: none;
}
.main-swiper .swiper-progress-bar.active .slide-progress-bar {
  opacity: 1;
}
.main-swiper .swiper-progress-bar.animate .slide-progress-bar .fill {
  -webkit-animation: move 4s linear;
          animation: move 4s linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes move {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes move {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.main-swiper .swiper-pagination {
  position: relative;
  display: inline-block;
  width: auto;
  bottom: 0;
  z-index: 0;
  font-size: 1.125rem;
  color: #fff;
  font-weight: 500;
}
.main-swiper .swiper-pagination .swiper-pagination-current {
  color: #246BEB;
  font-weight: 600;
}
.main-swiper .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main-swiper .swiper-slide .in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 92.5rem;
  width: 100%;
  margin: 0 auto;
  padding: 0 1.875rem;
}
.main-swiper .badge {
  height: 2.5rem;
  margin-bottom: 2.5rem;
  line-height: 2.5rem;
  padding: 0 1.25rem;
  border-radius: 1.25rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #246BEB;
  color: #fff;
  font-size: 1.0625rem;
}
.main-swiper .tit {
  color: #fff;
  font-size: 2.5rem;
  line-height: 3rem;
  font-weight: 700;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(0, 0, 0, 0.05);
}
.main-swiper .txt {
  margin-top: 0.5rem;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 600;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(0, 0, 0, 0.05);
}
.main-swiper .img {
  width: 29rem;
}
.main-swiper .navigator-wrap {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  max-width: 92.5rem;
  width: 100%;
  margin: 0 auto;
  z-index: 1;
}
.main-swiper .navigator-wrap .in {
  position: absolute;
  left: 1.875rem;
  bottom: 4.0625rem;
  width: 18.75rem;
}
.main-swiper .navigator-wrap .arrow-wrap {
  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;
  position: relative;
}
.main-swiper .navigator-wrap .arrow-wrap .swiper-button-prev {
  position: relative;
  top: unset;
  left: 0;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0;
}
.main-swiper .navigator-wrap .arrow-wrap .swiper-button-prev:after {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  content: "";
  background: url(../../images/anyid/icon/main_arow_prev.svg) no-repeat center/contain;
}
.main-swiper .navigator-wrap .arrow-wrap .swiper-button-next {
  position: relative;
  top: unset;
  right: 0;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0;
}
.main-swiper .navigator-wrap .arrow-wrap .swiper-button-next:after {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  content: "";
  background: url(../../images/anyid/icon/main_arow_next.svg) no-repeat center/contain;
}

/***********************
 기존 1차 css
************************/
/*! 20231016 포럼:진행현황 목록 화면 */
.l-cluster-list.detail > ul > li > a .text,
.l-cluster-list.detail > ul > li .title .text {
  white-space: normal;
}
.l-cluster-list > ul > li {
  border-bottom: 0.0625rem solid var(--gray2);
}
.l-cluster-list > ul > li > a,
.l-cluster-list > ul > li .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 3.375rem;
  padding: 1rem 0.5rem;
}
.l-cluster-list > ul > li > a:not(div):hover,
.l-cluster-list > ul > li .title:not(div):hover {
  background-color: var(--gray2);
  cursor: pointer;
}
.l-cluster-list > ul > li > a i,
.l-cluster-list > ul > li .title i {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 0.5rem;
  width: 1rem;
  height: 1rem;
}
.l-cluster-list > ul > li > a .badge,
.l-cluster-list > ul > li .title .badge {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 0.5rem;
  padding: 0 0.5rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: #fff;
}
.l-cluster-list > ul > li > a .badge.red,
.l-cluster-list > ul > li .title .badge.red {
  background-color: var(--red);
}
.l-cluster-list > ul > li > a .badge.green,
.l-cluster-list > ul > li .title .badge.green {
  background-color: var(--green2);
}
.l-cluster-list > ul > li > a .badge.blue,
.l-cluster-list > ul > li .title .badge.blue {
  background-color: var(--blue);
}
.l-cluster-list > ul > li > a .text,
.l-cluster-list > ul > li .title .text {
  max-width: calc(100% - 1.875rem);
  font-size: 0.875rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.l-cluster-list > ul > li > a .text .emp,
.l-cluster-list > ul > li .title .text .emp {
  margin-right: 0.25rem;
}
.l-cluster-list > ul > li > a .text.notice,
.l-cluster-list > ul > li .title .text.notice {
  font-weight: 700;
}
.l-cluster-list > ul > li > a .etc,
.l-cluster-list > ul > li .title .etc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  font-size: 0.875rem;
}
.l-cluster-list > ul > li > a .etc ul,
.l-cluster-list > ul > li .title .etc ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.l-cluster-list > ul > li > a .etc ul li,
.l-cluster-list > ul > li .title .etc ul li {
  position: relative;
  padding-left: 1.375rem;
  white-space: nowrap;
}
.l-cluster-list > ul > li > a .etc ul li:before,
.l-cluster-list > ul > li .title .etc ul li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1rem;
  height: 1rem;
  margin-top: -0.4375rem;
}
.l-cluster-list > ul > li > a .etc ul li.comment,
.l-cluster-list > ul > li .title .etc ul li.comment {
  margin-left: 0.75rem;
}
.l-cluster-list > ul > li > a .etc ul li.comment:before,
.l-cluster-list > ul > li .title .etc ul li.comment:before {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat -1rem 0/20rem auto;
}
.l-cluster-list > ul > li > a .etc ul li.view,
.l-cluster-list > ul > li .title .etc ul li.view {
  margin-left: 0.75rem;
}
.l-cluster-list > ul > li > a .etc ul li.view:before,
.l-cluster-list > ul > li .title .etc ul li.view:before {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat -2rem 0/20rem auto;
}
.l-cluster-list > ul > li > a .etc ul li.name,
.l-cluster-list > ul > li .title .etc ul li.name {
  margin-left: 0.75rem;
}
.l-cluster-list > ul > li > a .etc ul li.name:before,
.l-cluster-list > ul > li .title .etc ul li.name:before {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat -3rem 0/20rem auto;
}
.l-cluster-list > ul > li > a .etc ul li.date,
.l-cluster-list > ul > li .title .etc ul li.date {
  margin-left: 0.75rem;
}
.l-cluster-list > ul > li > a .etc ul li.date:before,
.l-cluster-list > ul > li .title .etc ul li.date:before {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat -4rem 0/20rem auto;
}
.l-cluster-list > ul > li > a .etc ul li.edit,
.l-cluster-list > ul > li .title .etc ul li.edit {
  margin-left: 0.75rem;
  padding-left: 0;
}
.l-cluster-list > ul > li > a .etc ul li.edit a,
.l-cluster-list > ul > li > a .etc ul li.edit button,
.l-cluster-list > ul > li .title .etc ul li.edit a,
.l-cluster-list > ul > li .title .etc ul li.edit button {
  display: block;
  padding-left: 1.375rem;
  line-height: 1.375rem;
}
.l-cluster-list > ul > li > a .etc ul li.edit:before,
.l-cluster-list > ul > li .title .etc ul li.edit:before {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat -8rem 0/20rem auto;
}
.l-cluster-list > ul > li > a .etc ul li.del,
.l-cluster-list > ul > li .title .etc ul li.del {
  margin-left: 0.75rem;
  padding-left: 0;
}
.l-cluster-list > ul > li > a .etc ul li.del a,
.l-cluster-list > ul > li > a .etc ul li.del button,
.l-cluster-list > ul > li .title .etc ul li.del a,
.l-cluster-list > ul > li .title .etc ul li.del button {
  display: block;
  padding-left: 1.375rem;
  line-height: 1.375rem;
}
.l-cluster-list > ul > li > a .etc ul li.del:before,
.l-cluster-list > ul > li .title .etc ul li.del:before {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat -9rem 0/20rem auto;
}
.l-cluster-list > ul > li > a .etc ul li.date,
.l-cluster-list > ul > li .title .etc ul li.date {
  margin-left: 0.75rem;
}
.l-cluster-list > ul > li > a .etc ul li.date:before,
.l-cluster-list > ul > li .title .etc ul li.date:before {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat -4rem 0/20rem auto;
}
.l-cluster-list.result li:hover {
  background: none;
  cursor: default;
}
.l-cluster-list.result p {
  width: 100%;
  padding: 6.25rem 0.5rem;
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
}

/*! 20231018 포럼 상세 화면 (댓글 영역) */
.l-cluster-comment {
  margin-bottom: 1.25rem;
}
.l-cluster-comment .sm-tit {
  height: auto;
  margin-bottom: 0;
  padding-bottom: 1.25rem;
  border-bottom: 0.0625rem solid var(--gray1);
}
.l-cluster-comment .sm-tit .title {
  font-size: 1.125rem;
  font-weight: 700;
}
.l-cluster-comment .sm-tit .title:before {
  background-position-x: -3rem;
}
.l-cluster-comment .sm-tit .emp {
  font-weight: 500;
}
.l-cluster-comment > ul > li {
  border-bottom: 0.0625rem solid var(--gray1);
}
.l-cluster-comment > ul > li > a,
.l-cluster-comment > ul > li .in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 3.375rem;
  padding: 1rem;
}
.l-cluster-comment > ul > li > a .text,
.l-cluster-comment > ul > li .in .text {
  max-width: calc(100% - 1.875rem);
  font-size: 0.875rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.l-cluster-comment > ul > li > a .text .emp,
.l-cluster-comment > ul > li .in .text .emp {
  margin-right: 0.25rem;
}
.l-cluster-comment > ul > li > a .text.notice,
.l-cluster-comment > ul > li .in .text.notice {
  font-weight: 700;
}
.l-cluster-comment > ul > li > a .cmt-info,
.l-cluster-comment > ul > li .in .cmt-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.875rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.l-cluster-comment > ul > li > a .cmt-info ul,
.l-cluster-comment > ul > li .in .cmt-info ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.l-cluster-comment > ul > li > a .cmt-info ul li,
.l-cluster-comment > ul > li .in .cmt-info ul li {
  position: relative;
  padding-left: 1.375rem;
}
.l-cluster-comment > ul > li > a .cmt-info ul li:before,
.l-cluster-comment > ul > li .in .cmt-info ul li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1rem;
  height: 1rem;
  margin-top: -0.4375rem;
}
.l-cluster-comment > ul > li > a .cmt-info ul li.name:before,
.l-cluster-comment > ul > li .in .cmt-info ul li.name:before {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat -3rem 0/20rem auto;
}
.l-cluster-comment > ul > li > a .etc,
.l-cluster-comment > ul > li .in .etc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.875rem;
  margin-left: auto;
}
.l-cluster-comment > ul > li > a .etc ul,
.l-cluster-comment > ul > li .in .etc ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.l-cluster-comment > ul > li > a .etc ul li,
.l-cluster-comment > ul > li .in .etc ul li {
  position: relative;
  padding-left: 1.375rem;
}
.l-cluster-comment > ul > li > a .etc ul li:before,
.l-cluster-comment > ul > li .in .etc ul li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1rem;
  height: 1rem;
  margin-top: -0.4375rem;
}
.l-cluster-comment > ul > li > a .etc ul li.edit,
.l-cluster-comment > ul > li .in .etc ul li.edit {
  margin-left: 0.75rem;
  padding-left: 0;
}
.l-cluster-comment > ul > li > a .etc ul li.edit a,
.l-cluster-comment > ul > li > a .etc ul li.edit button,
.l-cluster-comment > ul > li .in .etc ul li.edit a,
.l-cluster-comment > ul > li .in .etc ul li.edit button {
  display: block;
  padding-left: 1.375rem;
  line-height: 1.375rem;
}
.l-cluster-comment > ul > li > a .etc ul li.edit:before,
.l-cluster-comment > ul > li .in .etc ul li.edit:before {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat -8rem 0/20rem auto;
}
.l-cluster-comment > ul > li > a .etc ul li.del,
.l-cluster-comment > ul > li .in .etc ul li.del {
  margin-left: 0.75rem;
  padding-left: 0;
}
.l-cluster-comment > ul > li > a .etc ul li.del a,
.l-cluster-comment > ul > li > a .etc ul li.del button,
.l-cluster-comment > ul > li .in .etc ul li.del a,
.l-cluster-comment > ul > li .in .etc ul li.del button {
  display: block;
  padding-left: 1.375rem;
  line-height: 1.375rem;
}
.l-cluster-comment > ul > li > a .etc ul li.del:before,
.l-cluster-comment > ul > li .in .etc ul li.del:before {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat -9rem 0/20rem auto;
}
.l-cluster-comment > ul > li > a .etc ul li.date,
.l-cluster-comment > ul > li .in .etc ul li.date {
  margin-left: 0.75rem;
}
.l-cluster-comment > ul > li > a .etc ul li.date:before,
.l-cluster-comment > ul > li .in .etc ul li.date:before {
  background: url(../../images/anyid/icon/ico_sp_16X16.png) no-repeat -4rem 0/20rem auto;
}
.l-cluster-comment > ul > li .cmt-text {
  padding: 1.25rem 1rem;
  margin-bottom: 1.25rem;
  border-bottom: 0;
}

/*! 20231017 상세화면(공통) */
.cont-body-wrap {
  font-size: 0.875rem;
  line-height: 1.8;
}
.cont-body-wrap .text-area {
  padding: 2.5rem 1.25rem;
  border-bottom: 0.0625rem solid var(--gray1);
}
.cont-body-wrap .text-area p {
  font-size: 0.875rem;
  line-height: 1.8;
}
.cont-body-wrap .text-area p:last-of-type {
  margin-bottom: 0;
}
.cont-body-wrap .text-area img {
  max-width: 100%;
  margin-bottom: 2.5rem;
}
.cont-body-wrap .l-cluster-btn.right {
  margin-top: 1.25rem;
}
.cont-body-wrap .editor-area {
  padding: 1.25rem;
  margin-top: 2.5rem;
  margin-bottom: 3.75rem;
  border-top: 0.0625rem solid var(--gray1);
  border-bottom: 0.0625rem solid var(--gray1);
  background-color: var(--gray2);
  text-align: left;
}
.cont-body-wrap .editor-area .comment-area {
  padding: 0;
}
.cont-body-wrap .editor-area img {
  max-width: 100%;
}
.cont-body-wrap .comment-area {
  padding: 1.25rem;
  padding-bottom: 0;
  margin-bottom: 1.25rem;
  background-color: var(--gray2);
  text-align: left;
}
.cont-body-wrap .comment-area img {
  max-width: 100%;
}
.cont-body-wrap .comment-area .l-cluster-btn.right {
  padding-bottom: 1.25rem;
}
.cont-body-wrap .comment-area .l-content-cmt {
  border: 0.0625rem solid var(--gray1);
}
.cont-body-wrap .comment-area .l-content-cmt .comment-head {
  width: 100%;
  padding: 0.625rem 1rem;
  border-bottom: 0.0625rem solid var(--gray1);
  background-color: #F7F9FC;
}
.cont-body-wrap .comment-area .l-content-cmt .comment-body {
  background: #fff;
  color: #000;
  height: 12.5rem;
}
.cont-body-wrap .comment-area .l-content-cmt .comment-body textarea,
.cont-body-wrap .comment-area .l-content-cmt .comment-body .text-area {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-x: auto;
  padding: 1rem 1.25rem;
  font-size: 0.875rem;
  line-height: 1.6;
  border: none;
}

/*! 20231017 포럼 상세 화면 */
.sm-tit + .l-content-body {
  margin-top: 1.25rem;
}
.sm-tit + .l-content-body .l-cluster-list > ul {
  border-top: 0.0625rem solid var(--gray1);
}
.sm-tit + .l-content-body .l-cluster-list > ul > li {
  border-bottom: 0.0625rem solid var(--gray1);
}
.sm-tit + .l-content-body .l-cluster-list > ul > li:hover {
  background: none;
}

div.file-list {
  padding: 0.625rem 1.25rem;
  margin-top: 2.5rem;
  border: 0.0625rem solid var(--gray1);
}
div.file-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.25rem 1.25rem;
}
div.file-list ul li {
  position: relative;
  padding-left: 1.25rem;
}
div.file-list ul li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0.125rem;
  width: 1rem;
  height: 1rem;
  background: url(../../images/anyid/icon/ico_sp3_16X16.png) no-repeat -6rem 0/20rem auto;
}

/*! 20231128 이용신청 - 신청완료 */
.l-container-top {
  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: 3.75rem 2.5rem;
}
.l-container-top h3 {
  margin-top: 2.5rem;
  font-size: 1.125rem;
  font-weight: 700;
  color: #000;
  text-align: center;
}
.l-container-top p.lead {
  margin-top: 0.75rem;
  font-size: 0.875rem;
  text-align: center;
  word-break: keep-all;
}

.l-cont-wrap .l-cont-box {
  width: 100%;
}

/*! 통합관라자 (공통) */
.bd-section-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 2.5rem;
}
@media (max-width: 767px) {
  .bd-section-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.bd-section.box01 {
  width: 33.125rem;
}
.bd-section.box01 .l-cont-box {
  width: 33.125rem;
  margin: 0 auto;
}
.bd-section.box02 {
  width: calc(100% - 35.625rem);
}
@media (max-width: 767px) {
  .bd-section.box01 {
    width: 100%;
  }
  .bd-section.box02 {
    width: 100%;
  }
}
.bd-section.legend-left {
  position: relative;
}
.bd-section.legend-left .l-legend {
  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: 0;
  top: 3.75rem;
  z-index: 50;
}
.bd-section.legend-left .l-legend span:first-child {
  margin-left: 0 !important;
}
.bd-section.legend-left .l-legend span:first-child:before {
  display: none;
}
.bd-section.legend-left .l-legend span + span {
  margin-top: 1.125rem;
}
.bd-section.legend-bottom {
  position: relative;
}
.bd-section.legend-bottom .l-legend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 1.75rem;
     -moz-column-gap: 1.75rem;
          column-gap: 1.75rem;
  row-gap: 0.625rem;
  position: absolute;
  left: 50%;
  bottom: 0.625rem;
  z-index: 50;
  width: 100%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
}
.bd-section.legend-bottom .l-legend [class*=circle-blue] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.75rem;
  color: #2d2d2d;
}
.bd-section.legend-bottom .l-legend [class*=circle-blue]::before {
  content: "";
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.5rem;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.bd-section.legend-bottom .l-legend [class*=circle-blue].circle-blue1::before {
  background: #7CA6F3;
}
.bd-section.legend-bottom .l-legend [class*=circle-blue].circle-blue2::before {
  background: #5089EF;
}
.bd-section.legend-bottom .l-legend [class*=circle-blue].circle-blue3::before {
  background: #246BEB;
}
.bd-section.legend-bottom .l-legend [class*=circle-blue].circle-blue4::before {
  background: #1D56BC;
}
.bd-section.legend-bottom .l-legend [class*=circle-blue].circle-blue5::before {
  background: #16408D;
}
.bd-section.legend-bottom .l-legend [class*=circle-blue].circle-blue6::before {
  background: #0E2B5E;
}
.bd-section.chbox05 .l-legend {
  top: calc(50% + 15px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/*! 20240126 개인정보처리방침 */
.l-cont-wrap.personal .sm-tit {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 2rem;
  margin-top: 0;
  margin-bottom: 1.25rem;
}
.l-cont-wrap.personal .sm-tit h3 {
  padding: 0;
  font-size: 1.25rem;
}
.l-cont-wrap.personal .sm-tit h3:before {
  content: "";
  background: none;
}
.l-cont-wrap.personal .desc.callout {
  padding: 2.5rem 3.636363%;
}
.l-cont-wrap.personal section {
  overflow: visible;
  margin-top: 3.75rem;
}
.l-cont-wrap.personal .l-cluster-prv01 .bd-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  gap: 2.5rem 3.7%;
}
.l-cont-wrap.personal .l-cluster-prv01 .bd-wrap a {
  position: relative;
  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;
  position: relative;
  width: 30.8%;
  height: 12.5rem;
  padding: 1.25rem;
  border: 0.0625rem solid var(--gray1);
}
.l-cont-wrap.personal .l-cluster-prv01 .bd-wrap a img {
  width: 6.25rem;
  height: auto;
}
.l-cont-wrap.personal .l-cluster-prv01 .bd-wrap a strong {
  margin-top: 1.25rem;
}
.l-cont-wrap.personal .l-cluster-prv01 .bd-wrap a div[class^=label-layer] {
  display: none;
  position: absolute;
  -webkit-box-shadow: 0.375rem 0.375rem 1rem 0 rgba(0, 0, 0, 0.35);
          box-shadow: 0.375rem 0.375rem 1rem 0 rgba(0, 0, 0, 0.35);
  background-color: #fff;
}
.l-cont-wrap.personal .l-cluster-prv01 .bd-wrap a:hover {
  border: 0.0625rem solid var(--blue);
  -webkit-box-shadow: 0.375rem 0.375rem 1rem 0 rgba(0, 0, 0, 0.35);
          box-shadow: 0.375rem 0.375rem 1rem 0 rgba(0, 0, 0, 0.35);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.l-cont-wrap.personal .l-cluster-prv01 .bd-wrap a:hover div[class^=label-layer] {
  overflow: hidden;
  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;
  border-radius: 0.75rem;
}
.l-cont-wrap.personal .l-cluster-prv01 .bd-wrap a:hover div[class^=label-layer] .layer-hd {
  height: 2.625rem;
  line-height: 2.625rem;
  padding: 0 1.25rem;
  background-color: var(--blue);
  font-size: 0.75rem;
  color: #fff;
}
.l-cont-wrap.personal .l-cluster-prv01 .bd-wrap a:hover div[class^=label-layer] .layer-bd {
  padding: 1.25rem;
}
.l-cont-wrap.personal .l-cluster-prv01 .bd-wrap a:hover div[class^=label-layer] .layer-bd p {
  margin-bottom: 0.5rem;
  font-size: 0.75rem;
}
.l-cont-wrap.personal .l-cluster-prv01 .bd-wrap a:hover div[class^=label-layer] .layer-bd .rspTable {
  border-bottom: 0.0625rem solid var(--gray1);
}
.l-cont-wrap.personal .l-cluster-prv01 .bd-wrap a:hover div[class^=label-layer] .layer-bd .rspTable .emp {
  font-weight: 400;
}
.l-cont-wrap.personal .l-cluster-prv01 .bd-wrap a:hover div[class^=label-layer] .layer-bd .rspTable th,
.l-cont-wrap.personal .l-cluster-prv01 .bd-wrap a:hover div[class^=label-layer] .layer-bd .rspTable td {
  font-size: 0.75rem;
  border-left: 0.0625rem solid var(--gray1);
  line-height: 1.6;
}
.l-cont-wrap.personal .l-cluster-prv01 .bd-wrap a:hover div[class^=label-layer] .layer-bd .rspTable th {
  height: 2.125rem;
  padding: 0;
  border-top: 0.125rem solid var(--tb-border);
}
.l-cont-wrap.personal .l-cluster-prv01 .bd-wrap a:hover div[class^=label-layer] .layer-bd .rspTable th:first-child {
  border-left: 0;
}
.l-cont-wrap.personal .l-cluster-prv01 .bd-wrap a:hover div[class^=label-layer] .layer-bd .rspTable td {
  padding: 0.5rem 0.625rem;
}
.l-cont-wrap.personal .l-cluster-prv01 .bd-wrap a:hover div[class^=label-layer] .layer-bd .rspTable td:first-child {
  border-left: 0;
}
.l-cont-wrap.personal .l-cluster-prv01 .bd-wrap a:hover div[class^=label-layer] .layer-bd .desc-list {
  font-size: 0.75rem;
}
.l-cont-wrap.personal .l-cluster-prv01 .bd-wrap a:hover div[class^=label-layer] .layer-bd .desc-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border-radius: 0.5rem;
  border: 0.0625rem solid var(--gray1);
}
.l-cont-wrap.personal .l-cluster-prv01 .bd-wrap a:hover div[class^=label-layer] .layer-bd .desc-list li div {
  padding: 0.5rem 0.625rem;
}
.l-cont-wrap.personal .l-cluster-prv01 .bd-wrap a:hover div[class^=label-layer] .layer-bd .desc-list li div .emp {
  font-weight: 400;
}
.l-cont-wrap.personal .l-cluster-prv01 .bd-wrap a:hover div[class^=label-layer] .layer-bd .desc-list li div.hd {
  width: 28%;
}
.l-cont-wrap.personal .l-cluster-prv01 .bd-wrap a:hover div[class^=label-layer] .layer-bd .desc-list li div.bd {
  width: 72%;
}
.l-cont-wrap.personal .l-cluster-prv01 .bd-wrap a:hover div[class^=label-layer] .layer-bd .desc-list li + li {
  margin-top: 0.5rem;
}
.l-cont-wrap.personal .l-cluster-prv01 .bd-wrap a:nth-of-type(1):hover div[class^=label-layer] {
  width: 540px;
  height: auto;
  left: 0;
  bottom: -230px;
  z-index: 20;
}
.l-cont-wrap.personal .l-cluster-prv01 .bd-wrap a:nth-of-type(2):hover div[class^=label-layer] {
  width: 540px;
  height: auto;
  left: 50%;
  bottom: -210px;
  z-index: 20;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.l-cont-wrap.personal .l-cluster-prv01 .bd-wrap a:nth-of-type(3):hover div[class^=label-layer] {
  width: 540px;
  height: auto;
  right: 0;
  bottom: -210px;
  z-index: 20;
}
.l-cont-wrap.personal .l-cluster-prv01 .bd-wrap a:nth-of-type(4):hover div[class^=label-layer] {
  width: 540px;
  height: auto;
  left: 0;
  bottom: -203px;
  z-index: 20;
}
.l-cont-wrap.personal .l-cluster-prv01 .bd-wrap a:nth-of-type(5):hover div[class^=label-layer] {
  width: 540px;
  height: auto;
  left: 50%;
  bottom: -158px;
  z-index: 20;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.l-cont-wrap.personal .l-cluster-prv01 .bd-wrap a:nth-child(6):hover div[class^=label-layer] {
  width: 540px;
  height: auto;
  right: 0;
  bottom: -158px;
  z-index: 20;
}
.l-cont-wrap.personal .l-cluster-prv01 p.callout-msg.emp {
  margin-top: 1.25rem;
}
.l-cont-wrap.personal .l-cluster-prv01 p.callout-msg.emp:before {
  content: "";
  background-position-x: -10rem;
}
.l-cont-wrap.personal .l-cluster-prv02 .bd-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  gap: 1.25rem 1.81%;
  padding: 3.75rem 5.454545%;
  border: 0.0625rem solid var(--gray1);
}
.l-cont-wrap.personal .l-cluster-prv02 .text {
  margin-bottom: 1.25rem;
  font-size: 0.875rem;
}
.l-cont-wrap.personal .l-cluster-prv02 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 49%;
  height: 2.5rem;
  font-size: 1.0625rem;
  color: #333;
}
.l-cont-wrap.personal .l-cluster-prv02 a:before {
  display: none;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -1.25rem;
  width: 2.5rem;
  height: 2.5rem;
  background: url(../../images/anyid/icon/ico_sp_label_40X40.png) no-repeat 0 0/50rem auto;
}
.l-cont-wrap.personal .l-cluster-prv02 a:nth-child(1):before {
  background-position-x: -0rem;
}
.l-cont-wrap.personal .l-cluster-prv02 a:nth-child(2):before {
  background-position-x: -2.5rem;
}
.l-cont-wrap.personal .l-cluster-prv02 a:nth-child(3):before {
  background-position-x: -5rem;
}
.l-cont-wrap.personal .l-cluster-prv02 a:nth-child(4):before {
  background-position-x: -7.5rem;
}
.l-cont-wrap.personal .l-cluster-prv02 a:nth-child(5):before {
  background-position-x: -10rem;
}
.l-cont-wrap.personal .l-cluster-prv02 a:nth-child(6):before {
  background-position-x: -12.5rem;
}
.l-cont-wrap.personal .l-cluster-prv02 a:nth-child(7):before {
  background-position-x: -15rem;
}
.l-cont-wrap.personal .l-cluster-prv02 a:nth-child(8):before {
  background-position-x: -17.5rem;
}
.l-cont-wrap.personal .l-cluster-prv02 a:nth-child(9):before {
  background-position-x: -20rem;
}
.l-cont-wrap.personal .l-cluster-prv02 a:nth-child(10):before {
  background-position-x: -22.5rem;
}
.l-cont-wrap.personal .l-cluster-prv02 a:nth-child(11):before {
  background-position-x: -25rem;
}
.l-cont-wrap.personal .l-cluster-prv02 a:nth-child(12):before {
  background-position-x: -27.5rem;
}
.l-cont-wrap.personal .l-cluster-prv02 a:nth-child(13):before {
  background-position-x: -30rem;
}
.l-cont-wrap.personal .l-cluster-prv02 a:nth-child(14):before {
  background-position-x: -32.5rem;
}
.l-cont-wrap.personal .anyid-terms {
  padding: 0;
}
.l-cont-wrap.personal .anyid-terms * {
  font-size: 0.875rem;
  word-break: keep-all;
}
.l-cont-wrap.personal .anyid-terms > ul > li:after {
  top: 0.375rem;
  width: 0.8125rem;
  height: 0.8125rem;
}
.l-cont-wrap.personal .anyid-terms > ul > li:before {
  top: 0.25rem;
  font-size: 0.625rem;
  font-weight: 700;
}
.l-cont-wrap.personal .anyid-terms h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 2.5rem;
  margin-bottom: 0.625rem;
  padding: 1.25rem 0;
  border-top: 0.0625rem solid var(--gray1);
  border-bottom: 0.0625rem solid var(--gray1);
  font-size: 1rem;
  color: var(--blue);
}
.l-cont-wrap.personal .anyid-terms h2 i[class^=ico-terms] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 0.5rem;
  background: url(../../images/anyid/icon/ico_sp_label_40X40.png) no-repeat 0 0/50rem auto;
}
.l-cont-wrap.personal .anyid-terms h2 i[class^=ico-terms-1] {
  background-position-x: -0rem;
}
.l-cont-wrap.personal .anyid-terms h2 i[class^=ico-terms-2] {
  background-position-x: -2.5rem;
}
.l-cont-wrap.personal .anyid-terms h2 i[class^=ico-terms-3] {
  background-position-x: -5rem;
}
.l-cont-wrap.personal .anyid-terms h2 i[class^=ico-terms-4] {
  background-position-x: -7.5rem;
}
.l-cont-wrap.personal .anyid-terms h2 i[class^=ico-terms-5] {
  background-position-x: -10rem;
}
.l-cont-wrap.personal .anyid-terms h2 i[class^=ico-terms-6] {
  background-position-x: -12.5rem;
}
.l-cont-wrap.personal .anyid-terms h2 i[class^=ico-terms-7] {
  background-position-x: -15rem;
}
.l-cont-wrap.personal .anyid-terms h2 i[class^=ico-terms-8] {
  background-position-x: -17.5rem;
}
.l-cont-wrap.personal .anyid-terms h2 i[class^=ico-terms-9] {
  background-position-x: -20rem;
}
.l-cont-wrap.personal .anyid-terms h2 i[class^=ico-terms-10] {
  background-position-x: -22.5rem;
}
.l-cont-wrap.personal .anyid-terms h2 i[class^=ico-terms-11] {
  background-position-x: -25rem;
}
.l-cont-wrap.personal .anyid-terms h2 i[class^=ico-terms-12] {
  background-position-x: -27.5rem;
}
.l-cont-wrap.personal .anyid-terms h2 i[class^=ico-terms-13] {
  background-position-x: -30rem;
}
.l-cont-wrap.personal .anyid-terms h2 i[class^=ico-terms-14] {
  background-position-x: -32.5rem;
}
.l-cont-wrap.personal .anyid-terms h3 {
  font-size: 0.9375rem;
  color: var(--black);
}
.l-cont-wrap.personal .anyid-terms p {
  margin-top: 0.5rem;
}
.l-cont-wrap.personal .anyid-terms ul.dot > li:before {
  top: 0.6875rem;
}
.l-cont-wrap.personal .anyid-terms > ul > li > ul > li:before {
  top: -rem(1);
}
.l-cont-wrap.personal .anyid-terms li {
  margin-top: 0.5rem;
  line-height: 1.6 !important;
}
.l-cont-wrap.personal .anyid-terms > ol[data-list-style-type=ko] > li:nth-child(1)::marker {
  content: "가. ";
}
.l-cont-wrap.personal .anyid-terms > ol[data-list-style-type=ko] > li:nth-child(2)::marker {
  content: "나. ";
}
.l-cont-wrap.personal .anyid-terms > ol[data-list-style-type=ko] > li:nth-child(3)::marker {
  content: "다. ";
}
.l-cont-wrap.personal .anyid-terms > ol[data-list-style-type=ko] > li:nth-child(4)::marker {
  content: "라. ";
}
.l-cont-wrap.personal .anyid-terms > ol[data-list-style-type=ko] > li:nth-child(5)::marker {
  content: "마. ";
}
.l-cont-wrap.personal .anyid-terms > ol[data-list-style-type=ko] > li:nth-child(6)::marker {
  content: "바. ";
}
.l-cont-wrap.personal .anyid-terms > ol[data-list-style-type=ko] > li:nth-child(7)::marker {
  content: "사. ";
}
.l-cont-wrap.personal .anyid-terms > ol[data-list-style-type=ko] > li:nth-child(8)::marker {
  content: "아. ";
}
.l-cont-wrap.personal .anyid-terms > ol[data-list-style-type=ko] > li:nth-child(9)::marker {
  content: "자. ";
}
.l-cont-wrap.personal .anyid-terms > ol[data-list-style-type=ko] > li:nth-child(10)::marker {
  content: "차. ";
}
.l-cont-wrap.personal .anyid-terms > ol[data-list-style-type=ko] > li:nth-child(11)::marker {
  content: "카. ";
}
.l-cont-wrap.personal .anyid-terms > ol[data-list-style-type=ko] > li:nth-child(12)::marker {
  content: "타. ";
}
.l-cont-wrap.personal .anyid-terms > ol[data-list-style-type=ko] > li:nth-child(13)::marker {
  content: "파. ";
}
.l-cont-wrap.personal .anyid-terms > ol[data-list-style-type=ko] > li:nth-child(14)::marker {
  content: "하. ";
}
.l-cont-wrap.personal .anyid-terms > ol[data-list-style-type=ko] > li {
  position: relative;
  padding-left: 1rem;
  list-style-position: inside;
}
.l-cont-wrap.personal .anyid-terms > ol[data-list-style-type=ko] > li:before {
  content: "";
  display: none !important;
}
.l-cont-wrap.personal .anyid-terms .rspTable td,
.l-cont-wrap.personal .anyid-terms .rspTable th {
  word-break: break-all;
}
.l-cont-wrap.personal .l-cluster-lnk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.l-cont-wrap.personal .l-cluster-lnk a {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.6;
  color: var(--blue);
}

/*! 콘텐츠 영역 (공통)*/
.l-cluster-main {
  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;
  min-height: 8.875rem;
  padding: 3.75rem 2.5rem;
  border-radius: 1.25rem;
  border: 0.0625rem solid var(--gray1);
}
.l-cluster-main > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75rem;
}
.l-cluster-main > ul > li.on a {
  width: 13.125rem;
  height: 13.125rem;
}
.l-cluster-main > ul > li.on a .progress-step-box {
  border-color: var(--blue);
  -webkit-box-shadow: 5px 5px 10px 2px rgba(0, 0, 0, 0.3);
          box-shadow: 5px 5px 10px 2px rgba(0, 0, 0, 0.3);
}
.l-cluster-main > ul > li.on a .progress-step-box > div span {
  font-size: 1rem;
  color: var(--blue);
}
.l-cluster-main > ul > li.on a .progress-step-box > div span.prgs-icon {
  width: 5rem;
  height: 5rem;
}
.l-cluster-main > ul > li.on a .progress-step-box > div span.prgs-icon img,
.l-cluster-main > ul > li.on a .progress-step-box > div span.prgs-icon svg {
  width: 5rem;
  height: 5rem;
  fill: var(--blue);
}
.l-cluster-main > ul > li.on a .progress-step-box > div span.prgs-icon img path,
.l-cluster-main > ul > li.on a .progress-step-box > div span.prgs-icon svg path {
  fill: var(--blue);
}
.l-cluster-main > ul > li.on a .progress-step-box > div span + span {
  margin-top: 0.75rem;
}
.l-cluster-main > ul > li.disabled a {
  border: 0.0625rem solid var(--gray3);
}
.l-cluster-main > ul > li.disabled a .progress-step-box {
  border-color: var(--gray3);
  color: var(--gray3);
}
.l-cluster-main > ul > li.disabled a .progress-step-box > div span {
  color: var(--gray3);
}
.l-cluster-main > ul > li.disabled a .progress-step-box > div span svg path {
  fill: var(--gray3);
}
.l-cluster-main > ul > li a {
  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;
  width: 9.375rem;
  height: 9.375rem;
  border-radius: 50%;
}
.l-cluster-main > ul > li a .progress-step-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;
  width: 100%;
  height: 100%;
  border: 0.625rem solid var(--gray3);
  border-radius: 50%;
}
.l-cluster-main > ul > li a .progress-step-box > div {
  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;
}
.l-cluster-main > ul > li a .progress-step-box > div span {
  font-size: 0.875rem;
  font-weight: 700;
}
.l-cluster-main > ul > li a .progress-step-box > div span.prgs-icon {
  width: 2.5rem;
  height: 2.5rem;
  background-color: #fff;
}
.l-cluster-main > ul > li a .progress-step-box > div span.prgs-icon svg path path {
  fill: #575757;
}
.l-cluster-main > ul > li a .progress-step-box > div span + span {
  margin-top: 0.5rem;
}

.modal-layer .anyid-terms {
  overflow: auto;
  height: 27.5rem;
  border: 1px solid var(--gray1);
}
.modal-layer .anyid-terms .tit-1 {
  display: block;
  font-size: 1rem;
}
.modal-layer .anyid-terms .tit-1:not(:first-child) {
  margin-top: 2.5rem;
}
.modal-layer .anyid-terms > ul > li {
  padding-left: 1rem;
}
.modal-layer .anyid-terms > ul > li > ol > li > ul > li,
.modal-layer .anyid-terms > ul > li > ul > li > ul > li {
  padding-left: 0.625rem;
}
.modal-layer .anyid-terms > ol[type="1"] > li {
  margin-top: 0.25rem;
}
.modal-layer .anyid-terms > ol[type="1"] > li {
  padding-left: 0.875rem;
  text-indent: -0.875rem;
}
.modal-layer .anyid-terms > ol[type="1"] > li > * {
  text-indent: 0;
}
.modal-layer .anyid-terms > ol[type="1"] > li + li {
  margin-top: 0.25rem;
}
.modal-layer .anyid-terms ol.num-brk > li {
  margin-top: 0.25rem;
  line-height: 1.5;
}
.modal-layer .anyid-terms ol.num-brk > li {
  padding-left: 0.875rem;
}
.modal-layer .anyid-terms ol.num-brk > li + li {
  margin-top: 0.25rem;
}
.modal-layer .anyid-terms p.ntc {
  margin-left: 0;
}
.modal-layer.win-pop .anyid-terms {
  height: auto;
  border: none;
}

/*! 20231204 이용약관 (공통) */
.anyid-terms {
  padding: 1.25rem;
  color: var(--gray3);
}
.anyid-terms .style-none {
  padding-left: 0;
}
.anyid-terms .style-none:before, .anyid-terms .style-none:after {
  content: "";
  display: none;
}
.anyid-terms h1 {
  font-weight: 700;
  color: var(--gray3);
  font-size: 0.875rem;
  line-height: 1.8;
}
.anyid-terms h2 {
  margin-bottom: 0.3125rem;
  margin-top: 1.25rem;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1.8;
}
.anyid-terms h2:first-child {
  margin-top: 0;
}
.anyid-terms strong + h2 {
  margin-top: 1.25rem;
}
.anyid-terms h3 {
  margin-bottom: 0.3125rem;
  font-weight: 500;
  color: var(--gray3);
  font-size: 0.75rem;
  line-height: 1.8;
}
.anyid-terms p {
  font-size: 0.75rem;
  line-height: 1.8;
  word-break: break-all;
}
.anyid-terms p + ul {
  margin-top: 0.5rem;
}
.anyid-terms p,
.anyid-terms li {
  line-height: 1.6;
}
.anyid-terms p.mt2 {
  margin-left: -1rem;
}
.anyid-terms p.ntc {
  position: relative;
  padding-left: 1rem;
  margin-left: -0.3125rem;
}
.anyid-terms p.ntc i {
  position: absolute;
  left: 0;
  top: 0;
}
.anyid-terms li {
  margin-bottom: 0;
}
.anyid-terms .left {
  text-align: left !important;
}
.anyid-terms li + li {
  margin-top: 0.5rem;
}
.anyid-terms ol[type="1"] {
  list-style-type: auto;
}
.anyid-terms ol[type="1"] > li {
  padding-left: 0;
  list-style-type: auto;
  list-style-position: inside;
}
.anyid-terms ol[type="1"] > li:after, .anyid-terms ol[type="1"] > li:before {
  display: none;
}
.anyid-terms ul.unordered > li:before {
  content: "";
  display: none;
}
.anyid-terms ul.hyp > li {
  position: relative;
  padding-left: 0.5rem;
  margin-top: 0;
}
.anyid-terms ul.hyp > li:before {
  content: "-";
  position: absolute;
  left: 0;
  top: -rem(1);
}
.anyid-terms ul.hyp > li:after {
  display: none;
}
.anyid-terms ul.closed {
  list-style-position: inside;
  list-style-type: disclosure-closed;
}
.anyid-terms ul.closed > li {
  list-style-position: inside;
  list-style-type: disclosure-closed;
}
.anyid-terms ul.closed > li:before, .anyid-terms ul.closed > li:after {
  content: "";
  display: none;
}
.anyid-terms ul.closed > li > ul {
  text-indent: 1rem;
}
.anyid-terms ol.num-brk {
  counter-reset: brk-counter 0;
}
.anyid-terms ol.num-brk > li {
  position: relative;
  padding-left: 0.875rem;
}
.anyid-terms ol.num-brk > li:before {
  counter-increment: brk-counter 1;
  content: counter(brk-counter) ") ";
  position: absolute;
  top: 0;
  left: 0;
  font-size: inherit;
}
.anyid-terms ol.num {
  counter-reset: brk-counter 0;
}
.anyid-terms ol.num > li {
  position: relative;
  padding-left: 0.75rem;
}
.anyid-terms ol.num > li:before {
  counter-increment: brk-counter 1;
  content: counter(brk-counter) ") ";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0.75rem;
}
.anyid-terms ol > li {
  font-size: 0.75rem;
  line-height: 1.8;
  word-break: break-all;
}
.anyid-terms ul > li {
  font-size: 0.75rem;
  line-height: 1.8;
  word-break: break-all;
}
.anyid-terms > ul {
  counter-reset: circle 0;
  list-style-type: none;
}
.anyid-terms > ul > li {
  position: relative;
  padding-left: 1.125rem;
  list-style-type: none;
}
.anyid-terms > ul > li:before {
  counter-increment: circle 1;
  content: counter(circle);
  position: absolute;
  top: 0.15rem;
  left: 0.23125rem;
  font-size: 0.75rem;
}
.anyid-terms > ul > li:after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 0;
  top: 0.3125rem;
  width: 0.75rem;
  height: 0.75rem;
  border: 0.0625rem solid var(--gray3);
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: var(--gray3);
}
.anyid-terms > ul > li > ul > li {
  position: relative;
  padding-left: 0.5rem;
}
.anyid-terms > ul > li > ul > li:before {
  content: "-";
  position: absolute;
  left: 0;
  top: 0rem;
}
.anyid-terms > ul > li > ol {
  margin-top: 0.5rem;
  padding-left: 1rem;
  list-style-type: none;
  -webkit-padding-start: 1.5em;
          padding-inline-start: 1.5em;
}
.anyid-terms > ul > li > ol > li {
  position: relative;
  padding-left: 0;
}
.anyid-terms > ul > li > ol[data-list-style-type=ko] > li:nth-child(1)::marker {
  content: "가. ";
}
.anyid-terms > ul > li > ol[data-list-style-type=ko] > li:nth-child(2)::marker {
  content: "나. ";
}
.anyid-terms > ul > li > ol[data-list-style-type=ko] > li:nth-child(3)::marker {
  content: "다. ";
}
.anyid-terms > ul > li > ol[data-list-style-type=ko] > li:nth-child(4)::marker {
  content: "라. ";
}
.anyid-terms > ul > li > ol[data-list-style-type=ko] > li:nth-child(5)::marker {
  content: "마. ";
}
.anyid-terms > ul > li > ol[data-list-style-type=ko] > li:nth-child(6)::marker {
  content: "바. ";
}
.anyid-terms > ul > li > ol[data-list-style-type=ko] > li:nth-child(7)::marker {
  content: "사. ";
}
.anyid-terms > ul > li > ol[data-list-style-type=ko] > li:nth-child(8)::marker {
  content: "아. ";
}
.anyid-terms > ul > li > ol[data-list-style-type=ko] > li:nth-child(9)::marker {
  content: "자. ";
}
.anyid-terms > ul > li > ol[data-list-style-type=ko] > li:nth-child(10)::marker {
  content: "차. ";
}
.anyid-terms > ul > li > ol[data-list-style-type=ko] > li:nth-child(11)::marker {
  content: "카. ";
}
.anyid-terms > ul > li > ol[data-list-style-type=ko] > li:nth-child(12)::marker {
  content: "타. ";
}
.anyid-terms > ul > li > ol[data-list-style-type=ko] > li:nth-child(13)::marker {
  content: "파. ";
}
.anyid-terms > ul > li > ol[data-list-style-type=ko] > li:nth-child(14)::marker {
  content: "하. ";
}
.anyid-terms > ul > li > ol > li > ul,
.anyid-terms > ul > li > ul > li > ul {
  margin-top: 0.5rem;
}
.anyid-terms > ul > li > ol > li > ul > li,
.anyid-terms > ul > li > ul > li > ul > li {
  position: relative;
  padding-left: 0.5rem;
}
.anyid-terms > ul > li > ol > li > ul > li:before,
.anyid-terms > ul > li > ul > li > ul > li:before {
  content: "-";
  position: absolute;
  left: 0;
  top: 0rem;
}
.anyid-terms > ul > li > ol > li > ul > li + li,
.anyid-terms > ul > li > ul > li > ul > li + li {
  margin-top: 0;
}
.anyid-terms > ul > li > ul {
  margin-top: 0.5rem;
}
.anyid-terms ul.dot > li {
  position: relative;
  padding-left: 0.5rem;
}
.anyid-terms ul.dot > li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5625rem;
  width: 0.1875rem;
  height: 0.1875rem;
  border-radius: 50%;
  background-color: var(--gray3);
}
.anyid-terms ul.dot2 > li {
  position: relative;
  padding-left: 2rem;
}
.anyid-terms ul.dot2 > li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5625rem;
  width: 0.1875rem;
  height: 0.1875rem;
  border-radius: 50%;
  background-color: var(--gray3);
}
.anyid-terms ul.dot2 > li:first-child:after {
  content: "필수 : ";
  position: absolute;
  left: 0.5rem;
  top: 0;
}
.anyid-terms ul.dot2 > li:last-child:after {
  content: "선택 : ";
  position: absolute;
  left: 0.5rem;
  top: 0;
}
.anyid-terms .rspTable {
  margin-top: 0.5rem;
  margin-left: -1rem;
}
.anyid-terms .rspTable table {
  border-top: 0.125rem solid var(--tb-border);
}
.anyid-terms .rspTable th {
  background-color: var(--gray2);
}
.anyid-terms .rspTable th,
.anyid-terms .rspTable td {
  padding: 0.5rem 0.625rem;
  font-size: 0.75rem;
  line-height: 1.6;
  border: 0.0625rem solid var(--gray1);
  border-top: none;
  text-align: center;
}
.anyid-terms .rspTable th ul li,
.anyid-terms .rspTable td ul li {
  text-align: left;
}
/*! 20231205 이용약관 팝업 */
.popupLayer-03.terms .container {
  overflow: auto;
  padding: 0;
}
.popupLayer-03.terms .container .l-cluster-info {
  padding: 1.25rem;
}
.popupLayer-03.terms .container .l-cluster-info .l-content-body.terms .sub-title-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -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: 0;
  margin-bottom: 1.25rem;
  border: 0;
}
.popupLayer-03.terms .container .l-cluster-info .l-content-body.terms .sub-title-area .emp2 {
  color: red;
}
.popupLayer-03.terms .container .l-cluster-info .l-content-body.terms .sub-title-area h1 {
  font-size: 1.125rem;
  font-weight: 700;
  color: #000;
}
.popupLayer-03.terms .container .l-cluster-info .l-content-body.terms .sub-title-area select.combo {
  width: 12.5rem;
  color: #666;
}
.popupLayer-03.terms .container .l-cluster-info .l-content-body.terms .anyid-terms {
  overflow: auto;
  height: 578px;
  border: 0.0625rem solid var(--gray1);
}

.l-cluster-card {
  margin-top: 1.5rem;
}
.l-cluster-card > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.l-cluster-card > ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.l-cluster-card .card .c-arrow {
  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;
}
.l-cluster-card .card .c-arrow:after {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  content: "";
}
.l-cluster-card .card .c-arrow:after {
  width: 1.25rem;
  height: 1.25rem;
  background: url(../../images/anyid/icon/ico_guide_arrow.svg) no-repeat center/contain;
}
.l-cluster-card .card [class*=c-logo]:before {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  content: "";
  width: 1.5rem;
  height: 1.5rem;
}
.l-cluster-card .card .c-logo1:before {
  background: url(../../images/anyid/icon/ico_guide_1.svg) no-repeat center/contain;
}
.l-cluster-card .card .c-logo2:before {
  background: url(../../images/anyid/icon/ico_guide_2.svg) no-repeat center/contain;
}
.l-cluster-card .card .c-logo3:before {
  background: url(../../images/anyid/icon/ico_guide_3.svg) no-repeat center/contain;
}
.l-cluster-card .card .c-logo4:before {
  background: url(../../images/anyid/icon/ico_guide_4.svg) no-repeat center/contain;
}
.l-cluster-card .card .c-logo5:before {
  background: url(../../images/anyid/icon/ico_guide_5.svg) no-repeat center/contain;
}
.l-cluster-card .card .c-logo6:before {
  background: url(../../images/anyid/icon/ico_guide_6.svg) no-repeat center/contain;
}
.l-cluster-card .card [class*=c-api] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.l-cluster-card .card [class*=c-api]:before {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  content: "";
  width: 2rem;
  height: 2rem;
}
.l-cluster-card .card .c-api1:before {
  background: url(../../images/anyid/icon/ico_api_1.svg) no-repeat center/contain;
}
.l-cluster-card .card .c-api2:before {
  background: url(../../images/anyid/icon/ico_api_2.svg) no-repeat center/contain;
}
.l-cluster-card .card .c-api3:before {
  background: url(../../images/anyid/icon/ico_api_3.svg) no-repeat center/contain;
}
.l-cluster-card .card .c-tit {
  color: #1d1d1d;
  font-size: 1.25rem;
  font-weight: 700;
}
.l-cluster-card .card .c-txt {
  font-size: 0.875rem;
  color: #555;
}
.l-cluster-card .card .l-cluster-label {
  margin-top: auto;
}
.l-cluster-card .card .l-cluster-label span.label {
  display: inline;
  padding: 0.125rem 0.5rem;
  height: 1.375rem;
  line-height: 1.375rem;
  background-color: var(--blue);
  font-size: 0.75rem;
  color: #fff;
}
.l-cluster-card .card .l-cluster-label span.label.green {
  background-color: var(--green2);
}
.l-cluster-card .card .l-cluster-label span.label.red {
  background-color: var(--red2);
}
.l-cluster-card .card .l-cluster-label span + span {
  margin-left: 0.375rem;
}
.l-cluster-card.card-3 > ul {
  gap: 1.5rem;
}
.l-cluster-card.card-3 > ul > li {
  width: calc(33.3% - 1.5rem * 2 / 3);
  min-height: 11.25rem;
}
.l-cluster-card.card-3 > ul > li .card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.75rem;
  width: 100%;
  padding: 1.5rem;
  border: 0.0625rem solid var(--gray1);
}
.l-cluster-card.type-square .card {
  min-height: 21.75rem;
}

/*! 20231024 서비스 신청하기 - 서비스안내 */
#wrap.servinfo .content .l-content-body .l-cluster-main {
  margin-top: 1.25rem;
}
#wrap.servinfo .content .l-content-body .l-cluster-list > ul {
  border-top: 0;
}

.l-container-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 1.25rem;
}
.l-container-row .l-content-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%;
}
.l-container-row .l-content-wrap.left {
  max-width: 25rem;
}

/*! 개발자센터 이용신청 - 약관동의 */
.l-cont-terms {
  overflow-y: auto;
  min-height: 18.75rem;
  height: 18.75rem;
  padding: 1.125rem 1.25rem;
  border: 0.0625rem solid var(--gray1);
}
.l-cont-terms strong {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.6;
}
.l-cont-terms h2 {
  margin-top: 1.25rem;
  margin-bottom: 0.625rem;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1.6;
}
.l-cont-terms p {
  font-size: 0.75rem;
  line-height: 1.6;
}

/*! 이용신청 - 연계확인서 첨부 */
.file-upload {
  padding: 0.5625rem 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  gap: 0.75rem;
  border-top: 0;
}
.file-upload .ellipsis {
  max-width: 28.125rem;
}
.file-upload .f-text {
  font-size: 0.875rem;
}
.file-upload .l-cluster-btn.file {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 6.875rem;
}
.file-upload button i.close {
  margin-left: 0.5rem !important;
}

.file-upload .btn,
.file-upload2 .btn {
  margin-right: 0.5rem;
}
.file-upload .btn .txt,
.file-upload2 .btn .txt {
  margin-left: 0.25rem;
  font-size: 0.875rem;
}

.labg {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 0.9375rem !important;
  padding-bottom: 0.9375rem !important;
}
.labg label {
  width: 13.125rem;
  margin-left: 0 !important;
}
.labg label + label {
  margin-top: 0.625rem;
}

.l-cluster-info img.logo_gov {
  width: auto;
  height: 2.25rem;
  margin-bottom: 1.25rem;
}
.l-cluster-info .sec-info-wrap > h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 3.4375rem;
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--black);
}
.l-cluster-info .sec-info-wrap > h2 .emp {
  margin-left: 0.5rem;
  font-size: 0.75rem;
  font-weight: 400;
}
.l-cluster-info .sec-info-wrap > h2 .desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin-top: 0;
  margin-left: 0.5rem;
  padding-left: 0.5rem;
  font-size: 0.75rem;
  font-weight: 400;
}
.l-cluster-info .sec-info-wrap > h2 .desc .req {
  margin-left: 0;
  margin-right: 0.25rem;
  font-size: 0.875rem;
}
.l-cluster-info .sec-info-wrap > h2 .desc:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 1.125rem;
  width: 0.0625rem;
  background-color: #d7d7d7;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.l-cluster-info .sec-info-wrap > .sub-title-area {
  margin-top: 0;
  margin-bottom: 1.5rem;
  border-bottom: 0;
}
.l-cluster-info .sec-info-wrap > .sub-title-area h3 {
  font-weight: 700;
  color: #000;
  font-size: 1rem;
  line-height: 1.8;
}
.l-cluster-info .sec-info-wrap > .sub-title-area p {
  font-size: 0.75rem;
  line-height: 1.8;
}
.l-cluster-info .sec-info-wrap form h3 {
  margin-bottom: 1.25rem;
  font-size: 1rem;
  font-weight: 700;
  color: var(--gray3);
}
.l-cluster-info .sec-info-wrap form h4 {
  margin-bottom: 0.75rem;
  font-weight: 700;
  color: var(--black);
  font-size: 0.875rem;
  line-height: 1.8;
}
.l-cluster-info .body-cont {
  display: block;
  min-height: 3.125rem;
  padding: 1.25rem 0;
  border-top: 0.125rem solid var(--tb-border);
  border-bottom: 0.0625rem solid var(--tb-border);
}
.l-cluster-info .body-cont p {
  font-size: 1rem;
}
.l-cluster-info .body-cont p b {
  color: #000;
}
.l-cluster-info .body-cont p b,
.l-cluster-info .body-cont p em.emp {
  font-weight: 700;
}
.l-cluster-info .body-cont p + p {
  margin-top: 0.75rem;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field {
  display: table;
  width: 100%;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field + .form-field {
  margin-top: 1.5rem;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .row {
  display: table-row;
  width: 100%;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .row .ipt1 {
  height: 2.125rem;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .row .col.f-label {
  padding: 0.5625rem 1.25rem;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .row .col.f-label.lg {
  width: 11.25rem;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .row .col.f-label label {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 2.125rem;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .row .col.f-control {
  padding: 0.5625rem 1.25rem;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .row .col.f-control input[type=text],
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .row .col.f-control input[type=email],
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .row .col.f-control input[type=date],
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .row .col.f-control input[type=password],
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .row .col.f-control input[type=number],
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .row .col.f-control textarea {
  width: auto;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .row .col.f-control textarea {
  width: 100%;
  height: auto;
  line-height: 1.6;
  word-break: break-all;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .row .col.f-control input.flex1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .row .col.f-control p.emp {
  margin-top: 0.375rem;
  font-size: 0.75rem;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .row .col.f-control span.cmpt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 2.125rem;
  line-height: 1.4;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .row .col.f-control.id-num {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .row .col.f-control.id-num .ipt-box {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .row .col.f-control .ipt-box {
  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%;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .row .col.f-control .ipt-box input {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .row .col.f-control .ipt-box input::-webkit-input-placeholder {
  color: transparent;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .row .col.f-control .ipt-box input::-moz-placeholder {
  color: transparent;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .row .col.f-control .ipt-box input:-ms-input-placeholder {
  color: transparent;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .row .col.f-control .ipt-box input::-ms-input-placeholder {
  color: transparent;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .row .col.f-control .ipt-box input::placeholder {
  color: transparent;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .row .col.f-control .ipt-box input:focus,
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .row .col.f-control .ipt-box input:focus-visible {
  outline: none;
  border-color: var(--blue);
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .row .col.f-control .ipt-box input:not(:-moz-placeholder-shown) + span.dskc {
  display: none;
  visibility: hidden;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .row .col.f-control .ipt-box input:not(:-ms-input-placeholder) + span.dskc {
  display: none;
  visibility: hidden;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .row .col.f-control .ipt-box input:not(:placeholder-shown) + span.dskc {
  display: none;
  visibility: hidden;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .row .col.f-control .ipt-box input:not(:-moz-placeholder-shown) {
  background-color: var(--gray1);
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .row .col.f-control .ipt-box input:not(:-ms-input-placeholder) {
  background-color: var(--gray1);
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .row .col.f-control .ipt-box input:not(:placeholder-shown) {
  background-color: var(--gray1);
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .row .col.f-control .ipt-box input:not(:-moz-placeholder-shown) + span.dskc {
  position: relative;
  font-size: 0.75rem;
  color: var(--blue);
  opacity: 1;
  pointer-events: auto;
  transform-origin: 0 50%;
  transform: translateX(-0.625rem) translateY(0.2rem) scale(1);
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .row .col.f-control .ipt-box input:not(:-ms-input-placeholder) + span.dskc {
  position: relative;
  font-size: 0.75rem;
  color: var(--blue);
  opacity: 1;
  pointer-events: auto;
  transform-origin: 0 50%;
  transform: translateX(-0.625rem) translateY(0.2rem) scale(1);
  -ms-transition: all 0.2s;
  transition: all 0.2s;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .row .col.f-control .ipt-box input:focus + span.dskc,
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .row .col.f-control .ipt-box input:not(:placeholder-shown) + span.dskc {
  position: relative;
  font-size: 0.75rem;
  color: var(--blue);
  opacity: 1;
  pointer-events: auto;
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
  -webkit-transform: translateX(-0.625rem) translateY(0.2rem) scale(1);
          transform: translateX(-0.625rem) translateY(0.2rem) scale(1);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .row .col.f-control .ipt-box input::-webkit-contacts-auto-fill-button,
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .row .col.f-control .ipt-box input::-webkit-credentials-auto-fill-button {
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .row .col.f-control .ipt-box .dskc {
  position: absolute;
  top: 50%;
  left: 0.75rem;
  font-size: 0.875rem;
  color: var(--gray3);
  opacity: 0.9;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translateX(0.2rem) translateY(-50%);
          transform: translateX(0.2rem) translateY(-50%);
  pointer-events: none;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .row .col.f-control .cmpt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 2.125rem;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .row:nth-of-type(1) .col.f-label {
  border-top: 0.125rem solid var(--tb-border);
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .row:nth-of-type(1) .col.f-control {
  border-top: 0.125rem solid var(--tb-border);
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .col {
  display: table-cell;
  vertical-align: middle;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .col.f-label {
  width: 8rem;
  border-right: 0.0625rem solid var(--gray1);
  border-bottom: 0.0625rem solid var(--gray1);
  background-color: var(--gray2);
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .col.f-label.lg {
  width: 8.375rem;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .col.f-label label {
  font-weight: 700;
  color: var(--gray3);
  font-size: 0.875rem;
  line-height: 1.8;
  letter-spacing: -0.03125rem;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .col.f-label.wide {
  width: 8.625rem;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .col.f-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 1.25rem;
  border-bottom: 0.0625rem solid var(--gray1);
  font-weight: 400;
  color: var(--gray3);
  font-size: 0.875rem;
  line-height: 1.8;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .col.f-control .ipt1 {
  font-size: 0.875rem;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .col.f-control span.dsh {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 2.125rem;
  margin: 0 0.5rem;
  color: var(--gray3);
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .col.f-control input[type=text] {
  width: 21.5625rem;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .col.f-control input[type=email] {
  width: 21.5625rem;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .col.f-control.phone {
  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: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .col.f-control.phone .num2 {
  width: 12.5rem;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .col.f-control select + input {
  margin-left: 0.375rem;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .col.f-control select:disabled {
  padding: 0;
  border: 0;
  background: none;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .col.f-control .dtxt {
  margin-left: 0.5rem;
  font-size: 0.875rem;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .col input[type=text].num-id1 {
  width: 9.875rem;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .col input[type=text].num-id2 {
  position: relative;
  width: 9.875rem;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .col label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .col input.ipt1:-moz-read-only {
  border: 0.0625rem solid var(--gray1);
  color: var(--gray3);
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .col input.ipt1:read-only {
  border: 0.0625rem solid var(--gray1);
  color: var(--gray3);
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field .col textarea {
  padding: 0.375rem 0.75rem;
  border: 0.0625rem solid var(--gray1);
  color: var(--gray3);
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field.agree {
  display: table;
  margin-top: 0.75rem;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field.agree .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: auto;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field.agree .row p {
  font-size: 0.875rem;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field.agree .row .l-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  min-width: 11.25rem;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field.agree .row .l-container label {
  display: block;
  position: relative;
  padding-left: 2.125rem;
  font-size: 0.875rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field.agree .row .l-container label input:checked ~ .checkmark {
  border-radius: 50%;
  background: url(../../images/anyid/icon/ico_sp_radio.png) 0 0/auto 1.5rem;
  background-position: 1.5rem 0;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field.agree .row .l-container .checkmark {
  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;
  top: 50%;
  left: 0;
  width: 1.5rem;
  height: 1.5rem;
  border: 0;
  background: url(../../images/anyid/icon/ico_sp_radio.png) 0 0/auto 1.5rem;
  vertical-align: middle;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field.agree .row .l-container label + label {
  margin-left: 0.625rem;
}
.l-cluster-info .l-form-container .sec-info-wrap form > .form-field.agree .row + .row {
  margin-top: 0.75rem;
}
.l-cluster-info .callout-info {
  display: inline-block;
  margin-top: 1.5rem;
  padding-left: 1.625rem;
  background: url(../../images/anyid/icon/icon_info_16X16.png) no-repeat 0.3125rem 0.25rem/1rem;
  color: var(--blue);
  font-size: 0.875rem;
  line-height: 1.8;
}
.l-cluster-info .l-container-btn {
  margin: 1.25rem 0 0;
}
.l-cluster-info .l-container-btn .l-cluster-btn {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.l-cluster-info .l-container-btn .l-cluster-btn button {
  max-width: 6.25rem;
  height: 2.125rem;
  margin-top: 0;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.0625rem;
}
.l-cluster-info .l-container-btn .l-cluster-btn .btn + .btn {
  margin-left: 1.25rem;
}

/*! Media Query */
/*! 1024px 이하 (태블릿) */
@media screen and (max-width: 1280px) {
  #header .gnb-inner > ul.gnb-menu-li {
    display: none;
  }
  #header.header {
    height: 3.75rem;
  }
  #header.header .global-nav-bar {
    height: 3.75rem;
  }
  #header.header .mo-gnb-menu {
    display: block;
  }
  #header.header .gnb-menu-li {
    display: none;
  }
  #header.header .gnb-inner .logo {
    height: 1.5625rem;
  }
  #header.header .gnb-inner .logo h1 {
    width: 11.9375rem;
    height: 2.5rem;
    background-size: 11.9375rem 2.5rem;
  }
  #breadcrumb {
    top: 3.75rem;
  }
  main.container .content {
    width: 100%;
    margin-left: 0;
  }
  /*! 개발자센터 정보입력 */
  .flex-rps {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .flex-rps .col {
    width: 100% !important;
  }
  .flex-rps .col + .col {
    border-top: 0.0625rem solid var(--gray1);
  }
  /*! 상단로그인 영역 */
  header .gnb-inner .user-info-box .admin {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .search-area select {
    width: 9.375rem;
  }
  .search-area .form-field .sch-input {
    width: 100%;
  }
  .search-area .form-field.right .col:first-child {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .search-area .form-field.right .col:last-child {
    -webkit-box-flex: 0;
        -ms-flex: 0;
            flex: 0;
  }
  .search-area .form-field.combo {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .search-area .form-field.sch {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .search-area .form-field.sch .sch-input {
    width: 100%;
  }
}
/* 스크린 가로 너비 1024px, 높이 768px : 모바일 가로 모드 */
@media screen and (max-width: 1024px) and (max-height: 768px) {
  /*! 상단정보 입력 */
}
/*! 768px 이하 (모바일 가로, 소형 태블릿) */
@media screen and (max-width: 768px) {
  .cnt-top-area .l-cluster-sch {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .l-cluster-list > ul > li > a,
  .l-cluster-list > ul > li .list {
    width: 100%;
    height: auto;
  }
  .l-cluster-list > ul > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .l-cluster-list > ul > li .title {
    width: 100%;
  }
  .l-cluster-list > ul > li > a .text {
    text-align: left;
  }
  .search-area .form-field.sch {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .footer .footer-inner .l-container .right-area {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 1.25rem;
  }
  /*! 포럼 공지 팝업 */
  .popupLayer-01.pop-notice {
    width: 100%;
    height: auto;
    padding: 10%;
  }
  /*! 상단 검색 패널*/
  .cnt-top-area .schpanel .form-field .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    border-top: 0;
  }
  .cnt-top-area .schpanel .form-field .row:first-child .col:first-child {
    border-top: 0;
  }
  .cnt-top-area .schpanel .form-field .row .col {
    width: 100%;
    border-top: 0.0625rem solid var(--gray1);
  }
  /*! 이용신청 - 공문번호 입력 */
  .file-upload {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    position: relative;
    gap: 0.5rem;
  }
  .file-upload .row {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%;
  }
  .file-upload .row button.mla {
    position: relative;
    left: 0;
    bottom: 0;
    margin-top: -1.3125rem;
    margin-right: auto;
  }
  .file-upload .row button.mla i {
    margin-left: 0 !important;
    margin-right: 0.5rem !important;
  }
  .file-upload .row .f-text {
    margin-top: 0.5rem;
    padding-left: 1.25rem;
  }
}
/* 600px 이하 모바일 */
@media screen and (max-width: 600px) {
  .cnt-top-area .l-cluster-sch.dubl-combo .form-field.combo {
    width: 100%;
  }
  .cnt-top-area .l-cluster-sch.dubl-combo .form-field.combo label {
    min-width: 3.75rem;
  }
  .cnt-top-area .l-cluster-sch.dubl-combo .combo {
    width: 100%;
  }
}
/* 480px 이하 (모바일) */
@media screen and (max-width: 480px) {
  /*! 상단 검색 패널 label 너비 */
  .cnt-top-area .schpanel .form-field .row .col > label,
  .cnt-top-area .schpanel .form-field .row .col > div:first-child {
    line-height: 1.6;
  }
  /*! 상단검색 반응형 */
  .search-area .form-field.combo {
    width: 100%;
  }
  .search-area .form-field.combo select.combo {
    width: 100%;
  }
  .search-area .form-field.sch {
    width: 100%;
  }
  /*! 이용신청 - 신청완료 */
  .l-container-top {
    padding: 2.5rem;
  }
  .popupLayer-03.ess .form-field .row .col label {
    line-height: 1.2;
  }
  /*! 서브타이틀 반응형  */
  .sm-tit {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    height: auto;
  }
  i[class*=ico-sm2-] {
    margin-right: 0;
  }
  header .gnb-inner .user-info-box {
    width: 1.5rem;
  }
  header .gnb-inner .user-info-box .l-cluster-btn {
    display: none;
  }
  header .gnb-inner .mo-gnb-menu {
    width: auto;
  }
  .footer .footer-inner .l-container .l-copyright {
    font-size: 0.75rem;
    text-align: center;
  }
  .footer .footer-inner .l-container .l-copyright p,
  .footer .footer-inner .l-container .l-copyright address {
    font-size: 0.75rem;
  }
  .footer .footer-inner .footer-pages {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .sub-title-area h2 {
    font-size: 1.375rem;
  }
  .sub-title-area {
    margin-top: 1.25rem;
  }
  .sm-tit {
    margin-top: 1.625rem;
  }
  .l-cluster-list > ul > li > a .text {
    font-size: 0.75rem;
  }
  .footer .footer-inner .footer-pages li a {
    font-size: 0.875rem;
  }
  .footer .footer-inner .l-container .right-area .logo-mois {
    width: 7.5rem;
    background-size: 7.5rem auto;
  }
  .cnt-top-area .schpanel .form-field .row .col > label,
  .cnt-top-area .schpanel .form-field .row .col > div:first-child {
    width: 5.625rem;
  }
  .cnt-top-area .schpanel .form-field .ipt-box.ipt-bt button {
    width: 5rem;
    padding: 0.5rem;
    font-size: 0.75rem;
  }
  .cnt-top-area .l-cluster-sch {
    overflow-x: auto !important;
  }
  .l-container-btn.btn2 {
    margin-top: 2.5rem;
  }
  .sm-tit.mt60 {
    margin-top: 2.5rem !important;
  }
  .callout-msg.emp {
    font-size: 0.75rem;
  }
  .callout-msg.emp:before {
    top: 0.125rem;
  }
  .cnt-top-area .schpanel .form-field .row .col > label,
  .cnt-top-area .schpanel .form-field .row .col > div:first-child {
    padding: 0 0.9375rem;
    font-size: 0.75rem;
  }
  .cnt-top-area .schpanel .form-field .ipt-box {
    padding: 0.625rem 0.9375rem;
  }
  .sm-tit button.btn-right {
    font-size: 0.75rem;
  }
  /* form 수정 */
  .l-cluster-info .l-form-container .sec-info-wrap form > .form-field .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  /* footer */
  .footer .footer-inner .l-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
/***********************
 override
************************/
/* gnb */
.l-container-mobile-gnb.shown {
  display: block;
}
@media (min-width: 1280px) {
  .l-container-mobile-gnb.shown {
    display: none;
  }
}

header .gnb-inner .mo-gnb-menu button {
  width: 2.5rem;
  height: 2.5rem;
  margin-left: -0.5rem;
  background: url(../../images/anyid/icon/ico_menu_mo.png) no-repeat center/1.5rem 1.5rem;
}

.search-area .form-field .sch-btn {
  top: 0;
  right: 0;
  width: 2.125rem;
  height: 2.125rem;
  margin-top: 0;
}

/***********************
 new
************************/
footer {
  position: relative;
  z-index: 50;
  background-color: #f8f8f8;
}
footer > .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
footer .f-logo img {
  height: 100%;
}
footer .f-cnt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.5rem;
}
footer .f-cnt .f-info {
  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-flex: 1;
      -ms-flex: 1;
          flex: 1;
  gap: 1.25rem;
  font-size: 1.0625rem;
  color: #1d1d1d;
}
footer .f-cnt .f-info .info-addr {
  font-size: 1.0625rem;
  color: #1d1d1d;
}
footer .f-cnt .f-info .tel {
  font-weight: 700;
  color: inherit;
}
footer .f-btm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 0.5rem;
  gap: 1.5rem;
  border-top: 0.0625rem solid #d8d8d8;
}
footer .f-btm .f-btm-text {
  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;
  gap: 1rem;
}
footer .f-btm .f-btm-text .f-menu {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
footer .f-btm .f-btm-text .f-menu a,
footer .f-btm .f-btm-text .f-menu button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 2.5rem;
}
footer .f-btm .f-btm-text .f-menu a.point,
footer .f-btm .f-btm-text .f-menu button.point {
  font-weight: 700;
  color: #003675;
}
footer .f-btm .f-btm-text .f-menu a:active,
footer .f-btm .f-btm-text .f-menu button:active {
  background-color: #CDD7E4;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
footer .f-btm .f-btm-text .f-copy {
  font-size: 0.9375rem;
  color: #555555;
}

@media (min-width: 1024px) {
  /* footer */
  footer > .inner {
    width: 100%;
    max-width: 92.5rem;
    margin: 0 auto;
    gap: 2.5rem;
    padding: 2.5rem 1.25rem;
  }
  footer .f-cnt {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  footer .f-cnt .f-link {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 18.875rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  /* footer */
  footer .inner {
    padding: 0 1rem;
  }
  footer .f-cnt .f-info {
    -webkit-box-flex: 3;
        -ms-flex: 3;
            flex: 3;
  }
  footer .f-cnt .f-info .info-cs {
    gap: 1.5rem;
  }
  footer .f-cnt .f-info .info-cs li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (max-width: 1023px) {
  /* footer */
  footer > .inner {
    gap: 2rem;
    padding: 2rem 1rem;
  }
  footer .f-logo {
    height: 2rem;
  }
  footer .f-cnt {
    gap: 2rem;
  }
  footer .f-btm {
    padding: 2rem 1rem 0;
    margin: 0 -1rem;
  }
}
@media (max-width: 767px) {
  /* footer */
  footer .f-cnt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  footer .f-cnt .f-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1rem;
    font-size: 0.9375rem;
  }
  footer .f-cnt .f-info .info-addr .br {
    display: none;
  }
  footer .f-cnt .f-info .info-cs {
    gap: 1rem;
  }
  footer .f-cnt .f-info .info-cs li {
    display: block;
    word-break: break-all;
  }
  footer .f-cnt .f-info .info-cs li .strong {
    margin-right: 0.25rem;
  }
  footer .f-btm {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: 0.9375rem;
  }
  footer .f-btm .f-btm-text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%;
  }
  footer .f-btm .f-btm-text .f-menu {
    gap: 1rem 1.5rem;
  }
  footer .f-btm .f-btm-text .f-menu a {
    font-size: 0.9375rem;
    height: auto;
    padding: 0;
  }
}
/***********************
 로그인 페이지
************************/
.login-page {
  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;
  height: 100%;
  padding: 1.25rem;
  background: url(../../images/anyid/login/login_bg.png) no-repeat center/cover;
}
@media (max-width: 767px) {
  .login-page {
    padding: 1rem;
  }
}
.login-page .inn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 32.5rem;
  min-height: 32.5rem;
  border-radius: 1.25rem;
  padding: 2.5rem;
  background: #fff;
  -webkit-box-shadow: 0px 10px 30px -4px rgba(138, 113, 74, 0.4);
          box-shadow: 0px 10px 30px -4px rgba(138, 113, 74, 0.4);
}
@media (max-width: 767px) {
  .login-page .inn {
    padding: 2.5rem 1.25rem;
  }
}
.login-page .head {
  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;
}
.login-page .head .logo {
  width: 11.9375rem;
  height: 2.5rem;
  background: url(../../images/anyid/login/login_logo.svg) no-repeat center/contain;
}
.login-page .head::after {
  content: "";
  display: block;
  width: 5.9375rem;
  height: 2.5rem;
  /* background: url(../../images/anyid/login/slogan_y.svg) no-repeat center/contain; */
}
.login-page .tit-wrap {
  margin-top: 2.5rem;
}
.login-page .tit-wrap .tit {
  color: #2d2d2d;
  font-size: 1.75rem;
  font-weight: 700;
}
.login-page .tit-wrap .sub {
  color: #2d2d2d;
  font-size: 1.1875rem;
  font-weight: 700;
}
.login-page .l-cluster-btn {
  margin-top: auto;
}
@media (max-width: 767px) {
  .login-page .l-cluster-btn {
    margin-top: 3.75rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.login-page .btn-txt {
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  margin-top: 2.5rem;
}
.login-page .noti {
  margin-top: 1.25rem;
}
.login-page .info-txt {
  margin-top: 1.25rem;
}
.login-page .info-txt::before {
  background: url(../../images/anyid/icon/ico_noti_20.svg) no-repeat center/cover;
}

/***********************
 대시보드
************************/
.dev-dashboard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 2.5rem;
     -moz-column-gap: 2.5rem;
          column-gap: 2.5rem;
}
.dev-dashboard .left,
.dev-dashboard .right {
  width: calc(50% - 1.25rem);
}
.dev-dashboard .sm-tit.has-border {
  margin-bottom: 0;
  padding-bottom: 0.75rem;
  border-bottom: 2px solid #AFAFAF;
}
.dev-dashboard .sm-tit.has-border .title {
  font-weight: 700;
}
@media (max-width: 1023px) {
  .dev-dashboard {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .dev-dashboard .left,
  .dev-dashboard .right {
    width: 100%;
  }
}

.dev-guide-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2.5rem;
  gap: 1.5rem;
}
.dev-guide-list .guide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(33.33% - 3rem / 3);
  padding: 2.5rem 1.75rem 2.5rem 1.75rem;
  border: 0.0625rem solid #D3E1FB;
  background-color: #EFF5FF;
  border-radius: 1.25rem;
  font-size: 1.25rem;
  color: #1d1d1d;
  font-weight: 700;
}
.dev-guide-list .guide::before {
  content: "";
  display: block;
  width: 5rem;
  height: 5rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.dev-guide-list .guide span {
  width: 100%;
  display: block;
  text-align: center;
}
.dev-guide-list .guide.guide-1::before {
  background: url(../../images/anyid/icon/ico_devguide_1.svg) no-repeat center/5rem 5rem;
}
.dev-guide-list .guide.guide-2::before {
  background: url(../../images/anyid/icon/ico_devguide_2.svg) no-repeat center/5rem 5rem;
}
.dev-guide-list .guide.guide-3::before {
  background: url(../../images/anyid/icon/ico_devguide_3.svg) no-repeat center/5rem 5rem;
}
@media (max-width: 767px) {
  .dev-guide-list .guide {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 1.75rem 1.25rem 1.75rem 1.25rem;
  }
  .dev-guide-list .guide span {
    margin-top: 0.5rem;
  }
}

/***********************
 개발가이드
************************/
.dev-guide .tab-area {
  margin-top: 2.5rem;
}
.dev-guide .code-toolbar,
.dev-guide .lang-custom {
  margin-top: 0.75rem;
}
.dev-guide .dataTable {
  margin-top: 0.75rem;
  overflow-x: auto;
}
.dev-guide .dataTable table {
  width: auto;
  min-width: 100%;
}
.dev-guide .toolbar {
  display: none;
}
.dev-guide code[class*=language-],
.dev-guide pre[class*=language-] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.dev-guide pre[class*=language-] {
  max-height: 37.5rem;
  margin: 0;
  padding: 0.75rem;
  border-radius: 0;
}
.dev-guide pre[class*=language-] span {
  font-size: inherit;
  line-height: 1.6;
}
.dev-guide code[class*=language-] {
  padding: 0;
  border-radius: 0;
  font-size: 0.875rem;
}
.dev-guide .code-tit {
  margin-bottom: 0.75rem;
}
.dev-guide .desc {
  margin-top: 0.75rem;
  padding-left: 0;
  line-height: 1.6;
}
.dev-guide .color-bk {
  color: #000;
}
.dev-guide .color-blue {
  color: #246BEB;
}
.dev-guide .color-red {
  color: #EB003B;
}
.dev-guide .txt-refer {
  margin-top: 0.25rem;
  padding-left: 0.875rem;
  text-indent: -0.875rem;
}
.dev-guide .sm-tit.has-border {
  margin-bottom: 2.5rem;
  padding-bottom: 0.625rem;
}
.dev-guide .sm-tit-sub {
  margin-top: 2.5rem;
  margin-bottom: 1rem;
  color: #2d2d2d;
  font-size: 1rem;
  font-weight: 700;
}
.dev-guide .sm-tit-sub.has-border {
  padding-bottom: 1rem;
  border-bottom: 0.0625rem solid #d7d7d7;
}
.dev-guide .ico-dot {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 1.25rem;
  height: 0.1875rem;
}
.dev-guide .ico-dot::before {
  position: absolute;
  content: "";
  display: block;
  left: 0.5rem;
  top: -0.0625rem;
  width: 0.1875rem;
  height: 0.1875rem;
  border-radius: 50%;
  background: #666;
}
.dev-guide .info-list {
  margin-top: 0.375rem;
  font-size: 0.875rem;
}
.dev-guide .info-list > p + p {
  margin-top: 0.25rem;
}
.dev-guide .info-list > li {
  padding-left: 1rem;
  word-break: break-all;
}
.dev-guide .info-list.large-dot > li + li {
  margin-top: 1rem;
}
.dev-guide .info-list.large-dot .dataTable {
  margin-left: -1.125rem;
}
.dev-guide .info-list.dot {
  margin-top: 0.75rem;
}
.dev-guide .info-list.dot > li {
  font-size: 0.875rem;
}
.dev-guide .info-list.dot > li::before {
  left: 0.5rem;
  top: 0.5rem;
  width: 0.1875rem;
  height: 0.1875rem;
  border-radius: 50%;
}
.dev-guide .info-list.dot > li + li {
  margin-top: 0.5rem;
}
.dev-guide .info-list.no-icon > li {
  text-indent: -1rem;
}
.dev-guide .info-list.no-icon > li + li {
  margin-top: 1rem;
}
.dev-guide .info-list .info-list {
  margin-top: 0.25rem;
}
.dev-guide .info-list .info-list .code-toolbar,
.dev-guide .info-list .info-list .lang-custom {
  margin-left: -2rem;
}
.dev-guide .info-list .info-list .info-list .code-toolbar,
.dev-guide .info-list .info-list .info-list .lang-custom {
  margin-left: -3rem;
}
.dev-guide .info-list .code-toolbar,
.dev-guide .info-list .lang-custom {
  margin-left: -1rem;
}
.dev-guide .txt-dummy * + * {
  margin-top: 0.5rem;
}
.dev-guide .txt-dummy + .txt-dummy {
  margin-top: 1.25rem;
}
.dev-guide .bg-gray {
  padding: 0.625rem;
  background-color: #f4f4f4;
  border: 0.0625rem solid #d7d7d7;
}
.dev-guide .dataTable {
  border-bottom: 0;
}
.dev-guide .dataTable + .info-list.no-icon {
  margin-top: 1rem;
}
.dev-guide .dataTable.txt-center tbody th,
.dev-guide .dataTable.txt-center tbody td {
  text-align: center;
}
.dev-guide .dataTable.txt-center .txt-left {
  text-align: left;
}
.dev-guide .dataTable .txt-center {
  text-align: center;
}
.dev-guide .dataTable .txt-left {
  text-align: left;
}
.dev-guide .dataTable table tbody th,
.dev-guide .dataTable table tbody td {
  text-align: left;
  line-height: 1.6;
}
.dev-guide .dataTable table th,
.dev-guide .dataTable table td {
  padding: 0.625rem 1.25rem;
  color: #666;
  white-space: nowrap;
}
.dev-guide .dataTable table td .img-wrap {
  display: block;
  max-width: 100%;
}
.dev-guide .dataTable table td p + p {
  margin-top: 0.5rem;
}
.dev-guide .dataTable table td .code-toolbar,
.dev-guide .dataTable table td .lang-custom {
  margin-top: 0rem;
  margin-left: 0rem !important;
}
.dev-guide .lang-custom {
  max-height: 37.5rem;
  margin-bottom: 0;
  padding: 0.75rem;
  border-radius: 0;
  background: #272822;
  font-size: 0.875rem;
  font-weight: 400;
  color: #f8f8f2;
  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
  font-family: Consolas, Monaco, "Pretendard GOV", "Andale Mono", "Ubuntu Mono", monospace;
  font-size: 1em;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -ms-hyphens: none;
  hyphens: none;
}
.dev-guide .img-set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.dev-guide .img-wrap {
  margin-top: 0.75rem;
}
.dev-guide .sm-tit + * {
  margin-top: 0.75rem;
}
.dev-guide .ex {
  margin-top: 0.75rem;
  font-size: 0.875rem;
}
.dev-guide .ex .tit {
  margin-bottom: 0.25rem;
}
.dev-guide .ex .img-wrap + .tit {
  margin-top: 0.75rem;
}

.code-tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1.25rem;
  padding: 1.25rem 0 0;
  border-top: 1px solid #d7d7d7;
  color: #0049BE;
  font-size: 1rem;
  font-weight: 700;
}
.code-tit [class^=ico-terms-]::before {
  content: "";
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 0.5rem;
}

/***********************
 로그인 페이지 - 삭제 (대시보드 아이콘 일부사용)
************************/
/* **** PAGE LAYOUT ELEMENT **** */
/* ** 페이지 타이틀 ** */
/***********************
 에러페이지
************************/
.center-type .txt-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.5rem;
  max-width: 37.5rem;
  width: 100%;
  min-height: 37.5rem;
  padding: 2.5rem;
  border: 0.0625rem solid #D8D8D8;
}
.center-type .txt-box .l-cluster-btn {
  margin-top: auto;
}
.center-type .txt-box.round {
  max-width: 47.75rem;
  height: auto;
  min-height: unset;
  gap: 2.5rem;
  padding: 3.75rem;
  border-radius: 1.25rem;
}
.center-type .txt-box.round .sec-tit + .sec-desc {
  margin-top: 1.5rem;
}

/***********************
 step
************************/
.step-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: -0.5rem;
  margin-bottom: 1.25rem;
  padding: 2.5rem 7.5rem;
  background: #F8F8F8;
  border: 0.0625rem solid #D8D8D8;
}
.step-wrap > li {
  width: 14.5rem;
  width: calc(50% - 2.6875rem);
  position: relative;
  font-size: 0.9375rem;
}
.step-wrap > li:last-child {
  width: 5.375rem;
}
.step-wrap > li::after {
  position: absolute;
  top: 0.625rem;
  left: 0;
  content: "";
  width: 100%;
  height: 0.0625rem;
  background-color: #c6c6c6;
}
.step-wrap > li > .info {
  display: block;
  position: relative;
  padding-top: 2rem;
}
.step-wrap > li > .info::before, .step-wrap > li > .info::after {
  content: "";
  border-radius: 50%;
}
.step-wrap > li > .info::before {
  position: absolute;
  top: 0.125rem;
  left: 0;
  z-index: 2;
  width: 1rem;
  height: 1rem;
  background-color: #e4e4e4;
  border: 1px solid #e4e4e4;
}
.step-wrap > li .step {
  display: block;
  color: #555;
}
.step-wrap > li .step-tit {
  color: #1d1d1d;
  font-weight: 700;
  white-space: nowrap;
}
.step-wrap > li.done::after {
  background-color: #003675;
}
.step-wrap > li.done > .info::before {
  width: 1rem;
  height: 1rem;
  border: 0;
  background-color: #003675;
}
.step-wrap > li.done > .info::after {
  position: absolute;
  top: 0.25rem;
  left: 0.125rem;
  z-index: 3;
  width: 0.75rem;
  height: 0.75rem;
  background: url(../../images/anyid/icon/ico_check_8.svg) no-repeat;
  background-position: center;
  background-size: contain;
}
.step-wrap > li.reject::after {
  background-color: #003675;
}
.step-wrap > li.reject > .info::before {
  width: 1rem;
  height: 1rem;
  border: 0;
  background-color: #D50136;
}
.step-wrap > li.reject > .info::after {
  position: absolute;
  top: 0.25rem;
  left: 0.125rem;
  z-index: 3;
  width: 0.75rem;
  height: 0.75rem;
  background: url(../../images/anyid/icon/ico_reject_8.svg) no-repeat;
  background-position: center;
  background-size: contain;
}
.step-wrap > li.active > .info::before {
  top: 0;
  width: 1.25rem;
  height: 1.25rem;
  background-color: #fff;
  border-color: #246BEB;
}
.step-wrap > li.active > .info::after {
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  z-index: 3;
  width: 0.75rem;
  height: 0.75rem;
  background: #246BEB url(../../images/anyid/icon/ico_step_active.svg) no-repeat center;
  background-size: contain;
}
.step-wrap > li:last-child::after {
  display: none;
}

@media (max-width: 767px) {
  /* ** step ** */
  .step-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    position: relative;
    width: 100%;
    position: static;
  }
  .step-wrap > li > span {
    padding-top: 1.25rem;
    padding-right: 0;
  }
  .step-wrap > li > span .step,
  .step-wrap > li > span .step-tit {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
  .step-wrap > li:last-child {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -ms-flex-preferred-size: 2rem;
        flex-basis: 2rem;
  }
}
/***********************
아코디언  리스트
************************/
.acco-list > .li.on .acco-head .acco-btn::after {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.acco-list > .li .acco-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 0.25rem;
  position: relative;
  border-bottom: 1px solid #E4E4E4;
  font-size: 1.1875rem;
  font-weight: 700;
  cursor: pointer;
}
.acco-list > .li .acco-head .tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 0.25rem;
}
.acco-list > .li .acco-head .acco-btn {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 0;
  border-radius: 0;
}
.acco-list > .li .acco-head .acco-btn::after {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  right: 0;
  content: "";
  width: 1rem;
  height: 1rem;
  background: url(../../images/anyid/icon/ico_arr_16_down.svg) no-repeat center/contain;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.acco-list > .li .acco-body {
  height: 0;
  overflow: hidden;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.acco-list > .li .acco-body .acco-in {
  padding-top: 1.5rem;
}
.acco-list.faq .acco-in {
  position: relative;
  min-height: 3.875rem;
  padding: 1.25rem 3.625rem 1.25rem;
  border-left: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
  color: #666;
  font-size: 0.875rem;
}
.acco-list.faq .acco-in::before {
  content: "A";
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
  display: block;
  width: 1.125rem;
  color: #2768FF;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1;
}
.acco-list.faq > .li .acco-head {
  padding: 1.25rem;
  background: #F4F4F4;
  border: 1px solid #e4e4e4;
  color: #666;
  font-size: 0.875rem;
}
.acco-list.faq > .li .acco-head .tit {
  position: relative;
  padding-left: 2.375rem;
  padding-right: 1.75rem;
}
.acco-list.faq > .li .acco-head .tit::before {
  content: "Q";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 1.125rem;
  color: #2768FF;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1;
}
.acco-list.faq > .li .acco-head .acco-btn::after {
  right: 1.25rem;
}
.acco-list.faq > .li .acco-body {
  border-bottom: 1px solid #F4F4F4;
}
.acco-list.faq > .li.on .acco-body {
  border-bottom: 1px solid #e4e4e4;
}
.acco-list.faq .li + .li .acco-head {
  border-top: none;
}
.acco-list.depth1 > .li {
  padding: 0;
}
.acco-list.depth1 > .li.on > .acco-head {
  background-color: #0049BE;
}
.acco-list.depth1 > .li.on > .acco-head .tit {
  color: #fff;
}
.acco-list.depth1 > .li.on > .acco-head:before {
  opacity: 1;
}
.acco-list.depth1 > .li.on > .acco-head .tit, .acco-list.depth1 > .li.on > .acco-head:before {
  -webkit-transform: translateX(0rem);
          transform: translateX(0rem);
}
.acco-list.depth1 > .li.on > .acco-body {
  display: block;
}
.acco-list.depth1 > .li.has-submenu .acco-head {
  background-color: #fff;
}
.acco-list.depth1 > .li.has-submenu .acco-head .tit {
  color: #666;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: none;
  transition: none;
}
.acco-list.depth1 > .li.has-submenu .acco-head .acco-btn:after {
  display: block;
}
.acco-list.depth1 > .li.has-submenu .acco-head:before {
  display: none;
}
.acco-list.depth1 > .li > .acco-head {
  height: 4rem;
  padding: 0 1rem;
}
.acco-list.depth1 > .li > .acco-head .tit {
  font-size: 1.25rem;
  color: #666;
  font-weight: 500;
}
.acco-list.depth1 > .li > .acco-head .tit, .acco-list.depth1 > .li > .acco-head:before {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transform: translateX(-1.5rem);
          transform: translateX(-1.5rem);
}
.acco-list.depth1 > .li > .acco-head:before {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background-size: contain;
  background: url(../../images/anyid/icon/ico_arr_24_right_active.svg) no-repeat center;
  opacity: 0;
  -webkit-transform: opacity 0.3s ease;
          transform: opacity 0.3s ease;
}
.acco-list.depth1 > .li > .acco-head .acco-btn:after {
  display: none;
  right: 1rem;
}
.acco-list.depth1 > .li > .acco-body {
  display: none;
  -webkit-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;
}
.acco-list.depth1 > .li > .acco-body .acco-in {
  padding: 0;
}
.acco-list.depth1 > .li:not(:last-child) .acco-body {
  border-bottom: 1px solid #E4E4E4;
}
.acco-list.depth1 .depth2 > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  align-items: center;
  height: 3.375rem;
  padding: 0 1rem;
  color: #666;
  font-size: 1rem;
}
.acco-list.depth1 .depth2 > li > a:before {
  margin-right: 0.5rem;
  opacity: 0;
  -webkit-transform: opacity 0.3s ease;
          transform: opacity 0.3s ease;
}
.acco-list.depth1 .depth2 > li > a:before,
.acco-list.depth1 .depth2 > li > a span {
  -webkit-transform: translateX(-1.5rem);
          transform: translateX(-1.5rem);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.acco-list.depth1 .depth2 > li > a span {
  color: inherit;
}
.acco-list.depth1 .depth2 > li > a:before {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  content: "";
  width: 1rem;
  height: 1rem;
  background: url(../../images/anyid/icon/leftmenu-right.svg) no-repeat center;
  background-size: contain;
}
.acco-list.depth1 .depth2 > li > a:hover:before {
  opacity: 1;
}
.acco-list.depth1 .depth2 > li > a:hover:before,
.acco-list.depth1 .depth2 > li > a:hover span {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  color: #0049be;
}
.acco-list.depth1 .depth2 > li.on > a {
  background: #0049be;
  color: #fff;
  font-weight: 500;
}
.acco-list.depth1 .depth2 > li.on > a:before {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  content: "";
  width: 1rem;
  height: 1rem;
  background: url(../../images/anyid/icon/leftmenu-right-active.svg) no-repeat center;
  background-size: contain;
  opacity: 1;
}
.acco-list.depth1 .depth2 > li.on > a:before,
.acco-list.depth1 .depth2 > li.on > a span {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.acco-list.depth1 .depth2 > li.on > a:hover:before,
.acco-list.depth1 .depth2 > li.on > a:hover span {
  color: #fff;
}

/***********************
스피너
************************/
.spinner {
  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;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 0.5rem;
  position: relative;
  left: 0;
  top: 0;
  z-index: 10;
  font-size: 0.875rem;
  width: 100%;
  margin: 1.5rem 0;
  text-align: right;
}
.spinner::before {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  content: "";
  height: 1.25rem;
  width: 1.25rem;
  border: 0.125rem solid #E4E4E4;
  border-right-color: #246BEB;
  border-top-color: #246BEB;
  border-radius: 100%;
  -webkit-animation: spin 900ms infinite linear;
          animation: spin 900ms infinite linear;
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
/*! 반응형 이미지 */
.l-cluster-img {
  position: relative;
  width: 100%;
  margin-top: 0 !important;
  padding: 0;
  border: 0 !important;
}
.l-cluster-img .img-wrap {
  overflow: hidden;
  position: relative;
  height: 0;
  padding-top: 100%;
}
.l-cluster-img .img-wrap > a {
  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;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.l-cluster-img .img-wrap > a img {
  width: 100.1%;
  -o-object-fit: cover;
     object-fit: cover;
}
.l-cluster-img .img-wrap > div {
  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;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.l-cluster-img .img-wrap > div img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/*! 약관동의 (공통) */
.agreement-terms {
  width: 100%;
  margin-top: 1.5rem;
}
.agreement-terms input[type=checkbox],
.agreement-terms input[type=radio] {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.5rem;
}
.agreement-terms .form-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 3.375rem;
}
.agreement-terms .form-field input[type=checkbox],
.agreement-terms .form-field input[type=radio] {
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 0.9375rem;
}
.agreement-terms .form-field.con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.agreement-terms .form-field.con label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  height: 3.375rem;
  padding: 0.5rem 1.25rem;
  border-left: 0.0625rem solid var(--gray1);
  font-weight: 700;
  font-size: 0.875rem;
  color: var(--gray3);
}
.agreement-terms .form-field.btn {
  padding: 0.5rem 1.25rem;
  border-left: 0.0625rem solid var(--gray1);
}
.agreement-terms input[type=radio] {
  content: "";
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0;
  vertical-align: middle;
  cursor: pointer;
}
.agreement-terms input[type=radio],
.agreement-terms input[type=radio]:checked {
  background: url(../../images/anyid/icon/ico_sp_check.png) 0 0/auto 1.5rem;
}
.agreement-terms input[type=radio]:checked {
  background-position: 1.5rem 0;
}
.agreement-terms input[type=checkbox] {
  border: none;
}
.agreement-terms input[type=checkbox]:not(#totalAgree) {
  content: "";
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  vertical-align: middle;
  cursor: pointer;
}
.agreement-terms input[type=checkbox]:checked:not(#totalAgree),
.agreement-terms input[type=checkbox]:not(#totalAgree) {
  background: url(../../images/anyid/icon/ico_sp_check.png) 0 0/auto 1.5rem;
}
.agreement-terms input[type=checkbox]:checked:not(#totalAgree) {
  background-position: 1.5rem 0;
}
.agreement-terms input[type=checkbox]#totalAgree {
  content: "";
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  vertical-align: middle;
  cursor: pointer;
}
.agreement-terms input[type=checkbox]#totalAgree,
.agreement-terms input[type=checkbox]#totalAgree:checked {
  background: url(../../images/anyid/icon/ico_sp_check.png) 0 0/auto 1.5rem;
}
.agreement-terms input[type=checkbox]#totalAgree:checked {
  background-position: 1.5rem 0;
}
.agreement-terms button.sm-btn2 {
  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;
  width: 3.75rem;
  height: 2.375rem;
  line-height: 2.375rem;
  border: 0.0625rem solid var(--gray3);
  font-weight: 700;
  font-size: 0.875rem;
  color: var(--gray3);
  vertical-align: middle;
}

.agreement-terms dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0.75rem;
}

.agreement-terms dt span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.6;
  font-weight: 700;
  font-size: 0.875rem;
  color: var(--gray3);
}

.agreement-terms [for=totalAgree] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: auto;
  line-height: 1.6;
  padding: 0;
  font-weight: 700;
  font-size: 0.875rem;
  color: var(--gray3);
}

.agreement-terms dt button.sm-btn {
  float: right;
  padding: 0px 2rem;
}

.agreement-terms dt label.sm-btn {
  float: right;
  width: 10rem;
  text-align: right;
  cursor: pointer;
}

.agreement-terms dt button.sm-btn.selected {
  background: rgb(0, 157, 206);
  color: rgb(255, 255, 255);
}

.agreement-terms dd > ul {
  position: relative;
  width: 100%;
}
.agreement-terms dd > ul:before {
  content: "";
  display: block;
  position: absolute;
  top: -0.125rem;
  left: 0.0625rem;
  width: calc(100% - 0.0625rem);
  height: 0.125rem;
  background-color: var(--tb-border);
}

.agreement-terms dd > ul > li {
  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;
  float: left;
  width: 50%;
  border-right: 0.0625rem solid var(--gray1);
  border-bottom: 0.0625rem solid var(--gray1);
  font-size: 1.35rem;
}

.agreement-terms dd > ul > li:nth-child(2n-1):last-child {
  width: 100% !important;
}

/*! 분할선 */
.divider {
  display: block;
  position: relative;
  height: 1.125rem;
  margin: 1.25rem 0;
  border: 0;
}
.divider:after {
  content: "";
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 100%;
  border-top: 0.0625rem solid var(--gray1);
  border-width: 0.0625rem 0 0 0;
}

.divider2 {
  display: block;
  position: relative;
  width: 100%;
  height: 1.125rem;
  margin: 1.25rem 0;
  border: 0;
}
.divider2:before {
  content: "또는";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  padding: 0 0.625rem;
  background-color: #fff;
  font-size: 0.75rem;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.divider2:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 1;
  width: 100%;
  border-top: 0.0625rem dashed var(--gray1);
  border-width: 0.0625rem 0 0 0;
}

/*! 안내문구 */
.callout-msg.emp2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: start;
      align-self: flex-start;
  position: relative;
  margin-top: 0.625rem;
  padding-left: 1.25rem;
  font-size: 0.75rem;
  line-height: 1.2;
  text-align: left;
}
.callout-msg.emp2:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1rem;
  height: 1rem;
  background: url(../../images/anyid/icon/ico_sp2_16X16.png) no-repeat -8rem 0/20rem auto;
}
.callout-msg.emp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: start;
      align-self: flex-start;
  position: relative;
  margin-top: 0.625rem;
  padding-left: 1.375rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: left;
}
.callout-msg.emp:before {
  content: "";
  position: absolute;
  top: 0.25rem;
  left: 0;
  width: 1rem;
  height: 1rem;
  background: url(../../images/anyid/icon/ico_sp3_16X16.png) no-repeat -5rem 0/20rem auto;
}

/*! info 아이콘 */
p.info1, p.info2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin-left: 0.5rem;
  padding-left: 0.5rem;
  font-size: 0.75rem;
  line-height: 1.6;
}
p.info1:before, p.info2:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 0.0625rem;
  height: 1.125rem;
  margin-right: 0.5rem;
  background-color: var(--gray1);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
p.info1 i, p.info2 i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 1rem;
  height: 1rem;
}
p.info1 i:before, p.info2 i:before {
  width: 1rem;
  height: 1rem;
}

p.info1.nl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 0;
  margin-left: 0;
  margin-top: 0.5rem;
}
p.info1.nl:before {
  display: none;
}

p.info2:before {
  display: none;
}
p.info2 i {
  margin-right: 0.25rem;
}

/***********************
 기존 1차 css 포커스 처리
************************/
header .gnb-inner .logo h1 a:focus-visible {
  outline-offset: 0.5rem;
  outline: 2px solid rgba(0, 73, 190, 0.8);
  border-radius: 0.5rem;
}

header .gnb-inner > ul > li > a:focus-visible {
  outline-offset: -0.25rem;
  outline: 2px solid rgba(0, 73, 190, 0.8);
  border-radius: 0.75rem;
}

header .gnb-inner .user-info-box button.login:focus-visible {
  outline-offset: -0.25rem;
  outline: 2px solid rgba(255, 255, 255, 0.8);
  border-radius: 0;
}

.rd-box,
.chk-box {
  margin: 0rem;
}

.chk-box {
  min-height: 1.5rem;
}

.rd-box:has(input[type=radio]:focus-visible) {
  outline-offset: -0.125rem;
  outline: 2px solid rgba(0, 73, 190, 0.8);
  border-radius: 0.5rem;
}

.chk-box:has(input[type=checkbox]:focus-visible) {
  outline-offset: -0.125rem;
  outline: 2px solid rgba(0, 73, 190, 0.8);
  border-radius: 0rem;
}

.labg label {
  max-width: 13.125rem;
  width: 100%;
}

button.btn-line:focus-visible {
  outline-offset: -0.25rem;
  outline: 2px solid rgba(0, 73, 190, 0.8);
  border-radius: 0rem;
}

.btn.btn-line-primary:focus-visible,
.btn-line-secondary:focus-visible,
.btn-line-secondary.btn-color-gray3:focus-visible {
  outline-offset: -0.25rem;
  outline: 2px solid rgba(0, 73, 190, 0.8);
  border-radius: 0;
}

.btn.primary:focus-visible,
.btn.btn-secondary:focus-visible,
.btn-primary.btn-color-gray3:focus-visible,
.btn.btn-primary:focus-visible,
.btn-fill:focus-visible {
  outline-offset: -0.25rem;
  outline: 2px solid rgba(255, 255, 255, 0.8);
  border-radius: 0;
}

.sm-tit button.btn-right:focus-visible {
  outline-offset: 0.25rem;
  outline: 2px solid rgba(0, 73, 190, 0.8);
  border-radius: 0.5rem;
}

.sm-tit button.btn-right.btn-line-blue:focus-visible {
  outline-offset: -0.25rem;
  outline: 2px solid rgba(0, 73, 190, 0.8);
  border-radius: 0;
}

.mla {
  height: 1.875rem;
}

.search-area .form-field.right .col button:focus-visible {
  outline-offset: -0.25rem;
  outline: 2px solid rgba(255, 255, 255, 0.8);
  border-radius: 0;
}

.search-area .form-field.right .col .btn-line.btn-color-gray3:focus-visible {
  outline-offset: -0.25rem;
  outline: 2px solid rgba(0, 73, 190, 0.8);
  border-radius: 0;
}

.l-cluster-main > ul > li a:focus-visible {
  outline-offset: -0.5rem;
  outline: 2px solid rgba(0, 73, 190, 0.8);
  border-radius: 0;
  border-radius: 50%;
}

#wrap.main-login .l-content-login .l-login-body .login-box .l-cluster-con .l-cluster-btm > ul li > a {
  margin: 0.375rem 0;
}

#wrap.main-login .l-content-login .l-login-body .login-box .l-cluster-con .l-cluster-btm > ul li > a:focus-visible {
  outline-offset: 0.25rem;
  outline: 2px solid rgba(0, 73, 190, 0.8);
  border-radius: 0.5rem;
}

.left-menu-wrap .depth1 .li.on .acco-head .acco-btn:focus-visible {
  outline-offset: -0.25rem;
  outline: 2px solid rgba(255, 255, 255, 0.8);
  border-radius: 0;
}

.left-menu-wrap .depth1 .li.has-submenu.on .acco-head .acco-btn:focus-visible {
  outline-offset: -0.25rem;
  outline: 2px solid rgba(0, 73, 190, 0.8);
  border-radius: 0;
}

header .l-container-mobile-gnb .gnb-body .menu-tab button:focus-visible {
  outline-offset: -0.25rem;
  outline: 2px solid rgba(0, 73, 190, 0.8);
  border-radius: 0;
}

header .l-container-mobile-gnb .gnb-body .menu-tab button.active:focus-visible {
  outline-offset: -0.25rem;
  outline: 2px solid rgba(255, 255, 255, 0.8);
  border-radius: 0;
}

header .l-container-mobile-gnb .gnb-header button.l-close {
  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: 2.125rem;
  height: 2.125rem;
  top: 50%;
  left: 0.75rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

header .l-container-mobile-gnb .gnb-header .header-top .user-info-box .l-cluster-btn .btn.login:focus-visible {
  outline-offset: -0.25rem;
  outline: 2px solid rgba(255, 255, 255, 0.8);
  border-radius: 0;
}

/* lib */
.toastui-editor-contents p {
  margin: 0;
}

/***********************
toastui-editor 1차
************************/
/*! 20231220 tui-editor 수정 */
.toastui-editor-defaultUI-toolbar input:checked + .switch,
.toastui-editor-defaultUI-toolbar .switch {
  width: auto;
  min-width: 1.5625rem;
  height: auto;
}

.toastui-editor-main .toastui-editor-md-vertical-style .toastui-editor-md-preview,
.toastui-editor-main .toastui-editor-md-vertical-style .toastui-editor {
  background-color: #fff;
}

/*! 에디터하단 WYSIWYG 탭 컬러대비 수정 */
.toastui-editor-mode-switch .tab-item {
  color: #888;
}

.toastui-editor-contents {
  font-family: inherit;
}

/***********************
tui-grid 1차
************************/
/****************************
tui-grid 수정 작업 (20231110)
****************************/
.l-container-grid {
  /*! scroll bar false */
  /*! grid cell hover */
  /*! rowHeaders checkbox 수정 */
  /*! rowHeaders 보더 수정 */
  /*! 그리드 스크롤바 수정 */
  /*! 20231121 통합관리자 Table Cell 좌우 패딩 조정  */
  /*! 20231121 개발자센터 신청현황조회 그리드 버튼 수정 */
  /*! 그리드 셀 하이퍼 링크 */
  /*! scroll bar false */
  /*! 그리드 셀 말 줄임 수정*/
  /*! 그리드 daaggable 수정 */
  /*! 그리드 테이블 bottom line */
  /*! 커스텀 체크박스 */
  /*! No Data 영역 처리 */
  /*! 연계확인서 팝업 다운로드 파일 수정 20240125 */
  /*! pagination 수정 */
  /******************************
  2차 추가
  ******************************/
}
.l-container-grid .tui-grid-cell {
  background-color: #fff;
  font-size: 14px;
  color: #666;
  border-color: #d7d7d7;
  border-left-width: 1px;
}
.l-container-grid .tui-grid-cell-header {
  border-color: #d7d7d7;
  border-left-width: 1px;
  background-color: #f4f4f4;
  color: #666;
}
.l-container-grid .tui-grid-cell-row-header.tui-grid-cell-selected {
  background-color: transparent;
}
.l-container-grid .tui-grid-cell-header.tui-grid-cell-selected {
  background-color: #f4f4f4;
}
.l-container-grid .tui-grid-border-line-top {
  border-top: 2px solid #afafaf;
}
.l-container-grid .tui-grid-scrollbar-y-inner-border {
  background-color: #d7d7d7;
}
.l-container-grid .tui-grid-scrollbar-right-top {
  border-left: 1px solid #d7d7d7;
  border-bottom: 1px solid #f4f4f4;
  background-color: #f1f1f1;
}
.l-container-grid .tui-grid-scrollbar-frozen-border,
.l-container-grid .tui-grid-content-area {
  border-color: #f4f4f4;
}
.l-container-grid .tui-grid-no-scroll-x .tui-grid-border-line-bottom {
  border-color: #d7d7d7;
  border: 0;
}
.l-container-grid .tui-grid-border-line-right {
  height: calc(100% - 17px);
}
.l-container-grid .tui-grid-scrollbar-y-outer-border {
  background-color: #fff;
}
.l-container-grid .tui-grid-border-line-top {
  width: 100%;
}
.l-container-grid .tui-grid-border-line-right {
  background-color: #fff;
}
.l-container-grid .tui-grid-content-area {
  border: 0;
}
.l-container-grid .tui-grid-scrollbar-frozen-border {
  border: 0;
}
.l-container-grid .tui-grid-no-scroll-y .tui-grid-scrollbar-right-bottom {
  border-color: #d7d7d7;
  border-right-color: #fff;
}
.l-container-grid .tui-grid-table {
  background-color: #fff;
}
.l-container-grid .tui-grid-table tr:hover {
  background-color: #eaf1ff;
}
.l-container-grid input[type=checkbox] {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
}
.l-container-grid .tui-grid-scrollbar-left-bottom {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
}
.l-container-grid .tui-grid-lside-area .tui-grid-header-area {
  border-right: 1px solid #d7d7d7;
}
.l-container-grid .tui-grid-lside-area .tui-grid-body-area .tui-grid-table-container {
  border-right: 1px solid #d7d7d7;
}
.l-container-grid .tui-grid-header-area {
  background-color: #f4f4f4;
}
.l-container-grid .tui-grid-container .tui-grid-body-area::-webkit-scrollbar-thumb {
  border-radius: 20px;
  background-color: #c1c1c1;
}
.l-container-grid .tui-grid-container .tui-grid-body-area::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}
.l-container-grid .tui-grid-cell[style*="text-align: left"] .tui-grid-cell-content,
.l-container-grid .tui-grid-cell[style*="text-align:left"] .tui-grid-cell-content {
  padding: 4px 20px;
}
.l-container-grid .tui-grid-container [class*=btn-tb-] {
  width: 6.25rem;
  height: 2.125rem;
  font-size: 0.875rem;
  background-color: #666;
  color: #fff;
  font-weight: 500;
}
.l-container-grid .tui-grid-container [class*=btn-tb-].line {
  background-color: transparent;
  border: 0.0625rem solid var(--blue);
  color: var(--blue);
  font-weight: 700;
}
.l-container-grid .tui-grid-container .btn.btn-tb-01.suvy {
  width: 7.1875rem;
}
.l-container-grid .tui-grid-container .btn.btn-tb-02.stat {
  width: 6.25rem;
}
.l-container-grid .tui-grid-container .tb-txt {
  font-weight: 500;
}
.l-container-grid .tui-grid-container .tui-cell-inner-wr.between {
  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: 0 0.9375rem;
}
.l-container-grid .tui-grid-container .tui-cell-inner-wr.between .btn {
  min-width: 6.25rem;
}
.l-container-grid .tui-grid-container .tui-grid-cell-disabled input[type=checkbox] {
  cursor: none;
}
.l-container-grid .tui-grid-cell-has-input .tui-grid-cell-content a.lnk {
  color: #0049be;
  font-weight: 500;
  border-bottom: 1px solid #0049be;
}
.l-container-grid .tui-grid-scrollbar-right-bottom {
  background-color: #fff;
  border-color: #afafaf;
  border-right-color: #fff;
  border-left-color: #fff;
}
.l-container-grid .tui-grid-cell-has-input .tui-grid-cell-content .ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.l-container-grid .tui-grid-row-header-draggable {
  position: relative;
  left: 50%;
  width: 24px;
  height: 24px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABtSURBVHgB7ZKxDcAgDARxJmCEbJaOPhuQDajdZbOM4A2cLwlFXGCJxi+90OtAxtKnFDJEfSilHKraiEgQKzPfs2wbBlZcyjh3uHmwzwD8IndRPNi4wQk/eCDw5cRC/4qamixqul5RU5NFTdfrBd6NzvKwNqilAAAAAElFTkSuQmCC") no-repeat;
  background-size: 24px;
  text-align: center;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.l-container-grid .tui-grid-row-header-draggable span {
  display: none;
}
.l-container-grid th[data-column-name=_draggable] {
  width: 54px;
  height: 54px;
  padding: 0;
  margin-top: 1px;
  border: 0;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIzLTExLTI3VDE1OjQ2OjE0KzA5OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMy0xMS0yN1QxNTo0Njo0OSswOTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMy0xMS0yN1QxNTo0Njo0OSswOTowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkRDNTBDQzE4Q0YwMTFFRUI4RkJBNjBGMjg0MjJCNkEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkRDNTBDQzI4Q0YwMTFFRUI4RkJBNjBGMjg0MjJCNkEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCREM1MENCRjhDRjAxMUVFQjhGQkE2MEYyODQyMkI2QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCREM1MENDMDhDRjAxMUVFQjhGQkE2MEYyODQyMkI2QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlTObe4AAAFRSURBVHja7NfBDYIwFAZgSghnR8ANXMER3KAe4GqcwLoGIVEnYATdREfwygV8NWiehKACgZb879KopPr5XttXURSFM8VwnYkGYIABBhhggAEGGGCAAQaY4eF1nUAI8fE6DMMNDYrev+sxjuNTm3m7XoBF5wkYLIqincbwz/M8XyZJchka1lsp1qGeX+C6KWVxYeUaq6D2LFu6DGeU1VRKGVgFo2xIjqI19c4alaAklC7DwPf9s3UZo/WgN4otR70iy7IVDTd65jYkrNfNg5Xmc1KCii8lfC2fm/e9eXjOuBEYXYroPAADDE1wXzH4uTUIrO5c0h0KnXmHsuPfN7Vm9KesaTzaVoqqBPzURBvVeTR0GvqHv1CKQVS13zTqPtYCV413E23MfeyP9af41aYOZe12z3FNN4NRSxEHNGCAAQYYYIABBhhggAEGGGA8HgIMAHz+jNJcvtotAAAAAElFTkSuQmCC") no-repeat;
  background-size: 54px;
  background-color: #f4f4f4;
  text-align: center;
}
.l-container-grid td[data-column-name=_draggable] {
  width: 54px;
}
.l-container-grid .tui-grid-floating-row {
  left: 50%;
  border: 0.0625rem solid #d7d7d7;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.l-container-grid .tui-grid-floating-row * {
  text-align: center;
}
.l-container-grid .tui-draggable .tui-grid-rside-area {
  margin-left: 162px;
}
.l-container-grid .tui-draggable .tui-grid-lside-area {
  width: 162px;
}
.l-container-grid .tui-draggable .tui-grid-lside-area .tui-grid-table col[data-column-name]:first-child {
  width: 54px;
}
.l-container-grid .tui-draggable .tui-grid-lside-area .tui-grid-header-area {
  border-right: 0;
}
.l-container-grid .tui-draggable .tui-grid-table {
  border: 0.0625rem solid #d7d7d7;
  border-bottom: 0;
  border-right: 0;
  border-top: 0;
}
.l-container-grid .tui-draggable .tui-grid-border-line-left {
  background-color: #fff;
}
.l-container-grid .tui-grid-border-line-bottom {
  border: 0;
  background-color: #afafaf;
}
.l-container-grid #all-checkbox,
.l-container-grid .hidden-input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.l-container-grid .tui-grid-cell-row-header .checkmark {
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.l-container-grid img[src*=pin] {
  width: 16px;
  height: 16px;
}
.l-container-grid img[src*=ico-st-] {
  width: 24px;
  height: 24px;
}
.l-container-grid .tui-grid-layer-state {
  border-bottom: 1px solid #d7d7d7;
}
.l-container-grid .tui-grid-layer-state p {
  margin-top: -10px;
}
.l-container-grid .tui-grid-body-area {
  height: auto;
}
.l-container-grid .i-file {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  position: relative;
  padding-left: 1.25rem;
  margin: 0 1.25rem;
}
.l-container-grid .i-file i[class^=ico-] {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.l-container-grid .i-file .ftxt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.l-container-grid .tui-grid-container .tui-grid-pagination {
  margin-top: 60px;
  margin-bottom: 0;
}
.l-container-grid .tui-pagination .tui-first,
.l-container-grid .tui-pagination .tui-prev,
.l-container-grid .tui-pagination .tui-next,
.l-container-grid .tui-pagination .tui-last,
.l-container-grid .tui-pagination .tui-prev-is-ellip,
.l-container-grid .tui-pagination .tui-next-is-ellip {
  border-radius: 50%;
}
.l-container-grid .tui-pagination .tui-last-child,
.l-container-grid .tui-pagination .tui-next-is-ellip {
  border-radius: 50%;
}
.l-container-grid .tui-pagination .tui-first-child.tui-is-selected {
  border-radius: 50%;
}
.l-container-grid .tui-pagination .tui-first-child {
  border-radius: 50%;
}
.l-container-grid .tui-pagination .tui-page-btn {
  margin-left: 10px;
  border-radius: 50%;
}
.l-container-grid .tui-pagination .tui-first + .tui-prev {
  margin-right: 0;
}
.l-container-grid .tui-pagination .tui-first {
  margin-left: 0;
}
.l-container-grid .tui-pagination .tui-page-btn {
  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: 34px;
  height: 34px;
  padding: 7px 0 9px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #d7d7d7;
  font-size: 14px;
  border-width: 1px 1px;
  font-weight: 500;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.l-container-grid .tui-pagination .tui-first-child.tui-is-selected {
  font-weight: 700;
}
.l-container-grid .tui-pagination {
  height: 34px;
}
.l-container-grid .tui-pagination .tui-first + .tui-prev,
.l-container-grid .tui-pagination .tui-last-child {
  border-left: 1px solid #d7d7d7;
}
.l-container-grid .tui-pagination .tui-is-selected,
.l-container-grid .tui-pagination strong {
  background-color: #0049be;
}
.l-container-grid .tui-pagination .tui-first-child.tui-is-selected {
  border-color: #0049be;
}
.l-container-grid .tui-pagination .tui-ico-first,
.l-container-grid .tui-pagination .tui-ico-prev,
.l-container-grid .tui-pagination .tui-ico-next,
.l-container-grid .tui-pagination .tui-ico-last,
.l-container-grid .tui-pagination .tui-ico-ellip {
  width: 16px;
  height: 16px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAB3JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjMtMTEtMTBUMTY6MDM6MDcrMDk6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIzLTExLTEwVDE2OjI0OjA4KzA5OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIzLTExLTEwVDE2OjI0OjA4KzA5OjAwIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIzMjdFRjFEN0Y5QTExRUU4QUQwQUNBQ0UxNDc2QzNDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIzMjdFRjFFN0Y5QTExRUU4QUQwQUNBQ0UxNDc2QzNDIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6N0YwN0I4MURDNjk0MTFFNjgzNjg5NTM0OEZDQ0YxNTUiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDc0MzQ2NTAtOGZkYS0zMzQ1LTkzZDQtM2I5NjNlNTFmNzE1IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NWRhMTY1NGItMzNmYS0wNjRjLThiZDUtYTg0MTk2YjZlYTVjIiBzdFJlZjpvcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6N0YwN0I4MURDNjk0MTFFNjgzNjg5NTM0OEZDQ0YxNTUiLz4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NGMzM2I4YjktYzlkZi03ODRlLWJjYTAtYzhhMTZhMWE0MGE1IiBzdEV2dDp3aGVuPSIyMDIzLTExLTEwVDE2OjIyOjI1KzA5OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNvbnZlcnRlZCIgc3RFdnQ6cGFyYW1ldGVycz0iZnJvbSBpbWFnZS9wbmcgdG8gYXBwbGljYXRpb24vdm5kLmFkb2JlLnBob3Rvc2hvcCIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iZGVyaXZlZCIgc3RFdnQ6cGFyYW1ldGVycz0iY29udmVydGVkIGZyb20gaW1hZ2UvcG5nIHRvIGFwcGxpY2F0aW9uL3ZuZC5hZG9iZS5waG90b3Nob3AiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjA3NDM0NjUwLThmZGEtMzM0NS05M2Q0LTNiOTYzZTUxZjcxNSIgc3RFdnQ6d2hlbj0iMjAyMy0xMS0xMFQxNjoyMjoyNSswOTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmMbqMIAAAPkSURBVHja7FlNTttAFLZD+A1S5wjuDolFnROUnID0BOANiFXTE0BOELqETcoJEk7g3AB3gcTSR5gKAuG/33Of08FK4mcHolJ5pKexo8y875t5M/O9sf38/Gy951Ky3nl59wTKyR92dnaGz5VKRV1eXmrbtqP31dVV1Wq19FuD2tvbs56enobvCHMXVXB8fJxOwChuv9/3UXuwLuzH9fX1Z9QfJzkPgiB+VMvLy204//74+Nij/ubm5lpra2u1jHwOMID76KdK3UtDiBj7DDwCj0427+7uvgidEnifRy6k/srlMr3/zAoets91IF0DJngPwCPw9/f3tXGdjAGv8FzD6CsGf4r3Rk7wTfEaANgOqh4ceojDOqZ9CyNfFYK3TPCRg7/gtzOAdyTgR84AnIUcr06pVKJnDRANGIGROqeYDymEiAxm4RD2YmFOKoPBQHPo1TF4CmYhAmQE8EeKcw1nPkhoAKiByCatA4nzh4eHGmaxjsc26i7an9AscGhKiwZomkG1sLBAbVWWcyBunJdEYJKg0EE/pzlIhBISpZQRIDAUEgGT+CB0bpKoJ0hYOUiE4wjYr62Fzs/PzXBUi4uL2tggHJwD4Wv6swsxVxAoCBQE/q18YNpycXHhsByJyu3trZqfnx9upevr629LYHd3twMATT68NnB4fcVhQjlBBKLdbk/el237zBBvdcoJ6FCTisE4p1haWhpqK/TZurm58VzX1akhhBPzFxr4rOEjYZemR5JayJAdpIW6OWSEKQx9rrV0DUTHPpEgLQ8wIlGVlBEGCS8niQg8cGiMfi3rIh5JArHcyaiFtgC+niAhyugS4LWYABzHdkgdgYgDEhRKAWmZ1G2tVLKgYMkaBAAW8GhusChLLYh/FecVeNa0HjB4mWbARQMf4E8AiFJLSs43YNKcOEpDefFaklBIqlDKxOCvwZlZpm00Ak87CWwbjtssiaU7yWEMnnIJaSiMyYnNuimaASzWjrkNZgRP2+gnY9ukLTDIAd4k0eTaFc3AyspK9erqKnbWrVQqvX6/L3aeuPfpsU1TDrAGu+MGsMgHCgIFgYLAf5YPvOLVDF1vBoktejYEPM9zcCC2kEd8M/VPWi5hqgGAPzMOsZmHEB18DktwJ0f7wHp5vT57AvH96hQkmhIS5UQ6GR/LNtcj34+OjmwpCSJAxt8YsuqhJrSUglrY5+QonMkMkHYHaDICTDrGYY0vKvQtYDAYkKk4j+BvBpNnYMTIpr2nFfMrS5ixrUp87dGzXANJ8AdZGyfAh7NexO404DknDtPAv+VBRndKVc6Hs7P/c/8jSl+LfKAgMGX5LcAAkeUygj7EXVgAAAAASUVORK5CYII=) no-repeat;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.l-container-grid .tui-pagination .tui-first,
.l-container-grid .tui-pagination .tui-prev,
.l-container-grid .tui-pagination .tui-next,
.l-container-grid .tui-pagination .tui-last,
.l-container-grid .tui-pagination .tui-prev-is-ellip,
.l-container-grid .tui-pagination .tui-next-is-ellip {
  padding: 0;
}
.l-container-grid .tui-pagination .tui-ico-first {
  background-position: 0 0;
}
.l-container-grid .tui-pagination .tui-is-disabled .tui-ico-first {
  background-position: -16px 0;
}
.l-container-grid .tui-pagination .tui-ico-prev {
  background-position: -32px 0;
}
.l-container-grid .tui-pagination .tui-is-disabled .tui-ico-prev {
  background-position: -16px 0;
}
.l-container-grid .tui-pagination .tui-ico-next {
  background-position: -16px -32px;
}
.l-container-grid .tui-pagination .tui-is-disabled .tui-ico-next {
  background-position: -32px -32px;
}
.l-container-grid .tui-pagination .tui-ico-last {
  background-position: 0 -16px;
}
.l-container-grid .tui-pagination .tui-is-disabled .tui-ico-last {
  background-position: -16px -16px;
}
.l-container-grid .tui-pagination .tui-ico-ellip {
  background-position: 0 -32px;
}
.l-container-grid .tui-grid-cell-has-input .tui-grid-cell-content a.lnk {
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1;
}
.l-container-grid .tui-grid-container [class*=btn-tb-] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.l-container-grid .tui-grid-container {
  font-family: inherit;
}
.l-container-grid .tui-grid-container p,
.l-container-grid .tui-grid-container input,
.l-container-grid .tui-grid-container textarea {
  font-family: inherit;
}

/******************************
tui-datepicker 수정 작업 (2023)
******************************/
.tui-datepicker-input.tui-has-focus {
  width: 100%;
  border-color: #d7d7d7;
}

.tui-datepicker-input.tui-has-focus.full {
  width: 100%;
}

.tui-datepicker-input {
  height: 34px;
}

.tui-datepicker-input > input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.tui-calendar .tui-calendar-header-inner {
  background-color: #fff;
}

.tui-datepicker .tui-calendar {
  z-index: 50;
}

.tui-datepicker-input.tui-has-focus .tui-ico-date {
  width: 16px;
  height: 16px;
  margin: -8px 0 0;
}

.tui-ico-date {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAgCAYAAAAbifjMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABrZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIzLTExLTIzVDEwOjU2OjEzKzA5OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMy0xMS0yM1QxMTowMjoyNiswOTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMy0xMS0yM1QxMTowMjoyNiswOTowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTk3NEYwQUQ4OUE0MTFFRTkzNERERDA5RUVGQTlCRTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTk3NEYwQUU4OUE0MTFFRTkzNERERDA5RUVGQTlCRTciIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5YjIwYTNhOC01NjVmLTQyNDUtODFlMy1mMzAxMTNlODM3YmIiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjliMjBhM2E4LTU2NWYtNDI0NS04MWUzLWYzMDExM2U4MzdiYiIgc3RFdnQ6d2hlbj0iMjAyMy0xMS0yM1QxMDo1NjoxMyswOTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjb252ZXJ0ZWQiIHN0RXZ0OnBhcmFtZXRlcnM9ImZyb20gaW1hZ2UvcG5nIHRvIGFwcGxpY2F0aW9uL3ZuZC5hZG9iZS5waG90b3Nob3AiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjE5YzYyYjY1LWEyZDctNjU0OS04ZDY2LTk4MGJhN2M5NTViMSIgc3RFdnQ6d2hlbj0iMjAyMy0xMS0yM1QxMTowMDo1NCswOTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxOWM2MmI2NS1hMmQ3LTY1NDktOGQ2Ni05ODBiYTdjOTU1YjEiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDowNjVmYTBlMy05NmM3LWI1NDYtODA3YS0wMDMxZDQ2ZTA4OTgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7ge9ThAAACWUlEQVR42pRUy3HiQBDViOFzWzkDHIFFBIgIjCOQfACOrCMAIhAc+VRZRGCTARnYnDiaDMyVooB9j2rZw5TsRapqTU/P9OvPdLfjWF+73f4A/c2Q93lmyxV/URR5WuvIdV0P2x7oHbSw7t6DfNDgdDpt9vv9MkmSjYJytVgsvimlPCfftwHQg1sqlV6gvD0ej43JZHL2CPuEvEkQz3lGHoo1EA3GLt3CZjWbzZa8AKAn0Mg2hztDLE/kp9PpO4wsQIFCYk50B5tlHv8BGGCpatnQnSAngAejzhkA2X8dj8ePeQDgeYIl1Kaw1Wp1AeYfDoc5c9LpdJ4h3u52uwGe2S8UCiEsL5DI11THvSgKpW4YG0FYG+CZ4GalUvEo45nE/vVdeADkPpa+IaoZ/FDI+REAIbAa63xGPhVCiClnCMx4uVzu2iFoKwS6GGJdIQRWWpPZRggjgPIsAvHqNwAEW1BVQojYGgbm7U8hwMgf6mowrLoenuUF6+rKGqhLMgcqbVW+KeO8EmBLw0y6Wq/X9jl7fpSR8dTIbdYreBK7J16EwtvzoCpAG9Dy3EPwgMK3DIX/zgPQAyuRyduCGumEwpcIb9LcmGI1MRhrGVMLccmRns9q7aGMOscYeV/NdAd6Ni7f/eJ6eq9uJzHImQPPBGBpPuYEOM8D1xJ2xcXAcDc2POS+aSrYADdy0RclXxRSPrBD1RnVlmse2B5E4qYv+9gIwb8mhEBAAlFqGiWent1fzBCU8qcURiPnK7CCAy2d1xPB6krlung00EbSQju+Xz72Dudk/58AAwCG3w1zwY6FqAAAAABJRU5ErkJggg==) no-repeat;
}

.tui-datepicker-input.tui-has-focus .tui-ico-date {
  background-size: 16px;
  background-position: 0 0;
}

.cnt-top-area .schpanel .form-field,
.cnt-top-area .l-cluster-sch {
  overflow: visible;
}

.datepicker-wrap {
  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: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
}

.tui-datepicker-input > input {
  font-size: 14px;
}

.tui-datepicker {
  position: absolute;
  top: 33px;
  left: 0;
  z-index: 50;
}

.cnt-top-area .schpanel .form-field .row .col .ipt-box.full .tui-datepicker-input {
  width: 100%;
}

.cnt-top-area .schpanel .form-field .row .col .ipt-box.full .tui-datepicker-input input[type=text] {
  width: 100%;
}

.search-area .ipt-wr.datepicker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.search-area .ipt-wr.datepicker.full .datepicker-wrap {
  width: 100%;
}

.search-area .ipt-wr.datepicker.full .datepicker-wrap .tui-datepicker-input {
  width: 100%;
}

.search-area .tui-datepicker-input.tui-has-focus {
  width: auto;
}

/*! 웹접근성 처리 */
.tui-datepicker-input > label > .tui-ico-date {
  position: absolute;
  top: 50%;
  right: 8px;
  margin: -6px 0 0 0;
}

.tui-datepicker-input > label > input {
  width: 100%;
  height: 100%;
  padding: 6px 27px 6px 10px;
  font-size: 14px;
  line-height: 14px;
  vertical-align: top;
  border: 0;
  color: #333;
}

/***********************
time picker 1차
************************/
/*! ***** 타임피커 수정 *****/
.tui-timepicker .tui-timepicker-select {
  width: 52px;
}

.tui-timepicker-row {
  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;
}

.tui-timepicker-body .tui-timepicker-colon,
.tui-timepicker-footer .tui-timepicker-colon {
  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;
}

/***********************
tui-datepicker override 2차
************************/
.tui-pagination .tui-page-btn {
  font-family: inherit;
}

/* Top bar */
.schedule-toolbar {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 2.5rem;
  margin-bottom: 1.25rem;
}

.legend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75rem;
}

.legend .status {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
}

.status .ico {
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
}

.ing .ico {
  border-radius: 50%;
  background: var(--system-information-50, #2768FF);
}

.end .ico {
  background: var(--gray-gray-50, #8E8E8E);
}

.month-nav {
  justify-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}

.nav-btn {
  width: 2rem;
  height: 2rem;
  border: 1px solid var(--color-border-gray-light, #CDD1D5);
  border-radius: 50%;
  display: grid;
  place-items: center;
}
.nav-btn.prev {
  background: #fff url(../../images/anyid/icon/ico_month_left.svg) no-repeat center/1.25rem;
}
.nav-btn.next {
  background: #fff url(../../images/anyid/icon/ico_month_right.svg) no-repeat center/1.25rem;
}

.month-label {
  color: var(--gray-gray-90, #1D1D1D);
  font-size: 1.5625rem;
  font-weight: 700;
}

.view-switch {
  justify-self: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.75rem;
}

.view-switch .btn[aria-pressed=true] {
  border-color: var(--Blue, #0049BE);
  background: var(--Blue, #0049BE);
  color: #fff;
}

/* Panels */
.panel {
  background: #fff;
  border-top: 2px solid var(--gray-gray-40, #C6C6C6);
  overflow: hidden;
}

/* FullCalendar tweaks */
.fc {
  --fc-border-color: var(--grid);
  --fc-today-bg-color: rgba(37, 99, 235, 0.08);
}

.fc-theme-standard .fc-scrollgrid {
  border: none;
}

.fc .fc-daygrid-day-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;
  width: 1.75rem;
  height: 1.75rem;
  padding: 0;
  border-radius: 50%;
  font-weight: 500;
  color: #1f2937;
}

.fc .fc-daygrid-day.fc-day-today {
  background-color: transparent;
}

.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {
  background: var(--primary-primary-50, #246BEB);
  color: #fff;
  font-weight: 700;
}

.fc .fc-col-header-cell-cushion {
  padding: 10px 0;
  font-weight: 600;
  color: #4b5563;
}

.fc .fc-daygrid-day-frame {
  padding: 0.75rem;
}

.fc .fc-daygrid-event-harness {
  height: 100%;
}

.fc .fc-daygrid-event {
  border: none;
  background: transparent;
}

.fc .fc-daygrid-day-top {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  z-index: 10;
}

.fc-theme-standard th {
  background: var(--Pole-Gray, #F4F4F4);
}

.fc-theme-standard td, .fc-theme-standard th {
  border-right: 1px solid var(--Sky-Gray, #D7D7D7);
  border-bottom: 1px solid var(--Sky-Gray, #D7D7D7);
}

.fc-theme-standard td:last-child, .fc-theme-standard th:last-child {
  border-right: none;
}

.fc .fc-daygrid-day-frame {
  height: 8.75rem;
}

.fc .fc-daygrid-body-natural .fc-daygrid-day-events {
  height: 100%;
  margin: 0;
  min-height: 0;
}

.fc-direction-ltr .fc-daygrid-event.fc-event-start,
.fc-direction-rtl .fc-daygrid-event.fc-event-end {
  height: 100%;
  margin: 0;
}

.fc-event .fc-event-main {
  height: inherit;
}

/* Event card inside calendar */
.session-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: inherit;
}

.session-card:has(.ing) .enrolled {
  color: #E71825;
}

.session-card .status {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
  padding: 0.25rem;
  gap: 0.25rem;
  font-weight: 500;
  color: var(--gray-gray-50, #8E8E8E);
  font-size: 15px;
}

.legend .status {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.25rem;
  gap: 0.25rem;
  font-weight: 700;
  color: var(--gray-gray-50, #8E8E8E);
  font-size: 0.9375rem;
}

.status.ing {
  color: var(--primary-primary-50, #246BEB);
}

.status.end {
  color: var(--gray-gray-50, #8E8E8E);
}

.session-card .meta {
  margin-top: auto;
  padding: 0.25rem;
  color: var(--gray-gray-70, #555);
  font-size: 15px;
}
.session-card .meta > div:nth-child(2) {
  letter-spacing: 0.0375rem;
}

.session-card .meta b {
  font-weight: 700;
}

/* List view */
table.dataTable.no-footer {
  border-bottom: 1px solid var(--Sky-Gray, #D7D7D7);
}

.date-cell {
  white-space: nowrap;
}

.dataTable {
  border: none;
}

table.dataTable > thead > tr > th,
table.dataTable > thead > tr > td {
  padding: 1rem 1.25rem;
  border-right: 1px solid var(--Sky-Gray, #D7D7D7);
  border-bottom: 1px solid var(--Sky-Gray, #D7D7D7);
}

table.dataTable > thead > tr > th {
  background: var(--Pole-Gray, #F4F4F4);
  color: var(--Dark-Gray, #666);
  font-size: 0.875rem;
  font-weight: 700;
  text-align: center;
}

table.dataTable tbody th,
table.dataTable tbody td {
  padding: 1rem 1.25rem;
  border-right: 1px solid var(--Sky-Gray, #D7D7D7);
  border-bottom: 1px solid var(--Sky-Gray, #D7D7D7);
  text-align: center;
}
table.dataTable tbody th.text-left,
table.dataTable tbody td.text-left {
  text-align: left;
}

/* 리스트: 교육명(4번째 열)만 좌측 정렬 + 볼드 */
table.dataTable tbody td:nth-child(3),
table.dataTable tbody td:nth-child(5) {
  font-weight: 700;
}

table.dataTable tbody td:nth-child(4) {
  text-align: left !important;
  font-weight: 700;
}

table.dataTable.row-border > tbody > tr > th, table.dataTable.row-border > tbody > tr > td, table.dataTable.display > tbody > tr > th, table.dataTable.display > tbody > tr > td {
  border-top: none;
}

table.dataTable tbody tr:has(.ing) .enrolled {
  color: #E71825;
}

.hidden {
  display: none !important;
}

table.dataTable.stripe > tbody > tr.odd > *, table.dataTable.display > tbody > tr.odd > * {
  -webkit-box-shadow: none;
          box-shadow: none;
}

table.dataTable.hover > tbody > tr:hover > *, table.dataTable.display > tbody > tr:hover > * {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.fc .fc-daygrid-day-frame:has(.fc-daygrid-event.is-end) {
  background: #F8F8F8;
}

.fc .fc-daygrid-day-frame:hover {
  background: var(--primary-primary-5, #EFF5FF) !important;
}

table.dataTable tbody tr.is-end td {
  background: #F8F8F8 !important;
}

/* 주말 색상 & 오늘 날짜 링 표시 */
.fc .fc-col-header-cell.fc-day-sun .fc-col-header-cell-cushion,
.fc .fc-daygrid-day.fc-day-sun .fc-daygrid-day-number {
  color: #ef4444;
}

.fc .fc-col-header-cell.fc-day-sat .fc-col-header-cell-cushion,
.fc .fc-daygrid-day.fc-day-sat .fc-daygrid-day-number {
  color: #2563eb;
}

/* Hover & click styles */
table.dataTable tbody tr {
  cursor: pointer;
}

table.dataTable tbody tr:hover td {
  background: var(--primary-primary-5, #EFF5FF) !important;
}

.fc .fc-daygrid-event:hover {
  cursor: pointer;
  -webkit-transition: background 0.15s ease;
  transition: background 0.15s ease;
  background-color: transparent !important;
}