@charset "UTF-8";

.anyidPopCont .text-white {
  color: #fff;
}

.anyidPopCont .bg-white {
  background-color: #fff;
}

.anyidPopCont .text-black {
  color: #000;
}

.anyidPopCont .bg-black {
  background-color: #000;
}

.anyidPopCont .text-primary {
  color: #246BEB;
}

.anyidPopCont .bg-primary {
  background-color: #246BEB;
}

.anyidPopCont .text-secondary {
  color: #003675;
}

.anyidPopCont .bg-secondary {
  background-color: #003675;
}

.anyidPopCont .text-point {
  color: #E71825;
}

.anyidPopCont .bg-point {
  background-color: #E71825;
}

.anyidPopCont .text-danger {
  color: #EB003B;
}

.anyidPopCont .bg-danger {
  background-color: #EB003B;
}

.anyidPopCont .text-warning {
  color: #FFB724;
}

.anyidPopCont .bg-warning {
  background-color: #FFB724;
}

.anyidPopCont .text-success {
  color: #008A1E;
}

.anyidPopCont .bg-success {
  background-color: #008A1E;
}

.anyidPopCont .text-information {
  color: #2768FF;
}

.anyidPopCont .bg-information {
  background-color: #2768FF;
}

.anyidPopCont .text-primary-5 {
  color: #EFF5FF;
}

.anyidPopCont .bg-primary-5 {
  background-color: #EFF5FF;
}

.anyidPopCont .text-primary-10 {
  color: #D3E1FB;
}

.anyidPopCont .bg-primary-10 {
  background-color: #D3E1FB;
}

.anyidPopCont .text-primary-20 {
  color: #A7C4F7;
}

.anyidPopCont .bg-primary-20 {
  background-color: #A7C4F7;
}

.anyidPopCont .text-primary-30 {
  color: #7CA6F3;
}

.anyidPopCont .bg-primary-30 {
  background-color: #7CA6F3;
}

.anyidPopCont .text-primary-40 {
  color: #5089EF;
}

.anyidPopCont .bg-primary-40 {
  background-color: #5089EF;
}

.anyidPopCont .text-primary-60 {
  color: #1D56BC;
}

.anyidPopCont .bg-primary-60 {
  background-color: #1D56BC;
}

.anyidPopCont .text-primary-70 {
  color: #16408D;
}

.anyidPopCont .bg-primary-70 {
  background-color: #16408D;
}

.anyidPopCont .text-primary-80 {
  color: #0E2B5E;
}

.anyidPopCont .bg-primary-80 {
  background-color: #0E2B5E;
}

.anyidPopCont .text-primary-90 {
  color: #07152F;
}

.anyidPopCont .bg-primary-90 {
  background-color: #07152F;
}

.anyidPopCont .text-secondary-5 {
  color: #EDF1F5;
}

.anyidPopCont .bg-secondary-5 {
  background-color: #EDF1F5;
}

.anyidPopCont .text-secondary-10 {
  color: #CDD7E4;
}

.anyidPopCont .bg-secondary-10 {
  background-color: #CDD7E4;
}

.anyidPopCont .text-secondary-20 {
  color: #B4C4D6;
}

.anyidPopCont .bg-secondary-20 {
  background-color: #B4C4D6;
}

.anyidPopCont .text-secondary-30 {
  color: #99B0CB;
}

.anyidPopCont .bg-secondary-30 {
  background-color: #99B0CB;
}

.anyidPopCont .text-secondary-40 {
  color: #2A5C96;
}

.anyidPopCont .bg-secondary-40 {
  background-color: #2A5C96;
}

.anyidPopCont .text-secondary-60 {
  color: #002B5E;
}

.anyidPopCont .bg-secondary-60 {
  background-color: #002B5E;
}

.anyidPopCont .text-secondary-70 {
  color: #002046;
}

.anyidPopCont .bg-secondary-70 {
  background-color: #002046;
}

.anyidPopCont .text-secondary-80 {
  color: #00162F;
}

.anyidPopCont .bg-secondary-80 {
  background-color: #00162F;
}

.anyidPopCont .text-secondary-90 {
  color: #000B17;
}

.anyidPopCont .bg-secondary-90 {
  background-color: #000B17;
}

.anyidPopCont .text-point-5 {
  color: #FDF2F3;
}

.anyidPopCont .bg-point-5 {
  background-color: #FDF2F3;
}

.anyidPopCont .text-point-10 {
  color: #FAD1D3;
}

.anyidPopCont .bg-point-10 {
  background-color: #FAD1D3;
}

.anyidPopCont .text-point-20 {
  color: #F5A3A8;
}

.anyidPopCont .bg-point-20 {
  background-color: #F5A3A8;
}

.anyidPopCont .text-point-30 {
  color: #F1747C;
}

.anyidPopCont .bg-point-30 {
  background-color: #F1747C;
}

.anyidPopCont .text-point-40 {
  color: #EC4651;
}

.anyidPopCont .bg-point-40 {
  background-color: #EC4651;
}

.anyidPopCont .text-point-60 {
  color: #B9131E;
}

.anyidPopCont .bg-point-60 {
  background-color: #B9131E;
}

.anyidPopCont .text-point-70 {
  color: #8B0E16;
}

.anyidPopCont .bg-point-70 {
  background-color: #8B0E16;
}

.anyidPopCont .text-point-80 {
  color: #5C0A0F;
}

.anyidPopCont .bg-point-80 {
  background-color: #5C0A0F;
}

.anyidPopCont .text-point-90 {
  color: #2E0507;
}

.anyidPopCont .bg-point-90 {
  background-color: #2E0507;
}

.anyidPopCont .text-gray-5 {
  color: #F8F8F8;
}

.anyidPopCont .bg-gray-5 {
  background-color: #F8F8F8;
}

.anyidPopCont .text-gray-10 {
  color: #F0F0F0;
}

.anyidPopCont .bg-gray-10 {
  background-color: #F0F0F0;
}

.anyidPopCont .text-gray-20 {
  color: #E4E4E4;
}

.anyidPopCont .bg-gray-20 {
  background-color: #E4E4E4;
}

.anyidPopCont .text-gray-30 {
  color: #D8D8D8;
}

.anyidPopCont .bg-gray-30 {
  background-color: #D8D8D8;
}

.anyidPopCont .text-gray-40 {
  color: #C6C6C6;
}

.anyidPopCont .bg-gray-40 {
  background-color: #C6C6C6;
}

.anyidPopCont .text-gray-50 {
  color: #8E8E8E;
}

.anyidPopCont .bg-gray-50 {
  background-color: #8E8E8E;
}

.anyidPopCont .text-gray-60 {
  color: #717171;
}

.anyidPopCont .bg-gray-60 {
  background-color: #717171;
}

.anyidPopCont .text-gray-70 {
  color: #555555;
}

.anyidPopCont .bg-gray-70 {
  background-color: #555555;
}

.anyidPopCont .text-gray-80 {
  color: #2D2D2D;
}

.anyidPopCont .bg-gray-80 {
  background-color: #2D2D2D;
}

.anyidPopCont .text-gray-90 {
  color: #1D1D1D;
}

.anyidPopCont .bg-gray-90 {
  background-color: #1D1D1D;
}

.anyidPopCont html, .anyidPopCont body {
  position: relative;
  width: 100%;
  height: 100%;
  font-family: "Pretendard GOV", sans-serif;
  color: #1D1D1D;
  font-weight: 400;
  line-height: 1.5;
  word-break: keep-all;
  word-wrap: break-word;
  -webkit-tap-highlight-color: transparent;
  scroll-behavior: smooth;
}


/** fonts setting **/
/* default - Regular */
.anyidPopCont @font-face {
  font-family: "Pretendard GOV";
  font-weight: 400;
  font-style: normal;
  src: local("Pretendard GOV Regular"), url("../fonts/PretendardGOV-Regular.woff") format("woff");
}
/* Medium */
.anyidPopCont @font-face {
  font-family: "Pretendard GOV";
  font-weight: 500;
  font-style: normal;
  src: local("Pretendard GOV Medium"), url("../fonts/PretendardGOV-Medium.woff") format("woff");
}
/* Bold */
.anyidPopCont @font-face {
  font-family: "Pretendard GOV";
  font-weight: 700;
  font-style: normal;
  src: local("Pretendard GOV Bold"), url("../fonts/PretendardGOV-Bold.woff") format("woff");
}

.anyidPopCont body,
.anyidPopCont div,
.anyidPopCont p,
.anyidPopCont h1,
.anyidPopCont h2,
.anyidPopCont h3,
.anyidPopCont h4,
.anyidPopCont h5,
.anyidPopCont h6,
.anyidPopCont ul,
.anyidPopCont ol,
.anyidPopCont li,
.anyidPopCont dl,
.anyidPopCont dt,
.anyidPopCont dd,
.anyidPopCont table,
.anyidPopCont th,
.anyidPopCont td,
.anyidPopCont form,
.anyidPopCont fieldset,
.anyidPopCont legend,
.anyidPopCont input,
.anyidPopCont textarea,
.anyidPopCont a,
.anyidPopCont button,
.anyidPopCont select,
.anyidPopCont ul,
.anyidPopCont li,
.anyidPopCont span,
.anyidPopCont em,
.anyidPopCont label,
.anyidPopCont :before,
.anyidPopCont :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;
}

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

.anyidPopCont html {
  font-size: 62.5%;
}

.anyidPopCont body {
  font-size: 1.7rem;
  overflow-x: hidden;
}

.anyidPopCont*:focus-visible {
  outline-offset: -0.4rem;
  outline: 2px solid rgba(36, 107, 235, 0.8);
}

.anyidPopCont::-moz-selection {
  background: #003675;
  color: #fff;
}

.anyidPopCont::selection {
  background: #003675;
  color: #fff;
}

.anyidPopCont.anyidPopCont pre {
  font-family: inherit;
}

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

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

.anyidPopCont img,
.anyidPopCont fieldset {
  border: 0;
}

.anyidPopCont fieldset {
  min-width: 100%;
}

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

.anyidPopCont ul,
.anyidPopCont ol {
  list-style: none;
}

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

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

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

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

.anyidPopCont textarea {
  resize: none;
}

.anyidPopCont label {
  cursor: pointer;
}

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

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

.anyidPopCont caption {
  position: static !important;
  margin: 0 !important;
}

.anyidPopCont table {
  table-layout: fixed;
  max-width: none;
  width: auto;
  min-width: 100%;
  border-collapse: collapse;
}

.anyidPopCont [role=button] {
  cursor: pointer;
}

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

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

.anyidPopCont .blind,
.anyidPopCont hr,
.anyidPopCont .sr-only,
.anyidPopCont legend,
.anyidPopCont 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;
}

.anyidPopCont .hide {
  display: none !important;
}

.anyidPopCont .show {
  display: block !important;
}

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

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

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

.anyidPopCont .btn {
  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;
  gap: 0.4rem;
  width: auto;
  height: 5.6rem;
  padding: 0 2rem;
  background-color: #246BEB;
  border: 1px solid #246BEB;
  border-radius: 0.8rem;
  font-size: 1.9rem;
  color: #fff;
  font-weight: 400;
  line-height: 1;
  cursor: pointer;
  white-space: nowrap;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.anyidPopCont .btn:hover {
  background-color: #1D56BC;
  border-color: #1D56BC;
}
.anyidPopCont .btn:active {
  background-color: #16408D;
  border-color: #16408D;
}
.anyidPopCont .btn:focus-visible {
  outline-offset: -0.4rem;
  outline: 2px solid rgba(255, 255, 255, 0.9);
  -webkit-transition: none;
  transition: none;
}
.anyidPopCont .btn[disabled] {
  background-color: #D8D8D8;
  border-color: #D8D8D8;
  color: #717171;
  cursor: default;
}
.anyidPopCont .btn.primary {
  background-color: #246BEB;
  border: 1px solid #246BEB;
  color: #fff;
}
.anyidPopCont .btn.primary:hover {
  background-color: #1D56BC;
  border-color: #1D56BC;
}
.anyidPopCont .btn.primary:active {
  background-color: #16408D;
  border-color: #16408D;
}
.anyidPopCont .btn.primary[disabled] {
  background-color: #D8D8D8;
  border-color: #C6C6C6;
  color: #717171;
}
.anyidPopCont .btn.secondary {
  background-color: #EFF5FF;
  border: 1px solid #246BEB;
  color: #1D56BC;
}
.anyidPopCont .btn.secondary:hover {
  background-color: #D3E1FB;
}
.anyidPopCont .btn.secondary:active {
  background-color: #A7C4F7;
}
.anyidPopCont .btn.secondary:focus-visible {
  outline-offset: -0.4rem;
  outline: 2px solid rgba(36, 107, 235, 0.8);
}
.anyidPopCont .btn.secondary[disabled] {
  background-color: #D8D8D8;
  border-color: #C6C6C6;
  color: #717171;
}
.anyidPopCont .btn.secondary.ico-arr-down::after {
  background-image: url(../img/component/common/ico_arr_20_down_blue.svg);
  background-size: contain;
  background-position: center;
}
.anyidPopCont .btn.secondary.active.ico-arr-down::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.anyidPopCont .btn.tertiary {
  background-color: #fff;
  border: 1px solid #1D1D1D;
  color: #000B17;
}
.anyidPopCont .btn.tertiary:hover {
  background-color: #F8F8F8;
}
.anyidPopCont .btn.tertiary:active {
  background-color: #F0F0F0;
}
.anyidPopCont .btn.tertiary:focus-visible {
  outline-offset: -0.4rem;
  outline: 2px solid rgba(36, 107, 235, 0.8);
}
.anyidPopCont .btn.tertiary[disabled] {
  background-color: #D8D8D8;
  border-color: #C6C6C6;
  color: #717171;
}
.anyidPopCont .btn.home {
  gap: 0.3rem;
  padding: 1rem 2rem;
  background-color: #f8f8f8;
  border-color: #e4e4e4;
  border-radius: 4rem;
  color: #1D1D1D;
}
.anyidPopCont .btn[class*=ico-]::after {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  background-repeat: no-repeat;
  background-size: contain;
}
.anyidPopCont .btn[class*=ico-].ico-before::before {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.anyidPopCont .btn[class*=ico-].ico-before::after {
  display: none;
}
.anyidPopCont .btn[class*=ico-].md::before, .anyidPopCont .btn[class*=ico-].md::after {
  width: 2rem;
  height: 2rem;
}
.anyidPopCont .btn.ico-sch::before, .anyidPopCont .btn.ico-sch::after {
  background-image: url(../img/component/common/ico_sch_20_wh.svg);
}
.anyidPopCont .btn.ico-reset::before, .anyidPopCont .btn.ico-reset::after {
  background-image: url(../img/component/common/ico_refresh_16.svg);
}
.anyidPopCont .btn.ico-arr::before, .anyidPopCont .btn.ico-arr::after {
  background-image: url(../img/component/common/ico_arr_20_right.svg);
}
.anyidPopCont .btn.ico-upload::before, .anyidPopCont .btn.ico-upload::after {
  background-image: url(../img/component/common/ico_upload_20_wh.svg);
}
.anyidPopCont .btn[class*=ico-].ico-home::before, .anyidPopCont .btn[class*=ico-].ico-home::after {
  width: 4.8rem;
  height: 4.8rem;
  background-image: url(../img/component/common/ico_home_48.svg);
}
.anyidPopCont .btn.xsm[class*=ico-]::after {
  width: 1.6rem;
  height: 1.6rem;
}
.anyidPopCont .btn.sm .btn[class*=ico-]::after {
  width: 2rem;
  height: 2rem;
}

.anyidPopCont .modal .btn {
  height: 4.8rem;
  padding: 0 1.6rem;
  border-radius: 0.8rem;
  font-size: 1.7rem;
}
.anyidPopCont .modal .btn.home {
  gap: 1.2rem;
  border-radius: 4rem;
  height: 6.8rem;
  padding: 1rem 2rem;
  font-weight: 700;
}


/* **** button : only icon **** */
.anyidPopCont .btn-ico {
  padding: 0 !important;
  color: inherit;
  border: 0;
  background-color: inherit;
}
.anyidPopCont .btn-ico:hover, .anyidPopCont .btn-ico:active {
  background-color: inherit;
}
.anyidPopCont .btn-ico:focus-visible {
  outline-offset: 0.4rem;
  outline: 2px solid rgba(36, 107, 235, 0.8);
}
.anyidPopCont .btn-ico[class*=ico-] {
  width: 4rem;
  height: 4rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.anyidPopCont .btn-ico[class*=ico-]::after {
  display: none;
}
.anyidPopCont .btn-ico[class*=ico-].md {
  width: 2.4rem;
  height: 2.4rem;
}
.anyidPopCont .btn-ico[class*=ico-].sm {
  width: 2rem;
  height: 2rem;
}
.anyidPopCont .btn-ico[class*=ico-].sm-m {
  width: 2.4rem;
  height: 2.4rem;
}
.anyidPopCont .btn-ico[class*=ico-].sm-l {
  width: 3.2rem;
  height: 3.2rem;
}
.anyidPopCont .btn-ico[class*=ico-].xsm {
  width: 1.6rem;
  height: 1.6rem;
}
.anyidPopCont .btn-ico.ico-sch {
  background-image: url(../img/component/common/ico_sch_40.svg);
}
.anyidPopCont .btn-ico.ico-info {
  background-image: url(../img/pattern/common/ico_info.svg);
}
.anyidPopCont .btn-ico.ico-info.sm {
  background-position: center;
  background-size: 1.6rem;
}
.anyidPopCont .btn-ico.ico-refresh {
  border-radius: 10rem;
  border: 0.1rem solid #C6C6C6;
  background-color: #fff;
  background-image: url(../img/component/common/ico_refresh_16.svg);
  background-size: 1.6rem;
}
.anyidPopCont .btn-ico.ico-toggle-r {
  border-radius: 10rem;
  border: 0.1rem solid #C6C6C6;
  background-color: #fff;
  background-image: url(../img/component/common/ico_arr_16_down.svg);
  background-size: 1.6rem;
}
.anyidPopCont .btn-ico.ico-pw-visible {
  background-image: url(../img/component/common/ico_pw_hidden.svg);
  background-image: url(../img/component/common/ico_pw_visible.svg);
}
.anyidPopCont .btn-ico.ico-trash {
  background-image: url(../img/component/common/ico_trash.svg);
  display: block;
  margin: 0 auto;
}
.anyidPopCont .btn-ico.ico-help {
  background-image: url(../img/component/common/ico_help_24.svg);
}
.anyidPopCont .btn-ico.ico-page-prev {
  border-radius: 10rem;
  border: 0.1rem solid #C6C6C6;
  background-color: #fff;
  background-image: url(../img/component/common/ico_swiper_prev.svg);
  background-size: 2.4rem;
}
.anyidPopCont .btn-ico.ico-page-prev.disabled {
  background-color: #EDF1F5;
}
.anyidPopCont .btn-ico.ico-page-next {
  border-radius: 10rem;
  border: 0.1rem solid #C6C6C6;
  background-color: #fff;
  background-image: url(../img/component/common/ico_swiper_next.svg);
  background-size: 2.4rem;
}
.anyidPopCont .btn-ico.ico-page-next.disabled {
  background-color: #EDF1F5;
}

/* **** button : text button **** */
.anyidPopCont .btn-txt {
  padding: 0 0.2rem !important;
  color: inherit;
  border: 0;
  background-color: inherit;
}
.anyidPopCont .btn-txt:hover, .anyidPopCont .btn-txt:active {
  background-color: inherit;
}
.anyidPopCont .btn-txt:hover {
  background-color: #EDF1F5;
}
.anyidPopCont .btn-txt:active {
  background-color: #CDD7E4;
}
.anyidPopCont .btn-txt:focus-visible {
  outline-offset: 0.4rem;
  outline: 2px solid rgba(36, 107, 235, 0.8);
}
.anyidPopCont .btn-txt[disabled] {
  color: #8E8E8E;
}
.anyidPopCont .btn-txt[class*=ico-]::after {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.anyidPopCont .btn-txt[class*=ico-].ico-before::before {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.anyidPopCont .btn-txt[class*=ico-].ico-before::after {
  display: none;
}
.anyidPopCont .btn-txt[class*=ico-].ico-call::before {
  background-image: url(../img/component/common/ico_call.svg);
}
.anyidPopCont .btn-txt[class*=ico-].ico-call::after {
  background-image: url(../img/component/common/ico_call.svg);
}
.anyidPopCont .btn-txt[class*=ico-].ico-faq::before {
  background-image: url(../img/component/common/ico_faq.svg);
}
.anyidPopCont .btn-txt[class*=ico-].ico-faq::after {
  background-image: url(../img/component/common/ico_faq.svg);
}
.anyidPopCont .btn-txt.underline {
  text-decoration: underline;
}
.anyidPopCont .btn-txt.link {
  height: auto;
  text-decoration: underline !important;
}
.anyidPopCont .btn-txt.ico-like::before, .anyidPopCont .btn-txt.ico-like::after {
  background-image: url(../img/component/common/ico_like_20.svg);
}
.anyidPopCont .btn-txt.ico-share::before, .anyidPopCont .btn-txt.ico-share::after {
  background-image: url(../img/component/common/ico_share_20.svg);
}
.anyidPopCont .btn-txt.ico-close::before, .anyidPopCont .btn-txt.ico-close::after {
  background-image: url(../img/component/common/ico_close.svg);
}
.anyidPopCont .btn-txt.ico-arr::after {
  background-image: url(../img/component/common/ico_arr_20_right.svg);
}
.anyidPopCont .btn-txt.ico-arr-down::after {
  background-image: url(../img/component/common/ico_arr_16_down.svg);
}
.anyidPopCont .btn-txt.ico-more::after {
  background-image: url(../img/component/common/ico_arr1_20_right.svg);
}
.anyidPopCont .btn-txt.ico-sch::before, .anyidPopCont .btn-txt.ico-sch::after {
  background-image: url(../img/component/common/ico_sch_40.svg);
}
.anyidPopCont .btn-txt.ico-sch1::before, .anyidPopCont .btn-txt.ico-sch1::after {
  background-image: url(../img/component/common/ico_sch1_20.svg);
}
.anyidPopCont .btn-txt.ico-go::before, .anyidPopCont .btn-txt.ico-go::after {
  background-image: url(../img/component/common/ico_go_20.svg);
}
.anyidPopCont .btn-txt.ico-down::before, .anyidPopCont .btn-txt.ico-down::after {
  background-image: url(../img/component/common/ico_file_20.svg);
}
.anyidPopCont .btn-txt.ico-filter {
  position: relative;
}
.anyidPopCont .btn-txt.ico-filter::before, .anyidPopCont .btn-txt.ico-filter::after {
  background-image: url(../img/component/common/ico_filter_20.svg);
}
.anyidPopCont .btn-txt.ico-filter .num {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  right: 0.1rem;
  z-index: 1;
  height: 2rem;
  font-size: 1.5rem;
  color: #fff;
  padding: 0 0.8rem;
  margin-top: -3rem;
  border-radius: 2rem;
  background-color: #246BEB;
}
.anyidPopCont .btn-txt.ico-reset::before, .anyidPopCont .btn-txt.ico-reset::after {
  background-image: url(../img/component/common/ico_refresh_16.svg);
}
.anyidPopCont .btn-txt.ico-log::before, .anyidPopCont .btn-txt.ico-log::after {
  background-image: url(../img/component/common/ico_login_20.svg);
}
.anyidPopCont .btn-txt.ico-func {
  gap: 0.8rem;
}
.anyidPopCont .btn-txt.ico-func::before, .anyidPopCont .btn-txt.ico-func::after {
  background-image: url(../img/component/common/ico_arr_func_20.svg);
}
.anyidPopCont .btn-txt.ico-logout {
  gap: 0.8rem;
}
.anyidPopCont .btn-txt.ico-logout::before, .anyidPopCont .btn-txt.ico-logout::after {
  background-image: url(../img/component/common/ico_logout_16.svg);
}
.anyidPopCont .btn-txt.ico-email {
  gap: 0.8rem;
}
.anyidPopCont .btn-txt.ico-email::before, .anyidPopCont .btn-txt.ico-email::after {
  background-image: url(../img/component/common/ico_email_20.svg);
}
.anyidPopCont .btn-txt.ico-print {
  gap: 0.8rem;
}
.anyidPopCont .btn-txt.ico-print::before, .anyidPopCont .btn-txt.ico-print::after {
  background-image: url(../img/component/common/ico_print_20.svg);
}
.anyidPopCont .btn-txt.ico-scrap {
  gap: 0.8rem;
}
.anyidPopCont .btn-txt.ico-scrap::before, .anyidPopCont .btn-txt.ico-scrap::after {
  background-image: url(../img/component/common/ico_scrap_20.svg);
}
.anyidPopCont .btn-txt.ico-del {
  gap: 0.8rem;
}
.anyidPopCont .btn-txt.ico-del::before, .anyidPopCont .btn-txt.ico-del::after {
  background-image: url(../img/component/common/ico_del1_20.svg);
}
.anyidPopCont .btn-txt.ico-plus {
  gap: 0.8rem;
}
.anyidPopCont .btn-txt.ico-plus::before, .anyidPopCont .btn-txt.ico-plus::after {
  background-image: url(../img/component/common/ico_plus_24.svg);
}
.anyidPopCont .btn-txt.ico-setting {
  gap: 0.8rem;
}
.anyidPopCont .btn-txt.ico-setting::before, .anyidPopCont .btn-txt.ico-setting::after {
  background-image: url(../img/component/common/ico_setting_20.svg);
}
.anyidPopCont .btn-txt.ico-link {
  gap: 0.8rem;
}
.anyidPopCont .btn-txt.ico-link::before, .anyidPopCont .btn-txt.ico-link::after {
  background-image: url(../img/component/common/ico_link_16.svg);
}
.anyidPopCont .btn-txt.ico-comment {
  gap: 0.8rem;
}
.anyidPopCont .btn-txt.ico-comment::before, .anyidPopCont .btn-txt.ico-comment::after {
  background-image: url(../img/component/common/ico_comment_16.svg);
}
.anyidPopCont .btn-txt.ico-prev {
  gap: 0.8rem;
}
.anyidPopCont .btn-txt.ico-prev::before, .anyidPopCont .btn-txt.ico-prev::after {
  background-image: url(../img/component/common/ico-prev_24.svg);
}
.anyidPopCont .btn-txt.sm[class*=ico-]::before, .anyidPopCont .btn-txt.sm[class*=ico-]::after {
  width: 2rem;
  height: 2rem;
}
.anyidPopCont .btn-txt.xsm[class*=ico-] {
  gap: 0.2rem;
}
.anyidPopCont .btn-txt.xsm[class*=ico-]::before, .anyidPopCont .btn-txt.xsm[class*=ico-]::after {
  width: 1.6rem;
  height: 1.6rem;
}
.anyidPopCont .btn-txt.h-auto {
  height: auto;
  padding: 0.2rem !important;
}

.anyidPopCont .link-txt {
  text-decoration: underline;
}

.anyidPopCont .btn.sm {
  height: 4rem;
  padding: 0 var(--krds-btn-px-sm);
  border-radius: var(--krds-btn-rd-sm);
  font-size: var(--krds-btn-fz-sm);
}

.anyidPopCont .btn-txt.sm[class*=ico-]::before, .btn-txt.sm[class*=ico-]::after {
  width: 2rem;
  height: 2rem;
}

.anyidPopCont .btn.ico-arr::before, .btn.ico-arr::after {
  background-image: url(../img/component/common/ico_arr_20_right.svg);
}

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

.anyidPopCont :root {
  --krds-white: #fff;
  --krds-black: #000;
  --krds-primary: #246BEB;
  --krds-secondary: #003675;
  --krds-point: #E71825;
  --krds-danger: #EB003B;
  --krds-warning: #FFB724;
  --krds-success: #008A1E;
  --krds-information: #2768FF;
  --krds-primary-5: #EFF5FF;
  --krds-primary-10: #D3E1FB;
  --krds-primary-20: #A7C4F7;
  --krds-primary-30: #7CA6F3;
  --krds-primary-40: #5089EF;
  --krds-primary-60: #1D56BC;
  --krds-primary-70: #16408D;
  --krds-primary-80: #0E2B5E;
  --krds-primary-90: #07152F;
  --krds-secondary-5: #EDF1F5;
  --krds-secondary-10: #CDD7E4;
  --krds-secondary-20: #B4C4D6;
  --krds-secondary-30: #99B0CB;
  --krds-secondary-40: #2A5C96;
  --krds-secondary-60: #002B5E;
  --krds-secondary-70: #002046;
  --krds-secondary-80: #00162F;
  --krds-secondary-90: #000B17;
  --krds-point-5: #FDF2F3;
  --krds-point-10: #FAD1D3;
  --krds-point-20: #F5A3A8;
  --krds-point-30: #F1747C;
  --krds-point-40: #EC4651;
  --krds-point-60: #B9131E;
  --krds-point-70: #8B0E16;
  --krds-point-80: #5C0A0F;
  --krds-point-90: #2E0507;
  --krds-gray-5: #F8F8F8;
  --krds-gray-10: #F0F0F0;
  --krds-gray-20: #E4E4E4;
  --krds-gray-30: #D8D8D8;
  --krds-gray-40: #C6C6C6;
  --krds-gray-50: #8E8E8E;
  --krds-gray-60: #717171;
  --krds-gray-70: #555555;
  --krds-gray-80: #2D2D2D;
  --krds-gray-90: #1D1D1D;
  --krds-fz-display-sm: 4rem;
  --krds-fz-display-md: 5rem;
  --krds-fz-display-lg: 6.6rem;
  --krds-fz-heading-sm: 3.2rem;
  --krds-fz-heading-md: 4rem;
  --krds-fz-heading-lg: 5rem;
  --krds-fz-title-xsm: 1.5rem;
  --krds-fz-title-sm: 1.7rem;
  --krds-fz-title-md: 1.9rem;
  --krds-fz-title-lg: 2.1rem;
  --krds-fz-title-xlg: 2.5rem;
  --krds-fz-title-xxlg: 3.2rem;
  --krds-fz-body-sm: 1.5rem;
  --krds-fz-body-md: 1.7rem;
  --krds-fz-body-lg: 1.9rem;
  --krds-fz-link-sm: 1.5rem;
  --krds-fz-link-md: 1.7rem;
  --krds-fz-link-lg: 1.9rem;
  --krds-fz-detail-sm: 1.3rem;
  --krds-fz-detail-md: 1.5rem;
  --krds-fz-detail-lg: 1.7rem;
  --krds-fz-label-xsm: 1.3rem;
  --krds-fz-label-sm: 1.5rem;
  --krds-fz-label-md: 1.7rem;
  --krds-fz-label-lg: 1.9rem;
  --krds-rd-1: 0.1rem;
  --krds-rd-2: 0.2rem;
  --krds-rd-4: 0.4rem;
  --krds-rd-6: 0.6rem;
  --krds-rd-8: 0.8rem;
  --krds-rd-10: 1rem;
  --krds-rd-12: 1.2rem;
  --krds-rd-full: 100%;
  --krds-btn-h-xsm: 3.2rem;
  --krds-btn-h-sm: 4rem;
  --krds-btn-h-md: 4.8rem;
  --krds-btn-h-lg: 5.6rem;
  --krds-btn-h-xlg: 6.4rem;
  --krds-btn-px-xsm: 1rem;
  --krds-btn-px-sm: 1.2rem;
  --krds-btn-px-md: 1.6rem;
  --krds-btn-px-lg: 2rem;
  --krds-btn-px-xlg: 2.4rem;
  --krds-btn-rd-xsm: 0.6rem;
  --krds-btn-rd-sm: 0.6rem;
  --krds-btn-rd-md: 0.8rem;
  --krds-btn-rd-lg: 0.8rem;
  --krds-btn-rd-xlg: 0.8rem;
  --krds-btn-fz-xsm: 1.5rem;
  --krds-btn-fz-sm: 1.7rem;
  --krds-btn-fz-md: 1.7rem;
  --krds-btn-fz-lg: 1.9rem;
  --krds-btn-fz-xlg: 1.9rem;
  --krds-btnChipFill-h-md: 3.2rem;
  --krds-btnChipFill-h-lg: 3.6rem;
  --krds-btnChipFill-pd-md: 0 1.2rem;
  --krds-btnChipFill-pd-lg: 0 1.2rem;
  --krds-btnChipFill-rd-md: 0.6rem;
  --krds-btnChipFill-rd-lg: 0.6rem;
  --krds-btnChipFill-fz-md: 1.5rem;
  --krds-btnChipFill-fz-lg: 1.7rem;
  --krds-btnChipOutline-h-md: 3.2rem;
  --krds-btnChipOutline-h-lg: 3.6rem;
  --krds-btnChipOutline-pd-md: 0 1.2rem;
  --krds-btnChipOutline-pd-lg: 0 1.2rem;
  --krds-btnChipOutline-rd-md: 10rem;
  --krds-btnChipOutline-rd-lg: 10rem;
  --krds-btnChipOutline-fz-md: 1.5rem;
  --krds-btnChipOutline-fz-lg: 1.7rem;
  --krds-btnChipOutline-gap-md: 0.2rem;
  --krds-btnChipOutline-gap-lg: 0.2rem;
  --krds-btnChipOutline-size-md: 1.2rem;
  --krds-btnChipOutline-size-lg: 1.6rem;
  --krds-input-h-sm: 4rem;
  --krds-input-h-md: 4.8rem;
  --krds-input-h-lg: 5.6rem;
  --krds-input-h-xlg: 8rem;
  --krds-input-px-sm: 1.6rem;
  --krds-input-px-md: 1.6rem;
  --krds-input-px-lg: 1.6rem;
  --krds-input-px-xlg: 2.4rem;
  --krds-input-rd-sm: 0.6rem;
  --krds-input-rd-md: 0.8rem;
  --krds-input-rd-lg: 0.8rem;
  --krds-input-rd-xlg: 1.2rem;
  --krds-input-fz-sm: 1.5rem;
  --krds-input-fz-md: 1.7rem;
  --krds-input-fz-lg: 1.9rem;
  --krds-input-fz-xlg: 2.5rem;
  --krds-rdo-size-sm: 1.6rem;
  --krds-rdo-size-md: 2rem;
  --krds-rdo-size-lg: 2.4rem;
  --krds-rdo-chk-sm: 0.8rem;
  --krds-rdo-chk-md: 1rem;
  --krds-rdo-chk-lg: 1.4rem;
  --krds-rdo-pos-sm: 0.2rem;
  --krds-rdo-pos-md: 0.5rem;
  --krds-rdo-pos-lg: 1rem;
  --krds-rdo-fz-sm: 1.5rem;
  --krds-rdo-fz-md: 1.7rem;
  --krds-rdo-fz-lg: 1.9rem;
  --krds-chk-size-sm: 1.6rem;
  --krds-chk-size-md: 2rem;
  --krds-chk-size-lg: 2.4rem;
  --krds-chk-primary-chk-sm: 1.2rem;
  --krds-chk-primary-chk-md: 1.6rem;
  --krds-chk-primary-chk-lg: 2rem;
  --krds-chk-secondary-chk-md: 2rem;
  --krds-chk-pos-md: 0.5rem;
  --krds-chk-fz-sm: 1.5rem;
  --krds-chk-fz-md: 1.7rem;
  --krds-chk-fz-lg: 1.9rem;
  --krds-select-h-sm: 4rem;
  --krds-select-h-md: 4.8rem;
  --krds-select-h-lg: 5.6rem;
  --krds-select-pd-sm: 0 5.2rem 0 1.6rem;
  --krds-select-pd-md: 0 5.2rem 0 1.6rem;
  --krds-select-pd-lg: 0 5.2rem 0 1.6rem;
  --krds-select-rd-sm: 0.6rem;
  --krds-select-rd-md: 0.8rem;
  --krds-select-rd-lg: 0.8rem;
  --krds-select-fz-sm: 1.5rem;
  --krds-select-fz-md: 1.7rem;
  --krds-select-fz-lg: 1.9rem;
  --krds-select-rn-sm: 1.6rem;
  --krds-select-rn-md: 1.6rem;
  --krds-select-rn-lg: 1.6rem;
  --krds-select-bgs-sm: 2rem;
  --krds-select-bgs-md: 2rem;
  --krds-select-bgs-lg: 2.4rem;
  --krds-switch-h-md: 2rem;
  --krds-switch-h-lg: 2.4rem;
  --krds-switch-w-md: 3.2rem;
  --krds-switch-w-lg: 4rem;
  --krds-switch-b-md: 1.6rem;
  --krds-switch-b-lg: 2rem;
  --krds-switch-br-md: 0.2rem;
  --krds-switch-br-lg: 0.2rem;
  --krds-switch-pd-md: 0.8rem;
  --krds-switch-pd-lg: 0.8rem;
  --krds-switch-rd-md: 4rem;
  --krds-switch-rd-lg: 4rem;
  --krds-switch-fz-md: 1.7rem;
  --krds-switch-fz-lg: 1.9rem;
  --krds-rdoChipOutline-h-sm: 3.2rem;
  --krds-rdoChipOutline-h-md: 4rem;
  --krds-rdoChipOutline-h-lg: 4.8rem;
  --krds-rdoChipOutline-pd-sm: 0 1rem;
  --krds-rdoChipOutline-pd-md: 0 1.2rem;
  --krds-rdoChipOutline-pd-lg: 0 1.6rem;
  --krds-rdoChipOutline-rd-sm: 0.6rem;
  --krds-rdoChipOutline-rd-md: 0.6rem;
  --krds-rdoChipOutline-rd-lg: 0.8rem;
  --krds-rdoChipOutline-fz-sm: 1.5rem;
  --krds-rdoChipOutline-fz-md: 1.7rem;
  --krds-rdoChipOutline-fz-lg: 1.7rem;
  --krds-chkChipOutline-h-sm: 3.2rem;
  --krds-chkChipOutline-h-md: 4rem;
  --krds-chkChipOutline-h-lg: 4.8rem;
  --krds-chkChipOutline-pd-sm: 0 1rem 0 0.8rem;
  --krds-chkChipOutline-pd-md: 0 1.2rem 0 1rem;
  --krds-chkChipOutline-pd-lg: 0 1rem 0 1.2rem;
  --krds-chkChipOutline-rd-sm: 0.6rem;
  --krds-chkChipOutline-rd-md: 0.6rem;
  --krds-chkChipOutline-rd-lg: 0.8rem;
  --krds-chkChipOutline-fz-sm: 1.5rem;
  --krds-chkChipOutline-fz-md: 1.7rem;
  --krds-chkChipOutline-fz-lg: 1.7rem;
  --krds-chkChipOutline-gap-sm: 0.4rem;
  --krds-chkChipOutline-gap-md: 0.4rem;
  --krds-chkChipOutline-gap-lg: 0.4rem;
  --krds-chkChipOutline-ico-sm: 1.6rem;
  --krds-chkChipOutline-ico-md: 2rem;
  --krds-chkChipOutline-ico-lg: 2rem;
  --krds-tab-h-full: 5.6rem;
  --krds-tab-h-fill: 4.8rem;
  --krds-tab-h-line: 4.8rem;
  --krds-tab-fz-full: 1.9rem;
  --krds-tab-fz-fill: 1.9rem;
  --krds-tab-fz-ilne: 1.9rem;
  --krds-tab-px-full: 0;
  --krds-tab-px-fill: 1.6rem;
  --krds-tab-px-line: 0.2rem;
  --krds-tab-ml-full: 0;
  --krds-tab-ml-fill: 0.8rem;
  --krds-tab-ml-line: 1.6rem;
  --krds-tab-rd-full: 0.8rem;
  --krds-tab-rd-fill: 0.8rem;
  --krds-tab-rd-line: 0;
  --krds-spacer-50: 20rem;
  --krds-spacer-49: 19.6rem;
  --krds-spacer-48: 19.2rem;
  --krds-spacer-47: 18.8rem;
  --krds-spacer-46: 18.4rem;
  --krds-spacer-45: 18rem;
  --krds-spacer-44: 17.6rem;
  --krds-spacer-43: 17.2rem;
  --krds-spacer-42: 16.8rem;
  --krds-spacer-41: 16.4rem;
  --krds-spacer-40: 16rem;
  --krds-spacer-39: 15.6rem;
  --krds-spacer-38: 15.2rem;
  --krds-spacer-37: 14.8rem;
  --krds-spacer-36: 14.4rem;
  --krds-spacer-35: 14rem;
  --krds-spacer-34: 13.6rem;
  --krds-spacer-33: 13.2rem;
  --krds-spacer-32: 12.8rem;
  --krds-spacer-31: 12.4rem;
  --krds-spacer-30: 12rem;
  --krds-spacer-29: 11.6rem;
  --krds-spacer-28: 11.2rem;
  --krds-spacer-27: 10.8rem;
  --krds-spacer-26: 10.4rem;
  --krds-spacer-25: 10rem;
  --krds-spacer-24: 9.6rem;
  --krds-spacer-23: 9.2rem;
  --krds-spacer-22: 8.8rem;
  --krds-spacer-21: 8.4rem;
  --krds-spacer-20: 8rem;
  --krds-spacer-19: 7.6rem;
  --krds-spacer-18: 7.2rem;
  --krds-spacer-17: 6.8rem;
  --krds-spacer-16: 6.4rem;
  --krds-spacer-15: 6rem;
  --krds-spacer-14: 5.6rem;
  --krds-spacer-13: 5.2rem;
  --krds-spacer-12: 4.8rem;
  --krds-spacer-11: 4.4rem;
  --krds-spacer-10: 4rem;
  --krds-spacer-9: 3.6rem;
  --krds-spacer-8: 3.2rem;
  --krds-spacer-7: 2.8rem;
  --krds-spacer-6: 2.4rem;
  --krds-spacer-5: 2rem;
  --krds-spacer-4: 1.6rem;
  --krds-spacer-3: 1.2rem;
  --krds-spacer-2: 0.8rem;
  --krds-spacer-1: 0.4rem;
  --krds-spacer-0: 0;
  --krds-spacer-default: 0.1rem;
  --krds-spacer-default2: 0.2rem;
  --krds-spacer-full: 100%;
}


/* **** PAGE LAYOUT ELEMENT **** */
/* ** 페이지 타이틀 ** */
.page-title-wrap {
  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;
  margin-bottom: 8rem;
}
.page-title-wrap.type2 {
  margin-bottom: 4rem;
}
.page-title-wrap .h-tit {
  font-size: 4rem;
  font-weight: 700;
}
.page-title-wrap .h-tit .small-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.9rem;
}
.page-title-wrap .h-tit .sub-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.5rem;
  font-weight: 400;
  color: #555555;
}
.page-title-wrap .h-tit .krds-badge-wrap {
  font-weight: 400;
  margin-top: 3.2rem;
}
.page-title-wrap .h-txt {
  font-size: 1.9rem;
  color: #555555;
}

 .page-title-wrap .h-txt .br {
   display: none;
 }

.page-title-wrap.between {
  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;
}

/* ** 페이지 하단 버튼 ** */
.page-btn-wrap {
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 1.6rem;
  margin-top: 6.4rem;
  background-color: #fff;
}
.page-btn-wrap.guide {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page-btn-wrap.guide .btn {
  -webkit-box-flex: initial;
      -ms-flex: initial;
          flex: initial;
}
.page-btn-wrap.guide .guide-txt {
  padding: 0;
  background-color: transparent;
  border-radius: 0;
  text-align: center;
}
.page-btn-wrap.both {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-btn-wrap.both .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.6rem;
  width: auto;
}
.page-btn-wrap.coach-highligt {
  position: relative;
  z-index: 5;
}
.page-btn-wrap.coach-highligt > .coach-balloon {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #fff;
}


#anyidLoginPop #container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#anyidLoginPop #container > .inner {
  min-height: 60rem;
}
#anyidLoginPop #container .in-between {
  padding: 0 !important;
  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: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 8rem;
}
#anyidLoginPop #container .in-between .left-menu {
  width: 29.6rem;
  padding: 4rem 4rem 0 0;
  border-right: 0.1rem solid #C6C6C6;
}
#anyidLoginPop #container .in-between .contents {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-bottom: 8rem;
}
#anyidLoginPop #container .in-between .contents .breadcrumb-wrap {
  padding: 4rem 0 8rem;
}
#anyidLoginPop #container .in-between .contents .breadcrumb-wrap .breadcrumb {
  padding: 0;
}
#anyidLoginPop #container .left-menu {
  position: relative;
  overflow: hidden;
}
#anyidLoginPop #container .left-menu .lnb-tit {
  font-size: 2.1rem;
  font-weight: 700;
  height: 5.4rem;
  padding: 0px 0.8rem 2.4rem 0.8rem;
  border-bottom: 0.1rem solid #8E8E8E;
}
#anyidLoginPop #container .left-menu .lnb-list {
  border-bottom: 0.1rem solid #C6C6C6;
}
#anyidLoginPop #container .left-menu .lnb-list .li {
  padding: 0;
}
#anyidLoginPop #container .left-menu .lnb-list .li.active .acco-head .tit {
  color: var(-krds-secondary-50);
}
#anyidLoginPop #container .left-menu .lnb-list .li.active .acco-head .acco-btn::after {
  background: url(../img/component/common/ico_arr_20_down_blue.svg) no-repeat center;
}
#anyidLoginPop #container .left-menu .lnb-list .acco-head {
  height: 6.4rem;
  padding: 0px 0.8rem;
}
#anyidLoginPop #container .left-menu .lnb-list .acco-head:hover {
  background-color: #EDF1F5;
}
#anyidLoginPop #container .left-menu .lnb-list .acco-head:active {
  background-color: #99B0CB;
}
#anyidLoginPop #container .left-menu .lnb-list .acco-head .tit {
  font-size: 1.7rem;
}
#anyidLoginPop #container .left-menu .lnb-list .acco-head .acco-btn:focus-visible {
  outline-offset: -0.4rem;
  outline: 2px solid rgba(36, 107, 235, 0.8);
}
#anyidLoginPop #container .left-menu .lnb-list .acco-head .acco-btn:hover {
  background-color: transparent;
}
#anyidLoginPop #container .left-menu .lnb-list .acco-body .acco-in {
  padding: 0;
}
#anyidLoginPop #container .left-menu .lnb-list .sub-ul {
  padding: 1.6rem 0;
  margin: 0;
  border-top: 0.3rem solid #2A5C96;
}
#anyidLoginPop #container .left-menu .lnb-list .sub-ul .subm {
  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;
  position: relative;
  width: 100%;
  height: 4.8rem;
  padding: 1.2rem 1.6rem 1.2rem 3.2rem;
  border-radius: 0.8rem;
}
#anyidLoginPop #container .left-menu .lnb-list .sub-ul .subm::before {
  position: absolute;
  left: 1.6rem;
  content: "•";
}
#anyidLoginPop #container .left-menu .lnb-list .sub-ul .subm:hover {
  background-color: #EDF1F5;
}
#anyidLoginPop #container .left-menu .lnb-list .sub-ul .subm:active {
  background-color: #99B0CB;
}
#anyidLoginPop #container .left-menu .lnb-list .sub-ul .subm.is-depth4 {
  gap: 0.4rem;
}
#anyidLoginPop #container .left-menu .lnb-list .sub-ul .subm.is-depth4::after {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  margin-left: auto;
  background: url(../img/component/common/ico_arr_16_down.svg) no-repeat center;
  background-size: contain;
}
#anyidLoginPop #container .left-menu .depth4-wrap {
  display: none;
  position: absolute;
  top: 0;
  left: -100%;
  z-index: 10;
  width: 100%;
  height: 100%;
  padding-top: 4rem;
  background-color: #fff;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
#anyidLoginPop #container .left-menu .depth4-wrap .depth4-tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-weight: 700;
  width: 100%;
  height: 7.6rem;
  padding: 0.8rem 1.6rem !important;
  margin-bottom: 0.8rem;
  text-align: left;
  border-radius: 0.8rem;
}
#anyidLoginPop #container .left-menu .depth4-wrap .depth4-tit::before {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  background-image: url(../img/pattern/layout/lnb_ico_prev.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
#anyidLoginPop #container .left-menu .depth4-wrap .depth4-tit:hover {
  background-color: #EDF1F5;
}
#anyidLoginPop #container .left-menu .depth4-wrap .depth4-ul {
  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;
  padding: 1.6rem 0;
  border-top: 0.1rem solid #D8D8D8;
  border-bottom: 0.1rem solid #D8D8D8;
}
#anyidLoginPop #container .left-menu .depth4-wrap .depth4-ul a {
  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;
  position: relative;
  width: 100%;
  height: 4.8rem;
  padding: 1.2rem 1.6rem 1.2rem 3.2rem;
  border-radius: 0.8rem;
}
#anyidLoginPop #container .left-menu .depth4-wrap .depth4-ul a::before {
  position: absolute;
  left: 1.6rem;
  content: "•";
}
#anyidLoginPop #container .left-menu .depth4-wrap .depth4-ul a:hover {
  background-color: #EDF1F5;
}
#anyidLoginPop #container .left-menu .depth4-wrap .depth4-ul a:active {
  background-color: #99B0CB;
}
#anyidLoginPop #container .left-menu .depth4-wrap .depth4-ul a.is-depth4 {
  gap: 0.4rem;
}
#anyidLoginPop #container .left-menu .depth4-wrap .depth4-ul a.is-depth4::after {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  margin-left: auto;
  background: url(../img/component/common/ico_arr_16_down.svg) no-repeat center;
  background-size: contain;
}
#anyidLoginPop #container .left-menu .depth4-wrap.is-open {
  display: block;
  left: 0;
}

.auth-inner {
  width: 100%;
  max-width: 130rem;
  margin: 0 auto;
  /* ** 버튼 ** */
  /* **** button : text button **** */
  /* radio checkbox */
  /* **** checkbox : switch type **** */
  /* ** 툴팁 ** */
  /* ** 툴팁 로그인 ** */
  /* ** 페이지 타이틀 ** */
}
.auth-inner.narrow {
  max-width: 108rem;
}
.auth-inner.type-short {
  padding-top: 30px;
}
.auth-inner.type-short .conts-area.login-type {
  padding-top: 0;
  gap: 0;
}
@media (max-width: 767px) {
  .auth-inner.type-short {
    padding-top: 0;
  }
  .auth-inner.type-short .page-title-wrap {
    display: none;
  }
  .auth-inner.type-short .login-opt-wrap {
    display: none;
  }
  .auth-inner.type-short .conts-area.login-type {
    padding-top: 0;
    border-top: 0;
  }
}
@media (min-width: 1024px) {
  .auth-inner {
    padding-left: 1rem;
    padding-right: 1rem;
    margin: 0 auto;
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
}
@media (max-width: 1023px) {
  .auth-inner {
    padding-top: 6.4rem;
    padding-bottom: 6.4rem;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
}
.auth-inner .btn {
  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;
  gap: 0.4rem;
  width: auto;
  height: 5.6rem;
  padding: 0 2rem;
  background-color: #246BEB;
  border: 1px solid #246BEB;
  border-radius: 0.8rem;
  font-size: 1.9rem;
  color: #fff;
  font-weight: 400;
  line-height: 1;
  cursor: pointer;
  white-space: nowrap;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.auth-inner .btn:hover {
  background-color: #1D56BC;
  border-color: #1D56BC;
}
.auth-inner .btn:active {
  background-color: #16408D;
  border-color: #16408D;
}
.auth-inner .btn:focus-visible {
  outline-offset: -0.4rem;
  outline: 2px solid rgba(255, 255, 255, 0.9);
  -webkit-transition: none;
  transition: none;
}
.auth-inner .btn[disabled] {
  background-color: #D8D8D8;
  border-color: #D8D8D8;
  color: #717171;
  cursor: default;
}
.auth-inner .btn.tertiary {
  background-color: #fff;
  border: 1px solid #1D1D1D;
  color: #000B17;
}
.auth-inner .btn.tertiary:hover {
  background-color: #F8F8F8;
}
.auth-inner .btn.tertiary:active {
  background-color: #F0F0F0;
}
.auth-inner .btn.tertiary:focus-visible {
  outline-offset: -0.4rem;
  outline: 2px solid rgba(36, 107, 235, 0.8);
}
.auth-inner .btn.tertiary[disabled] {
  background-color: #D8D8D8;
  border-color: #C6C6C6;
  color: #717171;
}
.auth-inner .btn[class*=ico-]::after {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  background-repeat: no-repeat;
  background-size: contain;
}
.auth-inner .btn[class*=ico-].ico-before::before {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.auth-inner .btn[class*=ico-].ico-before::after {
  display: none;
}
.auth-inner .btn.ico-arr::before, .auth-inner .btn.ico-arr::after {
  background-image: url(../img/component/common/ico_arr_20_right.svg);
}
.auth-inner .btn.sm .auth-inner .btn[class*=ico-]::after {
  width: 2rem;
  height: 2rem;
}
.auth-inner .btn-txt {
  padding: 0 0.2rem !important;
  color: inherit;
  border: 0;
  background-color: inherit;
}
.auth-inner .btn-txt:hover, .auth-inner .btn-txt:active {
  background-color: inherit;
}
.auth-inner .btn-txt:hover {
  background-color: #EDF1F5;
}
.auth-inner .btn-txt:active {
  background-color: #CDD7E4;
}
.auth-inner .btn-txt:focus-visible {
  outline-offset: 0.4rem;
  outline: 2px solid rgba(36, 107, 235, 0.8);
}
.auth-inner .btn-txt[disabled] {
  color: #8E8E8E;
}
.auth-inner .btn-txt[class*=ico-]::after {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.auth-inner .btn-txt[class*=ico-].ico-before::before {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.auth-inner .btn-txt[class*=ico-].ico-before::after {
  display: none;
}
.auth-inner .btn-txt.ico-arr::after {
  background-image: url(../img/component/common/ico_arr_20_right.svg);
}
.auth-inner .btn-txt.sm[class*=ico-]::before, .auth-inner .btn-txt.sm[class*=ico-]::after {
  width: 2rem;
  height: 2rem;
}
.auth-inner input[type=radio],
.auth-inner 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;
}
.auth-inner .form-switch {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
}
.auth-inner .form-switch label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1.9rem;
}
.auth-inner .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;
}
.auth-inner .form-switch [type=checkbox] ~ i::before, .auth-inner .form-switch [type=checkbox] ~ i::after {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  content: "";
}
.auth-inner .form-switch [type=checkbox] ~ i::before {
  position: absolute;
  left: 0.2rem;
  width: 2rem;
  height: 2rem;
  border-radius: 4rem;
  background-color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.auth-inner .form-switch [type=checkbox] ~ i::after {
  width: 4rem;
  height: 2.4rem;
  border-radius: 4rem;
  background-color: #B4C4D6;
}
.auth-inner .form-switch [type=checkbox] ~ label {
  z-index: 1;
  padding-left: calc(4rem + 0.8rem);
  margin-left: calc(4rem * -1);
  font-size: 1.9rem;
}
.auth-inner .form-switch [type=checkbox]:checked ~ i::before {
  position: absolute;
  left: calc(4rem - 2rem - 0.2rem);
}
.auth-inner .form-switch [type=checkbox]:checked ~ i::after {
  background-color: #246BEB;
}
.auth-inner .form-switch [type=checkbox]:disabled ~ i::before {
  border-color: #E4E4E4;
  background-color: #C6C6C6;
}
.auth-inner .form-switch [type=checkbox]:disabled ~ i::after {
  background-color: #E4E4E4;
}
.auth-inner .form-switch [type=checkbox]:disabled ~ label {
  color: #8E8E8E;
  cursor: inherit;
}
.auth-inner .form-switch [type=checkbox]:focus-visible ~ label {
  outline-offset: 0.4rem;
  outline: 2px solid rgba(36, 107, 235, 0.8);
}
.auth-inner .krds-tooltip-wrap {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  width: 100%;
}
.auth-inner .krds-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.4rem;
  font-size: 1.7rem;
}
.auth-inner .krds-tooltip-wrap .tool-btn {
  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.4rem;
}
.auth-inner .krds-tooltip-wrap .tool-btn::after {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  content: "";
  width: 2rem;
  height: 2rem;
  background: url(../img/component/common/ico_tooltip_20.svg) no-repeat center;
  background-size: contain;
}
.auth-inner .krds-tooltip-wrap .tool-in {
  display: none;
  position: absolute;
  z-index: 3;
  font-size: 1.5rem;
  width: 56rem;
  padding: 2.4rem;
  border-radius: 0.6rem;
  border: 1px solid #C6C6C6;
  background-color: #fff;
}
.auth-inner .krds-tooltip-wrap .tool-in::before {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  content: "";
  position: absolute;
  z-index: 4;
  width: 2.2rem;
  height: 1.2rem;
  background: url(../img/component/common/ico_tool_arr.svg) no-repeat center;
  background-size: contain;
}
.auth-inner .krds-tooltip-wrap .tool-in .tool-hd {
  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;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 1.6rem;
}
.auth-inner .krds-tooltip-wrap .tool-in .tool-tit {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  padding-right: 4rem;
}
.auth-inner .krds-tooltip-wrap .tool-in .tool-close {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  top: 1.2rem;
  right: 1.2rem;
  width: 4rem;
  height: 4rem;
  background: url(../img/component/common/ico_del_20.svg) no-repeat center;
}
.auth-inner .krds-tooltip-wrap .tool-in .tool-cnt {
  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.4rem;
  margin-top: 1.6rem;
}
.auth-inner .krds-tooltip-wrap.left .tool-in {
  left: 0;
}
.auth-inner .krds-tooltip-wrap.left .tool-in::before {
  left: 2.4rem;
}
.auth-inner .krds-tooltip-wrap.center .tool-in {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.auth-inner .krds-tooltip-wrap.center .tool-in::before {
  left: 50%;
  margin-left: -1.1rem;
}
.auth-inner .krds-tooltip-wrap.right .tool-in {
  right: 0;
}
.auth-inner .krds-tooltip-wrap.right .tool-in::before {
  right: 2.4rem;
}
.auth-inner .krds-tooltip-wrap.top .tool-in {
  bottom: 100%;
  margin-bottom: 1.2rem;
}
.auth-inner .krds-tooltip-wrap.top .tool-in::before {
  top: 100%;
}
.auth-inner .krds-tooltip-wrap.bottom .tool-in {
  top: 100%;
  margin-top: 1.2rem;
}
.auth-inner .krds-tooltip-wrap.bottom .tool-in::before {
  bottom: 100%;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
@media (max-width: 767px) {
  .auth-inner .krds-tooltip-wrap .tool-in {
    -webkit-transform: none !important;
            transform: none !important;
  }
  .auth-inner .krds-tooltip-wrap .tool-in::before {
    display: none;
  }
}
.auth-inner .krds-tooltip-wrap .tool-btn.white {
  background: none;
}
.auth-inner .krds-tooltip-wrap .tool-btn.white::after {
  margin-left: 0.4rem;
  background-image: url(../img/pattern/common/ico_info.svg);
  background-size: 1.6rem;
}
.auth-inner .krds-tooltip-wrap.register .tool-in {
  left: -4.1rem;
  width: 52rem;
}
.auth-inner .krds-tooltip-wrap.register .tool-in::before {
  left: 37.2rem;
}
.auth-inner .krds-tooltip-wrap.register {
  width: 100%;
}
.auth-inner .krds-tooltip-wrap.sso .tool-in {
  left: -2.1rem;
  width: 43rem;
}
.auth-inner .krds-tooltip-wrap.sso .tool-in::before {
  left: 2.4rem;
}
.auth-inner .krds-tooltip-wrap.keyboard .tool-in {
  left: -2.1rem;
  width: 43rem;
}
.auth-inner .krds-tooltip-wrap.keyboard .tool-in::before {
  left: 2.4rem;
}
@media (max-width: 767px) {
  .auth-inner .krds-tooltip-wrap.register .tool-in {
    left: -2.5rem;
    max-width: calc(100% + 0.5rem);
  }
  .auth-inner .krds-tooltip-wrap.sso .tool-in,
  .auth-inner .krds-tooltip-wrap.keyboard .tool-in {
    left: 0;
    max-width: 100%;
  }
}
.auth-inner.type-short .page-title-wrap {
  margin-bottom: 0;
  gap: 10px;
}
.auth-inner.type-short .page-title-wrap .h-tit {
  font-size: 20px;
}
.auth-inner.type-short .page-title-wrap .h-txt {
  font-size: 14px;
}
.auth-inner.type-short .login-opt-wrap {
  margin-top: 10px;
}
.auth-inner .page-title-wrap {
  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;
  margin-bottom: 8rem;
}
.auth-inner .page-title-wrap.type2 {
  margin-bottom: 4rem;
}
.auth-inner .page-title-wrap .h-tit {
  font-size: 4rem;
  font-weight: 700;
}
.auth-inner .page-title-wrap .h-tit .small-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.9rem;
}
.auth-inner .page-title-wrap .h-tit .sub-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.5rem;
  font-weight: 400;
  color: #555555;
}
.auth-inner .page-title-wrap .h-tit .krds-badge-wrap {
  font-weight: 400;
  margin-top: 3.2rem;
}
.auth-inner .page-title-wrap .h-txt {
  font-size: 1.9rem;
  color: #555555;
}
.auth-inner .page-title-wrap.between {
  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;
}
@media (min-width: 1024px) {
  .auth-inner .page-title-wrap {
    gap: 4rem;
  }
}
@media (max-width: 1023px) {
  .auth-inner .page-title-wrap {
    gap: 3.2rem;
    margin-bottom: 6.4rem;
  }
  .auth-inner .page-title-wrap .h-tit {
    font-size: 3.2rem;
  }
}

.auth-inner {
  /* ** 페이지 상세 영역 ** */
  /* ** 로그인 방식 선택(상단 - 스위치) ** */
  /* ** 본인인증방식 선택 : type2 ** */
  /* 회원가입 유도 */
}
.auth-inner .conts-area {
  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: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4rem;
  width: 100%;
}
.auth-inner .conts-area.login-type {
  padding-top: 4rem;
  gap: 3.2rem;
  border-top: 1px solid #D8D8D8;
}
.auth-inner .conts-area.login-type .tab-area {
  padding-top: 4rem;
}
.auth-inner .conts-area .tit-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;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 3.2rem;
}
.auth-inner .conts-area .tit-wrap .certify-opt-tit {
  font-size: 2.5rem;
}
@media (max-width: 767px) {
  .auth-inner .conts-area .tab-area {
    padding-top: 0;
  }
}
.auth-inner .conts-area .tab-conts {
  margin-top: 6rem;
}
.auth-inner .conts-area .tab-area .certify-sel-wrap.type-slim .certify-option > li {
  padding-top: 2rem;
}
@media (max-width: 767px) {
  .auth-inner .conts-area .tab-area .certify-sel-wrap.type-slim .certify-option > li {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .auth-inner .conts-area {
    padding-top: 3.2rem;
  }
  .auth-inner .conts-area .tit-wrap.order-change {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .auth-inner .conts-area .tab.full {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
.auth-inner .login-type-ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -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;
  width: 100%;
}
.auth-inner .login-type-ul li {
  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: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 1.6rem;
  border-left: 1px solid #D8D8D8;
}
.auth-inner .login-type-ul li:nth-child(1) {
  padding-left: 0;
  border-left: 0;
}
.auth-inner .login-type-ul li:nth-child(3) {
  padding-right: 0;
}
.auth-inner .login-type-ul li .in {
  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: 4rem;
  width: 100%;
  height: 100%;
}
.auth-inner .login-type-ul li .tit {
  font-size: 2.5rem;
  font-weight: 700;
}
.auth-inner .login-type-ul li .txt {
  min-height: 5.1rem;
}
.auth-inner .login-type-ul li .btn-wrap {
  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: 1.6rem;
}
.auth-inner .login-type-ul li .btn-wrap .btn {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0;
}
.auth-inner .login-type-ul li .btn-wrap .btn .text-bold {
  font-size: 1.7rem;
  color: #003675;
}
.auth-inner .login-type-ul li .btn-wrap .btn .text-bk {
  color: #1d1d1d;
}
@media (max-width: 767px) {
  .auth-inner .login-type-ul {
    /* 로그인 방식 선택 */
    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;
    width: 100%;
  }
  .auth-inner .login-type-ul li {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 3.2rem;
    padding: 4rem 0;
    border: 0;
    border-top: 1px solid #D8D8D8;
  }
  .auth-inner .login-type-ul li:nth-child(1) {
    padding-top: 0;
    border: 0;
  }
  .auth-inner .login-type-ul li:nth-child(3) {
    padding-bottom: 0;
  }
  .auth-inner .login-type-ul li .in {
    width: 100%;
    max-width: 100%;
    gap: 3.2rem;
  }
}
.auth-inner .login-opt-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 8rem;
  padding-bottom: 2rem;
  gap: 2.4rem;
}
.auth-inner .login-opt-wrap .ico-info {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-item-align: center;
      align-self: center;
  margin-left: 0.4rem;
}
@media (max-width: 767px) {
  .auth-inner .login-opt-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.auth-inner .certify-sel-wrap .certify-option > li {
  padding-bottom: 4rem;
  border-bottom: 1px solid #e4e4e4;
}
@media (max-width: 767px) {
  .auth-inner .certify-sel-wrap .certify-option > li {
    padding-bottom: 3.2rem;
  }
}
.auth-inner .certify-sel-wrap:not(.type2) {
  width: 100%;
}
.auth-inner .certify-sel-wrap:not(.type2) .certify-opt-tit {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: 2.4rem;
  font-size: 20px;
  color: #1D1D1D;
  font-weight: 700;
}
.auth-inner .certify-sel-wrap:not(.type2) .certify-option > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -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: 4rem;
  padding-bottom: 2.4rem;
  border-bottom: 1px solid #D8D8D8;
}
.auth-inner .certify-sel-wrap:not(.type2) .certify-type {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  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.6rem;
  width: 100%;
  max-width: 64rem;
}
.auth-inner .certify-sel-wrap:not(.type2) .certify-type > li {
  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;
  flex-direction: column;
  position: relative;
  padding: 0;
  background-color: #F8F8F8;
  border: 1px solid #E4E4E4;
  border-radius: 1.2rem;
}
.auth-inner .certify-sel-wrap:not(.type2) .certify-type > li .login-link {
  display: block;
  width: 100%;
  padding: 3.2rem 3.2rem 3.2rem 8.8rem;
}
.auth-inner .certify-sel-wrap:not(.type2) .certify-type > li .login-link + .btn-wrap {
  margin-top: 1.6rem;
}
.auth-inner .certify-sel-wrap:not(.type2) .certify-type > li .login-link:focus-visible {
  outline-offset: 0.4rem;
  outline: 2px solid rgba(36, 107, 235, 0.8);
  border-radius: 0;
}
.auth-inner .certify-sel-wrap:not(.type2) .certify-type > li::before, .auth-inner .certify-sel-wrap:not(.type2) .certify-type > li::after {
  position: absolute;
  top: 3.2rem;
  left: 3.2rem;
  content: "";
  width: 3.2rem;
  height: 3.2rem;
  background-size: contain;
}
.auth-inner .certify-sel-wrap:not(.type2) .certify-type > li::after {
  position: absolute;
  top: 3.2rem;
  left: auto;
  right: 3.2rem;
  width: 2.4rem;
  height: 2.4rem;
  background-image: url(../img/pattern/content/ico_login_certify_go.svg);
}
.auth-inner .certify-sel-wrap:not(.type2) .certify-type > li.mobile::before {
  background-image: url(../img/pattern/content/ico_login_certify_type_01.svg);
}
.auth-inner .certify-sel-wrap:not(.type2) .certify-type > li.public::before {
  /*background-image: url(../img/pattern/content/ico_login_certify_type_02.svg);*/
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI0LjE3MiA1Ljk0OGMtMy4zMzcgMC02LjI3Mi0xLjU2MS04LjE3Ni0zLjk0OC0xLjkwMyAyLjM4Ny00LjgzOCAzLjk0OC04LjE3NSAzLjk0OC0xLjM1MSAwLTIuNjM4LS4yNy0zLjgyMS0uNzI4djkuNDgzQzQgMjcuMDMgMTYgMzAgMTYgMzBzMTItMi45NSAxMi0xNS4yOTdWNS4yMmMtMS4xODYuNDU4LTIuNDcuNzI4LTMuODIuNzI4aC0uMDA4eiIgc3Ryb2tlPSIjMkQyRDJEIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTEwLjA5NCAxNS4yNzJsNC4yNzUgNC42NDkgNy45Ni03Ljg0MyIgc3Ryb2tlPSIjMkQyRDJEIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+")
}
.auth-inner .certify-sel-wrap:not(.type2) .certify-type > li.public2::before {
  /*background-image: url(../img/pattern/content/public_certification.svg);*/
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUuODg5IDMuNkgyNC4xMWEyLjI4OSAyLjI4OSAwIDAxMi4yOSAyLjI4OVYxMC4yYS44LjggMCAwMDEuNiAwVjUuODg5QTMuODg5IDMuODg5IDAgMDAyNC4xMTEgMkg1Ljg5QTMuODg5IDMuODg5IDAgMDAyIDUuODg5VjI0LjExQTMuODg5IDMuODg5IDAgMDA1Ljg4OSAyOEgxNy4zMWEuOC44IDAgMDAwLTEuNkg1Ljg5YTIuMjg5IDIuMjg5IDAgMDEtMi4yOS0yLjI4OVY1Ljg5QTIuMjg5IDIuMjg5IDAgMDE1Ljg4OSAzLjZ6IiBmaWxsPSIjMkQyRDJEIi8+PHBhdGggZD0iTTcuOCA5YS44LjggMCAxMDAgMS42aDEwLjRhLjguOCAwIDAwMC0xLjZINy44ek03IDE1LjhhLjguOCAwIDAxLjgtLjhoNi40YS44LjggMCAwMTAgMS42SDcuOGEuOC44IDAgMDEtLjgtLjh6IiBmaWxsPSIjMkQyRDJEIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOCAxOWMwIDEuNzc3Ljc3MyAzLjM3NCAyIDQuNDcydjQuODQ0YTEgMSAwIDAwMS40NzkuODc4TDI0IDI3LjgybDIuNTIxIDEuMzc0QTEgMSAwIDAwMjggMjguMzE2di00Ljg0NEE2IDYgMCAxMDE4IDE5em0xMC40IDBhNC40IDQuNCAwIDExLTguOCAwIDQuNCA0LjQgMCAwMTguOCAwem0tMi4wODQgNS41MzdBNS45ODEgNS45ODEgMCAwMTI0IDI1Yy0uODIgMC0xLjYwMy0uMTY1LTIuMzE2LS40NjN2Mi44OUwyNCAyNi4xNjVsMi4zMTYgMS4yNjJ2LTIuODl6IiBmaWxsPSIjMkQyRDJEIi8+PC9zdmc+")
}
.auth-inner .certify-sel-wrap:not(.type2) .certify-type > li.etc::before {
  background-image: url(../img/pattern/content/ico_login_certify_type_04.svg);
}
.auth-inner .certify-sel-wrap:not(.type2) .certify-type > li.simplicity::before {
  background-image: url(../img/pattern/content/ico_login_certify_type_03.svg);
}
.auth-inner .certify-sel-wrap:not(.type2) .certify-type > li.sns::before {
  background-image: url(../img/pattern/content/ico_login_certify_type_04.svg);
}
.auth-inner .certify-sel-wrap:not(.type2) .certify-type > li.id::before {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB4PSIyIiB5PSI2LjQ1NCIgd2lkdGg9IjI4IiBoZWlnaHQ9IjE5LjA5MSIgcng9IjQiIHN0cm9rZT0iIzJEMkQyRCIgc3Ryb2tlLXdpZHRoPSIxLjYiLz48cGF0aCBkPSJNOC43MjYgMTYuNzU3YS45MS45MSAwIDEgMCAwLTEuODE5LjkxLjkxIDAgMCAwIDAgMS44MTl6TTE0Ljc4OCAxNi43NTdhLjkxLjkxIDAgMSAwIDAtMS44MTkuOTEuOTEgMCAwIDAgMCAxLjgxOXoiIHN0cm9rZT0iIzJEMkQyRCIgc3Ryb2tlLXdpZHRoPSIxLjcxNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTI0LjE4MiAxOC4xMjFIMTkuOTQiIHN0cm9rZT0iIzJEMkQyRCIgc3Ryb2tlLXdpZHRoPSIxLjYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==');
}
.auth-inner .certify-sel-wrap:not(.type2) .certify-type > li.guest::before {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjYSkiIHN0cm9rZT0iIzJEMkQyRCIgc3Ryb2tlLXdpZHRoPSIxLjczMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTEuOTk4IDEyLjk5NmE1IDUgMCAxIDAgMC0xMCA1IDUgMCAwIDAgMCAxMHpNMTIgMjYuOTk4SDN2LTEuMDg0YTkuMDIgOS4wMiAwIDAgMSA5LjQwNy04LjkxNiA5LjAyIDkuMDIgMCAwIDEgNi4zIDNNMjkgMTcuOTkybC04LjI0IDExLTUuNS00LjEyIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMiAyKSIgZD0iTTAgMGgyOHYyOEgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==');
}
.auth-inner .certify-sel-wrap:not(.type2) .certify-type > li .type-tit {
  font-size: 20px;
  color: #1D1D1D;
  font-weight: 700;
}
.auth-inner .certify-sel-wrap:not(.type2) .certify-type > li .type-desc {
   margin-top: 12px;
  padding-right: 48px;
  color: #555555;
  font-size: 13px;
  letter-spacing: -0.7px;
}
.auth-inner .certify-sel-wrap:not(.type2) .certify-type > li .icon-arr {
  margin-top: 16px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .auth-inner .certify-sel-wrap:not(.type2) .certify-option > li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 32px;
  }
  .auth-inner .certify-sel-wrap:not(.type2) .certify-type {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .auth-inner .certify-sel-wrap:not(.type2) .certify-opt-tit {
    margin-top: 0;
  }
  .auth-inner .certify-sel-wrap:not(.type2) .certify-option > li {
    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: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 3.2rem;
    padding-bottom: 3.2rem;
  }
  .auth-inner .certify-sel-wrap:not(.type2) .certify-type {
    width: 100%;
  }
  .auth-inner .certify-sel-wrap:not(.type2) .certify-type > li {
    padding: 0;
    width: calc(33.33% - 10.66667px) !important;
  }
  .auth-inner .certify-sel-wrap:not(.type2) .certify-type > li .login-link {
    padding: 2.4rem;
  }
  .auth-inner .certify-sel-wrap:not(.type2) .certify-type > li .login-link + .btn-wrap {
    margin-top: 2.4rem;
    padding-top: 0.8rem;
    border-top: 1px solid #D8D8D8;
  }
  .auth-inner .certify-sel-wrap:not(.type2) .certify-type > li::before, .auth-inner .certify-sel-wrap:not(.type2) .certify-type > li::after {
    position: absolute;
    top: 2.4rem;
    left: 2.4rem;
  }
  .auth-inner .certify-sel-wrap:not(.type2) .certify-type > li::after {
    position: absolute;
    top: 50%;
    left: auto;
    right: 2.4rem;
    width: 2.4rem;
    height: 2.4rem;
    margin-top: -1.2rem;
    background-image: url(../img/pattern/content/ico_login_certify_go.svg);
  }
  .auth-inner .certify-sel-wrap:not(.type2) .certify-type > li .type-tit {
    padding-left: 4.8rem;
    font-size: 2.1rem;
  }
  .auth-inner .certify-sel-wrap:not(.type2) .certify-type > li .type-desc {
    margin-top: 2.4rem;
    color: #555555;
  }
  .auth-inner .certify-sel-wrap:not(.type2) .certify-type > li .icon-arr {
    margin-top: 1.6rem;
  }
}
.auth-inner .certify-sel-wrap.type-slim .certify-opt-tit {
  margin-top: 0;
}
.auth-inner .certify-sel-wrap.type-slim .certify-option > li {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 767px) {
  .auth-inner .certify-sel-wrap.type-slim .certify-option > li {
    padding-top: 0;
  }
}
.auth-inner .certify-sel-wrap.type-slim .certify-type {
  max-width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.auth-inner .certify-sel-wrap.type-slim .certify-type > li {
  max-width: unset;
  width: calc(50% - 1.6rem * 1 / 2);
}
@media (max-width: 767px) {
  .auth-inner .certify-sel-wrap.type-slim .certify-type > li {
    width: 100%;
  }
}
.auth-inner .certify-sel-wrap.type-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.auth-inner .certify-sel-wrap.type-arrow + .certify-sel-wrap.type-arrow {
  margin-top: 20px;
  border-top: 1px solid #d8d8d8;
}
.auth-inner .certify-sel-wrap.type-arrow .tit-wrap {
  padding-top: 18px;
}
@media (max-width: 767px) {
  .auth-inner .certify-sel-wrap.type-arrow .tit-wrap {
    padding-top: 18px;
  }
}
.auth-inner .certify-sel-wrap.type-arrow .certify-opt-tit {
  margin-top: 0;
}
.auth-inner .certify-sel-wrap.type-arrow .certify-option > li {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3.2rem;
  padding-bottom: 4rem;
}
@media (max-width: 767px) {
  .auth-inner .certify-sel-wrap.type-arrow .certify-option > li {
    padding-top: 0;
    padding-bottom: 3.2rem;
  }
}
.auth-inner .certify-sel-wrap.type-arrow .tab-area {
  padding-top: 3.2rem;
}
.auth-inner .certify-sel-wrap.type-arrow .tab-conts {
  margin-top: 0;
}
.auth-inner .certify-sel-wrap.type-arrow .certify-type {
  max-width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
  row-gap: 14px;
  margin-top: 16px;
}
@media (max-width: 767px) {
  .auth-inner .certify-sel-wrap.type-arrow .certify-type {
    gap: 16px;
  }
}
.auth-inner .certify-sel-wrap.type-arrow .certify-type > li {
  max-width: unset;
  width: calc(33.33% - 16px);;
}
.auth-inner .certify-sel-wrap.type-arrow .certify-type > li:before, .auth-inner .certify-sel-wrap.type-arrow .certify-type > li:after {
  display: none;
}
.auth-inner .certify-sel-wrap.type-arrow .certify-type > li .login-link {
  position: relative;
  padding: 28px 18px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 767px) {
  .auth-inner .certify-sel-wrap.type-arrow .certify-type > li .login-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 100px;
    padding: 10px;
  }
}
.auth-inner .certify-sel-wrap.type-arrow .certify-type > li .login-link::before, .auth-inner .certify-sel-wrap.type-arrow .certify-type > li .login-link::after {
  position: absolute;
  top: 30px;
  left: 20px;
  content: "";
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
}
.auth-inner .certify-sel-wrap.type-arrow .certify-type > li .login-link::after {
  position: absolute;
  top: 30px;
  left: auto;
  right: 20px;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkuNTYzIDE4LjI1TDE2LjQzNiAxMiA5LjU2MyA1Ljc1IiBzdHJva2U9IiMyRDJEMkQiIHN0cm9rZS13aWR0aD0iMS42IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L3N2Zz4=");
}
@media (max-width: 767px) {
  .auth-inner .certify-sel-wrap.type-arrow .certify-type > li .login-link::before {
    width: 48px;
    height: 48px;
    background-size: 48px 48px;
    position: relative;
    top: 0;
    left: 0;
    margin: 0 auto;
    /*margin-bottom: 20px;*/
  }
  .auth-inner .certify-sel-wrap.type-arrow .certify-type > li .login-link::after {
    display: none;
  }
}
.auth-inner .certify-sel-wrap.type-arrow .certify-type > li .type-tit {
  position: relative;
  padding-left: 32px;
  padding-right: 24px;
}
@media (max-width: 767px) {
  .auth-inner .certify-sel-wrap.type-arrow .certify-type > li .type-tit {
    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-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 0;
    text-align: center;
    font-size: 12px;
    white-space: nowrap;
  }
}
.auth-inner .certify-sel-wrap.type-arrow .certify-type > li .type-desc {
  padding-right: 0;
}
.auth-inner .certify-sel-wrap.type-arrow .certify-type > li.mobile .login-link:before {
  background-image: url(../img/pattern/content/ico_login_certify_type_01.svg);
}
.auth-inner .certify-sel-wrap.type-arrow .certify-type > li.public .login-link:before {
  /*background-image: url(../img/pattern/content/ico_login_certify_type_02.svg);*/
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI0LjE3MiA1Ljk0OGMtMy4zMzcgMC02LjI3Mi0xLjU2MS04LjE3Ni0zLjk0OC0xLjkwMyAyLjM4Ny00LjgzOCAzLjk0OC04LjE3NSAzLjk0OC0xLjM1MSAwLTIuNjM4LS4yNy0zLjgyMS0uNzI4djkuNDgzQzQgMjcuMDMgMTYgMzAgMTYgMzBzMTItMi45NSAxMi0xNS4yOTdWNS4yMmMtMS4xODYuNDU4LTIuNDcuNzI4LTMuODIuNzI4aC0uMDA4eiIgc3Ryb2tlPSIjMkQyRDJEIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTEwLjA5NCAxNS4yNzJsNC4yNzUgNC42NDkgNy45Ni03Ljg0MyIgc3Ryb2tlPSIjMkQyRDJEIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+")
}
.auth-inner .certify-sel-wrap.type-arrow .certify-type > li.public2 .login-link:before {
  /*background-image: url(../img/pattern/content/public_certification.svg);*/
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUuODg5IDMuNkgyNC4xMWEyLjI4OSAyLjI4OSAwIDAxMi4yOSAyLjI4OVYxMC4yYS44LjggMCAwMDEuNiAwVjUuODg5QTMuODg5IDMuODg5IDAgMDAyNC4xMTEgMkg1Ljg5QTMuODg5IDMuODg5IDAgMDAyIDUuODg5VjI0LjExQTMuODg5IDMuODg5IDAgMDA1Ljg4OSAyOEgxNy4zMWEuOC44IDAgMDAwLTEuNkg1Ljg5YTIuMjg5IDIuMjg5IDAgMDEtMi4yOS0yLjI4OVY1Ljg5QTIuMjg5IDIuMjg5IDAgMDE1Ljg4OSAzLjZ6IiBmaWxsPSIjMkQyRDJEIi8+PHBhdGggZD0iTTcuOCA5YS44LjggMCAxMDAgMS42aDEwLjRhLjguOCAwIDAwMC0xLjZINy44ek03IDE1LjhhLjguOCAwIDAxLjgtLjhoNi40YS44LjggMCAwMTAgMS42SDcuOGEuOC44IDAgMDEtLjgtLjh6IiBmaWxsPSIjMkQyRDJEIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOCAxOWMwIDEuNzc3Ljc3MyAzLjM3NCAyIDQuNDcydjQuODQ0YTEgMSAwIDAwMS40NzkuODc4TDI0IDI3LjgybDIuNTIxIDEuMzc0QTEgMSAwIDAwMjggMjguMzE2di00Ljg0NEE2IDYgMCAxMDE4IDE5em0xMC40IDBhNC40IDQuNCAwIDExLTguOCAwIDQuNCA0LjQgMCAwMTguOCAwem0tMi4wODQgNS41MzdBNS45ODEgNS45ODEgMCAwMTI0IDI1Yy0uODIgMC0xLjYwMy0uMTY1LTIuMzE2LS40NjN2Mi44OUwyNCAyNi4xNjVsMi4zMTYgMS4yNjJ2LTIuODl6IiBmaWxsPSIjMkQyRDJEIi8+PC9zdmc+")
}
.auth-inner .certify-sel-wrap.type-arrow .certify-type > li.etc .login-link:before {
  background-image: url(../img/pattern/content/ico_login_certify_type_04.svg);
}
.auth-inner .certify-sel-wrap.type-arrow .certify-type > li.simplicity .login-link:before {
  background-image: url(../img/pattern/content/ico_login_certify_type_03.svg);
}
.auth-inner .certify-sel-wrap.type-arrow .certify-type > li.sns .login-link:before {
  background-image: url(../img/pattern/content/ico_login_certify_type_04.svg);
}
.auth-inner .certify-sel-wrap.type-arrow .certify-type > li.id .login-link:before {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB4PSIyIiB5PSI2LjQ1NCIgd2lkdGg9IjI4IiBoZWlnaHQ9IjE5LjA5MSIgcng9IjQiIHN0cm9rZT0iIzJEMkQyRCIgc3Ryb2tlLXdpZHRoPSIxLjYiLz48cGF0aCBkPSJNOC43MjYgMTYuNzU3YS45MS45MSAwIDEgMCAwLTEuODE5LjkxLjkxIDAgMCAwIDAgMS44MTl6TTE0Ljc4OCAxNi43NTdhLjkxLjkxIDAgMSAwIDAtMS44MTkuOTEuOTEgMCAwIDAgMCAxLjgxOXoiIHN0cm9rZT0iIzJEMkQyRCIgc3Ryb2tlLXdpZHRoPSIxLjcxNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTI0LjE4MiAxOC4xMjFIMTkuOTQiIHN0cm9rZT0iIzJEMkQyRCIgc3Ryb2tlLXdpZHRoPSIxLjYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==');
}
.auth-inner .certify-sel-wrap.type-arrow .certify-type > li.guest .login-link:before {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjYSkiIHN0cm9rZT0iIzJEMkQyRCIgc3Ryb2tlLXdpZHRoPSIxLjczMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTEuOTk4IDEyLjk5NmE1IDUgMCAxIDAgMC0xMCA1IDUgMCAwIDAgMCAxMHpNMTIgMjYuOTk4SDN2LTEuMDg0YTkuMDIgOS4wMiAwIDAgMSA5LjQwNy04LjkxNiA5LjAyIDkuMDIgMCAwIDEgNi4zIDNNMjkgMTcuOTkybC04LjI0IDExLTUuNS00LjEyIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMiAyKSIgZD0iTTAgMGgyOHYyOEgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==');
}
.auth-inner .certify-sel-wrap.type-arrow .certify-type > li.onepass .login-link::before {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOS4yIDMuNmEuOC44IDAgMSAwIDAtMS42SDUuODg5QTMuODg5IDMuODg5IDAgMCAwIDIgNS44ODlWOS4yYS44LjggMCAxIDAgMS42IDBWNS44ODlBMi4yODkgMi4yODkgMCAwIDEgNS44ODkgMy42SDkuMnpNMjIuOCAzLjZhLjguOCAwIDAgMSAwLTEuNmgzLjMxMUEzLjg4OSAzLjg4OSAwIDAgMSAzMCA1Ljg4OVY5LjJhLjguOCAwIDAgMS0xLjYgMFY1Ljg4OUEyLjI4OSAyLjI4OSAwIDAgMCAyNi4xMTEgMy42SDIyLjh6TTIuOCAyMmEuOC44IDAgMCAxIC44Ljh2My4zMTFBMi4yODkgMi4yODkgMCAwIDAgNS44ODkgMjguNEg5LjJhLjguOCAwIDAgMSAwIDEuNkg1Ljg4OUEzLjg4OSAzLjg4OSAwIDAgMSAyIDI2LjExMVYyMi44YS44LjggMCAwIDEgLjgtLjh6TTE3LjEyIDExLjc5NmM0Ljk1MS0yLjY2NiA5LjYtMS4wOSAxMi44OC43MDh2MS44NDdjLTMuMTI0LTEuODU4LTcuNDgzLTMuNjQ0LTEyLjEyMS0xLjE0N0MxMy42ODYgMTUuNDYyIDEyLjMgMTkuMTkxIDEyLjMgMjMuNWEuOC44IDAgMCAxLTEuNiAwYzAtNC42OTEgMS41NS05LjA4MiA2LjQyLTExLjcwNHoiIGZpbGw9IiMyRDJEMkQiLz48cGF0aCBkPSJNMjMuMDMgMTRjMS44ODMuMDAzIDMuNzA5LjU3MyA1LjI4NiAxLjUyM2wxLjY4MiAxLjExNHYyLjQ1MWMtLjQxMy0uMzQtLjgyLS42ODItMS4yMTItMS4wMjktMS41NjctMS4zOTctMy42NzItMi4yODktNS43NTctMi4yODUtMS40MDYuMDAyLTIuOC4zOS00LjA5NiAxLjMwMi0yLjQ2IDEuNzYtMy4xMzggMy45MTQtMy4xNiA2LjQ3NiAwIC43NzkuMDcgMS41ODUuMTg4IDIuNDA2YS44ODcuODg3IDAgMSAxLTEuNzU1LjI1Yy0uMTI0LS44OC0uMjA2LTEuNzctLjIwNi0yLjY1Ni0uMDIyLTIuODgzLjkyNi01Ljg0IDMuOTEzLTcuOTI1QTguNzk4IDguNzk4IDAgMCAxIDIzLjAzIDE0eiIgZmlsbD0iIzJEMkQyRCIvPjxwYXRoIGQ9Ik0yMC4wNSAyMC4wMTZjLS45NjggMS4xNzEtMS4xNjMgMi4xNDktMS4xNzQgMy4xNzYtLjAwMi40OS4wNTcuOTgzLjExNyAxLjQ4Ni4wNi40OTMuMTIuOTk1LjEyNCAxLjUxNS4wMDEuNjYxLS4xMiAxLjM5OS0uNTcgMi4wNTctLjQ0OC42Ni0xLjE2MSAxLjE2OC0yLjE0NyAxLjU2YS44ODguODg4IDAgMCAxLS42NTYtMS42NDZjLjc4Mi0uMzE1IDEuMTQ4LS42MzQgMS4zMzYtLjkxLjE4Ny0uMjc5LjI2LS41ODYuMjYzLTEuMDYxLjAwNC0uMzM2LS4wNDQtLjczNC0uMDk4LTEuMTgzLS4wNjUtLjUzOC0uMTM5LTEuMTUtLjE0Mi0xLjgxOC0uMDA5LTEuMjk1LjMzNS0yLjgzNyAxLjU4Ny00LjMxNGEuODg1Ljg4NSAwIDEgMSAxLjM2IDEuMTM4ek0yMy4xMzggMTcuMDMzYy0uNDk4IDAtMS4wMS4wNjctMS41MjYuMjEyYS44ODcuODg3IDAgMSAwIC40NzkgMS43MDcgMy44MzMgMy44MzMgMCAwIDEgMS4wNDctLjE0N2MxLjMyNi0uMDA3IDIuNjM1LjczOCAzLjk0OCAxLjgyOC42MDUuNDk5IDEuMTk4IDEuMDYgMS43ODkgMS42MTguMzc0LjM1NS43NDguNzA4IDEuMTIzIDEuMDQ1di0yLjQyMWEzNy43NjUgMzcuNzY1IDAgMCAwLTEuNzgyLTEuNjA3Yy0xLjQyNy0xLjE3OC0zLjA3OC0yLjIyOC01LjA4LTIuMjM3bC4wMDIuMDAyek0yMy43NTYgMjQuMThhLjg4Ny44ODcgMCAwIDEgMS4yNDQuMTU0Yy40NzUuNjIxIDIuNDE2IDIuODkzIDQuMTYzIDQuMTg4LS4zOC40OC0uODcxLjg2OS0xLjQzNCAxLjEyN2ExOS4wMyAxOS4wMyAwIDAgMS0xLjE3MS0xLjAxNCAzMS41ODkgMzEuNTg5IDAgMCAxLTIuOTU2LTMuMjEuODg2Ljg4NiAwIDAgMSAuMTU0LTEuMjQ1eiIgZmlsbD0iIzJEMkQyRCIvPjxwYXRoIGQ9Ik0yOS45OTcgMjYuMzgydi0xLjE1OGMtLjEyMS0uMTA1LS4yNDItLjIxMi0uMzU4LS4zMjMtLjUyNi0uNDktMS4wNTMtMS0xLjU2LTEuNDktLjM5LS4zNzctLjc2OS0uNzQzLTEuMTI0LTEuMDc4bC4wMDMtLjAwMi0uMTQ4LS4xMzdjLS43NjUtLjcxLTEuMzQ3LTEuMjUtMS45NzEtMS41NDktLjU1My0uMjQ5LTEuMDkzLS4zNzYtMS42MTMtLjM3NmEyLjc5MiAyLjc5MiAwIDAgMC0yLjMxNiAxLjIwMmMtLjQ5OC43MDQtLjcxNCAxLjU2OC0uNzE2IDIuNDYxIDAgLjQ3Mi4wNjQuOTUyLjE5IDEuNDI3LjM3NSAxLjM0IDEuNDMgMy4wMjMgMi45MDIgNC42NDFoMi41MDNsLS4wNjEtLjA1NWE5LjIyOCA5LjIyOCAwIDAgMS0uMTc2LS4xNjNjLTEuODI5LTEuNy0zLjE5Mi0zLjgyNC0zLjQ1Ni00Ljg4M2EzLjc5NyAzLjc5NyAwIDAgMS0uMTMtLjk2N2MtLjAwMS0uNTk2LjE2LTEuMTIuMzg3LTEuNDMyLjIzOS0uMzEyLjQ2LS40NDcuODcxLS40Ni4yMjMgMCAuNTE4LjA1Ni44ODguMjI0LjE0LjA0MS44Ni42MTYgMS42MjcgMS4zNTcuMzMzLjMxNi42OTQuNjY0IDEuMDcxIDEuMDMuNTE3LjUgMS4wNjcgMS4wMyAxLjYyIDEuNTQ3LjQ3My40NC45NTQuODMgMS4zOTQgMS4xOC4wOTktLjMxNi4xNTgtLjY1LjE3My0uOTk2ek0xMi43ODQgMjYuMzQzYS44LjggMCAwIDAtMS41NjguMzE0QTEyLjIxNSAxMi4yMTUgMCAwIDAgMTIuNDEzIDMwaDEuODZhMTAuMzkgMTAuMzkgMCAwIDEtMS40ODktMy42NTd6TTE5LjI0IDI4LjU2M2EuODg2Ljg4NiAwIDAgMSAuOTgzLS43Nzd2LjAwMWEuODg3Ljg4NyAwIDAgMSAuNzc3Ljk4M3YuMDA1Yy0uMDEyLjA3OS0uMDc5LjU3LS4zNjYgMS4yMjVIMTguNmwuMTE2LS4xNjJhMy41NDMgMy41NDMgMCAwIDAgLjUyMy0xLjI3NXoiIGZpbGw9IiMyRDJEMkQiLz48L3N2Zz4=');
}
.auth-inner .certify-sel-wrap.type2 {
  width: 100%;
}
.auth-inner .certify-sel-wrap.type2 .tit-wrap {
  margin-bottom: 3.2rem;
}
.auth-inner .certify-sel-wrap.type2 .certify-opt-tit {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 2.5rem;
  color: #1D1D1D;
  font-weight: 700;
}
.auth-inner .certify-sel-wrap.type2 .certify-option > li:not(:last-child) {
  border-bottom: 1px solid #D8D8D8;
}
.auth-inner .certify-sel-wrap.type2 .certify-type {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  gap: 1.6rem;
  width: 100%;
}
.auth-inner .certify-sel-wrap.type2 .certify-type > li {
  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;
  width: calc(33.33% - 1.6rem * 2 / 3);
  -ms-flex-direction: column;
      flex-direction: column;
  position: relative;
  background-color: #F8F8F8;
  border: 1px solid #E4E4E4;
  border-radius: 1.2rem;
}
.auth-inner .certify-sel-wrap.type2 .certify-type > li .login-link {
  display: block;
  width: 100%;
  padding: 3.2rem;
}
.auth-inner .certify-sel-wrap.type2 .certify-type > li .login-link + .btn-wrap {
  margin-top: 1.6rem;
}
.auth-inner .certify-sel-wrap.type2 .certify-type > li .login-link:focus-visible {
  outline-offset: -0.4rem;
  outline: 2px solid rgba(36, 107, 235, 0.8);
  border-radius: 1.2rem;
}
.auth-inner .certify-sel-wrap.type2 .certify-type > li .login-link::before, .auth-inner .certify-sel-wrap.type2 .certify-type > li .login-link::after {
  display: block;
  content: "";
  width: 3.2rem;
  height: 3.2rem;
  background-size: contain;
}
.auth-inner .certify-sel-wrap.type2 .certify-type > li .login-link::after {
  position: absolute;
  top: 3.2rem;
  left: auto;
  right: 3.2rem;
  width: 2.4rem;
  height: 2.4rem;
  background-image: url(../img/pattern/content/ico_login_certify_go.svg);
}
.auth-inner .certify-sel-wrap.type2 .certify-type > li.mobile .login-link::before {
  background-image: url(../img/pattern/content/ico_login_certify_type_01.svg);
}
.auth-inner .certify-sel-wrap.type2 .certify-type > li.public .login-link::before {
  /*background-image: url(../img/pattern/content/ico_login_certify_type_02.svg);*/
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI0LjE3MiA1Ljk0OGMtMy4zMzcgMC02LjI3Mi0xLjU2MS04LjE3Ni0zLjk0OC0xLjkwMyAyLjM4Ny00LjgzOCAzLjk0OC04LjE3NSAzLjk0OC0xLjM1MSAwLTIuNjM4LS4yNy0zLjgyMS0uNzI4djkuNDgzQzQgMjcuMDMgMTYgMzAgMTYgMzBzMTItMi45NSAxMi0xNS4yOTdWNS4yMmMtMS4xODYuNDU4LTIuNDcuNzI4LTMuODIuNzI4aC0uMDA4eiIgc3Ryb2tlPSIjMkQyRDJEIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTEwLjA5NCAxNS4yNzJsNC4yNzUgNC42NDkgNy45Ni03Ljg0MyIgc3Ryb2tlPSIjMkQyRDJEIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+")
}
.auth-inner .certify-sel-wrap.type2 .certify-type > li.simplicity .login-link::before {
  background-image: url(../img/pattern/content/ico_login_certify_type_03.svg);
}
.auth-inner .certify-sel-wrap.type2 .certify-type > li.sns .login-link::before {
  background-image: url(../img/pattern/content/ico_login_certify_type_04.svg);
}
.auth-inner .certify-sel-wrap.type2 .certify-type > li.id .login-link::before {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB4PSIyIiB5PSI2LjQ1NCIgd2lkdGg9IjI4IiBoZWlnaHQ9IjE5LjA5MSIgcng9IjQiIHN0cm9rZT0iIzJEMkQyRCIgc3Ryb2tlLXdpZHRoPSIxLjYiLz48cGF0aCBkPSJNOC43MjYgMTYuNzU3YS45MS45MSAwIDEgMCAwLTEuODE5LjkxLjkxIDAgMCAwIDAgMS44MTl6TTE0Ljc4OCAxNi43NTdhLjkxLjkxIDAgMSAwIDAtMS44MTkuOTEuOTEgMCAwIDAgMCAxLjgxOXoiIHN0cm9rZT0iIzJEMkQyRCIgc3Ryb2tlLXdpZHRoPSIxLjcxNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTI0LjE4MiAxOC4xMjFIMTkuOTQiIHN0cm9rZT0iIzJEMkQyRCIgc3Ryb2tlLXdpZHRoPSIxLjYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==');
}
.auth-inner .certify-sel-wrap.type2 .certify-type > li.guest .login-link::before {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjYSkiIHN0cm9rZT0iIzJEMkQyRCIgc3Ryb2tlLXdpZHRoPSIxLjczMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTEuOTk4IDEyLjk5NmE1IDUgMCAxIDAgMC0xMCA1IDUgMCAwIDAgMCAxMHpNMTIgMjYuOTk4SDN2LTEuMDg0YTkuMDIgOS4wMiAwIDAgMSA5LjQwNy04LjkxNiA5LjAyIDkuMDIgMCAwIDEgNi4zIDNNMjkgMTcuOTkybC04LjI0IDExLTUuNS00LjEyIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMiAyKSIgZD0iTTAgMGgyOHYyOEgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==');
}
.auth-inner .certify-sel-wrap.type2 .certify-type > li.public2 .login-link::before {
  /*background-image: url(../img/pattern/content/public_certification.svg);*/
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUuODg5IDMuNkgyNC4xMWEyLjI4OSAyLjI4OSAwIDAxMi4yOSAyLjI4OVYxMC4yYS44LjggMCAwMDEuNiAwVjUuODg5QTMuODg5IDMuODg5IDAgMDAyNC4xMTEgMkg1Ljg5QTMuODg5IDMuODg5IDAgMDAyIDUuODg5VjI0LjExQTMuODg5IDMuODg5IDAgMDA1Ljg4OSAyOEgxNy4zMWEuOC44IDAgMDAwLTEuNkg1Ljg5YTIuMjg5IDIuMjg5IDAgMDEtMi4yOS0yLjI4OVY1Ljg5QTIuMjg5IDIuMjg5IDAgMDE1Ljg4OSAzLjZ6IiBmaWxsPSIjMkQyRDJEIi8+PHBhdGggZD0iTTcuOCA5YS44LjggMCAxMDAgMS42aDEwLjRhLjguOCAwIDAwMC0xLjZINy44ek03IDE1LjhhLjguOCAwIDAxLjgtLjhoNi40YS44LjggMCAwMTAgMS42SDcuOGEuOC44IDAgMDEtLjgtLjh6IiBmaWxsPSIjMkQyRDJEIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOCAxOWMwIDEuNzc3Ljc3MyAzLjM3NCAyIDQuNDcydjQuODQ0YTEgMSAwIDAwMS40NzkuODc4TDI0IDI3LjgybDIuNTIxIDEuMzc0QTEgMSAwIDAwMjggMjguMzE2di00Ljg0NEE2IDYgMCAxMDE4IDE5em0xMC40IDBhNC40IDQuNCAwIDExLTguOCAwIDQuNCA0LjQgMCAwMTguOCAwem0tMi4wODQgNS41MzdBNS45ODEgNS45ODEgMCAwMTI0IDI1Yy0uODIgMC0xLjYwMy0uMTY1LTIuMzE2LS40NjN2Mi44OUwyNCAyNi4xNjVsMi4zMTYgMS4yNjJ2LTIuODl6IiBmaWxsPSIjMkQyRDJEIi8+PC9zdmc+")
}
.auth-inner .certify-sel-wrap.type2 .certify-type > li.etc .login-link::before {
  background-image: url(../img/pattern/content/ico_login_certify_type_04.svg);
}
.auth-inner .certify-sel-wrap.type2 .certify-type > li.onepass .login-link::before {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOS4yIDMuNmEuOC44IDAgMSAwIDAtMS42SDUuODg5QTMuODg5IDMuODg5IDAgMCAwIDIgNS44ODlWOS4yYS44LjggMCAxIDAgMS42IDBWNS44ODlBMi4yODkgMi4yODkgMCAwIDEgNS44ODkgMy42SDkuMnpNMjIuOCAzLjZhLjguOCAwIDAgMSAwLTEuNmgzLjMxMUEzLjg4OSAzLjg4OSAwIDAgMSAzMCA1Ljg4OVY5LjJhLjguOCAwIDAgMS0xLjYgMFY1Ljg4OUEyLjI4OSAyLjI4OSAwIDAgMCAyNi4xMTEgMy42SDIyLjh6TTIuOCAyMmEuOC44IDAgMCAxIC44Ljh2My4zMTFBMi4yODkgMi4yODkgMCAwIDAgNS44ODkgMjguNEg5LjJhLjguOCAwIDAgMSAwIDEuNkg1Ljg4OUEzLjg4OSAzLjg4OSAwIDAgMSAyIDI2LjExMVYyMi44YS44LjggMCAwIDEgLjgtLjh6TTE3LjEyIDExLjc5NmM0Ljk1MS0yLjY2NiA5LjYtMS4wOSAxMi44OC43MDh2MS44NDdjLTMuMTI0LTEuODU4LTcuNDgzLTMuNjQ0LTEyLjEyMS0xLjE0N0MxMy42ODYgMTUuNDYyIDEyLjMgMTkuMTkxIDEyLjMgMjMuNWEuOC44IDAgMCAxLTEuNiAwYzAtNC42OTEgMS41NS05LjA4MiA2LjQyLTExLjcwNHoiIGZpbGw9IiMyRDJEMkQiLz48cGF0aCBkPSJNMjMuMDMgMTRjMS44ODMuMDAzIDMuNzA5LjU3MyA1LjI4NiAxLjUyM2wxLjY4MiAxLjExNHYyLjQ1MWMtLjQxMy0uMzQtLjgyLS42ODItMS4yMTItMS4wMjktMS41NjctMS4zOTctMy42NzItMi4yODktNS43NTctMi4yODUtMS40MDYuMDAyLTIuOC4zOS00LjA5NiAxLjMwMi0yLjQ2IDEuNzYtMy4xMzggMy45MTQtMy4xNiA2LjQ3NiAwIC43NzkuMDcgMS41ODUuMTg4IDIuNDA2YS44ODcuODg3IDAgMSAxLTEuNzU1LjI1Yy0uMTI0LS44OC0uMjA2LTEuNzctLjIwNi0yLjY1Ni0uMDIyLTIuODgzLjkyNi01Ljg0IDMuOTEzLTcuOTI1QTguNzk4IDguNzk4IDAgMCAxIDIzLjAzIDE0eiIgZmlsbD0iIzJEMkQyRCIvPjxwYXRoIGQ9Ik0yMC4wNSAyMC4wMTZjLS45NjggMS4xNzEtMS4xNjMgMi4xNDktMS4xNzQgMy4xNzYtLjAwMi40OS4wNTcuOTgzLjExNyAxLjQ4Ni4wNi40OTMuMTIuOTk1LjEyNCAxLjUxNS4wMDEuNjYxLS4xMiAxLjM5OS0uNTcgMi4wNTctLjQ0OC42Ni0xLjE2MSAxLjE2OC0yLjE0NyAxLjU2YS44ODguODg4IDAgMCAxLS42NTYtMS42NDZjLjc4Mi0uMzE1IDEuMTQ4LS42MzQgMS4zMzYtLjkxLjE4Ny0uMjc5LjI2LS41ODYuMjYzLTEuMDYxLjAwNC0uMzM2LS4wNDQtLjczNC0uMDk4LTEuMTgzLS4wNjUtLjUzOC0uMTM5LTEuMTUtLjE0Mi0xLjgxOC0uMDA5LTEuMjk1LjMzNS0yLjgzNyAxLjU4Ny00LjMxNGEuODg1Ljg4NSAwIDEgMSAxLjM2IDEuMTM4ek0yMy4xMzggMTcuMDMzYy0uNDk4IDAtMS4wMS4wNjctMS41MjYuMjEyYS44ODcuODg3IDAgMSAwIC40NzkgMS43MDcgMy44MzMgMy44MzMgMCAwIDEgMS4wNDctLjE0N2MxLjMyNi0uMDA3IDIuNjM1LjczOCAzLjk0OCAxLjgyOC42MDUuNDk5IDEuMTk4IDEuMDYgMS43ODkgMS42MTguMzc0LjM1NS43NDguNzA4IDEuMTIzIDEuMDQ1di0yLjQyMWEzNy43NjUgMzcuNzY1IDAgMCAwLTEuNzgyLTEuNjA3Yy0xLjQyNy0xLjE3OC0zLjA3OC0yLjIyOC01LjA4LTIuMjM3bC4wMDIuMDAyek0yMy43NTYgMjQuMThhLjg4Ny44ODcgMCAwIDEgMS4yNDQuMTU0Yy40NzUuNjIxIDIuNDE2IDIuODkzIDQuMTYzIDQuMTg4LS4zOC40OC0uODcxLjg2OS0xLjQzNCAxLjEyN2ExOS4wMyAxOS4wMyAwIDAgMS0xLjE3MS0xLjAxNCAzMS41ODkgMzEuNTg5IDAgMCAxLTIuOTU2LTMuMjEuODg2Ljg4NiAwIDAgMSAuMTU0LTEuMjQ1eiIgZmlsbD0iIzJEMkQyRCIvPjxwYXRoIGQ9Ik0yOS45OTcgMjYuMzgydi0xLjE1OGMtLjEyMS0uMTA1LS4yNDItLjIxMi0uMzU4LS4zMjMtLjUyNi0uNDktMS4wNTMtMS0xLjU2LTEuNDktLjM5LS4zNzctLjc2OS0uNzQzLTEuMTI0LTEuMDc4bC4wMDMtLjAwMi0uMTQ4LS4xMzdjLS43NjUtLjcxLTEuMzQ3LTEuMjUtMS45NzEtMS41NDktLjU1My0uMjQ5LTEuMDkzLS4zNzYtMS42MTMtLjM3NmEyLjc5MiAyLjc5MiAwIDAgMC0yLjMxNiAxLjIwMmMtLjQ5OC43MDQtLjcxNCAxLjU2OC0uNzE2IDIuNDYxIDAgLjQ3Mi4wNjQuOTUyLjE5IDEuNDI3LjM3NSAxLjM0IDEuNDMgMy4wMjMgMi45MDIgNC42NDFoMi41MDNsLS4wNjEtLjA1NWE5LjIyOCA5LjIyOCAwIDAgMS0uMTc2LS4xNjNjLTEuODI5LTEuNy0zLjE5Mi0zLjgyNC0zLjQ1Ni00Ljg4M2EzLjc5NyAzLjc5NyAwIDAgMS0uMTMtLjk2N2MtLjAwMS0uNTk2LjE2LTEuMTIuMzg3LTEuNDMyLjIzOS0uMzEyLjQ2LS40NDcuODcxLS40Ni4yMjMgMCAuNTE4LjA1Ni44ODguMjI0LjE0LjA0MS44Ni42MTYgMS42MjcgMS4zNTcuMzMzLjMxNi42OTQuNjY0IDEuMDcxIDEuMDMuNTE3LjUgMS4wNjcgMS4wMyAxLjYyIDEuNTQ3LjQ3My40NC45NTQuODMgMS4zOTQgMS4xOC4wOTktLjMxNi4xNTgtLjY1LjE3My0uOTk2ek0xMi43ODQgMjYuMzQzYS44LjggMCAwIDAtMS41NjguMzE0QTEyLjIxNSAxMi4yMTUgMCAwIDAgMTIuNDEzIDMwaDEuODZhMTAuMzkgMTAuMzkgMCAwIDEtMS40ODktMy42NTd6TTE5LjI0IDI4LjU2M2EuODg2Ljg4NiAwIDAgMSAuOTgzLS43Nzd2LjAwMWEuODg3Ljg4NyAwIDAgMSAuNzc3Ljk4M3YuMDA1Yy0uMDEyLjA3OS0uMDc5LjU3LS4zNjYgMS4yMjVIMTguNmwuMTE2LS4xNjJhMy41NDMgMy41NDMgMCAwIDAgLjUyMy0xLjI3NXoiIGZpbGw9IiMyRDJEMkQiLz48L3N2Zz4=');
}
.auth-inner .certify-sel-wrap.type2 .certify-type > li .type-tit {
  margin-top: 3.2rem;
  font-size: 2.5rem;
  color: #1D1D1D;
  font-weight: 700;
}
.auth-inner .certify-sel-wrap.type2 .certify-type > li .type-desc {
  min-height: 7.6rem;
  margin-top: 2.4rem;
  color: #555555;
}
.auth-inner .certify-sel-wrap.type2 .certify-type > li .icon-arr {
  margin-top: 1.6rem;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .auth-inner .certify-sel-wrap.type2 .certify-option > li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 3.2rem;
  }
  .auth-inner .certify-sel-wrap.type2 .certify-type {
    max-width: 100%;
  }
  .auth-inner .certify-sel-wrap.type2 .certify-type > li {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .auth-inner .certify-sel-wrap.type2 .certify-opt-tit {
    margin-top: 0;
  }
  .auth-inner .certify-sel-wrap.type2 .certify-option > li {
    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: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
  .auth-inner .certify-sel-wrap.type2 .certify-type {
    width: 100%;
  }
  .auth-inner .certify-sel-wrap.type2 .certify-type > li {
    width: 100%;
    padding: 0;
  }
  .auth-inner .certify-sel-wrap.type2 .certify-type > li .login-link {
    padding: 2.4rem;
  }
  .auth-inner .certify-sel-wrap.type2 .certify-type > li .login-link::before, .auth-inner .certify-sel-wrap.type2 .certify-type > li .login-link::after {
    position: absolute;
    top: 2.4rem;
    left: 2.4rem;
  }
  .auth-inner .certify-sel-wrap.type2 .certify-type > li .login-link::after {
    position: absolute;
    top: 50%;
    left: auto;
    right: 2.4rem;
    width: 2.4rem;
    height: 2.4rem;
    margin-top: -1.2rem;
    background-image: url(../img/pattern/content/ico_login_certify_go.svg);
  }
  .auth-inner .certify-sel-wrap.type2 .certify-type > li .login-link + .btn-wrap {
    margin-top: 2.4rem;
    padding-top: 0.8rem;
    border-top: 1px solid #D8D8D8;
  }
  .auth-inner .certify-sel-wrap.type2 .certify-type > li .type-tit {
    margin-top: 0;
    padding-left: 4.8rem;
    font-size: 2.1rem;
  }
  .auth-inner .certify-sel-wrap.type2 .certify-type > li .type-desc {
    margin-top: 2.4rem;
    color: #555555;
  }
  .auth-inner .certify-sel-wrap.type2 .certify-type > li .icon-arr {
    margin-top: 1.6rem;
  }
}
.auth-inner .join-member-bn-wrap-column {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 0;
  -webkit-column-gap: 1.6rem;
     -moz-column-gap: 1.6rem;
          column-gap: 1.6rem;
}
.auth-inner .join-member-bn-wrap-column.right {
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-top: -2rem;
}
@media (max-width: 767px) {
  .auth-inner .join-member-bn-wrap-column {
    row-gap: 2.4rem;
  }
}
.auth-inner .join-member-bn-wrap {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.6rem;
  color: #1D1D1D;
}
.auth-inner .join-member-bn-wrap .txt-desc {
  font-weight: 700;
}
.auth-inner .join-member-bn-wrap .btn-wrap {
  width: auto;
}
@media (max-width: 767px) {
  .auth-inner .join-member-bn-wrap {
    row-gap: 0;
  }
  .auth-inner .join-member-bn-wrap .btn-wrap .btn {
    height: auto;
    font-size: 1.7rem;
  }
}


.form-switch.md [type=checkbox] ~ i::before {
  width: var(--krds-switch-b-md);
  height: var(--krds-switch-b-md);
  border-radius: var(--krds-switch-rd-md);
}
.form-switch.md [type=checkbox] ~ i::after {
  width: var(--krds-switch-w-md);
  height: var(--krds-switch-h-md);
}
.form-switch.md [type=checkbox] ~ label {
  padding-left: calc(var(--krds-switch-w-md) + var(--krds-switch-pd-md));
  margin-left: calc(var(--krds-switch-w-md) * -1);
  font-size: var(--krds-switch-fz-md);
}
.form-switch.md [type=checkbox]:checked ~ i::before {
  position: absolute;
  left: calc(var(--krds-switch-w-md) - var(--krds-switch-b-md) - var(--krds-switch-br-md));
}

.form-switch.lg [type=checkbox] ~ i::before {
  width: var(--krds-switch-b-lg);
  height: var(--krds-switch-b-lg);
  border-radius: var(--krds-switch-rd-lg);
}
.form-switch.lg [type=checkbox] ~ i::after {
  width: var(--krds-switch-w-lg);
  height: var(--krds-switch-h-lg);
}
.form-switch.lg [type=checkbox] ~ label {
  padding-left: calc(var(--krds-switch-w-lg) + var(--krds-switch-pd-lg));
  margin-left: calc(var(--krds-switch-w-lg) * -1);
  font-size: var(--krds-switch-fz-lg);
}
.form-switch.lg [type=checkbox]:checked ~ i::before {
  position: absolute;
  left: calc(var(--krds-switch-w-lg) - var(--krds-switch-b-lg) - var(--krds-switch-br-lg));
}
/* **** checkbox : switch type **** */
.form-switch {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
}
.form-switch label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1.9rem;
}
.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.2rem;
  width: 2rem;
  height: 2rem;
  border-radius: 4rem;
  background-color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.form-switch [type=checkbox] ~ i::after {
  width: 4rem;
  height: 2.4rem;
  border-radius: 4rem;
  background-color: #B4C4D6;
}
.form-switch [type=checkbox] ~ label {
  z-index: 1;
  padding-left: calc(4rem + 0.8rem);
  margin-left: calc(4rem * -1);
  font-size: 1.9rem;
}
.form-switch [type=checkbox]:checked ~ i::before {
  position: absolute;
  left: calc(4rem - 2rem - 0.2rem);
}
.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.4rem;
  outline: 2px solid rgba(36, 107, 235, 0.8);
}

.krds-tooltip-wrap {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  width: 100%;
}
.krds-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.4rem;
  font-size: 1.7rem;
}
.krds-tooltip-wrap .tool-btn {
  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.4rem;
}
.krds-tooltip-wrap .tool-btn::after {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  content: "";
  width: 2rem;
  height: 2rem;
  background: url(../img/component/common/ico_tooltip_20.svg) no-repeat center;
  background-size: contain;
}
.krds-tooltip-wrap .tool-in {
  display: none;
  position: absolute;
  z-index: 3;
  font-size: 1.5rem;
  width: 56rem;
  padding: 2.4rem;
  border-radius: 0.6rem;
  border: 0.1rem solid #C6C6C6;
  background-color: #fff;
}
.krds-tooltip-wrap .tool-in::before {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  content: "";
  position: absolute;
  z-index: 4;
  width: 2.2rem;
  height: 1.2rem;
  background: url(../img/component/common/ico_tool_arr.svg) no-repeat center;
  background-size: contain;
}
.krds-tooltip-wrap .tool-in .tool-hd {
  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;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 1.6rem;
}
.krds-tooltip-wrap .tool-in .tool-tit {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  padding-right: 4rem;
}
.krds-tooltip-wrap .tool-in .tool-close {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  top: 1.2rem;
  right: 1.2rem;
  width: 4rem;
  height: 4rem;
  background: url(../img/component/common/ico_del_20.svg) no-repeat center;
}
.krds-tooltip-wrap .tool-in .tool-cnt {
  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.4rem;
  margin-top: 1.6rem;
}
.krds-tooltip-wrap.left .tool-in {
  left: 0;
}
.krds-tooltip-wrap.left .tool-in::before {
  left: 2.4rem;
}
.krds-tooltip-wrap.center .tool-in {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.krds-tooltip-wrap.center .tool-in::before {
  left: 50%;
  margin-left: -1.1rem;
}
.krds-tooltip-wrap.right .tool-in {
  right: 0;
}
.krds-tooltip-wrap.right .tool-in::before {
  right: 2.4rem;
}
.krds-tooltip-wrap.top .tool-in {
  bottom: 100%;
  margin-bottom: 1.2rem;
}
.krds-tooltip-wrap.top .tool-in::before {
  top: 100%;
}
.krds-tooltip-wrap.bottom .tool-in {
  top: 100%;
  margin-top: 1.2rem;
}
.krds-tooltip-wrap.bottom .tool-in::before {
  bottom: 100%;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

@media (max-width: 767px) {
  .krds-tooltip-wrap .tool-in {
    width: auto !important;
    -webkit-transform: none !important;
            transform: none !important;
  }
  .krds-tooltip-wrap .tool-in::before {
    display: none;
  }
}

.krds-tooltip-wrap.register .tool-in {
  left: -4.1rem;
  width: 52rem;
}
.krds-tooltip-wrap.register .tool-in::before {
  left: 37.2rem;
}

.krds-tooltip-wrap.register {
  width: 100%;
}

.krds-tooltip-wrap.sso .tool-in {
  left: -2.1rem;
  width: 43rem;
}
.krds-tooltip-wrap.sso .tool-in::before {
  left: 2.4rem;
}

.krds-tooltip-wrap.keyboard .tool-in {
  left: -2.1rem;
  width: 43rem;
}
.krds-tooltip-wrap.keyboard .tool-in::before {
  left: 2.4rem;
}

@media (max-width: 767px) {
  .krds-tooltip-wrap.register .tool-in {
    left: -2.5rem;
    max-width: calc(100% + 5rem);
  }
  .krds-tooltip-wrap.sso .tool-in,
  .krds-tooltip-wrap.keyboard .tool-in {
    left: 0;
    max-width: 100%;
  }
}

.krds-tooltip-wrap .tool-btn.white {
  background: none;
}

.krds-tooltip-wrap .tool-btn.white::after {
  margin-left: 0.4rem;
  background-image: url(../img/pattern/common/ico_info.svg);
  background-size: 1.6rem;
}

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

/*  */
/* **** COMMON **** */
/* ** accessibility ** */
.sr-only {
  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;
}

.modal .modal-dialog .modal-conts .conts-area {
  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: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3.2rem;
}
.modal .modal-dialog .modal-conts .conts-area > * {
  width: 100%;
}

.modal .modal-dialog .modal-conts .conts-area {
    gap: 2.4rem;
  }
  .modal .modal-dialog .modal-conts .conts-area > * {
    width: 100%;
  }

  /* ** 페이지 상세 영역 ** */
.conts-area {
  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: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4rem;
  width: 100%;
}

  /* ** 로그인 ** */
  .conts-area {
    gap: 3.2rem;
  }

  .certify-sel-wrap.type-slim .certify-opt-tit {
  margin-top: 0;
}
.certify-sel-wrap.type-slim .certify-option > li {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 767px) {
  .certify-sel-wrap.type-slim .certify-option > li {
    padding-top: 0;
  }
}
.certify-sel-wrap.type-slim .certify-type {
  max-width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.certify-sel-wrap.type-slim .certify-type > li {
  max-width: unset;
  width: calc(50% - 1.6rem * 1 / 2);
}
@media (max-width: 767px) {
  .certify-sel-wrap.type-slim .certify-type > li {
    width: 100%;
  }
}
.main-vb-basic .d-fix .d-login-wrap .login-links {
  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;
}
.main-vb-basic .d-fix .d-login-wrap .login-links > li .btn.btn-txt {
  height: auto;
  padding: 0 1rem;
}
.main-vb-basic .d-fix .d-login-wrap .login-links > li + li {
  position: relative;
  margin-left: 1.6rem;
  padding-left: calc(1.6rem + 0.1rem);
}
.main-vb-basic .d-fix .d-login-wrap .login-links > li + li::before {
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
  width: 0.1rem;
  height: 1.6rem;
  background-color: #D8D8D8;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}