@charset "UTF-8";
:root {
  transition-property: font-size;
  transition-duration: 0;
  transition-delay: 0.08s;
}

img {
  transition-property: width, height;
  transition-duration: 0;
}

@media screen and (max-width: 400px) {
  :root {
    font-size: 4vw;
  }
}
@media print {
  @page {
    size: 21cm 29.7cm;
    margin: 0;
  }
  :root, html, body {
    font-size: 1.3vw;
  }
}
@media print and (-ms-high-contrast: none) {
  :root, html, body {
    font-size: 0.75vw;
  }
}
@media print {
  body {
    zoom: 0.8;
  }
}
@media print and (-ms-high-contrast: none) {
  body {
    zoom: 1;
  }
}
/*
*****************************************
*          typography  : start
*****************************************
*/
@font-face {
  font-family: "Pretendard";
  src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Pretendard";
  src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Pretendard";
  src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Pretendard";
  src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Pretendard";
  src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Pretendard";
  src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Pretendard";
  src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Pretendard";
  src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
}
/*
영문 (대문자) : U+0041-005A
영문 (소문자) : U+0061-007A
숫자 : U+0030-0039
한글 : U+AC00-U+D7A3
전체 : U+0020-007E
*/
body, html {
  font-family: "Roboto", "Pretendard", "Poppins", "segoe ui emoji", "noto color emoji", "android emoji", "emojisymbols", "emojione mozilla", "twemoji mozilla", "segoe ui symbol", sans-serif;
}

.font_robo {
  font-family: "Roboto", sans-serif;
}

.font_poppins {
  font-family: "Poppins", sans-serif;
}

/*font-size*/
.fw_100 {
  font-weight: 100;
}

.fw_200 {
  font-weight: 200;
}

.fw_300 {
  font-weight: 300;
}

.fw_400 {
  font-weight: 400;
}

.fw_500 {
  font-weight: 500;
}

.fw_600 {
  font-weight: 600;
}

.fw_700 {
  font-weight: 700;
}

.fw_800 {
  font-weight: 800;
}

.fw_900 {
  font-weight: 900;
}

.t_center {
  text-align: center;
}

.t_justify {
  text-align: justify;
}

.t_left {
  text-align: left;
}

.t_right {
  text-align: right;
}

.va_m {
  vertical-align: middle;
}

.va_m_box span {
  display: inline-block;
  vertical-align: middle;
}

.va_t {
  vertical-align: top;
}

.va_b {
  vertical-align: bottom;
}

.va_base {
  vertical-align: baseline;
}

@media screen and (max-width: 1280px) {
  .t_md_justify {
    text-align: justify;
  }
  .t_md_center {
    text-align: center;
  }
  .t_md_left {
    text-align: left;
  }
  .t_md_right {
    text-align: right;
  }
  .va_md_m {
    vertical-align: middle;
  }
  .va_md_t {
    vertical-align: top;
  }
  .va_md_b {
    vertical-align: bottom;
  }
  .va_md_base {
    vertical-align: baseline;
  }
}
@media screen and (max-width: 800px) {
  .t_sm_justify {
    text-align: justify;
  }
  .t_sm_center {
    text-align: center;
  }
  .t_sm_left {
    text-align: left;
  }
  .t_sm_right {
    text-align: right;
  }
  .va_sm_m {
    vertical-align: middle;
  }
  .va_sm_t {
    vertical-align: top;
  }
  .va_sm_b {
    vertical-align: bottom;
  }
  .va_sm_base {
    vertical-align: baseline;
  }
}
/*text*/
.wb_ka {
  word-break: keep-all;
}

.wb_ba {
  word-break: break-all;
}

.wh_nw {
  white-space: nowrap;
}

.ls-75 {
  letter-spacing: -0.075em;
}

.ls-55 {
  letter-spacing: -0.055em;
}

.ls-50 {
  letter-spacing: -0.05em;
}

.ls-35 {
  letter-spacing: -0.035em;
}

.ls_75 * {
  letter-spacing: -0.09em;
}

.ls_75 * {
  letter-spacing: -0.075em;
}

.ls_55 * {
  letter-spacing: -0.055em;
}

.ls_50 * {
  letter-spacing: -0.05em;
}

.ls_35 * {
  letter-spacing: -0.035em;
}

.ls_0 * {
  letter-spacing: 0;
}

.lh_10 {
  line-height: 1;
}

.lh_11 {
  line-height: 1.1;
}

.lh_12 {
  line-height: 1.2;
}

.lh_13 {
  line-height: 1.3;
}

.lh_14 {
  line-height: 1.4;
}

.lh_15 {
  line-height: 1.5;
}

.lh_16 {
  line-height: 1.6;
}

.lh_17 {
  line-height: 1.7;
}

.lh_18 {
  line-height: 1.8;
}

.lh_19 {
  line-height: 1.9;
}

.lh_20 {
  line-height: 2;
}

/*display*/
.text_hide {
  position: absolute;
  z-index: -1;
  line-height: 1 !important;
  font-size: 1px !important;
  width: 1px !important;
  height: 1px !important;
  color: transparent !important;
  background: transparent !important;
  overflow: hidden !important;
  font-size: 1px;
  text-indent: -99999px;
  opacity: 0.05 !important;
}
.text_hide:before, .text_hide:after {
  display: none !important;
}

/*text-color*/
.tc_w {
  color: var(--color-white);
}

.tc_b {
  color: var(--color-black);
}

.tc {
  color: var(--font-color);
}

.tc2 {
  color: var(--font-color2);
}

.tc_b1 {
  color: var(--font-color-b1);
}

.tc_b2 {
  color: var(--font-color-b2);
}

.tc_b3 {
  color: var(--font-color-b3);
}

.tc_b4 {
  color: var(--font-color-b4);
}

.tc_b5 {
  color: var(--font-color-b5);
}

.tc_b6 {
  color: var(--font-color-b6);
}

/*point-color*/
.tc_1 {
  color: var(--brand-color-main);
}

.tc_2 {
  color: var(--brand-color-sub);
}

/* necessary plugin styles */
[class^=ellip_]:not(.ellip_1), [class*=ellip_]:not(.ellip_1) {
  display: block;
  display: -webkit-box;
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ellip_1 {
  display: block;
  max-height: 1.5em;
  line-height: 1.5;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ellip_2 {
  -webkit-line-clamp: 2;
  max-height: 3em;
  line-height: 1.5;
}

.ellip_3 {
  -webkit-line-clamp: 3;
  max-height: 4.5em;
  line-height: 1.5;
}

.ellip_4 {
  -webkit-line-clamp: 4;
  max-height: 6em;
  line-height: 1.5;
}

.ellip_5 {
  -webkit-line-clamp: 5;
  max-height: 7.5em;
  line-height: 1.5;
}

a.btn, a[class*=btn_],
button.btn,
button[class*=btn_] {
  overflow: hidden;
  display: inline-block;
  font-weight: 500;
  letter-spacing: 0;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 2px solid #ddd;
  background-color: #ffffff;
  cursor: pointer;
  transition: background 0.2s linear, color 0.2s linear, border 0.2s linear;
}
a.btn > span, a[class*=btn_] > span,
button.btn > span,
button[class*=btn_] > span {
  position: relative;
}

a.btn,
button.btn {
  font-size: 1rem;
  width: 13.5rem;
  height: 3.5rem;
  line-height: 3.375rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-weight: bold;
}
a.btn_xlg,
button.btn_xlg {
  font-size: 1.125rem;
  width: 11.75rem;
  height: 3.875rem;
  line-height: 3.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-weight: bold;
}
a.btn_lg,
button.btn_lg {
  font-size: 1rem;
  width: 12.5rem;
  height: 3.5rem;
  line-height: 3.375rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-weight: 400;
}
a.btn_md,
button.btn_md {
  font-size: 1rem;
  width: 10.75rem;
  height: 3.5rem;
  line-height: 3.375rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
a.btn_sm,
button.btn_sm {
  font-size: 1rem;
  width: 8.625rem;
  height: 3.5rem;
  line-height: 3.375rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding: 0;
}
a.btn_xsm,
button.btn_xsm {
  font-size: 1rem;
  width: 7.5rem;
  height: 2.25rem;
  line-height: 2.125rem;
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: none;
  width: auto;
  padding-left: 0.8125em;
  padding-right: 0.8125em;
  font-weight: 400;
  border-width: 1px;
}
a.btn_down,
button.btn_down {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  width: 12.5rem;
  height: 3.5rem;
  line-height: 3.375rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-weight: 400;
  padding-left: 0.5555555556em;
  padding-right: 0.5555555556em;
}
a.btn_down::after,
button.btn_down::after {
  content: "";
  display: block;
  width: 0.5555555556em;
  height: 0.8888888889em;
  margin-left: 0.4444444444em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='15.735' viewBox='0 0 10 15.735'%3E%3Cg data-name='Group 4283'%3E%3Cpath data-name='Path 7402' d='m573.751 187.882-1.061-1.061-2.675 2.675v-9.378h-1.5v9.382l-2.675-2.675-1.061 1.061 4.486 4.486z' style='fill:%23fff' transform='translate(-564.265 -180.119)'/%3E%3C/g%3E%3Cpath data-name='Rectangle 818' transform='translate(0 14.235)' style='fill:%23fff' d='M0 0h10v1.5H0z'/%3E%3C/svg%3E%0A");
}
a.btn_down.st_2::after,
button.btn_down.st_2::after {
  display: none;
}
a.btn_rd,
button.btn_rd {
  border-radius: 0.3125rem;
}
a.btn_rd_full,
button.btn_rd_full {
  border-radius: 12.5rem;
}
a.btn.list,
button.btn.list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
a.btn.list svg, a.btn.list [class*=icon],
button.btn.list svg,
button.btn.list [class*=icon] {
  margin-right: 0.625rem;
}

@media screen and (min-width: 1281px), print {
  a[class*=btn_full]:not(.btn_full_sm):not(.btn_full_md),
  button[class*=btn_full]:not(.btn_full_sm):not(.btn_full_md) {
    width: 100%;
    display: block;
  }
  a[class*=btn_auto]:not(.btn_auto_sm):not(.btn_auto_md),
  button[class*=btn_auto]:not(.btn_auto_sm):not(.btn_auto_md) {
    width: auto;
    min-width: auto;
    max-width: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media screen and (min-width: 801px) and (max-width: 1280px) {
  a[class*=btn_full]:not(.btn_full_sm),
  button[class*=btn_full]:not(.btn_full_sm) {
    width: 100%;
    display: block;
  }
  a[class*=btn_auto]:not(.btn_auto_sm),
  button[class*=btn_auto]:not(.btn_auto_sm) {
    width: auto;
    min-width: auto;
    max-width: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media screen and (max-width: 800px) {
  a.btn,
  button.btn {
    font-size: 1rem;
    width: 10.5rem;
    height: 3.5rem;
    line-height: 3.375rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  a.btn_xlg,
  button.btn_xlg {
    height: 3.875rem;
  }
  a.btn_sm,
  button.btn_sm {
    width: 8.625rem;
    height: 3.5em;
    line-height: 3.375em;
    padding: 0 0.3125em;
  }
  a.btn_xsm,
  button.btn_xsm {
    height: 2.25em;
    max-width: none;
    width: auto;
    line-height: 2.25em;
    padding-left: 0.8125em;
    padding-right: 0.8125em;
  }
  a[class*=btn_full],
  button[class*=btn_full] {
    width: 100%;
    display: block;
  }
  a[class*=btn_auto],
  button[class*=btn_auto] {
    width: auto;
    min-width: auto;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
a.btn.btn_c1, a[class*=btn_].btn_c1, button.btn.btn_c1, button[class*=btn_].btn_c1 {
  background-color: var(--brand-color-main);
  color: var(--color-white);
  border-color: rgba(255, 255, 255, 0);
}
a.btn.btn_c2, a[class*=btn_].btn_c2, button.btn.btn_c2, button[class*=btn_].btn_c2 {
  background-color: var(--brand-color-sub);
  color: var(--color-white);
  border-color: rgba(255, 255, 255, 0);
}
a.btn.btn_cb, a[class*=btn_].btn_cb, button.btn.btn_cb, button[class*=btn_].btn_cb {
  background-color: var(--font-color-b1);
  color: var(--color-white);
  border-color: rgba(255, 255, 255, 0);
}
a.btn.btn_cn, a[class*=btn_].btn_cn, button.btn.btn_cn, button[class*=btn_].btn_cn {
  background-color: rgba(255, 255, 255, 0);
  color: var(--color-white);
  border-color: var(--color-white);
}

.btn_box {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  min-width: 100%;
  position: relative;
}
.btn_box.t_center {
  justify-content: center;
}
.btn_box.t_left {
  justify-content: flex-start;
}
.btn_box.t_right {
  justify-content: flex-end;
}
.btn_box.wp_5 {
  margin: -0.15625rem;
}
.btn_box.wp_5 > [class*=btn] {
  margin: 0.15625rem;
}
@media screen and (max-width: 800px) {
  .btn_box.wp_5 {
    margin: -0.078125rem;
  }
  .btn_box.wp_5 > [class*=btn] {
    margin: 0.078125rem;
  }
}
.btn_box.wp_8 {
  margin: -0.25rem;
}
.btn_box.wp_8 > [class*=btn] {
  margin: 0.25rem;
}
@media screen and (max-width: 800px) {
  .btn_box.wp_8 {
    margin: -0.125rem;
  }
  .btn_box.wp_8 > [class*=btn] {
    margin: 0.125rem;
  }
}
.btn_box.wp_10 {
  margin: -0.3125rem;
}
.btn_box.wp_10 > [class*=btn] {
  margin: 0.3125rem;
}
@media screen and (max-width: 800px) {
  .btn_box.wp_10 {
    margin: -0.15625rem;
  }
  .btn_box.wp_10 > [class*=btn] {
    margin: 0.15625rem;
  }
}
.btn_box.wp_16 {
  margin: -0.5rem;
}
.btn_box.wp_16 > [class*=btn] {
  margin: 0.5rem;
}
@media screen and (max-width: 800px) {
  .btn_box.wp_16 {
    margin: -0.25rem;
  }
  .btn_box.wp_16 > [class*=btn] {
    margin: 0.25rem;
  }
}
.btn_box.wp_20 {
  margin: -0.625rem;
}
.btn_box.wp_20 > [class*=btn] {
  margin: 0.625rem;
}
@media screen and (max-width: 800px) {
  .btn_box.wp_20 {
    margin: -0.3125rem;
  }
  .btn_box.wp_20 > [class*=btn] {
    margin: 0.3125rem;
  }
}
.btn_box.wp_24 {
  margin: -0.75rem;
}
.btn_box.wp_24 > [class*=btn] {
  margin: 0.75rem;
}
@media screen and (max-width: 800px) {
  .btn_box.wp_24 {
    margin: -0.375rem;
  }
  .btn_box.wp_24 > [class*=btn] {
    margin: 0.375rem;
  }
}
.btn_box.wp_30 {
  margin: -0.9375rem;
}
.btn_box.wp_30 > [class*=btn] {
  margin: 0.9375rem;
}
@media screen and (max-width: 800px) {
  .btn_box.wp_30 {
    margin: -0.46875rem;
  }
  .btn_box.wp_30 > [class*=btn] {
    margin: 0.46875rem;
  }
}
.btn_box.wp_32 {
  margin: -1rem;
}
.btn_box.wp_32 > [class*=btn] {
  margin: 1rem;
}
@media screen and (max-width: 800px) {
  .btn_box.wp_32 {
    margin: -0.5rem;
  }
  .btn_box.wp_32 > [class*=btn] {
    margin: 0.5rem;
  }
}
.btn_box.wp_40 {
  margin: -1.25rem;
}
.btn_box.wp_40 > [class*=btn] {
  margin: 1.25rem;
}
@media screen and (max-width: 800px) {
  .btn_box.wp_40 {
    margin: -0.625rem;
  }
  .btn_box.wp_40 > [class*=btn] {
    margin: 0.625rem;
  }
}
.btn_box.wp_80 {
  margin: -2.5rem;
}
.btn_box.wp_80 > [class*=btn] {
  margin: 2.5rem;
}
@media screen and (max-width: 800px) {
  .btn_box.wp_80 {
    margin: -1.25rem;
  }
  .btn_box.wp_80 > [class*=btn] {
    margin: 1.25rem;
  }
}

.btn_box .inner {
  width: 100%;
  position: relative;
  padding-left: 5em;
  padding-right: 5em;
}
@media screen and (max-width: 1280px) {
  .btn_box .inner {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media screen and (max-width: 800px) {
  .btn_box .inner .btn:not(.list) {
    max-width: 49%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}
.btn_box .inner .btn.list {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 4.4444444444em;
  height: 2.7777777778em;
  color: #fff;
  line-height: 2.7777777778em;
}
@media screen and (max-width: 800px) {
  .btn_box .inner .btn.list {
    position: static;
    transform: none;
    width: 100%;
    max-width: 100%;
    font-size: 1em;
    height: 3.125em;
    line-height: 3.125em;
    background-color: #666;
    border-color: #666;
    margin-bottom: 1.5em;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

a.btn_hov,
button.btn_hov {
  position: relative;
  line-height: 1.5;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
a.btn_hov .txt,
button.btn_hov .txt {
  position: relative;
  z-index: 2;
  line-height: 1.5;
}
a.btn_hov::before,
button.btn_hov::before {
  content: "";
  display: block;
  transition: all cubic-bezier(0.165, 0.84, 0.44, 1);
  width: 150%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0%;
  transform: scale3d(1, 0, 1) rotate(0.01deg);
  background-color: rgba(255, 255, 255, 0);
  transition: transform 0.45s;
  z-index: 1;
  transform-origin: top;
}
a.btn_hov.btn_hov_c1::before,
button.btn_hov.btn_hov_c1::before {
  background-color: var(--brand-color-main);
}
a.btn_hov.btn_hov_c1.st_2,
button.btn_hov.btn_hov_c1.st_2 {
  border-color: var(--brand-color-main);
}
a.btn_hov.btn_hov_c2,
button.btn_hov.btn_hov_c2 {
  border-color: var(--brand-color-sub);
}
a.btn_hov.btn_hov_c2::before,
button.btn_hov.btn_hov_c2::before {
  background-color: var(--brand-color-sub);
}
a.btn_hov.btn_hov_c2.st_2,
button.btn_hov.btn_hov_c2.st_2 {
  border-color: var(--brand-color-sub);
}
a.btn_hov.btn_hov_cw::before,
button.btn_hov.btn_hov_cw::before {
  background-color: #fff;
}
a.btn_hov.btn_hov_cg::before,
button.btn_hov.btn_hov_cg::before {
  background-color: #999999;
}
a.btn_hov.btn_hov_cb::before,
button.btn_hov.btn_hov_cb::before {
  background-color: var(--font-color-b1);
}
a.btn_hov.btn_hov_cb2::before,
button.btn_hov.btn_hov_cb2::before {
  background-color: var(--font-color-b2);
}
a.btn_hov:hover,
button.btn_hov:hover {
  background-color: rgba(255, 255, 255, 0);
  font-weight: bold;
}
a.btn_hov:hover.btn_hov_c1, a.btn_hov:hover.btn_hov_c2, a.btn_hov:hover.btn_hov_cb,
button.btn_hov:hover.btn_hov_c1,
button.btn_hov:hover.btn_hov_c2,
button.btn_hov:hover.btn_hov_cb {
  color: #fff;
}
a.btn_hov:hover::before,
button.btn_hov:hover::before {
  left: 0%;
  transform: scale3d(1, 1, 1) rotate(0.01deg);
  transform-origin: bottom;
}
@media screen and (max-width: 800px) {
  a.btn_hov .txt,
  button.btn_hov .txt {
    line-height: 1.5;
  }
}

.down_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-size: 0.875em;
  text-align: center;
  padding: 0.5714285714em 0.5714285714em;
  margin-top: 1.7142857143em;
  color: #fff;
  font-weight: bold;
  background-color: #121212;
}
.down_btn .txt {
  display: flex;
  align-items: center;
  justify-content: center;
}
.down_btn .txt::after {
  content: "";
  display: block;
  margin-left: 0.2857142857em;
  width: 1.4285714286em;
  height: 1.4285714286em;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M0 0h20v20H0z' style='fill:none'/%3E%3Cpath d='M15 7.588h-2.857V3H7.857v4.588H5l5 5.353zM5 14.471V16h10v-1.529z' style='fill:%23fff'/%3E%3C/svg%3E%0A") no-repeat center/100% auto;
}
@media screen and (max-width: 1280px) {
  .down_btn .txt {
    text-align: left;
    justify-content: space-between;
  }
  .down_btn .txt::after {
    margin-left: 0.5714285714em;
  }
}
.down_btn._link .txt::after {
  background-size: 1.2142857143em auto;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.812' height='14.813' viewBox='0 0 14.812 14.813'%3E%3Cpath d='m67.564 199.9-5.316-5.316h2.658l3.987 3.987z' transform='rotate(-45 -195.85 169.378)' style='fill:%23fff'/%3E%3Cpath d='m67.564 197.409-5.316 5.316h2.658l3.987-3.987z' transform='rotate(-45 -196.055 169.463)' style='fill:%23fff'/%3E%3Cpath d='M66.417 197.824v1.88H54.2l-1.88-1.88z' transform='rotate(-45 -196.36 168.81)' style='fill:%23fff'/%3E%3C/svg%3E%0A");
}
.down_btn.st_2 {
  margin-top: 0;
  font-size: 1.125em;
  background-color: rgba(255, 255, 255, 0);
  height: 3.1111111111em;
  width: 100%;
  border: 1px solid var(--border-color);
  color: #121212;
  position: relative;
  overflow: hidden;
}
.down_btn.st_2 .txt {
  position: relative;
  z-index: 3;
  transition: color 0.2s linear;
}
.down_btn.st_2 .txt::after {
  width: 1.1111111111em;
  height: 1.1111111111em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0z' style='fill:none'/%3E%3Cpath d='M19 9h-4V3H9v6H5l7 7zM5 18v2h14v-2z' style='fill:%23b2b2b2'/%3E%3C/svg%3E%0A");
  transition: color 0.2s linear;
}
@media screen and (min-width: 1281px), print {
  .down_btn.st_2:hover .txt {
    color: #fff;
  }
  .down_btn.st_2:hover .txt::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M0 0h20v20H0z' style='fill:none'/%3E%3Cpath d='M15 7.588h-2.857V3H7.857v4.588H5l5 5.353zM5 14.471V16h10v-1.529z' style='fill:%23fff'/%3E%3C/svg%3E%0A");
  }
  .down_btn.st_2:hover::before {
    transform: translateX(-10%) scaleX(1.25) skewX(-20deg);
  }
}
.down_btn.st_2::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--brand-color-main);
  width: 125%;
  height: 100%;
  transform: translateX(-125%) scaleX(1.25) skewX(-20deg);
  transition: transform 0.4s;
  z-index: 2;
}
@media screen and (max-width: 1280px) {
  .down_btn.st_2 .txt {
    text-align: center;
    justify-content: center;
  }
}
@media screen and (max-width: 800px) {
  .down_btn.st_2 {
    font-size: 0.875em;
    height: 4em;
    letter-spacing: -1.08px;
    padding-left: 0.4285714286em;
    padding-right: 0.4285714286em;
  }
  .down_btn.st_2 .txt::after {
    width: 1.4285714286em;
    height: 1.4285714286em;
  }
}
@media screen and (max-width: 1280px) {
  .down_btn {
    padding: 0.5714285714em 1.1428571429em;
  }
}

a.btn.icon_btn, button.btn.icon_btn,
a[class*=btn].icon_btn, button[class*=btn].icon_btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  font-size: 1.125em;
  height: auto;
  line-height: 1.3;
  padding-top: 0.6666666667em;
  padding-bottom: 0.6666666667em;
  padding-left: 1.3333333333em;
  padding-right: 1.3333333333em;
  border: 0;
  border-radius: 0.3125rem;
}
a.btn.icon_btn svg, button.btn.icon_btn svg,
a[class*=btn].icon_btn svg, button[class*=btn].icon_btn svg {
  display: block;
  vertical-align: top;
}
a.btn.icon_btn .icon, button.btn.icon_btn .icon,
a[class*=btn].icon_btn .icon, button[class*=btn].icon_btn .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.2);
  width: 2.2222222222em;
  height: 2.2222222222em;
}

.row {
  min-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wap;
  flex-wrap: wrap;
}
.row > [class*=col_] {
  flex: 0 1 auto;
}
.row.wp_5 {
  margin-top: -0.3125rem;
  margin-left: -0.15625rem;
  margin-right: -0.15625rem;
}
.row.wp_5 > [class*=col_] {
  padding: 0.3125rem 0.15625rem 0;
}
@media screen and (max-width: 800px) {
  .row.wp_5 {
    margin-top: -0.15625rem;
    margin-left: -0.078125rem;
    margin-right: -0.078125rem;
  }
  .row.wp_5 > [class*=col_] {
    padding: 0.15625rem 0.078125rem 0;
  }
}
.row.wp_8 {
  margin-top: -0.5rem;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.row.wp_8 > [class*=col_] {
  padding: 0.5rem 0.25rem 0;
}
@media screen and (max-width: 800px) {
  .row.wp_8 {
    margin-top: -0.25rem;
    margin-left: -0.125rem;
    margin-right: -0.125rem;
  }
  .row.wp_8 > [class*=col_] {
    padding: 0.25rem 0.125rem 0;
  }
}
.row.wp_10 {
  margin-top: -0.625rem;
  margin-left: -0.3125rem;
  margin-right: -0.3125rem;
}
.row.wp_10 > [class*=col_] {
  padding: 0.625rem 0.3125rem 0;
}
@media screen and (max-width: 800px) {
  .row.wp_10 {
    margin-top: -0.3125rem;
    margin-left: -0.15625rem;
    margin-right: -0.15625rem;
  }
  .row.wp_10 > [class*=col_] {
    padding: 0.3125rem 0.15625rem 0;
  }
}
.row.wp_16 {
  margin-top: -1rem;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.row.wp_16 > [class*=col_] {
  padding: 1rem 0.5rem 0;
}
@media screen and (max-width: 800px) {
  .row.wp_16 {
    margin-top: -0.5rem;
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .row.wp_16 > [class*=col_] {
    padding: 0.5rem 0.25rem 0;
  }
}
.row.wp_20 {
  margin-top: -1.25rem;
  margin-left: -0.625rem;
  margin-right: -0.625rem;
}
.row.wp_20 > [class*=col_] {
  padding: 1.25rem 0.625rem 0;
}
@media screen and (max-width: 800px) {
  .row.wp_20 {
    margin-top: -0.625rem;
    margin-left: -0.3125rem;
    margin-right: -0.3125rem;
  }
  .row.wp_20 > [class*=col_] {
    padding: 0.625rem 0.3125rem 0;
  }
}
.row.wp_24 {
  margin-top: -1.5rem;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}
.row.wp_24 > [class*=col_] {
  padding: 1.5rem 0.75rem 0;
}
@media screen and (max-width: 800px) {
  .row.wp_24 {
    margin-top: -0.75rem;
    margin-left: -0.375rem;
    margin-right: -0.375rem;
  }
  .row.wp_24 > [class*=col_] {
    padding: 0.75rem 0.375rem 0;
  }
}
.row.wp_30 {
  margin-top: -1.875rem;
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
}
.row.wp_30 > [class*=col_] {
  padding: 1.875rem 0.9375rem 0;
}
@media screen and (max-width: 800px) {
  .row.wp_30 {
    margin-top: -0.9375rem;
    margin-left: -0.46875rem;
    margin-right: -0.46875rem;
  }
  .row.wp_30 > [class*=col_] {
    padding: 0.9375rem 0.46875rem 0;
  }
}
.row.wp_32 {
  margin-top: -2rem;
  margin-left: -1rem;
  margin-right: -1rem;
}
.row.wp_32 > [class*=col_] {
  padding: 2rem 1rem 0;
}
@media screen and (max-width: 800px) {
  .row.wp_32 {
    margin-top: -1rem;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .row.wp_32 > [class*=col_] {
    padding: 1rem 0.5rem 0;
  }
}
.row.wp_40 {
  margin-top: -2.5rem;
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}
.row.wp_40 > [class*=col_] {
  padding: 2.5rem 1.25rem 0;
}
@media screen and (max-width: 800px) {
  .row.wp_40 {
    margin-top: -1.25rem;
    margin-left: -0.625rem;
    margin-right: -0.625rem;
  }
  .row.wp_40 > [class*=col_] {
    padding: 1.25rem 0.625rem 0;
  }
}
.row.wp_80 {
  margin-top: -5rem;
  margin-left: -2.5rem;
  margin-right: -2.5rem;
}
.row.wp_80 > [class*=col_] {
  padding: 5rem 2.5rem 0;
}
@media screen and (max-width: 800px) {
  .row.wp_80 {
    margin-top: -2.5rem;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }
  .row.wp_80 > [class*=col_] {
    padding: 2.5rem 1.25rem 0;
  }
}
@media screen and (min-width: 801px) and (max-width: 1280px) {
  .row.wp_md_5 {
    margin-top: -0.3125rem;
    margin-left: -0.15625rem;
    margin-right: -0.15625rem;
  }
  .row.wp_md_5 > [class*=col_] {
    padding: 0.3125rem 0.15625rem 0;
  }
  .row.wp_md_8 {
    margin-top: -0.5rem;
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .row.wp_md_8 > [class*=col_] {
    padding: 0.5rem 0.25rem 0;
  }
  .row.wp_md_10 {
    margin-top: -0.625rem;
    margin-left: -0.3125rem;
    margin-right: -0.3125rem;
  }
  .row.wp_md_10 > [class*=col_] {
    padding: 0.625rem 0.3125rem 0;
  }
  .row.wp_md_16 {
    margin-top: -1rem;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .row.wp_md_16 > [class*=col_] {
    padding: 1rem 0.5rem 0;
  }
  .row.wp_md_20 {
    margin-top: -1.25rem;
    margin-left: -0.625rem;
    margin-right: -0.625rem;
  }
  .row.wp_md_20 > [class*=col_] {
    padding: 1.25rem 0.625rem 0;
  }
  .row.wp_md_24 {
    margin-top: -1.5rem;
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
  .row.wp_md_24 > [class*=col_] {
    padding: 1.5rem 0.75rem 0;
  }
  .row.wp_md_30 {
    margin-top: -1.875rem;
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }
  .row.wp_md_30 > [class*=col_] {
    padding: 1.875rem 0.9375rem 0;
  }
  .row.wp_md_32 {
    margin-top: -2rem;
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .row.wp_md_32 > [class*=col_] {
    padding: 2rem 1rem 0;
  }
  .row.wp_md_40 {
    margin-top: -2.5rem;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }
  .row.wp_md_40 > [class*=col_] {
    padding: 2.5rem 1.25rem 0;
  }
  .row.wp_md_80 {
    margin-top: -5rem;
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }
  .row.wp_md_80 > [class*=col_] {
    padding: 5rem 2.5rem 0;
  }
}
.row > .col_24 {
  width: 100%;
}
.row > .col_23 {
  width: 95.8333333333%;
}
.row > .col_22 {
  width: 91.6666666667%;
}
.row > .col_21 {
  width: 87.5%;
}
.row > .col_20 {
  width: 83.3333333333%;
}
.row > .col_19 {
  width: 79.1666666667%;
}
.row > .col_18 {
  width: 75%;
}
.row > .col_17 {
  width: 70.8333333333%;
}
.row > .col_16 {
  width: 66.6666666667%;
}
.row > .col_15 {
  width: 62.5%;
}
.row > .col_14 {
  width: 58.3333333333%;
}
.row > .col_13 {
  width: 54.1666666667%;
}
.row > .col_12 {
  width: 50%;
}
.row > .col_11 {
  width: 45.8333333333%;
}
.row > .col_10 {
  width: 41.6666666667%;
}
.row > .col_9 {
  width: 37.5%;
}
.row > .col_8 {
  width: 33.3333333333%;
}
.row > .col_7 {
  width: 29.1666666667%;
}
.row > .col_6 {
  width: 25%;
}
.row > .col_5 {
  width: 20.8333333333%;
}
.row > .col_4 {
  width: 16.6666666667%;
}
.row > .col_3 {
  width: 12.5%;
}
.row > .col_2 {
  width: 8.3333333333%;
}
.row > .col_1 {
  width: 4.1666666667%;
}
.row > .col_0 {
  width: 0%;
}
.row > .offset_24 {
  margin-left: 100%;
}
.row > .offset_23 {
  margin-left: 95.8333333333%;
}
.row > .offset_22 {
  margin-left: 91.6666666667%;
}
.row > .offset_21 {
  margin-left: 87.5%;
}
.row > .offset_20 {
  margin-left: 83.3333333333%;
}
.row > .offset_19 {
  margin-left: 79.1666666667%;
}
.row > .offset_18 {
  margin-left: 75%;
}
.row > .offset_17 {
  margin-left: 70.8333333333%;
}
.row > .offset_16 {
  margin-left: 66.6666666667%;
}
.row > .offset_15 {
  margin-left: 62.5%;
}
.row > .offset_14 {
  margin-left: 58.3333333333%;
}
.row > .offset_13 {
  margin-left: 54.1666666667%;
}
.row > .offset_12 {
  margin-left: 50%;
}
.row > .offset_11 {
  margin-left: 45.8333333333%;
}
.row > .offset_10 {
  margin-left: 41.6666666667%;
}
.row > .offset_9 {
  margin-left: 37.5%;
}
.row > .offset_8 {
  margin-left: 33.3333333333%;
}
.row > .offset_7 {
  margin-left: 29.1666666667%;
}
.row > .offset_6 {
  margin-left: 25%;
}
.row > .offset_5 {
  margin-left: 20.8333333333%;
}
.row > .offset_4 {
  margin-left: 16.6666666667%;
}
.row > .offset_3 {
  margin-left: 12.5%;
}
.row > .offset_2 {
  margin-left: 8.3333333333%;
}
.row > .offset_1 {
  margin-left: 4.1666666667%;
}
.row > .offset_0 {
  margin-left: 0%;
}
@media screen and (max-width: 1280px) {
  .row > .col_md_24 {
    width: 100%;
  }
  .row > .col_md_23 {
    width: 95.8333333333%;
  }
  .row > .col_md_22 {
    width: 91.6666666667%;
  }
  .row > .col_md_21 {
    width: 87.5%;
  }
  .row > .col_md_20 {
    width: 83.3333333333%;
  }
  .row > .col_md_19 {
    width: 79.1666666667%;
  }
  .row > .col_md_18 {
    width: 75%;
  }
  .row > .col_md_17 {
    width: 70.8333333333%;
  }
  .row > .col_md_16 {
    width: 66.6666666667%;
  }
  .row > .col_md_15 {
    width: 62.5%;
  }
  .row > .col_md_14 {
    width: 58.3333333333%;
  }
  .row > .col_md_13 {
    width: 54.1666666667%;
  }
  .row > .col_md_12 {
    width: 50%;
  }
  .row > .col_md_11 {
    width: 45.8333333333%;
  }
  .row > .col_md_10 {
    width: 41.6666666667%;
  }
  .row > .col_md_9 {
    width: 37.5%;
  }
  .row > .col_md_8 {
    width: 33.3333333333%;
  }
  .row > .col_md_7 {
    width: 29.1666666667%;
  }
  .row > .col_md_6 {
    width: 25%;
  }
  .row > .col_md_5 {
    width: 20.8333333333%;
  }
  .row > .col_md_4 {
    width: 16.6666666667%;
  }
  .row > .col_md_3 {
    width: 12.5%;
  }
  .row > .col_md_2 {
    width: 8.3333333333%;
  }
  .row > .col_md_1 {
    width: 4.1666666667%;
  }
  .row > .col_md_0 {
    width: 0%;
  }
  .row > .offset_md_24 {
    margin-left: 100%;
  }
  .row > .offset_md_23 {
    margin-left: 95.8333333333%;
  }
  .row > .offset_md_22 {
    margin-left: 91.6666666667%;
  }
  .row > .offset_md_21 {
    margin-left: 87.5%;
  }
  .row > .offset_md_20 {
    margin-left: 83.3333333333%;
  }
  .row > .offset_md_19 {
    margin-left: 79.1666666667%;
  }
  .row > .offset_md_18 {
    margin-left: 75%;
  }
  .row > .offset_md_17 {
    margin-left: 70.8333333333%;
  }
  .row > .offset_md_16 {
    margin-left: 66.6666666667%;
  }
  .row > .offset_md_15 {
    margin-left: 62.5%;
  }
  .row > .offset_md_14 {
    margin-left: 58.3333333333%;
  }
  .row > .offset_md_13 {
    margin-left: 54.1666666667%;
  }
  .row > .offset_md_12 {
    margin-left: 50%;
  }
  .row > .offset_md_11 {
    margin-left: 45.8333333333%;
  }
  .row > .offset_md_10 {
    margin-left: 41.6666666667%;
  }
  .row > .offset_md_9 {
    margin-left: 37.5%;
  }
  .row > .offset_md_8 {
    margin-left: 33.3333333333%;
  }
  .row > .offset_md_7 {
    margin-left: 29.1666666667%;
  }
  .row > .offset_md_6 {
    margin-left: 25%;
  }
  .row > .offset_md_5 {
    margin-left: 20.8333333333%;
  }
  .row > .offset_md_4 {
    margin-left: 16.6666666667%;
  }
  .row > .offset_md_3 {
    margin-left: 12.5%;
  }
  .row > .offset_md_2 {
    margin-left: 8.3333333333%;
  }
  .row > .offset_md_1 {
    margin-left: 4.1666666667%;
  }
  .row > .offset_md_0 {
    margin-left: 0%;
  }
}
@media screen and (max-width: 800px) {
  .row > .col_sm_24 {
    width: 100%;
  }
  .row > .col_sm_23 {
    width: 95.8333333333%;
  }
  .row > .col_sm_22 {
    width: 91.6666666667%;
  }
  .row > .col_sm_21 {
    width: 87.5%;
  }
  .row > .col_sm_20 {
    width: 83.3333333333%;
  }
  .row > .col_sm_19 {
    width: 79.1666666667%;
  }
  .row > .col_sm_18 {
    width: 75%;
  }
  .row > .col_sm_17 {
    width: 70.8333333333%;
  }
  .row > .col_sm_16 {
    width: 66.6666666667%;
  }
  .row > .col_sm_15 {
    width: 62.5%;
  }
  .row > .col_sm_14 {
    width: 58.3333333333%;
  }
  .row > .col_sm_13 {
    width: 54.1666666667%;
  }
  .row > .col_sm_12 {
    width: 50%;
  }
  .row > .col_sm_11 {
    width: 45.8333333333%;
  }
  .row > .col_sm_10 {
    width: 41.6666666667%;
  }
  .row > .col_sm_9 {
    width: 37.5%;
  }
  .row > .col_sm_8 {
    width: 33.3333333333%;
  }
  .row > .col_sm_7 {
    width: 29.1666666667%;
  }
  .row > .col_sm_6 {
    width: 25%;
  }
  .row > .col_sm_5 {
    width: 20.8333333333%;
  }
  .row > .col_sm_4 {
    width: 16.6666666667%;
  }
  .row > .col_sm_3 {
    width: 12.5%;
  }
  .row > .col_sm_2 {
    width: 8.3333333333%;
  }
  .row > .col_sm_1 {
    width: 4.1666666667%;
  }
  .row > .col_sm_0 {
    width: 0%;
  }
  .row > .offset_sm_24 {
    margin-left: 100%;
  }
  .row > .offset_sm_23 {
    margin-left: 95.8333333333%;
  }
  .row > .offset_sm_22 {
    margin-left: 91.6666666667%;
  }
  .row > .offset_sm_21 {
    margin-left: 87.5%;
  }
  .row > .offset_sm_20 {
    margin-left: 83.3333333333%;
  }
  .row > .offset_sm_19 {
    margin-left: 79.1666666667%;
  }
  .row > .offset_sm_18 {
    margin-left: 75%;
  }
  .row > .offset_sm_17 {
    margin-left: 70.8333333333%;
  }
  .row > .offset_sm_16 {
    margin-left: 66.6666666667%;
  }
  .row > .offset_sm_15 {
    margin-left: 62.5%;
  }
  .row > .offset_sm_14 {
    margin-left: 58.3333333333%;
  }
  .row > .offset_sm_13 {
    margin-left: 54.1666666667%;
  }
  .row > .offset_sm_12 {
    margin-left: 50%;
  }
  .row > .offset_sm_11 {
    margin-left: 45.8333333333%;
  }
  .row > .offset_sm_10 {
    margin-left: 41.6666666667%;
  }
  .row > .offset_sm_9 {
    margin-left: 37.5%;
  }
  .row > .offset_sm_8 {
    margin-left: 33.3333333333%;
  }
  .row > .offset_sm_7 {
    margin-left: 29.1666666667%;
  }
  .row > .offset_sm_6 {
    margin-left: 25%;
  }
  .row > .offset_sm_5 {
    margin-left: 20.8333333333%;
  }
  .row > .offset_sm_4 {
    margin-left: 16.6666666667%;
  }
  .row > .offset_sm_3 {
    margin-left: 12.5%;
  }
  .row > .offset_sm_2 {
    margin-left: 8.3333333333%;
  }
  .row > .offset_sm_1 {
    margin-left: 4.1666666667%;
  }
  .row > .offset_sm_0 {
    margin-left: 0%;
  }
}
@media screen and (max-width: 601px) {
  .row > .col_xsm_24 {
    width: 100%;
  }
  .row > .col_xsm_23 {
    width: 95.8333333333%;
  }
  .row > .col_xsm_22 {
    width: 91.6666666667%;
  }
  .row > .col_xsm_21 {
    width: 87.5%;
  }
  .row > .col_xsm_20 {
    width: 83.3333333333%;
  }
  .row > .col_xsm_19 {
    width: 79.1666666667%;
  }
  .row > .col_xsm_18 {
    width: 75%;
  }
  .row > .col_xsm_17 {
    width: 70.8333333333%;
  }
  .row > .col_xsm_16 {
    width: 66.6666666667%;
  }
  .row > .col_xsm_15 {
    width: 62.5%;
  }
  .row > .col_xsm_14 {
    width: 58.3333333333%;
  }
  .row > .col_xsm_13 {
    width: 54.1666666667%;
  }
  .row > .col_xsm_12 {
    width: 50%;
  }
  .row > .col_xsm_11 {
    width: 45.8333333333%;
  }
  .row > .col_xsm_10 {
    width: 41.6666666667%;
  }
  .row > .col_xsm_9 {
    width: 37.5%;
  }
  .row > .col_xsm_8 {
    width: 33.3333333333%;
  }
  .row > .col_xsm_7 {
    width: 29.1666666667%;
  }
  .row > .col_xsm_6 {
    width: 25%;
  }
  .row > .col_xsm_5 {
    width: 20.8333333333%;
  }
  .row > .col_xsm_4 {
    width: 16.6666666667%;
  }
  .row > .col_xsm_3 {
    width: 12.5%;
  }
  .row > .col_xsm_2 {
    width: 8.3333333333%;
  }
  .row > .col_xsm_1 {
    width: 4.1666666667%;
  }
  .row > .col_xsm_0 {
    width: 0%;
  }
  .row > .offset_xsm_24 {
    margin-left: 100%;
  }
  .row > .offset_xsm_23 {
    margin-left: 95.8333333333%;
  }
  .row > .offset_xsm_22 {
    margin-left: 91.6666666667%;
  }
  .row > .offset_xsm_21 {
    margin-left: 87.5%;
  }
  .row > .offset_xsm_20 {
    margin-left: 83.3333333333%;
  }
  .row > .offset_xsm_19 {
    margin-left: 79.1666666667%;
  }
  .row > .offset_xsm_18 {
    margin-left: 75%;
  }
  .row > .offset_xsm_17 {
    margin-left: 70.8333333333%;
  }
  .row > .offset_xsm_16 {
    margin-left: 66.6666666667%;
  }
  .row > .offset_xsm_15 {
    margin-left: 62.5%;
  }
  .row > .offset_xsm_14 {
    margin-left: 58.3333333333%;
  }
  .row > .offset_xsm_13 {
    margin-left: 54.1666666667%;
  }
  .row > .offset_xsm_12 {
    margin-left: 50%;
  }
  .row > .offset_xsm_11 {
    margin-left: 45.8333333333%;
  }
  .row > .offset_xsm_10 {
    margin-left: 41.6666666667%;
  }
  .row > .offset_xsm_9 {
    margin-left: 37.5%;
  }
  .row > .offset_xsm_8 {
    margin-left: 33.3333333333%;
  }
  .row > .offset_xsm_7 {
    margin-left: 29.1666666667%;
  }
  .row > .offset_xsm_6 {
    margin-left: 25%;
  }
  .row > .offset_xsm_5 {
    margin-left: 20.8333333333%;
  }
  .row > .offset_xsm_4 {
    margin-left: 16.6666666667%;
  }
  .row > .offset_xsm_3 {
    margin-left: 12.5%;
  }
  .row > .offset_xsm_2 {
    margin-left: 8.3333333333%;
  }
  .row > .offset_xsm_1 {
    margin-left: 4.1666666667%;
  }
  .row > .offset_xsm_0 {
    margin-left: 0%;
  }
}

.flex {
  display: flex;
}

.flex_0_1 {
  flex: 0 1 auto;
}

.flex_1_1 {
  flex: 1 1 auto;
}

.fw_wrap {
  flex-wrap: wrap;
}

.fw_nowrap {
  flex-wrap: nowrap;
}

.fd_row {
  flex-direction: row;
}

.fd_col {
  flex-direction: column;
}

.fd_row_re {
  flex-direction: row-reverse;
}

.fd_col_re {
  flex-direction: column-reverse;
}

.jc_fs {
  justify-content: flex-start;
}

.jc_fe {
  justify-content: flex-end;
}

.jc_c {
  justify-content: center;
}

.jc_sb {
  justify-content: space-between;
}

.ai_fs {
  align-items: flex-start;
}

.ai_fe {
  align-items: flex-end;
}

.ai_c {
  align-items: center;
}

.ai_stretch {
  align-items: stretch;
}

.ai_base {
  align-items: baseline;
}

@media screen and (max-width: 1280px) {
  .fw_md_wrap {
    flex-wrap: wrap;
  }
  .fw_md_nowrap {
    flex-wrap: nowrap;
  }
  .fd_md_row {
    flex-direction: row;
  }
  .fd_md_col {
    flex-direction: column;
  }
  .fd_md_row_re {
    flex-direction: row-reverse;
  }
  .fd_md_col_re {
    flex-direction: column-reverse;
  }
  .jc_md_fs {
    justify-content: flex-start;
  }
  .jc_md_fe {
    justify-content: flex-end;
  }
  .jc_md_c {
    justify-content: center;
  }
  .jc_md_sb {
    justify-content: space-between;
  }
  .ai_md_fs {
    align-items: flex-start;
  }
  .ai_md_fe {
    align-items: flex-end;
  }
  .ai_md_c {
    align-items: center;
  }
  .ai_md_stretch {
    align-items: stretch;
  }
  .ai_md_base {
    align-items: baseline;
  }
}
@media screen and (max-width: 800px) {
  .fw_sm_wrap {
    flex-wrap: wrap;
  }
  .fw_sm_nowrap {
    flex-wrap: nowrap;
  }
  .fd_sm_row {
    flex-direction: row;
  }
  .fd_sm_col {
    flex-direction: column;
  }
  .fd_sm_row_re {
    flex-direction: row-reverse;
  }
  .fd_sm_col_re {
    flex-direction: column-reverse;
  }
  .jc_sm_fs {
    justify-content: flex-start;
  }
  .jc_sm_fe {
    justify-content: flex-end;
  }
  .jc_sm_c {
    justify-content: center;
  }
  .jc_sm_sb {
    justify-content: space-between;
  }
  .ai_sm_fs {
    align-items: flex-start;
  }
  .ai_sm_fe {
    align-items: flex-end;
  }
  .ai_sm_c {
    align-items: center;
  }
  .ai_sm_stretch {
    align-items: stretch;
  }
  .ai_sm_base {
    align-items: baseline;
  }
}
a {
  -webkit-tap-highlight-color: transparent;
}

.dp_inb {
  display: inline-block !important;
}
.dp_hide {
  display: none !important;
}
.dp_show {
  display: block !important;
}
@media screen and (min-width: 801px) and (max-width: 1280px) {
  .dp_md_only_inb {
    display: inline-block !important;
  }
  .dp_md_only_hide {
    display: none !important;
  }
  .dp_md_only_show {
    display: block !important;
  }
}
@media screen and (max-width: 1280px) {
  .dp_md_inb {
    display: inline-block !important;
  }
  .dp_md_hide {
    display: none !important;
  }
  .dp_md_show {
    display: block !important;
  }
}
@media screen and (max-width: 800px) {
  .dp_sm_inb {
    display: inline-block !important;
  }
  .dp_sm_hide {
    display: none !important;
  }
  .dp_sm_show {
    display: block !important;
  }
}
@media screen and (max-width: 601px) {
  .dp_xsm_inb {
    display: inline-block !important;
  }
  .dp_xsm_hide {
    display: none !important;
  }
  .dp_xsm_show {
    display: block !important;
  }
}

br.lg, br.md, br.sm, br.xs, br.xxs {
  display: none;
}
br.none {
  display: none;
}
@media screen and (max-width: 1700px) {
  br.lg {
    display: block;
  }
  br.lg_none {
    display: none;
  }
}
@media screen and (max-width: 1440px) {
  br.slg {
    display: block;
  }
  br.slg_none {
    display: none;
  }
}
@media screen and (max-width: 1280px) {
  br.md {
    display: block;
  }
  br.md_none {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  br.sm {
    display: block;
  }
  br.sm_none {
    display: none;
  }
}
@media screen and (max-width: 601px) {
  br.xs {
    display: block;
  }
  br.xs_none {
    display: none;
  }
}
@media screen and (max-width: 450px) {
  br.xxs {
    display: block;
  }
  br.xxs_none {
    display: none;
  }
}

._rd_box {
  border-radius: 2.5rem;
}

.wrap, [class*=wrap_] {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.wrap {
  max-width: 109.5rem;
}

[class*=wrap_].wrap_1860 {
  max-width: 118.75rem;
}
[class*=wrap_].wrap_1780 {
  max-width: 113.75rem;
}
[class*=wrap_].wrap_1556 {
  max-width: 99.75rem;
}
[class*=wrap_].wrap_1440 {
  max-width: 92.5rem;
}
[class*=wrap_].wrap_1380 {
  max-width: 88.75rem;
}

@media screen and (max-width: 800px) {
  .wrap, [class*=wrap_] {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .wrap {
    max-width: 109rem;
  }
  [class*=wrap_].wrap_1860 {
    max-width: 118.25rem;
  }
  [class*=wrap_].wrap_1780 {
    max-width: 113.25rem;
  }
  [class*=wrap_].wrap_1556 {
    max-width: 99.25rem;
  }
  [class*=wrap_].wrap_1440 {
    max-width: 92rem;
  }
  [class*=wrap_].wrap_1380 {
    max-width: 88.25rem;
  }
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input.inp, input[class*=inp_] {
  max-width: 100%;
  font-weight: inherit;
  outline: 0;
  letter-spacing: -0.025em;
  border: 1px solid var(--border-color);
  background-color: #ffffff;
  color: #222222;
}
input.inp::placeholder, input[class*=inp_]::placeholder {
  color: #999999;
  font-weight: 300;
  opacity: 1; /* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */
}
input.inp::-webkit-input-placeholder, input[class*=inp_]::-webkit-input-placeholder {
  color: #999999;
  color: #999999;
  font-weight: 300;
}
input.inp::-moz-placeholder, input[class*=inp_]::-moz-placeholder {
  color: #999999;
  color: #999999;
  font-weight: 300;
  opacity: 1; /* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */
}
input.inp:-ms-input-placeholder, input[class*=inp_]:-ms-input-placeholder {
  color: #999999;
  color: #999999;
  font-weight: 300;
}
input.inp, input[class*=inp_] {
  font-size: 1.25rem;
  width: 20rem;
  height: 4rem;
  line-height: 3.875rem;
  padding-left: 0.75em;
  padding-right: 0.75em;
  border-radius: 0.3125rem;
  background-color: #f6f6f6;
  border: 1px solid rgba(0, 0, 0, 0);
}
input.inp:focus, input[class*=inp_]:focus {
  border-color: var(--border-color);
}
input[type=password] + .btn {
  flex: 0 0 auto;
}
input.inp_lg {
  width: 33rem;
}
input.inp_xmd {
  width: 21.25rem;
}
input.inp_md {
  width: 18.4375rem;
}
input.inp_smd {
  width: 15rem;
}
input.inp_sm {
  width: 12.5rem;
}
input.inp_xs {
  width: 10rem;
}
input.inp_rd {
  border-radius: 6.25em;
}
input.inp:read-only {
  color: #999;
  background-color: #eeeeee;
}
@media screen and (max-width: 800px) {
  input.inp, input[class*=inp_] {
    font-size: 1.125rem;
    height: 3.5em;
  }
}

/* radio, checkbox */
.fm_rd, .fm_ch {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  outline: 0;
  letter-spacing: -0.025em;
}
.fm_rd > span, .fm_ch > span {
  vertical-align: middle;
  line-height: 1.5em;
}
.fm_rd ._icon, .fm_ch ._icon {
  overflow: hidden;
  position: relative;
  display: inline-block;
  line-height: 1.5em;
  background-color: #ffffff;
  outline: 1px solid var(--border-color);
}
.fm_rd ._icon::before, .fm_rd ._icon::after, .fm_ch ._icon::before, .fm_ch ._icon::after {
  content: "";
  display: block !important;
  position: absolute;
  left: 50%;
  top: 50%;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  transform: translate(-50%, -50%) rotate(0.01deg);
  background-repeat: no-repeat;
  background-position: center center;
}
.fm_rd ._icon::before, .fm_ch ._icon::before {
  border-radius: 0.25rem;
}
.fm_rd ._icon::after, .fm_ch ._icon::after {
  transition: transform 0.3s cubic-bezier(0, 0.81, 0.36, 1.14);
  transform: translate(-50%, -50%) scale(0) rotate(0.01deg);
}
.fm_rd input[type=radio],
.fm_rd input[type=checkbox], .fm_ch input[type=radio],
.fm_ch input[type=checkbox] {
  position: absolute;
  top: 0 !important;
  left: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
  width: 0 !important;
  height: 0 !important;
  color: transparent !important;
  overflow: hidden !important;
  opacity: 0;
}
.fm_rd input[type=radio]:checked + ._icon,
.fm_rd input[type=checkbox]:checked + ._icon, .fm_ch input[type=radio]:checked + ._icon,
.fm_ch input[type=checkbox]:checked + ._icon {
  outline-color: var(--brand-color-main);
}
.fm_rd input[type=radio]:checked + ._icon::before,
.fm_rd input[type=checkbox]:checked + ._icon::before, .fm_ch input[type=radio]:checked + ._icon::before,
.fm_ch input[type=checkbox]:checked + ._icon::before {
  border-color: #222;
  background-color: #222;
}
.fm_rd input[type=radio]:checked + ._icon::after,
.fm_rd input[type=checkbox]:checked + ._icon::after, .fm_ch input[type=radio]:checked + ._icon::after,
.fm_ch input[type=checkbox]:checked + ._icon::after {
  transform: translate(-50%, -50%) scale(1) rotate(0.01deg);
}
.fm_rd input[type=radio][disabled=true] + ._icon::before, .fm_rd input[type=radio][disabled=disabled] + ._icon::before,
.fm_rd input[type=checkbox][disabled=true] + ._icon::before,
.fm_rd input[type=checkbox][disabled=disabled] + ._icon::before, .fm_ch input[type=radio][disabled=true] + ._icon::before, .fm_ch input[type=radio][disabled=disabled] + ._icon::before,
.fm_ch input[type=checkbox][disabled=true] + ._icon::before,
.fm_ch input[type=checkbox][disabled=disabled] + ._icon::before {
  border-color: #ddd !important;
  background-color: #e5e5e5 !important;
}
.fm_rd input[type=radio][disabled=true] + ._icon::after, .fm_rd input[type=radio][disabled=disabled] + ._icon::after,
.fm_rd input[type=checkbox][disabled=true] + ._icon::after,
.fm_rd input[type=checkbox][disabled=disabled] + ._icon::after, .fm_ch input[type=radio][disabled=true] + ._icon::after, .fm_ch input[type=radio][disabled=disabled] + ._icon::after,
.fm_ch input[type=checkbox][disabled=true] + ._icon::after,
.fm_ch input[type=checkbox][disabled=disabled] + ._icon::after {
  display: none !important;
}
.fm_rd input[type=radio]:checked + ._icon::before,
.fm_rd input[type=checkbox]:checked + ._icon::before, .fm_ch input[type=radio]:checked + ._icon::before,
.fm_ch input[type=checkbox]:checked + ._icon::before {
  border-color: var(--brand-color-main);
  background-color: var(--brand-color-main);
}
.fm_rd {
  font-size: 1.25rem;
}
.fm_rd ._icon {
  font-size: 1rem;
  width: 1.5em;
  height: 1.5em;
  border-radius: 100%;
}
.fm_rd ._icon::before {
  border-radius: 100%;
  background-color: #ffffff;
}
.fm_rd ._icon {
  margin-right: 0.5rem;
}
.fm_rd ._icon::after {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' width='26' height='26' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 26 26' style='enable-background:new 0 0 26 26;' xml:space='preserve'%3E%3Ccircle fill='%23fff' cx='13' cy='13' r='5'/%3E%3C/svg%3E%0A");
  background-size: 100%;
}
.fm_ch {
  font-size: 1.125rem;
}
.fm_ch ._icon {
  font-size: 1rem;
  width: 1.5em;
  height: 1.5em;
  border-radius: 0.125em;
}
.fm_ch ._icon::before {
  border-radius: 0.125em;
  background-color: #ffffff;
}
.fm_ch ._icon {
  margin-right: 0.5rem;
}
.fm_ch ._icon::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9' viewBox='0 0 12 9'%3E%3Cpath d='m16.539 20.245 5.661-5.656-1.414-1.414-5.657 5.656L12 15.707l-1.414 1.414 3.124 3.124 1.414 1.414z' transform='translate(-10.587 -13.174)' fill='%23fff' /%3E%3C/svg%3E%0A");
  background-size: 62%;
}
@media screen and (max-width: 800px) {
  .fm_rd, .fm_ch {
    font-size: 1.125rem;
  }
  .fm_rd ._icon, .fm_ch ._icon {
    width: 1.4375rem;
    height: 1.4375rem;
  }
}

select.sel, select[class*=sel_] {
  font-weight: inherit;
  outline: 0;
  letter-spacing: -0.025em;
  border: 1px solid var(--border-color);
  background-color: #ffffff;
  color: #222222;
  font-size: 1.25rem;
  width: 20rem;
  height: 4rem;
  line-height: 3.875rem;
  padding-left: 0.75em;
  padding-right: 0.75em;
  padding-right: 1.5em;
  z-index: 1;
  text-overflow: ellipsis;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath d='m4 0 4 6H0z' transform='rotate(180 4 3)' style='fill:%23020a0a'/%3E%3C/svg%3E%0A");
  background-position: top 50% right 0.8em;
  background-size: 0.4em 0.3em;
  background-color: #f6f6f6;
  border: 1px solid rgba(0, 0, 0, 0);
}
select.sel:focus, select[class*=sel_]:focus {
  border-color: var(--border-color);
}
select.sel:disabled, select[class*=sel_]:disabled {
  color: #999;
  background-color: #eeeeee;
}
select.sel_lg {
  width: 22.5rem;
}
select.sel_md {
  width: 17.5rem;
}
select.sel_xsm {
  width: 16.25rem;
}
select.sel_sm {
  width: 12.5rem;
}
select.sel_xs {
  width: 10rem;
}
select.sel_vxs {
  width: 7.5rem;
}
select.sel_rd {
  border-radius: 6.25em;
}
@media screen and (max-width: 800px) {
  select.sel, select[class*=sel_] {
    font-size: 1.125rem;
  }
}

textarea[class*=ft] {
  font-weight: inherit;
  outline: 0;
  letter-spacing: -0.025em;
  border: 1px solid var(--border-color);
  background-color: #ffffff;
  color: #222222;
}
textarea[class*=ft]::placeholder {
  color: #999999;
  font-weight: 300;
  opacity: 1; /* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */
}
textarea[class*=ft]::-webkit-input-placeholder {
  color: #999999;
  color: #999999;
  font-weight: 300;
}
textarea[class*=ft]::-moz-placeholder {
  color: #999999;
  color: #999999;
  font-weight: 300;
  opacity: 1; /* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */
}
textarea[class*=ft]:-ms-input-placeholder {
  color: #999999;
  color: #999999;
  font-weight: 300;
}
textarea[class*=ft] {
  background: #fff;
  border: 1px solid var(--border-color);
  font-size: 1em;
  width: 100%;
  height: 17.7777777778em;
  padding: 0.75em 1em;
  resize: none;
}
textarea[class*=ft]::-webkit-scrollbar {
  width: 0.125rem;
}
textarea[class*=ft] {
  /* Track */
}
textarea[class*=ft]::-webkit-scrollbar-track {
  background: #dddddd;
}
textarea[class*=ft] {
  /* Handle */
}
textarea[class*=ft]::-webkit-scrollbar-thumb {
  background: var(--brand-color-main);
}
textarea.ft_lg {
  background: #f6f6f6;
  border-color: #f6f6f6;
  width: 100%;
  padding: 0.8888888889em;
  height: 15.5555555556em;
  border-radius: 0.25rem;
}
textarea.ft_lg:focus {
  border-color: #dddddd;
}
textarea.ft_md {
  background: #f6f6f6;
  border-color: #f6f6f6;
  width: 100%;
  padding: 0.8888888889em;
  height: 13.3333333333em;
  border-radius: 0.3125rem;
}
textarea.ft_md:focus {
  border-color: #dddddd;
}
textarea.ft_sm {
  background: #f6f6f6;
  border-color: #f6f6f6;
  width: 100%;
  padding: 0.8888888889em;
  height: 8.1111111111em;
  border-radius: 0.25rem;
}
textarea.ft_sm:focus {
  border-color: #dddddd;
}
@media screen and (max-width: 800px) {
  textarea.ft {
    height: 13.7777777778em;
  }
  textarea.ft, textarea.ft_md {
    font-size: 1.125rem;
  }
}
textarea:focus {
  border-color: #dddddd;
}

[data-lap] {
  position: relative;
}
[data-lap] .fm_tf {
  position: relative;
}
[data-lap] .total_word {
  display: flex;
  justify-content: flex-end;
  text-align: right;
  margin-top: 0.5em;
  font-size: 1rem;
  letter-spacing: 0;
  font-weight: bold;
  color: var(--font-color-b1);
}
[data-lap] .total_word .ing {
  color: var(--brand-color-main);
}
[data-lap] .exam {
  font-size: 0.9em;
  color: #888;
  padding-top: 0.4444444444em;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: 90%;
  font-weight: 400;
}
@media screen and (max-width: 1280px) {
  [data-lap] .exam {
    position: static;
  }
}
@media screen and (max-width: 800px) {
  [data-lap] .exam {
    font-size: 0.8888888889em;
    padding-top: 1em;
  }
}

@media screen and (min-width: 1281px), print {
  input[class*=fm_full]:not(.fm_full_sm):not(.fm_full_md),
  select[class*=fm_full]:not(.fm_full_sm):not(.fm_full_md) {
    width: 100%;
    display: inline-block;
  }
}
@media screen and (min-width: 801px) and (max-width: 1280px) {
  input[class*=fm_full]:not(.fm_full_sm),
  select[class*=fm_full]:not(.fm_full_sm) {
    width: 100%;
    display: inline-block;
  }
}
@media screen and (max-width: 800px) {
  input[class*=fm_full],
  select[class*=fm_full] {
    width: 100%;
    display: inline-block;
  }
}
.fm_wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.fm_wrap.t_center {
  justify-content: center;
}
.fm_wrap.t_left {
  justify-content: flex-start;
}
.fm_wrap.t_right {
  justify-content: flex-end;
}
.fm_wrap > * {
  display: block;
  flex: 0 1 auto;
}
.fm_wrap.wp_5 {
  margin: -0.15625rem;
}
.fm_wrap.wp_5 > * {
  margin: 0.15625rem;
}
.fm_wrap.wp_8 {
  margin: -0.25rem;
}
.fm_wrap.wp_8 > * {
  margin: 0.25rem;
}
.fm_wrap.wp_10 {
  margin: -0.3125rem;
}
.fm_wrap.wp_10 > * {
  margin: 0.3125rem;
}
.fm_wrap.wp_16 {
  margin: -0.5rem;
}
.fm_wrap.wp_16 > * {
  margin: 0.5rem;
}
.fm_wrap.wp_20 {
  margin: -0.625rem;
}
.fm_wrap.wp_20 > * {
  margin: 0.625rem;
}
.fm_wrap.wp_24 {
  margin: -0.75rem;
}
.fm_wrap.wp_24 > * {
  margin: 0.75rem;
}
.fm_wrap.wp_30 {
  margin: -0.9375rem;
}
.fm_wrap.wp_30 > * {
  margin: 0.9375rem;
}
.fm_wrap.wp_32 {
  margin: -1rem;
}
.fm_wrap.wp_32 > * {
  margin: 1rem;
}
.fm_wrap.wp_40 {
  margin: -1.25rem;
}
.fm_wrap.wp_40 > * {
  margin: 1.25rem;
}
.fm_wrap.wp_80 {
  margin: -2.5rem;
}
.fm_wrap.wp_80 > * {
  margin: 2.5rem;
}
.fm_wrap.multy {
  flex-wrap: nowrap;
}
.fm_wrap.multy a, .fm_wrap.multy button {
  flex: 1 auto;
  max-width: 50%;
}
.fm_wrap.multy a + a.btn, .fm_wrap.multy a + button.btn, .fm_wrap.multy button + a.btn, .fm_wrap.multy button + button.btn {
  margin-left: 0.4444444444em;
}
.fm_wrap.fw_nowrap {
  flex-wrap: nowrap;
}
@media screen and (max-width: 1280px) {
  .fm_wrap.fw_md_nowrap {
    flex-wrap: nowrap;
  }
  .fm_wrap.fw_md_wrap {
    flex-wrap: wrap;
  }
}
.fm_wrap a.btn, .fm_wrap a[class*=btn_],
.fm_wrap button.btn,
.fm_wrap button[class*=btn_] {
  height: 3.5rem;
  line-height: 3.375rem;
  font-weight: normal;
}
.fm_wrap a.btn,
.fm_wrap button.btn {
  width: 12.5rem;
}
@media screen and (max-width: 800px) {
  .fm_wrap a.btn, .fm_wrap a[class*=btn_],
  .fm_wrap button.btn,
  .fm_wrap button[class*=btn_] {
    height: 3.5rem;
    line-height: 3.375rem;
  }
  .fm_wrap a.btn,
  .fm_wrap button.btn {
    width: 9rem;
  }
}

.rd_box {
  border: 1px solid var(--border-color);
  border-radius: 0.3125rem;
  padding: 1.7777777778em 1.3333333333em;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.8888888889em;
}

.rd_lists {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.7777777778em;
}
@media screen and (max-width: 800px) {
  .rd_lists {
    gap: 0.8888888889em;
  }
  .rd_lists .fm_rd {
    margin-right: 0.4444444444em;
  }
}

.fm_other {
  display: flex;
  align-items: center;
  gap: 0.8888888889em;
}
.fm_other .fm_rd {
  flex: 0 0 auto;
}
@media screen and (max-width: 800px) {
  .fm_other {
    gap: 0.4444444444em;
    width: 100%;
    max-width: 450px;
  }
  .fm_other .inp {
    max-width: none;
    width: auto;
    flex: 1 1;
  }
}

.fm_mail, .fm_tel {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 800px) {
  .fm_tel {
    flex-direction: row;
    justify-content: space-between;
    flex: 1 1;
  }
  .fm_tel .sel {
    width: 100%;
  }
  .fm_tel .sel + .minus {
    display: none;
  }
  .fm_tel .inp {
    flex: 1 1 auto;
  }
}
.fm_mail {
  display: flex;
  margin-left: -0.25em;
  margin-right: -0.25em;
}
.fm_mail > * {
  flex: 0 1 auto;
  margin-left: 0.25em;
  margin-right: 0.25em;
}
.fm_mail + .sel {
  margin-left: 1rem;
}
@media screen and (max-width: 800px) {
  .fm_mail {
    flex: 1 1;
  }
  .fm_mail [class*=inp] {
    flex: 1 1 auto;
  }
  .fm_mail + .sel {
    margin-top: 0.5rem;
    margin-left: 0;
  }
}
.fm_addr .btn {
  flex: 0 0 auto;
}
@media screen and (max-width: 800px) {
  .fm_addr {
    width: 100%;
  }
  .fm_addr .inp {
    flex: none;
    width: auto;
    max-width: calc(100% - 9.9375em);
  }
}
.fm_file {
  position: relative;
}
.fm_file.edit + .fm_file {
  display: none;
}
.fm_file.edit + .fm_file.on {
  display: flex;
  align-items: center;
}
.fm_file .delbtn_add {
  width: 1.5em !important;
  height: 1.5em !important;
  overflow: hidden;
  text-indent: -9999px;
  position: relative;
}
.fm_file .delbtn_add::before, .fm_file .delbtn_add::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  border-top: 1px solid #999;
  width: 0.8em;
}
.fm_file .delbtn_add::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.fm_file .delbtn_add::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
[class*=sa-class] .fm_file {
  border-bottom: 0;
  border-top: 1px solid #ddd;
}
[class*=sa-class] .fm_file.edit + .fm_file {
  border-top: 0;
}
[class*=sa-class] .fm_file:first-child {
  border-top: 0;
}

.fm_file [class^=btn] ~ .inp {
  margin-left: 1rem;
}
@media screen and (max-width: 800px) {
  .fm_file {
    display: flex;
    flex-wrap: wrap;
  }
  .fm_file [class^=btn] ~ .inp {
    width: calc(100% - 9.5rem);
    margin-left: 0.5rem;
  }
  .fm_file {
    width: 100%;
  }
}
[type=file] {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  visibility: hidden;
}

.fm_file.st_2 {
  display: flex;
  align-items: center;
}
.fm_file.st_2 .sel {
  font-size: 1.125rem;
  width: 13.5rem;
  height: 4rem;
  line-height: 3.875rem;
  padding-left: 0.8333333333em;
  padding-right: 0.8333333333em;
}
@media screen and (max-width: 800px) {
  .fm_file.st_2 .sel {
    font-size: 1rem;
    width: 10.5rem;
    height: 3.5rem;
    line-height: 3.375rem;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
  }
}
.fm_file.st_2 .file_name {
  width: 20rem;
  text-align: left;
  padding-left: 0.8333333333em;
  padding-right: 0.8333333333em;
}
@media screen and (max-width: 800px) {
  .fm_file.st_2 .file_name {
    width: 100%;
    display: inline-block;
  }
}
.fm_file.st_2 .inp {
  border: 0;
  background-color: transparent;
}
.fm_file.st_2.disabled .btn_cb {
  background-color: #bbb !important;
  border-color: #bbb !important;
}
.fm_file.st_2.disabled::before {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
}

.form_wrap {
  margin-top: -1.1111111111em;
}
.form_wrap .item {
  border-bottom: 1px solid var(--border-color);
  padding-top: 1.1111111111em;
  padding-bottom: 1.1111111111em;
}
.form_wrap .item .lbl {
  display: block;
  font-weight: bold;
  margin-bottom: 0.8888888889em;
}
.form_wrap .item .c_inp {
  min-height: 3em;
  line-height: 1.5;
  display: flex;
  align-items: center;
}

.fm_date {
  display: flex;
  align-items: center;
  gap: 0.4em;
}
.fm_date .datepicker {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.fm_date .ui-datepicker-trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.8em;
  height: 1.8em;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.fm_date .ico_cal {
  display: block;
  width: 100%;
  height: 100%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Cpath d='M28.306 6.222h-1.472V3.278h-2.945v2.944H12.112V3.278H9.168v2.944H7.695a2.931 2.931 0 0 0-2.93 2.944l-.014 20.612a2.944 2.944 0 0 0 2.944 2.944h20.61a2.953 2.953 0 0 0 2.946-2.944V9.167a2.953 2.953 0 0 0-2.945-2.945zm0 23.555H7.695V15.055h20.61zm0-17.666H7.695V9.167h20.61zm-14.722 8.833H10.64V18h2.944zm5.889 0h-2.945V18h2.944zm5.889 0h-2.945V18h2.944zm-11.778 5.889H10.64v-2.945h2.944zm5.889 0h-2.945v-2.945h2.944zm5.889 0h-2.945v-2.945h2.944z'/%3E%3C/svg%3E%0A") no-repeat center/100% auto;
}

.robot_input {
  display: flex;
  align-items: stretch;
}
.robot_input img {
  vertical-align: top;
}
.robot_input .robot_btn {
  display: flex;
  align-items: center;
  color: #fff;
  background-color: #454545;
  padding-left: 0.35em;
  padding-right: 0.35em;
  font-size: 0.925em;
}

#dropZoneWrap {
  background-color: #f8f8f8;
  border: 1px dashed #dddddd;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  font-weight: bold;
  color: #888;
  height: 5.7777777778em;
}
#dropZoneWrap .file_index {
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 0.7777777778em;
  color: #000;
  font-weight: 300;
}
#dropZoneWrap .file_index + .file_index {
  margin-top: 0.2857142857em;
}
#dropZoneWrap .remove_file {
  flex: 0 0 auto;
  display: flex;
  width: 1em;
  height: 1em;
  margin-right: 0.5714285714em;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M15 6.007 13.993 5 10 8.993 6.007 5 5 6.007 8.993 10 5 13.993 6.007 15 10 11.007 13.993 15 15 13.993 11.007 10z' transform='translate(-5 -5)' style='fill:%23888'/%3E%3C/svg%3E%0A") no-repeat center;
  background-size: 0.7142857143em auto;
}
#dropZoneWrap .file_size {
  display: block;
  color: #888888;
  font-size: 1em;
  margin-left: auto;
}
#dropZoneWrap #tblDropZone {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
#dropZoneWrap.over {
  background-color: #E3F2FC;
}
#dropZoneWrap.drop {
  padding: 0.8888888889em 1.1111111111em;
}
#dropZoneWrap.drop #tblDropZone {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
#dropZoneWrap.drop #dropZone {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding-top: 0;
  padding-bottom: 0;
  overflow-y: auto;
}
#dropZoneWrap.drop #dropZone::-webkit-scrollbar {
  width: 0.125rem;
}
#dropZoneWrap.drop #dropZone {
  /* Track */
}
#dropZoneWrap.drop #dropZone::-webkit-scrollbar-track {
  background: #dddddd;
}
#dropZoneWrap.drop #dropZone {
  /* Handle */
}
#dropZoneWrap.drop #dropZone::-webkit-scrollbar-thumb {
  background: var(--brand-color-main);
}
#dropZoneWrap.drop .txt {
  display: none;
}

#dropZone {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
#dropZone .txt {
  display: flex;
  align-items: center;
  justify-content: center;
}
#dropZone .txt::before {
  content: "";
  display: block;
  width: 1.1111111111em;
  height: 1.1111111111em;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M0 0h20v20H0z' style='fill:none'/%3E%3Cpath d='M13.625 2H5.75A1.781 1.781 0 0 0 4 3.8v14.4A1.781 1.781 0 0 0 5.75 20h10.5A1.781 1.781 0 0 0 18 18.2V6.5zM5.75 18.2V3.8h7v3.6h3.5v10.8zm8.75-9v4.5a3.5 3.5 0 1 1-7 0V7.85a2.212 2.212 0 0 1 2.415-2.241 2.317 2.317 0 0 1 1.96 2.367V13.7h-1.75V7.85a.438.438 0 1 0-.875 0v5.85a1.751 1.751 0 1 0 3.5 0V9.2z' transform='translate(-1 -1)' style='fill:%23888'/%3E%3C/svg%3E%0A") no-repeat center;
  background-size: 100% auto;
  margin-right: 0.2222222222em;
}
#dropZone:hover {
  opacity: 0.85;
}

.fm_line {
  border-color: var(--border-color);
  margin: 1.25rem 0;
}

/*list*/
ol[class*=list_],
ul[class*=list_] {
  font-size: 1em;
  display: block;
  width: 100%;
  padding-left: 0.75em;
  line-height: 1.67;
}
ol[class*=list_].list_dec,
ul[class*=list_].list_dec {
  padding-left: 1em;
}
ol[class*=list_] > li,
ul[class*=list_] > li {
  display: block;
  position: relative;
}
ol[class*=list_] > li:before,
ul[class*=list_] > li:before {
  text-indent: -1.25em;
  position: absolute;
  text-align: center;
  display: inline;
}
ol[class*=list_] > li ._tit,
ul[class*=list_] > li ._tit {
  display: block;
  margin-top: 0;
  margin-bottom: 0.2777777778em;
  font-weight: 600;
  font-size: 1.125em;
}
ol[class*=list_].c1 > li::before,
ul[class*=list_].c1 > li::before {
  color: var(--brand-color-main);
}
ol[class*=list_].c2 > li::before,
ul[class*=list_].c2 > li::before {
  color: var(--brand-color-sub);
}
ol[class*=list_] [data-first-letter] + [data-first-letter],
ul[class*=list_] [data-first-letter] + [data-first-letter] {
  margin-top: 0;
}
ol[class*=list_].list_row,
ul[class*=list_].list_row {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  line-height: 1.6;
}
ol[class*=list_].list_row > li,
ul[class*=list_].list_row > li {
  padding-left: 0.75em;
  margin-top: 0.6666666667em;
}
ol[class*=list_].list_row > li + li,
ul[class*=list_].list_row > li + li {
  margin-top: 0.6666666667em;
}
ol[class*=list_].list_row > li::before,
ul[class*=list_].list_row > li::before {
  left: 0.125em;
}
@media screen and (max-width: 1280px) {
  ol[class*=list_].list_row > li,
  ul[class*=list_].list_row > li {
    padding-right: 1em;
  }
  ol[class*=list_].list_row > li::before,
  ul[class*=list_].list_row > li::before {
    left: 0;
  }
  ol[class*=list_].list_row > li,
  ul[class*=list_].list_row > li {
    margin-top: 0.6666666667em;
  }
  ol[class*=list_].list_row > li + li,
  ul[class*=list_].list_row > li + li {
    margin-top: 0.6666666667em !important;
  }
}

.list_dot > li:before {
  content: "·";
  font-weight: 800;
}
.list_bullet > li:before {
  content: "•";
  font-weight: 900;
}
.list_dash > li:before {
  content: "-";
}
.list_circle > li::before {
  content: "";
  width: 0.2222222222em;
  height: 0.2222222222em;
  left: -0.625em;
  top: 0.65em;
  border-radius: 50%;
}
.list_circle.c1 > li::before {
  background-color: var(--brand-color-main);
}
.list_circle.c2 > li::before {
  background-color: var(--brand-color-sub);
}
.list_custom > li::before {
  content: attr(data-custom);
}
.list_custom > li.small::before {
  font-size: 0.5em;
}
.list_star > li:before {
  content: "*";
}
.list_dec {
  counter-reset: my-awesome-counter;
}
.list_dec > li {
  counter-increment: my-awesome-counter;
}
.list_dec > li:before {
  content: counter(my-awesome-counter) ". ";
}
.list_dec_circle {
  counter-reset: my-awesome-counter;
}
.list_dec_circle > li {
  counter-increment: my-awesome-counter;
  line-height: 1.66em;
  position: relative;
}
.list_dec_circle > li:before {
  content: counter(my-awesome-counter);
  margin-left: -0.25em !important;
  font-size: 0.7em;
  letter-spacing: -0.075em;
}
.list_dec_circle > li::after {
  display: block;
  width: 0.9em !important;
  height: 0.9em !important;
  border: 1px solid #222;
  border-radius: 100%;
  position: absolute;
  top: 0.36em;
  left: -0.6em;
  transform: translate(-50%, 0);
}

/*icon*/
i[class*=icon_], i[class^=icon_] {
  display: inline-block;
  text-align: center;
  text-indent: -9999px;
  font-size: 1px;
  overflow: hidden;
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
  vertical-align: middle;
}

[class^=iconFt_]::before, [class*=" iconFt_"]::before {
  display: inline;
}

i.icon_01 {
  background-image: url("/resource/images/common/icon/icon_01.png");
  background-size: contain;
  width: 4.375rem;
  height: 4.375rem;
}

i.icon_02 {
  background-image: url("/resource/images/common/icon/icon_02.png");
  background-size: contain;
  width: 4.375rem;
  height: 4.375rem;
}

i.icon_03 {
  background-image: url("/resource/images/common/icon/icon_03.png");
  background-size: contain;
  width: 4.375rem;
  height: 4.375rem;
}

i.icon_04 {
  background-image: url("/resource/images/common/icon/icon_04.png");
  background-size: contain;
  width: 4.375rem;
  height: 4.375rem;
}

i.icon_05 {
  background-image: url("/resource/images/common/icon/icon_05.png");
  background-size: contain;
  width: 4.375rem;
  height: 4.375rem;
}

i.icon_06 {
  background-image: url("/resource/images/common/icon/icon_06.png");
  background-size: contain;
  width: 4.375rem;
  height: 4.375rem;
}

i.icon_07 {
  background-image: url("/resource/images/common/icon/icon_07.png");
  background-size: contain;
  width: 4.375rem;
  height: 4.375rem;
}

i.icon_01 {
  background-image: url("/resource/images/common/icon/icon_01.png");
  background-size: contain;
  width: 4.375rem;
  height: 4.375rem;
}
i.icon_02 {
  background-image: url("/resource/images/common/icon/icon_02.png");
  background-size: contain;
  width: 4.375rem;
  height: 4.375rem;
}
i.icon_03 {
  background-image: url("/resource/images/common/icon/icon_03.png");
  background-size: contain;
  width: 4.375rem;
  height: 4.375rem;
}
i.icon_04 {
  background-image: url("/resource/images/common/icon/icon_04.png");
  background-size: contain;
  width: 4.375rem;
  height: 4.375rem;
}
i.icon_05 {
  background-image: url("/resource/images/common/icon/icon_05.png");
  background-size: contain;
  width: 4.375rem;
  height: 4.375rem;
}
i.icon_06 {
  background-image: url("/resource/images/common/icon/icon_06.png");
  background-size: contain;
  width: 4.375rem;
  height: 4.375rem;
}
i.icon_07 {
  background-image: url("/resource/images/common/icon/icon_07.png");
  background-size: contain;
  width: 4.375rem;
  height: 4.375rem;
}
i.icon_08 {
  background-image: url("/resource/images/common/icon/icon_08.png");
  background-size: contain;
  width: 4.375rem;
  height: 4.375rem;
}
i.icon_09 {
  background-image: url("/resource/images/common/icon/icon_09.png");
  background-size: contain;
  width: 4.375rem;
  height: 4.375rem;
}
i.icon_10 {
  background-image: url("/resource/images/common/icon/icon_10.png");
  background-size: contain;
  width: 4.375rem;
  height: 4.375rem;
}
i.icon_11 {
  background-image: url("/resource/images/common/icon/icon_11.png");
  background-size: contain;
  width: 4.375rem;
  height: 4.375rem;
}

i.icon_content {
  width: 2.25rem;
  height: 2.25rem;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Cpath d='M0 0h36v36H0z' style='fill:none'/%3E%3Cpath d='M27.006 3h-6.272a4.483 4.483 0 0 0-8.462 0H6a3.009 3.009 0 0 0-3 3v24a3.009 3.009 0 0 0 3 3h21a3.009 3.009 0 0 0 3-3V6a3.009 3.009 0 0 0-2.994-3zM16.5 3A1.5 1.5 0 1 1 15 4.5 1.5 1.5 0 0 1 16.5 3zM27 30H6V6h3v4.5h15V6h3z' transform='translate(1.497)' style='fill:%23fff'/%3E%3Cpath transform='translate(11 16)' style='fill:%232fe5f2' d='M0 0h14v3H0z'/%3E%3Cpath transform='translate(11 21)' style='fill:%232fe5f2' d='M0 0h14v3H0z'/%3E%3C/svg%3E");
}
i.icon_paper {
  width: 2.25rem;
  height: 2.25rem;
  background-size: contain;
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Cpath data-name='Path 509' d='M0 0h36v36H0z' style='fill:none'/%3E%3Cpath data-name='Subtraction 1' d='M-630-4879h-18.02a3 3 0 0 1-2.985-3v-24a3 3 0 0 1 3-3h12l9 9v18a3 3 0 0 1-2.995 3zm-18-27v24h18v-16.5h-7.5v-7.5z' transform='translate(657.007 4911.998)' style='fill:%23fff'/%3E%3Cpath data-name='Intersection 13' d='M-645.009-4885v-3h12v3zm0-6v-3h12v3z' transform='translate(657.007 4911.999)' style='fill:%232fe5f2'/%3E%3C/svg%3E%0A");
}
i.icon_talks {
  width: 2.25rem;
  height: 2.25rem;
  background-size: contain;
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Cpath data-name='Path 25' d='M0 0h36v36H0z' style='fill:none'/%3E%3Cpath data-name='Path 26' d='M28.979 2H5a3.007 3.007 0 0 0-3 3v26.977l6-6h20.979a3.007 3.007 0 0 0 3-3V5a3.007 3.007 0 0 0-3-3zm0 20.984H8l-3 3V5h23.979zM9.494 12.492h3v3h-3zm6 0h3v3h-3zm6 0h3v3h-3z' transform='translate(1.012 1.012)' style='fill:%23fff'/%3E%3Cpath data-name='Intersection 5' d='M-706.945-449.01v-3h3v3zm-6 0v-3h3v3zm-5.995 0v-3h3v3z' transform='translate(729.442 465.512)' style='fill:%232fe5f2'/%3E%3C/svg%3E%0A");
}
i.icon_registration {
  width: 2.25rem;
  height: 2.25rem;
  background-size: contain;
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Cg data-name='Group 15'%3E%3Cpath data-name='Rectangle 59' style='fill:none' d='M0 0h36v36H0z'/%3E%3C/g%3E%3Cg data-name='Group 17'%3E%3Cg data-name='Group 16'%3E%3Cpath data-name='Rectangle 60' transform='translate(15 6)' style='fill:%23fff' d='M0 0h6v6H0z'/%3E%3Cpath data-name='Rectangle 61' transform='translate(6 25)' style='fill:%23fff' d='M0 0h6v6H0z'/%3E%3Cpath data-name='Rectangle 62' transform='translate(6 15)' style='fill:%23fff' d='M0 0h6v6H0z'/%3E%3Cpath data-name='Rectangle 63' transform='translate(6 6)' style='fill:%23fff' d='M0 0h6v6H0z'/%3E%3Cpath data-name='Rectangle 64' transform='translate(25 6)' style='fill:%23fff' d='M0 0h6v6H0z'/%3E%3Cpath data-name='Path 18' d='M11 20.922v3.241h3.181l9.058-9.043-3.211-3.21z' transform='translate(5.662 6.13)' style='fill:%232fe5f2'/%3E%3Cpath data-name='Path 19' d='M16.059 13.075V10H10v6.059h3.075z' transform='translate(5.147 5.147)' style='fill:%23fff'/%3E%3Cpath data-name='Path 20' d='m22.487 12.363-2.136-2.136a.75.75 0 0 0-1.075 0l-1.606 1.606 3.211 3.211 1.606-1.606a.75.75 0 0 0 0-1.075z' transform='translate(9.095 5.147)' style='fill:%232fe5f2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
i.icon_cake {
  width: 2.25rem;
  height: 2.25rem;
  background-size: contain;
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Cpath data-name='Path 506' d='M0 0h36v36H0z' style='fill:none'/%3E%3Cpath data-name='Intersection 12' d='M-1256.981-4877.014a1.5 1.5 0 0 1-1.5-1.5v-13.494a4.491 4.491 0 0 1 4.494-4.5h7.488v-2.995h3v2.995h7.488a4.49 4.49 0 0 1 4.493 4.5v13.494a1.5 1.5 0 0 1-1.5 1.5zm5.092-9.01a5.157 5.157 0 0 1-3.594 1.513v4.5h20.968v-4.5a5.157 5.157 0 0 1-3.594-1.513l-1.6-1.6-1.618 1.6a5.306 5.306 0 0 1-7.324 0l-1.6-1.6zm15.351-1.59a2.857 2.857 0 0 0 2.022.854v-5.247a1.5 1.5 0 0 0-1.5-1.5h-17.972a1.5 1.5 0 0 0-1.5 1.5v5.247a2.857 2.857 0 0 0 2.007-.854l3.205-3.194 3.19 3.194a3 3 0 0 0 4.148 0l3.205-3.194z' transform='translate(1263 4910)' style='fill:%23fff'/%3E%3Cpath data-name='Intersection 11' d='M-1248.995-4888a2.856 2.856 0 0 1 .434-1.545L-1246-4894l2.56 4.453a2.856 2.856 0 0 1 .44 1.547 3 3 0 0 1-3 3 3 3 0 0 1-2.995-3z' transform='translate(1264 4894)' style='fill:%232fe5f2'/%3E%3C/svg%3E%0A");
}

/*
*****************************************
*          board  : start
*
*          type   : A
*****************************************
*/
.board_info {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 1.125rem;
  margin-bottom: 0.8888888889em;
}
.board_info .mark {
  display: inline-block;
  margin-left: 0.1875rem;
  margin-right: 0.0625rem;
  color: var(--brand-color-main);
  font-style: normal;
  font-weight: 400;
}
@media screen and (max-width: 800px) {
  .board_info {
    font-size: 0.875rem;
    padding-top: 0.7142857143em;
  }
}
.board_list {
  font-family: "Montserrat", "Pretendard", sans-serif;
  border-top: 2px solid #121212;
}
.board_list .mark {
  color: var(--brand-color-main);
  font-weight: bold;
  font-style: normal;
}
.board_list.type_a {
  font-size: 1.25em;
  color: #121212;
}
.board_list.type_a .wid1 {
  width: 9.875rem;
}
.board_list.type_a .wid2 {
  width: 12.375rem;
}
.board_list.type_a ul {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-bottom: 1px solid var(--border-color);
}
.board_list.type_a ul li {
  display: table-row-group;
}
.board_list.type_a ul li.t_head {
  color: var(--font-color);
  font-weight: 500;
}
.board_list.type_a ul li.t_head .board_no {
  color: var(--font-color);
  font-weight: bold;
}
.board_list.type_a ul li:not(.t_head):hover {
  background: #fafafa;
}
.board_list.type_a ul li:not(.t_head):hover .board_tit_box {
  font-weight: 400;
}
.board_list.type_a ul li._file .board_tit::after {
  content: "";
  display: block;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
  background: no-repeat center/1.5rem url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0z' style='fill:none'/%3E%3Cpath d='M15 2H6a2.006 2.006 0 0 0-2 2v16a2.006 2.006 0 0 0 2 2h12a2.006 2.006 0 0 0 2-2V7zM6 20V4h8v4h4v12zm10-10v5a4 4 0 0 1-8 0V8.5a2.5 2.5 0 0 1 2.76-2.49A2.6 2.6 0 0 1 13 8.64V15h-2V8.5a.5.5 0 0 0-1 0V15a2 2 0 0 0 4 0v-5z'/%3E%3C/svg%3E"), #f6f6f6;
  flex: 0 0 auto;
}
.board_list.type_a ul .tr {
  display: table-row;
  color: var(--font-color);
  font-weight: 400;
}
.board_list.type_a ul .tr .answer_status {
  font-size: 0.7em;
  padding: 0.4285714286em 1.2857142857em;
  border-radius: 0.3571428571em;
  background-color: #999;
  color: #fff;
  font-weight: bold;
  letter-spacing: -0.35px;
}
.board_list.type_a ul .tr .answer_status.comple {
  background-color: var(--brand-color-main);
}
.board_list.type_a ul .th, .board_list.type_a ul .td {
  display: table-cell;
  vertical-align: middle;
  border-top: 1px solid var(--border-color);
  height: 4.6em;
  text-align: center;
  padding-top: 1.2em;
  padding-bottom: 1.2em;
}
.board_list.type_a ul .th.t_left, .board_list.type_a ul .td.t_left {
  text-align: left;
}
.board_list.type_a ul .th.board_tit, .board_list.type_a ul .td.board_tit {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.board_list.type_a ul .num {
  font-size: 0.9em;
}
.board_list.type_a ul .board_ipt {
  display: none;
}
@media screen and (max-width: 800px) {
  .board_list.type_a {
    font-size: 1.125rem;
  }
  .board_list.type_a.qna ul li {
    padding-right: 5.1875rem;
  }
  .board_list.type_a ul {
    display: block;
    width: 100%;
    overflow: hidden;
  }
  .board_list.type_a ul li {
    display: block;
  }
  .board_list.type_a ul li.t_head {
    display: none;
  }
  .board_list.type_a ul li._file .board_tit::after {
    width: 2rem;
    height: 2rem;
    background: no-repeat center/1.1875rem url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0z' style='fill:none'/%3E%3Cpath d='M15 2H6a2.006 2.006 0 0 0-2 2v16a2.006 2.006 0 0 0 2 2h12a2.006 2.006 0 0 0 2-2V7zM6 20V4h8v4h4v12zm10-10v5a4 4 0 0 1-8 0V8.5a2.5 2.5 0 0 1 2.76-2.49A2.6 2.6 0 0 1 13 8.64V15h-2V8.5a.5.5 0 0 0-1 0V15a2 2 0 0 0 4 0v-5z'/%3E%3C/svg%3E"), #f6f6f6;
    margin-left: auto;
  }
  .board_list.type_a ul .tr {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    border-top: 1px solid var(--border-color);
    padding-top: 0.7777777778em;
    padding-right: 0.4444444444em;
    padding-bottom: 1.2222222222em;
    padding-left: 0.4444444444em;
    position: relative;
    height: 6.25rem;
  }
  .board_list.type_a ul .th, .board_list.type_a ul .td {
    display: flex;
    border-top: none;
    width: 100%;
    padding: 0;
    height: auto;
  }
  .board_list.type_a ul .th.board_no, .board_list.type_a ul .td.board_no {
    display: none;
  }
  .board_list.type_a ul .th.board_tit, .board_list.type_a ul .td.board_tit {
    gap: 0.5rem;
  }
  .board_list.type_a ul .num {
    font-size: 0.8888888889em;
  }
  .board_list.type_a ul .board_ipt {
    display: block;
  }
}
.board_file {
  display: block;
  position: relative;
  min-width: 1.3888888889em;
  width: 1.3888888889em;
  height: 1.3888888889em;
  border-radius: 100%;
  margin-left: 0.6666666667em;
  background: #f5f5f5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M29.5 17.4L14 1.9c-0.7-0.7-1.5-1-2.4-1 -0.9 0-1.8 0.3-2.4 1L2.4 8.8h0c-0.7 0.7-1 1.5-1 2.4 0 0.9 0.3 1.8 1 2.4h0l17.5 17.5 1.4-1.4L3.8 12.2h0c-0.3-0.3-0.4-0.6-0.4-1 0-0.4 0.1-0.7 0.4-1l6.9-6.9c0.3-0.3 0.6-0.4 1-0.4 0.4 0 0.7 0.1 1 0.4l15.4 15.4c0.3 0.3 0.4 0.6 0.4 1 0 0.4-0.1 0.7-0.4 1l-3.4 3.4c-0.3 0.3-0.6 0.4-1 0.4 -0.4 0-0.7-0.1-1-0.4L10.7 12.3c-0.3-0.3-0.4-0.6-0.4-1 0-0.4 0.1-0.7 0.4-1 0.3-0.3 0.6-0.4 1-0.4 0.4 0 0.7 0.1 1 0.4L23.4 21l1.4-1.4L14.1 8.8c-0.7-0.7-1.5-1-2.4-1 -0.9 0-1.8 0.3-2.4 1 -0.7 0.7-1 1.5-1 2.4 0 0.9 0.3 1.8 1 2.4l11.9 11.9c0.7 0.7 1.5 1 2.4 1 0.9 0 1.8-0.3 2.4-1l3.4-3.4c0.7-0.7 1-1.5 1-2.4C30.5 18.9 30.1 18 29.5 17.4z' fill='%23222'/%3E%3C/svg%3E") center center;
  background-repeat: no-repeat;
  background-size: 50% auto;
}
.board_link {
  display: block;
  position: relative;
  min-width: 0.8333333333em;
  width: 0.8333333333em;
  height: 0.8333333333em;
  margin-left: 0.8888888889em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.014' height='15.014' viewBox='0 0 15.014 15.014'%3E%3Cpath data-name='Path 7264' d='M532.156 184.439v1.5h3.784l-6.631 6.631 1.061 1.061L537 187v3.784h1.5v-6.344z' style='fill:%23222' transform='translate(-523.486 -184.439)'/%3E%3Cpath data-name='Path 7265' d='M537 197.954h-12.014v-12.015h3.491v-1.5h-4.991v15.014H538.5v-4.992H537z' style='fill:%23222' transform='translate(-523.486 -184.439)'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 90% auto;
  background-position: center center;
}

.board_list2_wrap {
  margin-bottom: -11.25rem;
  padding-bottom: 10rem;
  margin-top: 1.875rem;
  padding-top: 4.375rem;
}
.board_list2 {
  font-size: 1rem;
}
.board_list2 .bl_item {
  display: block;
  background: #ffffff;
  padding: 3.75em;
  position: relative;
}
.board_list2 .bl_item::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--brand-color-main);
  opacity: 0;
  transition: opacity 0.3s;
}
.board_list2 .bl_item::after {
  display: block;
  position: absolute;
  bottom: 3.25em;
  right: 3.75em;
  width: 2.25em;
  height: 2.25em;
  display: inline-block;
  background: no-repeat center center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath data-name='Rectangle 24' style='fill:none' d='M0 0h24v24H0z'/%3E%3Cpath data-name='Path 2' d='M14.79 5 13.4 6.387l4.509 4.513H2v1.968h15.909l-4.516 4.516 1.4 1.387 6.887-6.887z' transform='translate(.161 .113)' style='fill:%23ee3a63'/%3E%3C/svg%3E%0A");
  opacity: 0;
  transition: opacity 0.3s;
}
.board_list2 .bl_item:hover {
  box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.08);
}
.board_list2 .bl_item:hover::before, .board_list2 .bl_item:hover::after {
  opacity: 1;
}
.board_list2 .bl_item:hover .bl_tit {
  color: var(--font-color);
}
.board_list2 .bl_tit {
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1.2083333333em;
  color: #121212;
  display: block;
  display: -webkit-box !important;
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  -webkit-line-clamp: 4;
  height: 4.8333333333em;
  transition: color 0.2s;
}
.board_list2 .bl_date {
  display: block;
  margin-top: 1.2777777778em;
  font-size: 1.125em;
  line-height: 1.17;
  color: #999;
}
@media screen and (max-width: 800px) {
  .board_list2 {
    font-size: 0.5rem;
  }
  .board_list2 .bl_item {
    padding: 3.75em 1.25rem;
  }
  .board_list2 .bl_tit {
    font-size: 2.25em;
    height: 4.6666666667em;
    line-height: 1.1666666667em;
  }
  .board_list2 .bl_date {
    font-size: 1.625em;
  }
}

.board_all_info {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 1.5625em;
  margin-bottom: 0.96em;
}
.board_all_info .mark {
  display: inline-block;
  margin-right: 0.0625rem;
  color: var(--brand-color-main);
  font-style: normal;
  font-weight: 600;
}
@media screen and (max-width: 800px) {
  .board_all_info {
    font-size: 1.25rem;
  }
}
.board_all_list {
  border-top: 2px solid #222;
}
.board_all_list mark,
.board_all_list .mark {
  font-style: normal;
  font-style: normal;
  font-weight: 600;
  color: var(--brand-color-main);
}
.board_all_list .bl_item {
  padding-top: 2em;
  padding-bottom: 2em;
  padding-left: 1em;
  padding-right: 1em;
  border-bottom: 1px solid var(--border-color);
}
@media screen and (max-width: 1280px) {
  .board_all_list .bl_item {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
}
.board_all_list .bl_tit {
  font-size: 1.625em;
  font-weight: 400;
}
@media screen and (max-width: 800px) {
  .board_all_list .bl_tit {
    font-size: 1.25em;
  }
}
.board_all_list .bl_txt {
  font-size: 1.125em;
  margin-top: 0.8888888889em;
}
@media screen and (max-width: 800px) {
  .board_all_list .bl_txt {
    font-size: 1em;
    margin-top: 1em;
  }
}
.board_all_list .bl_date {
  font-size: 1em;
  color: var(--font-color-b5);
  margin-top: 1em;
}

.board_bottom {
  position: relative;
}
@media screen and (min-width: 1281px), print {
  .board_bottom .btn_box {
    justify-content: flex-end;
    margin-top: 2.5em;
  }
  .board_bottom .page_wrap + .btn_box {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    margin-top: 0;
  }
}
@media screen and (max-width: 1280px) {
  .board_bottom .btn_box {
    margin-top: 2.0625em;
    text-align: center;
    justify-content: center;
  }
}

/*
*****************************************
*          board  : start
*
*          type   : A
*****************************************
*/
.board_view {
  font-size: var(--font-size)/16rem;
}
.board_view.type_a {
  border-top: 2px solid #222;
  border-bottom: 0;
}
.board_view + .btn_box .btn {
  font-weight: 700;
}
.board_view .bv_top {
  padding: 56/var(--font-size)em 40/var(--font-size)em;
  border-bottom: 1px solid #dddddd;
  background-color: #fff;
}
.board_view .bv_bottom {
  background-color: #fafafa;
  padding: 32/var(--font-size)em 40/var(--font-size)em;
  border-bottom: 1px solid #dddddd;
}
.board_view .bv_tit {
  font-size: 34/var(--font-size)em;
  line-height: 1.3;
  word-break: break-all;
}
.board_view .bv_info_box {
  margin-top: 24/var(--font-size)em;
  font-size: 18/var(--font-size)em;
}
.board_view .bv_info {
  display: flex;
  flex-direction: row;
}
.board_view .bv_info li {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  margin-left: 40/var(--font-size)em;
  transform: translateX(-40/var(--font-size)em);
  position: relative;
  z-index: 5;
  color: #999;
  font-weight: 400;
  letter-spacing: -0.45px;
}
.board_view .bv_info li[data-tit]:before {
  flex: 0 1 auto;
  display: block;
  content: attr(data-tit);
  display: block;
  font-weight: 400;
  color: var(--font-color-b);
  margin-right: 0.8888888889em;
  font-family: "Spoqa Han Sans Neo", sans-serif;
}
.board_view .bv_info li[data-tit].date {
  font-family: "Montserrat", sans-serif;
}
@media screen and (max-width: 1280px) {
  .board_view .bv_info li[data-tit].date::before {
    content: "\e901";
    font-family: "icomoon";
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    margin-right: 0.5714285714em;
  }
}
.board_view .bv_info li.writer {
  color: #121212;
}
.board_view .bv_info li:after {
  content: "I";
  font-weight: 100;
  transform: translateX(-20/var(--font-size)em);
  position: absolute;
  left: 0;
}
.board_view .bv_info li:first-child::after {
  display: none;
}
.board_view .bv_con {
  font-size: 1.125rem;
  padding: 4.4444444444em 2.2222222222em;
  line-height: 1.8;
  color: #555555;
  font-weight: 300;
  word-break: break-all;
}
.board_view .bv_con img {
  display: block;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  max-width: 50rem;
  height: auto;
}
.board_view .bv_con img:first-child {
  margin-top: 0;
}
@media screen and (max-width: 1280px) {
  .board_view .bv_con img {
    max-width: 100%;
  }
}
@media screen and (max-width: 1280px) {
  .board_view .bv_con {
    padding: 2.5em 0.5em;
  }
  .board_view .bv_con img {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
}
.board_view .bv_file {
  display: flex;
  align-items: center;
  position: relative;
  min-width: 36/var(--font-size)em;
  height: 36/var(--font-size)em;
  border-radius: 100%;
}
.board_view .bv_file .file_circle {
  font-size: 1.125em;
  width: 2em;
  height: 2em;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.board_view .bv_file_wrap {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: stretch;
}
.board_view .bv_file_wrap > * {
  flex: 0 1 auto;
}
.board_view .bv_file_box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-left: 16/var(--font-size)em;
  overflow: hidden;
}
.board_view .bv_file_box .file {
  display: inline-block;
  margin-left: 33/var(--font-size)em;
  word-break: break-all;
  font-weight: 500;
  color: #444;
  position: relative;
  transform: translateX(-33/var(--font-size)em);
  line-height: 20/var(--font-size)em;
  padding: 5/var(--font-size)em 0;
  font-size: 1em;
  text-decoration: underline;
}
.board_view .bv_file_box .file:before {
  content: "I";
  display: block;
  font-weight: 100;
  transform: translateX(-1.125em);
  position: absolute;
  color: #ddd;
}
.board_view .bv_file_box .file:hover, .board_view .bv_file_box .file:focus {
  color: var(--brand-color-main);
}
.board_view .bv_relev {
  display: flex;
  align-items: center;
  padding-top: 1.375em;
  padding-bottom: 1.375em;
  padding-left: 2em;
  padding-right: 2em;
  font-weight: 400;
  letter-spacing: -0.4px;
  background-color: #fafafa;
  border-radius: 2em;
  font-size: 0.8888888889em;
  line-height: 1.2;
  margin-top: 5em;
}
.board_view .bv_relev a:hover {
  text-decoration: underline;
  color: var(--brand-color-main);
}
.board_view .bv_relev::before {
  content: "관련 URL";
  display: block;
  flex: 0 0 auto;
  margin-right: 1.5em;
  font-weight: bold;
  color: #222;
  letter-spacing: -0.4px;
}
.board_view .bv_reply_wrap {
  background-color: #fafafa;
  border-top: 1px solid #ddd;
  font-size: 1.125rem;
  line-height: 2.1;
  letter-spacing: -0.45px;
}
.board_view .bv_reply_wrap .bv_reply {
  padding: 4.4444444444em 2.2222222222em;
  border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 1280px) {
  .board_view .bv_reply_wrap .bv_reply {
    padding: 2em 1em;
  }
}
@media screen and (max-width: 800px) {
  .board_view .bv_reply_wrap {
    font-size: 1rem;
  }
}
.board_view .bv_reply_wrap .reply_tit {
  font-size: 1.3333333333em;
  font-weight: bold;
  color: #121212;
  margin-bottom: 1.25em;
  line-height: 1.3;
}
@media screen and (max-width: 1280px) {
  .board_view .bv_top {
    padding: 1.5625em 0.5em;
    font-size: 1.05em;
  }
  .board_view .bv_bottom {
    padding: 1em 0.5em;
    font-size: 1.05em;
  }
  .board_view .bv_tit {
    font-size: 1.25em;
  }
  .board_view .bv_info_box {
    margin-top: 1.1428571429em;
    font-size: 0.875em;
  }
  .board_view .bv_file_wrap {
    font-size: 0.875em;
  }
}
@media screen and (max-width: 800px) {
  .board_view {
    font-size: 1rem;
  }
  .board_view .bv_top {
    font-size: 1em;
  }
  .board_view .bv_bottom {
    font-size: 1em;
  }
  .board_view .bv_info_box {
    margin-top: 0.625em;
  }
  .board_view .bv_info li {
    margin-left: 1.25em;
    transform: translateX(-1.25em);
  }
  .board_view .bv_info li:after {
    transform: translateX(-0.625em);
  }
  .board_view .bv_con {
    font-size: 1rem;
    min-height: 18.75em;
  }
  .board_view .bv_file {
    min-width: auto;
  }
  .board_view .bv_file .file_circle {
    min-width: 1.5em;
    width: 1.5em;
    height: 1.5em;
  }
  .board_view .bv_file .file_circle [class*=iconFt_] {
    font-size: 0.6875em;
  }
  .board_view .bv_file_box {
    margin-left: 0.5em;
  }
  .board_view .bv_file_box .file {
    margin-left: 1.25em;
    transform: translateX(-1.25em);
    font-size: 0.875em;
  }
  .board_view .bv_file_box .file:before {
    transform: translateX(-0.85em);
  }
}

.board_view2 {
  font-size: 1rem;
}
.board_view2 table {
  transform: translateX(-1px);
  width: calc(100% + 2px);
  border-collapse: 0;
  border-spacing: 0;
  table-layout: fixed;
}
.board_view2 table td,
.board_view2 table th {
  position: relative;
  vertical-align: middle;
}
.board_view2 .bv_tit_wrap {
  text-align: center;
  padding: 0 0 1.875em;
  border-bottom: solid 1px #111;
}
.board_view2 .bv_tit {
  font-size: 3em;
  font-weight: bold;
  margin-bottom: 0.625em;
}
.board_view2 .bv_info {
  font-size: 1.125em;
  color: #999999;
  line-height: 1.17;
}
.board_view2 .bv_file {
  padding: 1.875em 1.25rem;
  border-bottom: solid 1px #e5e5e5;
  color: #111;
}
.board_view2 .bv_file ul {
  overflow: hidden;
  padding-left: 0.9375em;
  transform: translateY(-0.46875em);
}
.board_view2 .bv_file ul > li {
  transform: translateX(-0.9375em);
  display: inline-block;
  margin-right: 0.9375em;
  margin-top: 0.9375em;
}
.board_view2 .bv_file a {
  font-size: 1.125em;
  line-height: 1.43;
  display: inline-block;
  word-break: break-all;
}
.board_view2 .bv_file a > i {
  vertical-align: middle;
  margin-right: 0.3333333333em;
}
.board_view2 .bv_content {
  border-bottom: solid 1px #e5e5e5;
  padding: 3.75em 1.25rem;
  font-size: 1.125em;
  line-height: 1.63;
  height: 25rem;
  vertical-align: top;
}
.board_view2 .bv_content .editor {
  margin: 0 auto;
  max-width: 67.5em;
}
.board_view2 .bv_content .editor img {
  display: block;
  margin: 1.25em auto;
}
@media screen and (max-width: 800px) {
  .board_view2 {
    font-size: 0.5rem;
  }
  .board_view2 .bv_tit {
    font-size: 3.75em;
    margin-bottom: 0.5em;
  }
  .board_view2 .bv_file a {
    font-size: 1.625em;
  }
  .board_view2 .bv_info {
    font-size: 1.625em;
  }
  .board_view2 .bv_content {
    font-size: 1.625em;
  }
}

.board_search_wrap {
  font-size: 1rem;
  margin-bottom: 2.5em;
  padding-top: 3.75em;
  padding-bottom: 3.75em;
  background-color: #f6f6f6;
  border-radius: 1em;
}
@media screen and (max-width: 1280px) {
  .board_search_wrap {
    border-radius: 0.3125em;
  }
}
.board_search_box {
  max-width: 27.5rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.board_search_box .con_tit {
  margin: 0 !important;
}
.board_search_box .sel, .board_search_box .inp {
  border: 0 !important;
  outline: 0 !important;
  background: transparent;
  width: 100%;
  height: 100%;
  font-size: 1.125em !important;
  padding: 0;
  padding-left: 0.4444444444em;
  padding-right: 0.4444444444em;
  line-height: 100%;
}
.board_search_box .sel {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='7' viewBox='0 0 8 7'%3E%3Cpath d='M4.312 6.216 7.95.55a.367.367 0 0 0-.313-.551H.361A.367.367 0 0 0 .048.55l3.638 5.666a.359.359 0 0 0 .626 0z'/%3E%3C/svg%3E%0A");
  background-position: top 50% right 0.4em;
  background-size: 0.4em 0.35em;
  background-repeat: no-repeat;
}
.board_search_box .sel_box, .board_search_box .fm_inp {
  min-width: 9.375em;
  height: 2.5em;
  border-bottom: 2px solid #111;
  font-size: 1em;
}
.board_search_box .sel_box {
  font-weight: 400;
}
.board_search_box .board_search_inp {
  position: relative;
  min-width: 22.5em;
  margin-left: 1em;
  padding-right: 1.875em;
  flex: 1 1 auto;
}
.board_search_box.all .board_search_inp {
  max-width: 456px;
  width: 100%;
  margin-left: 0;
}
.board_search_box.st2 {
  max-width: none;
  margin-top: 2em;
  margin-bottom: 5em;
  align-items: flex-end;
  justify-content: flex-start;
}
.board_search_box.st2 > * {
  flex: 0 1 auto;
}
.board_search_box.st2 form {
  width: 100%;
}
.board_search_box.st2 form div {
  position: relative;
  width: 28.125em;
  height: 3.125em;
  margin-left: auto;
}
.board_search_box.st2 .inp {
  border-radius: 0;
  padding-left: 0.4444444444em;
  padding-right: 2.2222222222em;
  border-bottom: 2px solid var(--border-color) !important;
}
.board_search .board_search_button {
  color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 50%;
  right: 0.5em;
  transform: translateY(-50%);
  width: 2em;
  height: 2em;
  background: no-repeat center/100% auto url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath data-name='Path 8' d='M0 0h32v32H0z' style='fill:none'/%3E%3Cpath data-name='Path 9' d='M21.218 19.031h-1.152l-.408-.393a9.487 9.487 0 1 0-1.02 1.02l.393.408v1.151l7.287 7.272 2.172-2.172zm-8.744 0a6.558 6.558 0 1 1 6.558-6.558 6.55 6.55 0 0 1-6.559 6.558z' style='fill:%23020a0a'/%3E%3C/svg%3E");
}
@media screen and (max-width: 1280px) {
  .board_search_wrap {
    margin-top: 1.875em;
  }
  .board_search .board_search_button {
    right: 0;
  }
}
@media screen and (max-width: 800px) {
  .board_search_wrap {
    font-size: 1em;
    padding-top: 1.0625em;
    padding-bottom: 1.5em;
  }
  .board_search_box {
    max-width: 100%;
    width: 100%;
    padding-left: 1em;
    padding-right: 1em;
  }
  .board_search_box .sel, .board_search_box .inp {
    font-size: 1em !important;
  }
  .board_search_box .sel_box, .board_search_box .fm_inp {
    width: 33.333%;
    min-width: auto;
    height: 2.625em;
    margin-left: 0.5em;
  }
  .board_search_box .board_search_inp {
    width: 66.666%;
    min-width: auto;
  }
  .board_search_box > *:first-child {
    margin-left: 0;
  }
  .board_search_box.st2 {
    margin-top: 5em;
    margin-bottom: 2.5em;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .board_search_box.st2 form {
    margin-top: 2.5em;
  }
  .board_search_box.st2 form div {
    position: relative;
    max-width: 19.5em;
    width: 100%;
    margin-right: auto;
  }
  .board_search_box.st2 .inp {
    font-size: 1.125em !important;
    padding-right: 2em;
    border-bottom: 2px solid var(--border-color) !important;
  }
  .board_search .board_search_button {
    width: 1.5em;
    height: 1.5em;
    right: 0.75em;
  }
}

/* ## ========================================== ## */
/*
## sample - 자주 묻는 질문
## Single Search
*/
/* ## ========================================== ##*/
.single_search {
  font-size: 1rem;
}
.single_search_box {
  position: relative;
  max-width: 25em;
  margin-left: auto;
  border-radius: 2em;
  height: 4em;
  background-color: #f8f8f8;
  padding-left: 2em;
  padding-right: 2em;
}
.single_search .board_search_button {
  right: 1.7777777778em;
}
.single_search .inp {
  border: 0 !important;
  outline: 0 !important;
  background: transparent;
  width: 100%;
  height: 100%;
  font-size: 1.25em;
  line-height: 1em;
  padding: 0;
  padding-right: 1.1em;
  border-radius: 0;
}
@media screen and (max-width: 1280px) {
  .single_search_box {
    padding-top: 0;
    max-width: none;
    border-radius: 0;
    height: auto;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    padding-top: 2em;
    padding-bottom: 2.5em;
    padding-left: 1em;
    padding-right: 1em;
  }
  .single_search .fm_inp {
    display: block;
    border-bottom: 1px solid #222;
    position: relative;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
  }
  .single_search .board_search_button {
    right: 0.7222222222em;
  }
}
@media screen and (max-width: 800px) {
  .single_search .inp {
    font-size: 1em;
  }
  .single_search .board_search_button {
    width: 1.25em;
    height: 1.25em;
  }
}

/*
*****************************************
*          board  : start
*
*          type   : A
*****************************************
*/
.faq_item {
  border-bottom: 1px solid var(--border-color);
}
.faq_lists {
  border-top: 2px solid #222;
}
.faq_lists .question,
.faq_lists .answer {
  padding-top: 2em;
  padding-bottom: 2em;
  padding-left: 2.5em;
  padding-right: 2.5em;
}
.faq_lists .quest {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125em;
  margin-right: 2.5em;
  border-radius: 50%;
  color: var(--brand-color-main);
  font-style: normal;
  font-weight: bold;
}
@media screen and (max-width: 1280px) {
  .faq_lists .quest {
    margin-right: 1em;
  }
}
@media screen and (max-width: 800px) {
  .faq_lists .quest {
    font-size: 1.125em;
  }
}
.faq_lists .question {
  display: flex;
  align-items: center;
  position: relative;
  transition: background 0.25s;
}
.faq_lists .question .txt {
  font-size: 1.25em;
}
@media screen and (max-width: 1280px) {
  .faq_lists .question {
    padding-left: 0;
    padding-right: 2.1875em;
  }
}
@media screen and (max-width: 800px) {
  .faq_lists .question .txt {
    font-size: 1em;
    line-height: 1.75;
  }
}
.faq_lists .answer {
  background-color: #f8f8f8;
  border-top: 1px solid var(--border-color);
}
.faq_lists .answer .txt {
  font-size: 1.125em;
  line-height: 1.666;
}
@media screen and (max-width: 800px) {
  .faq_lists .answer .txt {
    font-size: 1em;
  }
}
.faq_lists .answer {
  padding-top: 2.5em;
  padding-bottom: 2.5em;
  padding-left: 2.5em;
  padding-right: 2.5em;
}
@media screen and (max-width: 1280px) {
  .faq_lists .answer {
    padding: 1em;
  }
}

.prev_next_page_box {
  border-top: 1px solid #dddddd;
  font-size: var(--font-size)/16rem;
}
.prev_next_page_box li {
  border-bottom: 1px solid #dddddd;
}
.prev_next_page_box li a {
  display: flex;
  align-items: stretch;
  flex-wrap: nowrap;
  width: 100%;
  color: #666666;
}
.prev_next_page_box li a .item {
  display: flex;
  align-items: center;
  height: 100/var(--font-size)em;
  vertical-align: middle;
  font-weight: 300;
  padding-left: 10/var(--font-size)em;
  padding-right: 10/var(--font-size)em;
}
.prev_next_page_box li a .item:first-child {
  flex: 0 auto;
  padding-left: 40/var(--font-size)em;
  padding-right: 28/var(--font-size)em;
  color: #222;
  text-align: left;
  line-height: 1.5;
}
.prev_next_page_box li a .item.tit {
  flex: 1 auto;
  overflow: hidden;
}
.prev_next_page_box li a .item:last-child {
  flex: 0 auto;
  padding-right: 26/var(--font-size)em;
  letter-spacing: 0;
  color: #666;
}
.prev_next_page_box li a:hover {
  background: #fafafa;
  color: var(--brand-color-main);
}
.prev_next_page_box li i[class^=iconFt] {
  display: inline-block;
  font-size: 20/var(--font-size)em;
  color: var(--font-color-b);
  margin-left: 0;
  margin-right: 0.65em;
  margin-top: -4/var(--font-size)em;
}
.prev_next_page_box li i[class^=iconFt] + span {
  vertical-align: top;
}
@media screen and (max-width: 800px) {
  .prev_next_page_box li i[class^=iconFt] {
    margin-top: -2/var(--font-size)em;
  }
}
.prev_next_page_box li .ellip_1 {
  display: block;
}
.prev_next_page_box li .ellip_1 * {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}
.prev_next_page_box.type_b {
  display: flex;
}
.prev_next_page_box.type_b > li {
  width: 50%;
}
.prev_next_page_box.type_b .inner {
  display: flex;
  align-items: center;
}
.prev_next_page_box.type_b .inner {
  display: flex;
  width: 100%;
  color: #444444;
  height: 90/var(--font-size)em;
  font-weight: 300;
  padding-left: 30/var(--font-size)em;
  padding-right: 30/var(--font-size)em;
}
.prev_next_page_box.type_b .inner:hover {
  background: #f5f5f5;
  color: var(--font-color-b5);
}
.prev_next_page_box.type_b ._direct {
  font-weight: 500;
  color: #222;
  position: relative;
  display: flex;
  align-items: center;
  line-height: 1;
}
.prev_next_page_box.type_b ._direct::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  border-right: 1px solid #dddddd;
  height: 1.125rem;
  transform: translateY(-50%);
}
.prev_next_page_box.type_b .prev_box ._direct {
  margin-right: 0.9375rem;
  padding-right: 0.9375rem;
}
.prev_next_page_box.type_b .prev_box ._direct::before {
  right: 0;
}
.prev_next_page_box.type_b .prev_box i[class^=iconFt] {
  margin-right: 2.1875rem;
}
.prev_next_page_box.type_b .next_box ._direct {
  margin-left: 0.9375rem;
  padding-left: 0.9375rem;
}
.prev_next_page_box.type_b .next_box ._direct::before {
  left: 0;
}
.prev_next_page_box.type_b .next_box i[class^=iconFt] {
  margin-left: 2.1875rem;
}
.prev_next_page_box.type_b .next_box .inner {
  flex-direction: row-reverse;
}
.prev_next_page_box.type_b i[class^=iconFt] {
  display: inline-block;
  font-size: 1rem;
  color: var(--font-color-b);
}
.prev_next_page_box.type_b .ellip_1 {
  display: block;
}
.prev_next_page_box.type_b .ellip_1 * {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}
@media screen and (max-width: 1280px) {
  .prev_next_page_box.type_b ._direct {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    width: 100%;
    position: static;
  }
  .prev_next_page_box.type_b ._direct i[class^=iconFt] {
    margin-top: 0;
  }
  .prev_next_page_box.type_b ._direct::before {
    display: none;
  }
  .prev_next_page_box.type_b .inner {
    position: relative;
  }
  .prev_next_page_box.type_b .next_box ._direct {
    justify-content: flex-end;
  }
  .prev_next_page_box.type_b .next_box ._direct::before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
  }
  .prev_next_page_box.type_b ._subj {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  .prev_next_page_box.type_b {
    font-size: 1em;
  }
}

@media screen and (max-width: 1280px) {
  .prev_next_page_box {
    font-size: 1.1rem;
  }
  .prev_next_page_box li a .item:first-child {
    padding-left: 0.5em;
    padding-right: 0.5em;
    font-weight: 400;
  }
  .prev_next_page_box li a .item.tit {
    padding-left: 0;
  }
  .prev_next_page_box li a .item:last-child {
    display: none;
  }
  .prev_next_page_box li i[class^=iconFt] {
    margin-top: 0;
    margin-right: 0.5em;
  }
}
@media screen and (max-width: 800px) {
  .prev_next_page_box {
    font-size: 1rem;
  }
  .prev_next_page_box li i[class*=iconFt_] {
    font-size: 1.5em;
    margin-right: 0.3em;
    margin-top: 0;
  }
  .prev_next_page_box li a .item {
    padding-left: 0.7142857143em;
    padding-right: 0.7142857143em;
    height: 5em;
  }
  .prev_next_page_box li a .item:first-child {
    padding-left: 0.5714285714em;
    padding-right: 0.7142857143em;
  }
  .prev_next_page_box li a .item:first-child:after {
    margin-left: 0.7142857143em;
  }
  .prev_next_page_box li a .item:last-child {
    display: none;
  }
}
.board_list.type_a .noData {
  font-size: 0.8em;
}
@media screen and (max-width: 800px) {
  .board_list.type_a .noData {
    font-size: 0.8888888889em;
  }
}

.noData {
  width: 100% !important;
  display: block !important;
  background-color: #fff !important;
  border-bottom: 1px solid rgba(221, 221, 221, 0.8666666667);
  text-align: center;
  font-size: 1em;
  padding: 5em 0;
}
.noData_img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 7.5em;
  height: 7.5em;
  margin-bottom: 1.5em;
  position: relative;
  border-radius: 50%;
  background-color: #fafafa;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.4375em 2.1875em;
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='35' viewBox='0 0 7 35'%3E%3Cpath data-name='Rectangle 1335' style='fill:%23020a0a' d='M0 0h7v24H0z'/%3E%3Cpath data-name='Rectangle 1336' transform='translate(0 28)' style='fill:%23020a0a' d='M0 0h7v7H0z'/%3E%3C/svg%3E%0A");
}
.noData img {
  display: block;
  width: 100%;
}
.noData p {
  font-size: 2.25em;
}
.noData p b {
  font-weight: 300;
}
@media screen and (max-width: 800px) {
  .noData {
    padding: 2em 0;
  }
  .noData_img {
    width: 6.25em;
    height: 6.25em;
  }
  .noData p {
    font-size: 1.5em;
  }
}

.mask, .popup_mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4000;
  background: #000;
  opacity: 0.7;
  display: none;
}

.popup_wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 1rem;
  z-index: 4000;
  overflow: hidden;
  display: none;
  background: rgba(0, 0, 0, 0);
  transition: background 0.5s;
  transition-delay: 0.5s;
}
.popup_wrap.on {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.7);
}
.popup {
  position: absolute;
  left: 50%;
  top: 10%;
  bottom: 10%;
  transform: translateX(-50%);
  z-index: 4001;
  width: 100%;
}
.popup_box {
  position: relative;
  width: 90%;
  max-width: 50rem;
}
.popup_box.md {
  max-width: 42.5rem;
}
.popup_print_box {
  position: relative;
  width: 80%;
  max-width: 64rem;
}
.popup_print_con {
  height: auto;
  max-height: calc(90vh - 6.25em);
  width: 100%;
  padding: 0;
  position: relative;
  background-color: #fff;
  overflow-x: auto;
  overflow-y: auto;
}
.popup_tit {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 5.625em;
  padding: 1.6875em;
  background-color: var(--brand-color-main);
  color: #fff;
  position: relative;
}
.popup_tit ._tit {
  flex: 1 1 auto;
  width: 100%;
  font-size: 1.5em;
  text-align: center;
  padding-left: 2.375em;
  padding-right: 2.375em;
}
.popup_con {
  height: auto;
  max-height: calc(90vh - 6.25em);
  width: 100%;
  padding: 0;
  position: relative;
  background-color: #fff;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 2.5em 1.5em;
}
.popup_close {
  position: absolute;
  top: 50%;
  right: 1em;
  font-size: 1em;
  width: 2.5625em;
  height: 2.5625em;
  transform: translateY(-50%);
  z-index: 10;
}
.popup_close svg {
  width: 1.4375em;
  height: 1.4375em;
}
.popup_btns {
  position: absolute;
  top: 0;
  left: 100%;
  margin-left: 1em;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.popup_btns button {
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
}
.popup_btns button + button {
  margin-top: 1em;
}
.popup_btns .popup_close {
  height: auto;
}
.popup_btns .popup_close svg {
  width: 2em;
  height: 2em;
}
@media screen and (max-width: 1280px) {
  .popup {
    padding-left: 1em;
    padding-right: 1em;
  }
  .popup_con {
    padding-top: 2.5em;
    padding-bottom: 2.5em;
  }
  .popup_box {
    width: 100%;
  }
  .popup_box .popup_close {
    width: 2.5625em;
    height: 2.5625em;
    top: 50%;
    transform: translateY(-50%);
  }
  .popup_box .popup_close svg {
    width: 1.4375em;
    height: 1.4375em;
  }
}
@media screen and (max-width: 800px) {
  .popup_tit {
    height: 5.625rem;
    padding: 0.9375em 1em;
  }
  .popup_tit:not(.t_md_center) ._tit {
    text-align: left;
    font-size: 1.25em;
    padding-left: 0;
  }
  .popup_con {
    padding: 2.5em 1em;
    max-height: calc(90vh - 5.625rem);
  }
  .popup_close {
    height: 5.625em;
    right: 1em;
  }
  .popup_close svg {
    width: 1.75em;
    height: 1.75em;
  }
}

#allIndexWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 10006;
  padding-left: 3.625em;
  padding-right: 3.625em;
  visibility: hidden;
  opacity: 0;
  transition: all 0.35s;
}
#allIndexWrap.on {
  visibility: visible;
  opacity: 1;
}
#allIndexWrap .popup_close {
  position: absolute;
  right: auto;
  top: 0;
  left: 100%;
  transform: none;
  width: 3.625rem;
  height: 3.625rem;
  margin-top: -1rem;
}
#allIndexWrap .popup_close svg {
  vertical-align: top;
  width: 1.625rem;
  height: 1.625rem;
}
#allIndexWrap .all_index_box {
  max-height: calc(var(--vh, 1vh) * 95);
  width: 100%;
  max-width: 84.75rem;
  position: relative;
  background-color: #fff;
  font-size: 1.25em;
  padding: 2em 0.5em 2em 2em;
  color: var(--brand-color-sub);
}
#allIndexWrap .inner {
  display: flex;
  align-items: stretch;
  position: relative;
  gap: 1.6em;
  padding-right: 1.5em;
  max-height: calc(var(--vh, 1vh) * 95 - 4em);
  overflow-y: auto;
}
#allIndexWrap .inner::-webkit-scrollbar {
  width: 0.25rem;
  border-radius: 0.125rem;
}
#allIndexWrap .inner::-webkit-scrollbar-track {
  background: #eeeeee;
  border-radius: 0.125rem;
}
#allIndexWrap .inner::-webkit-scrollbar-thumb {
  background: var(--brand-color-main);
  border-radius: 0.125rem;
}
#allIndexWrap .search_index {
  padding-right: calc(50% + 1rem);
}
#allIndexWrap .tit {
  display: block;
  font-size: 1.7em;
  margin-bottom: 0.9411764706em;
}
#allIndexWrap .search_opt {
  display: block;
}
#allIndexWrap .search_opt .opt_tit {
  display: block;
  font-size: 1em;
  margin-bottom: 0.8em;
  font-weight: 700;
}
#allIndexWrap .search_opt:not(:first-child) {
  margin-top: 1.6em;
}
#allIndexWrap .rd_box {
  font-size: 1em;
  padding: 1.6em 1.2em;
  gap: 0.8em;
}
#allIndexWrap .rd_box .fm_rd {
  font-size: 1em;
}
#allIndexWrap .down_lists {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 0.4em;
}
#allIndexWrap .down_lists [class*=btn] {
  flex: 1 1 auto;
  width: 45%;
  font-size: 1em;
}
#allIndexWrap .down_lists svg {
  max-width: 100%;
  height: 1.2em;
}
#allIndexWrap .ps {
  display: block;
  font-size: 0.8em;
  font-weight: 800;
  margin-top: 1.125em;
  color: var(--font-color-b6);
}
#allIndexWrap .search_childs {
  position: absolute;
  right: 1.5em;
  top: 0;
  width: calc(50% - 2rem);
  height: 100%;
  max-height: 100%;
  border: 1px solid var(--border-color);
  font-size: 0.9em;
  padding: 1.3333333333em 0.4444444444em 1.3333333333em 1.3333333333em;
  background-color: var(--bg-color-100);
}
#allIndexWrap .search_childs .childs {
  padding-right: 1.3333333333em;
  max-height: 100%;
  overflow-y: auto;
}
#allIndexWrap .search_childs .childs::-webkit-scrollbar {
  width: 0.25rem;
  border-radius: 0.125rem;
}
#allIndexWrap .search_childs .childs::-webkit-scrollbar-track {
  background: #eeeeee;
  border-radius: 0.125rem;
}
#allIndexWrap .search_childs .childs::-webkit-scrollbar-thumb {
  background: var(--brand-color-main);
  border-radius: 0.125rem;
}
#allIndexWrap .search_childs .item + .item {
  margin-top: 0.6666666667em;
}
#allIndexWrap .search_childs .lnk {
  display: flex;
  align-items: stretch;
  gap: 1.3333333333em;
}
#allIndexWrap .search_childs .lnk:hover {
  text-align: underline;
}
#allIndexWrap .search_childs .lnk::after {
  content: "";
  display: block;
  flex: 0 0 auto;
  width: 1.1666666667em;
  height: 1.1666666667em;
  margin-left: auto;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21'%3E%3Cpath transform='rotate(-135 11.317 5.274)' style='fill:%23020a0a' d='M0 0h16v2H0z'/%3E%3Cpath transform='rotate(-90 8 4.001)' style='fill:%23020a0a' d='M0 0h8v2H0z'/%3E%3Cpath transform='rotate(180 6 3)' style='fill:%23020a0a' d='M0 0h8v2H0z'/%3E%3C/svg%3E%0A") no-repeat center/100% auto;
}
#allIndexWrap .search_childs .b_code {
  flex: 0 0 auto;
}
@media screen and (max-width: 1280px) {
  #allIndexWrap {
    padding-left: 1em;
    padding-right: 1em;
  }
  #allIndexWrap .popup_close {
    left: auto;
    right: 0;
    margin-top: 0;
  }
  #allIndexWrap .popup_close path {
    fill: var(--brand-color-sub) !important;
  }
  #allIndexWrap .tit {
    font-size: 1.3333333333em;
    margin-bottom: 1.3333333333em;
  }
  #allIndexWrap .all_index_box {
    font-size: 1.35em;
    height: calc(var(--vh, 1vh) * 100 - 1.2rem);
    max-height: none;
    padding: 1.7777777778em 0em 1.7777777778em 0.8888888889em;
  }
  #allIndexWrap .inner {
    padding-right: 1em;
  }
  #allIndexWrap .search_opt .opt_tit {
    font-size: 1em;
    margin-bottom: 1.1111111111em;
  }
  #allIndexWrap .search_opt:not(:first-child) {
    margin-top: 1.7777777778em;
  }
  #allIndexWrap .down_lists [class*=btn] {
    height: 4.4444444444em;
  }
  #allIndexWrap .search_index {
    width: 100%;
    padding-right: 0;
  }
  #allIndexWrap .search_childs {
    position: static;
    margin-top: 2em;
    width: 100%;
    height: 25.625rem;
    max-height: 25.625rem;
    font-size: 1em;
  }
}
@media screen and (max-width: 800px) {
  #allIndexWrap {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
  #allIndexWrap .all_index_box {
    font-size: 1.125em;
    height: calc(var(--vh, 1vh) * 100 - 1rem);
  }
  #allIndexWrap .inner {
    max-height: 100%;
  }
}
@media screen and (max-width: 601px) {
  #allIndexWrap .down_lists [class*=btn] {
    width: 100%;
  }
}

.page_wrap {
  font-size: 1rem;
  margin-top: 2.5em;
  font-family: "Montserrat", "Pretendard", sans-serif;
}
.page {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.page .current_m {
  display: none;
  vertical-align: middle;
}
.page a {
  font-size: 1rem;
  z-index: 0;
  position: relative;
  display: block;
  width: 2.125em;
  height: 2.125em;
  line-height: 2.125em;
  color: var(--font-color);
  border: none;
  border-radius: 50%;
  font-weight: 400;
  text-align: center;
}
.page a.prev {
  margin-left: 0.5625em;
  margin-right: 1.75em;
  color: var(--font-color);
}
.page a.next {
  margin-left: 1.75em;
  margin-right: 0.5625em;
  color: var(--font-color);
}
.page a i[class*=icon_], .page a i[class^=icon_] {
  display: block;
  text-align: center;
  text-indent: -9999px;
  font-size: 1px;
  overflow: hidden;
  background: no-repeat center center;
  background-size: auto;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: opacity 0.3s ease-out;
}
.page a i[class*=icon_].icon_prev2, .page a i[class^=icon_].icon_prev2 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14' viewBox='0 0 15 14'%3E%3Cg%3E%3Cpath data-name='Rectangle 21' transform='rotate(-45 11.458 -3.74)' style='fill:%23666' d='M0 0h9.91v1.65H0z'/%3E%3Cpath data-name='Rectangle 22' transform='rotate(45 -3.45 11.563)' style='fill:%23666' d='M0 0h9.91v1.65H0z'/%3E%3C/g%3E%3Cg%3E%3Cpath data-name='Rectangle 21' transform='rotate(-45 8.458 3.504)' style='fill:%23666' d='M0 0h9.91v1.65H0z'/%3E%3Cpath data-name='Rectangle 22' transform='rotate(45 -6.45 4.32)' style='fill:%23666' d='M0 0h9.91v1.65H0z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.page a i[class*=icon_].icon_prev, .page a i[class^=icon_].icon_prev {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='14' viewBox='0 0 9 14'%3E%3Cpath data-name='Rectangle 21' transform='rotate(-45 8.459 3.502)' style='fill:%23666' d='M0 0h9.91v1.65H0z'/%3E%3Cpath data-name='Rectangle 22' transform='rotate(45 -6.45 4.322)' style='fill:%23666' d='M0 0h9.91v1.65H0z'/%3E%3C/svg%3E%0A");
}
.page a i[class*=icon_].icon_next, .page a i[class^=icon_].icon_next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='14' viewBox='0 0 9 14'%3E%3Cpath data-name='Rectangle 21' transform='rotate(-135 5.61 2.465)' style='fill:%23666' d='M0 0h9.91v1.65H0z'/%3E%3Cpath data-name='Rectangle 22' transform='rotate(135 3.052 5.36)' style='fill:%23666' d='M0 0h9.91v1.65H0z'/%3E%3C/svg%3E%0A");
}
.page a i[class*=icon_].icon_next2, .page a i[class^=icon_].icon_next2 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14' viewBox='0 0 15 14'%3E%3Cg%3E%3Cpath data-name='Rectangle 21' transform='rotate(-135 5.61 2.465)' style='fill:%23666' d='M0 0h9.91v1.65H0z'/%3E%3Cpath data-name='Rectangle 22' transform='rotate(135 3.052 5.36)' style='fill:%23666' d='M0 0h9.91v1.65H0z'/%3E%3C/g%3E%3Cg%3E%3Cpath data-name='Rectangle 21' transform='rotate(-135 8.61 1.222)' style='fill:%23666' d='M0 0h9.91v1.65H0z'/%3E%3Cpath data-name='Rectangle 22' transform='rotate(135 6.052 6.603)' style='fill:%23666' d='M0 0h9.91v1.65H0z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.page a:hover {
  opacity: 0.5;
}
.page .page_p {
  display: block;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
}
.page .page_p a {
  text-indent: 0;
  background: none;
  color: var(--font-color);
  margin: 0 0px;
  text-decoration: none;
  border: 0;
  font-weight: 300;
  opacity: 1;
}
.page .page_p a + a {
  margin-left: 0.5em;
}
.page .page_p a:hover {
  z-index: 1;
  color: var(--brand-color-main);
  font-weight: bold;
}
.page .page_p a.act {
  background-color: var(--brand-color-main);
  color: #fff !important;
  border-radius: 50%;
  font-weight: bold;
}

@media screen and (max-width: 1280px) {
  .page_wrap .page_p {
    display: none;
  }
  .page .current_m {
    display: block;
    white-space: nowrap;
  }
  .page .current_m .now {
    color: var(--brand-color-main);
    font-weight: bold;
  }
  .page .current_m .minus {
    display: inline-block;
    font-size: 0.7142857143em;
    margin-left: 1.6em;
    margin-right: 1.6em;
  }
  .page a.prev {
    margin-left: 0;
  }
  .page a.next {
    margin-right: 0;
  }
  .page a {
    width: 2.1428571429rem;
    height: 2.1428571429rem;
    line-height: 2.1428571429rem;
    font-size: 1em;
  }
  .page a i[class*=icon_], .page a i[class^=icon_] {
    font-size: 1em;
    background-size: auto 0.7857142857em;
  }
}
@media screen and (max-width: 800px) {
  .page_wrap {
    font-size: 0.875em;
  }
}
.page_wrap.st_2 .page a {
  font-size: 1rem;
  width: 1.875em;
  height: auto;
  line-height: 1.875em;
  border-radius: 0;
  border: 0 !important;
}
.page_wrap.st_2 .page .page_p a {
  margin: 0 0.625rem;
}
@media screen and (max-width: 1280px) {
  .page_wrap.st_2 .current_m {
    font-weight: bold;
  }
}

.search_wrap {
  font-size: 1rem;
}
.search_wrap.type_a {
  padding: 1.875em 1.25em;
  background: #f5f6fa;
}
.search_wrap .search_box {
  max-width: 35rem;
  margin-left: auto;
  margin-right: auto;
}
.search_wrap .search_box .inp, .search_wrap .search_box .sel {
  height: 3.125em;
  line-height: 3em;
  padding: 0 3.0625em 0 1.25em;
}
.search_wrap .search_inp {
  position: relative;
}
.search_wrap .search_inp .search_btn {
  width: 2.7222222222em;
  padding-top: 0.1666666667em;
  height: 100%;
  font-size: 1.125em;
  position: absolute;
  right: 0;
  top: 50%;
  text-align: center;
  transform: translateY(-50%);
}
.search_wrap .search_inp .search_btn > * {
  position: relative;
}
.search_wrap .search_btn {
  min-width: auto;
}
.search_wrap.type_icon .search_inp [class*=inp] {
  padding-right: 2.1875rem;
}
.search_wrap.type_icon .search_btn {
  background-color: rgba(255, 255, 255, 0);
  background-image: url("/spsystem/resource/images/common/icon_search.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 1.1875rem;
  height: 1.1875rem;
  right: 0.8125rem;
  border: none;
  font-size: 0;
}

table.t_left {
  text-align: left;
}
table.t_center {
  text-align: center;
}
table.t_right {
  text-align: right;
}
table .tdw_10 {
  width: 0.625rem;
}
table .tdw_20 {
  width: 1.25rem;
}
table .tdw_30 {
  width: 1.875rem;
}
table .tdw_40 {
  width: 2.5rem;
}
table .tdw_50 {
  width: 3.125rem;
}
table .tdw_60 {
  width: 3.75rem;
}
table .tdw_70 {
  width: 4.375rem;
}
table .tdw_80 {
  width: 5rem;
}
table .tdw_90 {
  width: 5.625rem;
}
table .tdw_100 {
  width: 6.25rem;
}
table .tdw_110 {
  width: 6.875rem;
}
table .tdw_120 {
  width: 7.5rem;
}
table .tdw_130 {
  width: 8.125rem;
}
table .tdw_140 {
  width: 8.75rem;
}
table .tdw_150 {
  width: 9.375rem;
}
table .tdw_160 {
  width: 10rem;
}
table .tdw_170 {
  width: 10.625rem;
}
table .tdw_180 {
  width: 11.25rem;
}
table .tdw_190 {
  width: 11.875rem;
}
table .tdw_200 {
  width: 12.5rem;
}
table .tdw_210 {
  width: 13.125rem;
}
table .tdw_220 {
  width: 13.75rem;
}
table .tdw_230 {
  width: 14.375rem;
}
table .tdw_240 {
  width: 15rem;
}
table .tdw_250 {
  width: 15.625rem;
}
table .tdw_260 {
  width: 16.25rem;
}
table .tdw_270 {
  width: 16.875rem;
}
table .tdw_280 {
  width: 17.5rem;
}
table .tdw_290 {
  width: 18.125rem;
}
table .tdw_300 {
  width: 18.75rem;
}
table .tdw_310 {
  width: 19.375rem;
}
table .tdw_320 {
  width: 20rem;
}
table .tdw_330 {
  width: 20.625rem;
}
table .tdw_340 {
  width: 21.25rem;
}
table .tdw_350 {
  width: 21.875rem;
}
table .tdw_360 {
  width: 22.5rem;
}
table .tdw_370 {
  width: 23.125rem;
}
table .tdw_380 {
  width: 23.75rem;
}
table .tdw_390 {
  width: 24.375rem;
}
table .tdw_400 {
  width: 25rem;
}
table .tdw_410 {
  width: 25.625rem;
}
table .tdw_420 {
  width: 26.25rem;
}
table .tdw_430 {
  width: 26.875rem;
}
table .tdw_440 {
  width: 27.5rem;
}
table .tdw_450 {
  width: 28.125rem;
}
table .tdw_460 {
  width: 28.75rem;
}
table .tdw_470 {
  width: 29.375rem;
}
table .tdw_480 {
  width: 30rem;
}
table .tdw_490 {
  width: 30.625rem;
}
table .tdw_500 {
  width: 31.25rem;
}
table .tdw_198 {
  width: 12.375rem;
}
@media screen and (min-width: 801px) and (max-width: 1280px) {
  table .tdw_md_10 {
    width: 0.625rem;
  }
  table .tdw_md_20 {
    width: 1.25rem;
  }
  table .tdw_md_30 {
    width: 1.875rem;
  }
  table .tdw_md_40 {
    width: 2.5rem;
  }
  table .tdw_md_50 {
    width: 3.125rem;
  }
  table .tdw_md_60 {
    width: 3.75rem;
  }
  table .tdw_md_70 {
    width: 4.375rem;
  }
  table .tdw_md_80 {
    width: 5rem;
  }
  table .tdw_md_90 {
    width: 5.625rem;
  }
  table .tdw_md_100 {
    width: 6.25rem;
  }
  table .tdw_md_110 {
    width: 6.875rem;
  }
  table .tdw_md_120 {
    width: 7.5rem;
  }
  table .tdw_md_130 {
    width: 8.125rem;
  }
  table .tdw_md_140 {
    width: 8.75rem;
  }
  table .tdw_md_150 {
    width: 9.375rem;
  }
  table .tdw_md_160 {
    width: 10rem;
  }
  table .tdw_md_170 {
    width: 10.625rem;
  }
  table .tdw_md_180 {
    width: 11.25rem;
  }
  table .tdw_md_190 {
    width: 11.875rem;
  }
  table .tdw_md_200 {
    width: 12.5rem;
  }
  table .tdw_md_210 {
    width: 13.125rem;
  }
  table .tdw_md_220 {
    width: 13.75rem;
  }
  table .tdw_md_230 {
    width: 14.375rem;
  }
  table .tdw_md_240 {
    width: 15rem;
  }
  table .tdw_md_250 {
    width: 15.625rem;
  }
  table .tdw_md_260 {
    width: 16.25rem;
  }
  table .tdw_md_270 {
    width: 16.875rem;
  }
  table .tdw_md_280 {
    width: 17.5rem;
  }
  table .tdw_md_290 {
    width: 18.125rem;
  }
  table .tdw_md_300 {
    width: 18.75rem;
  }
  table .tdw_md_310 {
    width: 19.375rem;
  }
  table .tdw_md_320 {
    width: 20rem;
  }
  table .tdw_md_330 {
    width: 20.625rem;
  }
  table .tdw_md_340 {
    width: 21.25rem;
  }
  table .tdw_md_350 {
    width: 21.875rem;
  }
  table .tdw_md_360 {
    width: 22.5rem;
  }
  table .tdw_md_370 {
    width: 23.125rem;
  }
  table .tdw_md_380 {
    width: 23.75rem;
  }
  table .tdw_md_390 {
    width: 24.375rem;
  }
  table .tdw_md_400 {
    width: 25rem;
  }
  table .tdw_md_410 {
    width: 25.625rem;
  }
  table .tdw_md_420 {
    width: 26.25rem;
  }
  table .tdw_md_430 {
    width: 26.875rem;
  }
  table .tdw_md_440 {
    width: 27.5rem;
  }
  table .tdw_md_450 {
    width: 28.125rem;
  }
  table .tdw_md_460 {
    width: 28.75rem;
  }
  table .tdw_md_470 {
    width: 29.375rem;
  }
  table .tdw_md_480 {
    width: 30rem;
  }
  table .tdw_md_490 {
    width: 30.625rem;
  }
  table .tdw_md_500 {
    width: 31.25rem;
  }
  table .tdw_md_full {
    width: 100% !important;
    display: block;
  }
}
@media screen and (max-width: 800px) {
  table .tdw_sm_10 {
    width: 0.625rem;
  }
  table .tdw_sm_20 {
    width: 1.25rem;
  }
  table .tdw_sm_30 {
    width: 1.875rem;
  }
  table .tdw_sm_40 {
    width: 2.5rem;
  }
  table .tdw_sm_50 {
    width: 3.125rem;
  }
  table .tdw_sm_60 {
    width: 3.75rem;
  }
  table .tdw_sm_70 {
    width: 4.375rem;
  }
  table .tdw_sm_80 {
    width: 5rem;
  }
  table .tdw_sm_90 {
    width: 5.625rem;
  }
  table .tdw_sm_100 {
    width: 6.25rem;
  }
  table .tdw_sm_110 {
    width: 6.875rem;
  }
  table .tdw_sm_120 {
    width: 7.5rem;
  }
  table .tdw_sm_130 {
    width: 8.125rem;
  }
  table .tdw_sm_140 {
    width: 8.75rem;
  }
  table .tdw_sm_150 {
    width: 9.375rem;
  }
  table .tdw_sm_160 {
    width: 10rem;
  }
  table .tdw_sm_170 {
    width: 10.625rem;
  }
  table .tdw_sm_180 {
    width: 11.25rem;
  }
  table .tdw_sm_190 {
    width: 11.875rem;
  }
  table .tdw_sm_200 {
    width: 12.5rem;
  }
  table .tdw_sm_210 {
    width: 13.125rem;
  }
  table .tdw_sm_220 {
    width: 13.75rem;
  }
  table .tdw_sm_230 {
    width: 14.375rem;
  }
  table .tdw_sm_240 {
    width: 15rem;
  }
  table .tdw_sm_250 {
    width: 15.625rem;
  }
  table .tdw_sm_260 {
    width: 16.25rem;
  }
  table .tdw_sm_270 {
    width: 16.875rem;
  }
  table .tdw_sm_280 {
    width: 17.5rem;
  }
  table .tdw_sm_290 {
    width: 18.125rem;
  }
  table .tdw_sm_300 {
    width: 18.75rem;
  }
  table .tdw_sm_310 {
    width: 19.375rem;
  }
  table .tdw_sm_320 {
    width: 20rem;
  }
  table .tdw_sm_330 {
    width: 20.625rem;
  }
  table .tdw_sm_340 {
    width: 21.25rem;
  }
  table .tdw_sm_350 {
    width: 21.875rem;
  }
  table .tdw_sm_360 {
    width: 22.5rem;
  }
  table .tdw_sm_370 {
    width: 23.125rem;
  }
  table .tdw_sm_380 {
    width: 23.75rem;
  }
  table .tdw_sm_390 {
    width: 24.375rem;
  }
  table .tdw_sm_400 {
    width: 25rem;
  }
  table .tdw_sm_410 {
    width: 25.625rem;
  }
  table .tdw_sm_420 {
    width: 26.25rem;
  }
  table .tdw_sm_430 {
    width: 26.875rem;
  }
  table .tdw_sm_440 {
    width: 27.5rem;
  }
  table .tdw_sm_450 {
    width: 28.125rem;
  }
  table .tdw_sm_460 {
    width: 28.75rem;
  }
  table .tdw_sm_470 {
    width: 29.375rem;
  }
  table .tdw_sm_480 {
    width: 30rem;
  }
  table .tdw_sm_490 {
    width: 30.625rem;
  }
  table .tdw_sm_500 {
    width: 31.25rem;
  }
  table .tdw_sm_full {
    width: 100% !important;
    display: block;
  }
}
@media screen and (max-width: 601px) {
  table .tdw_xs_10 {
    width: 0.625rem;
  }
  table .tdw_xs_20 {
    width: 1.25rem;
  }
  table .tdw_xs_30 {
    width: 1.875rem;
  }
  table .tdw_xs_40 {
    width: 2.5rem;
  }
  table .tdw_xs_50 {
    width: 3.125rem;
  }
  table .tdw_xs_60 {
    width: 3.75rem;
  }
  table .tdw_xs_70 {
    width: 4.375rem;
  }
  table .tdw_xs_80 {
    width: 5rem;
  }
  table .tdw_xs_90 {
    width: 5.625rem;
  }
  table .tdw_xs_100 {
    width: 6.25rem;
  }
  table .tdw_xs_110 {
    width: 6.875rem;
  }
  table .tdw_xs_120 {
    width: 7.5rem;
  }
  table .tdw_xs_130 {
    width: 8.125rem;
  }
  table .tdw_xs_140 {
    width: 8.75rem;
  }
  table .tdw_xs_150 {
    width: 9.375rem;
  }
  table .tdw_xs_160 {
    width: 10rem;
  }
  table .tdw_xs_170 {
    width: 10.625rem;
  }
  table .tdw_xs_180 {
    width: 11.25rem;
  }
  table .tdw_xs_190 {
    width: 11.875rem;
  }
  table .tdw_xs_200 {
    width: 12.5rem;
  }
  table .tdw_xs_210 {
    width: 13.125rem;
  }
  table .tdw_xs_220 {
    width: 13.75rem;
  }
  table .tdw_xs_230 {
    width: 14.375rem;
  }
  table .tdw_xs_240 {
    width: 15rem;
  }
  table .tdw_xs_250 {
    width: 15.625rem;
  }
  table .tdw_xs_260 {
    width: 16.25rem;
  }
  table .tdw_xs_270 {
    width: 16.875rem;
  }
  table .tdw_xs_280 {
    width: 17.5rem;
  }
  table .tdw_xs_290 {
    width: 18.125rem;
  }
  table .tdw_xs_300 {
    width: 18.75rem;
  }
  table .tdw_xs_310 {
    width: 19.375rem;
  }
  table .tdw_xs_320 {
    width: 20rem;
  }
  table .tdw_xs_330 {
    width: 20.625rem;
  }
  table .tdw_xs_340 {
    width: 21.25rem;
  }
  table .tdw_xs_350 {
    width: 21.875rem;
  }
  table .tdw_xs_360 {
    width: 22.5rem;
  }
  table .tdw_xs_370 {
    width: 23.125rem;
  }
  table .tdw_xs_380 {
    width: 23.75rem;
  }
  table .tdw_xs_390 {
    width: 24.375rem;
  }
  table .tdw_xs_400 {
    width: 25rem;
  }
  table .tdw_xs_410 {
    width: 25.625rem;
  }
  table .tdw_xs_420 {
    width: 26.25rem;
  }
  table .tdw_xs_430 {
    width: 26.875rem;
  }
  table .tdw_xs_440 {
    width: 27.5rem;
  }
  table .tdw_xs_450 {
    width: 28.125rem;
  }
  table .tdw_xs_460 {
    width: 28.75rem;
  }
  table .tdw_xs_470 {
    width: 29.375rem;
  }
  table .tdw_xs_480 {
    width: 30rem;
  }
  table .tdw_xs_490 {
    width: 30.625rem;
  }
  table .tdw_xs_500 {
    width: 31.25rem;
  }
}
table td.t_left, table th.t_left {
  text-align: left !important;
}
table td.t_center, table th.t_center {
  text-align: center !important;
}
table td.t_right, table th.t_right {
  text-align: right !important;
}
table .important {
  color: red;
}

.table_box {
  font-size: 1rem;
  overflow: hidden;
  border-top: 1px solid var(--border-color);
}
.table_box table {
  transform: translateX(-1px);
  width: calc(100% + 2px);
  border-spacing: 0;
  table-layout: fixed;
}
.table_box table td, .table_box table th {
  position: relative;
  vertical-align: middle;
  font-size: 1.125em;
  padding: 1.1111111111em 0.8333333333em;
  border-left: solid 1px var(--border-color);
  border-right: solid 1px var(--border-color);
  border-bottom: solid 1px var(--border-color);
}
.table_box table td.p_0, .table_box table th.p_0 {
  padding: 0 !important;
}
.table_box table th {
  background-color: rgba(0, 0, 0, 0.03);
}
.table_box table thead th {
  background-color: rgba(0, 0, 0, 0.05);
  font-weight: bold;
}
@media screen and (max-width: 1440px) {
  .table_box table td, .table_box table th {
    padding: 1.1111111111em 1.1111111111em;
  }
}
@media screen and (max-width: 1280px) {
  .table_box_md_column table, .table_box_md_column colgroup, .table_box_md_column tbody, .table_box_md_column tr {
    display: block;
  }
  .table_box_md_column thead {
    display: none;
  }
  .table_box_md_column th:not([data-mob-tit]) {
    display: none;
  }
  .table_box_md_column [data-mob-tit] {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    padding: 1.1111111111em;
    padding-left: 0;
  }
  .table_box_md_column [data-mob-tit]::before {
    content: attr(data-mob-tit);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -1.1111111111em 1.25em -1.1111111111em 0;
    padding: 1.1111111111em;
    flex: 0 1 auto;
    width: 15em;
    min-width: 15em;
    font-weight: bold;
    text-align: center;
    background-color: #f3f3f3;
    border-right: solid 1px var(--border-color);
  }
  .table_box_md_column [data-mob-txt] {
    display: block;
    flex: 1 1 auto;
    width: 100%;
  }
}
@media screen and (max-width: 800px) {
  .table_box table td, .table_box table th {
    font-size: 1em;
    padding: 1.5em 1em;
  }
  .table_box_sm_column table, .table_box_sm_column colgroup, .table_box_sm_column tbody, .table_box_sm_column tr, .table_box_md_column table, .table_box_md_column colgroup, .table_box_md_column tbody, .table_box_md_column tr {
    display: block;
  }
  .table_box_sm_column thead, .table_box_md_column thead {
    display: none;
  }
  .table_box_sm_column th:not([data-mob-tit]), .table_box_md_column th:not([data-mob-tit]) {
    display: none;
  }
  .table_box_sm_column [data-mob-tit], .table_box_md_column [data-mob-tit] {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    padding: 1.5em;
    padding-left: 0;
  }
  .table_box_sm_column [data-mob-tit]::before, .table_box_md_column [data-mob-tit]::before {
    content: attr(data-mob-tit);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -1.5em 1em -1.5em 0;
    padding: 1.5em;
    flex: 0 1 auto;
    width: 10.625em;
    min-width: 10.625em;
    font-weight: bold;
    text-align: center;
    background-color: #f3f3f3;
    border-right: solid 1px var(--border-color);
  }
  .table_box_sm_column [data-mob-txt], .table_box_md_column [data-mob-txt] {
    display: block;
    flex: 1 1 auto;
    width: 100%;
  }
  .table_box_sm_column [data-mob-txt] > *, .table_box_md_column [data-mob-txt] > * {
    width: 100%;
  }
  .table_box_sm_column2 table, .table_box_sm_column2 colgroup, .table_box_sm_column2 tbody, .table_box_sm_column2 tr {
    display: block;
  }
  .table_box_sm_column2 thead {
    display: none;
  }
  .table_box_sm_column2 th:not([data-mob-tit]) {
    display: none;
  }
  .table_box_sm_column2 [data-mob-tit] {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding: 0;
    background-color: #fff;
    padding-bottom: 1.5em;
  }
  .table_box_sm_column2 [data-mob-tit]::before {
    width: 100%;
    content: attr(data-mob-tit);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5em;
    margin-bottom: 1.5em;
    flex: 0 1 auto;
    font-weight: bold;
    text-align: center;
    background-color: #f3f3f3;
    border-bottom: solid 1px var(--border-color);
  }
  .table_box_sm_column2 [data-mob-txt] {
    display: block;
    flex: 1 1 auto;
    width: 100%;
  }
  .table_box_sm_column2 [data-mob-txt] > * {
    width: 100%;
  }
}
.table_box.c_1 {
  border-top: 2px solid var(--brand-color-main);
}
.table_box.c_1 .important {
  color: var(--brand-color-main);
}
.table_box.c_2 {
  border-top: 2px solid var(--brand-color-sub);
}
.table_box.c_2 .important {
  color: var(--brand-color-sub);
}

.caption {
  font-size: 1.125rem;
  padding-top: 0.1666666667em;
  padding-bottom: 0.8888888889em;
  letter-spacing: -0.035px;
  font-weight: bold;
  text-align: right;
}
@media screen and (max-width: 800px) {
  .caption {
    font-size: 1rem;
  }
}

[class*=con_tit] + .caption {
  margin-top: -1.1111111111em;
}
@media screen and (max-width: 1280px) {
  [class*=con_tit] + .caption {
    padding-top: 0;
    padding-bottom: 0;
    transform: translateY(-100%);
  }
}

.con_tit + .caption {
  margin-top: -2.1111111111em;
}
@media screen and (max-width: 1280px) {
  .con_tit + .caption {
    margin-top: 0;
    transform: none;
    padding-bottom: 1em;
  }
}

.table_box2 {
  font-size: 1rem;
  overflow: hidden;
  border-top: 2px solid #121212;
}
.table_box2.st_2 {
  border-top: 1px solid var(--border-color);
}
.table_box2 table {
  width: 100%;
  border-spacing: 0;
  table-layout: fixed;
  border-collapse: separate;
  text-align: center;
}
.table_box2 table td, .table_box2 table th {
  position: relative;
  vertical-align: middle;
  font-size: 1em;
  padding: 1.375em 0.9375em;
  border-bottom: solid 1px var(--border-color);
  font-weight: normal;
}
.table_box2 table th {
  background-color: #f8f8f8;
  color: #222222;
  border-left: 0;
  border-right: 0;
  font-weight: bold;
}
.table_box2.bg_none {
  border-top: 2px solid #222;
}
.table_box2.bg_none table td, .table_box2.bg_none table th {
  border-left: none;
  border-right: none;
  word-break: break-all;
}
@media screen and (max-width: 800px) {
  .table_box2.bg_none table td, .table_box2.bg_none table th {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
}
.table_box2.bg_none table thead th {
  border-bottom: 1px solid var(--border-color);
}
.table_box2.bg_none table th {
  background-color: inherit;
}
.table_box2.brd table td, .table_box2.brd table th {
  border-right: 1px solid var(--border-color);
}
.table_box2.brd table td:last-child:not(:first-child), .table_box2.brd table th:last-child:not(:first-child) {
  border-right: 0;
}
@media screen and (max-width: 1440px) {
  .table_box2 table td, .table_box2 table th {
    padding: 1.3888888889em 1.3888888889em;
  }
}
@media screen and (max-width: 800px) {
  .table_box2 table td, .table_box2 table th {
    font-size: 1em;
    padding: 1.5625em 1em;
  }
}

.table_box3 {
  font-size: 1.25rem;
  overflow: hidden;
  border-top: 2px solid #222;
}
.table_box3.st2 table td {
  height: 3.6em;
  padding-top: 1em;
  padding-bottom: 1em;
}
.table_box3.st2 table th {
  height: 5.2em;
  padding-top: 1em;
  padding-bottom: 1em;
}
.table_box3 table {
  transform: translateX(-1px);
  width: calc(100% + 2px);
  border-spacing: 0;
  table-layout: fixed;
}
.table_box3 table td, .table_box3 table th {
  position: relative;
  vertical-align: middle;
  border-bottom: solid 1px var(--border-color);
  text-align: left;
}
.table_box3 table td.t_center, .table_box3 table th.t_center {
  text-align: center;
}
.table_box3 table .pos_top {
  vertical-align: top;
}
.table_box3 table .cell {
  min-height: 4em;
}
.table_box3 table .cell:not(:last-child) {
  padding-bottom: 1em;
}
@media screen and (max-width: 800px) {
  .table_box3 table .cell:not(:last-child) {
    padding-bottom: 1.3333333333em;
  }
}
.table_box3 table td {
  font-size: 1em;
  padding: 1em 1.2em;
  height: 5.2em;
}
.table_box3 table th {
  font-weight: bold;
  font-size: 1em;
  padding: 1em 1.1em;
  height: 5.2em;
  line-height: 1.5;
}
@media screen and (min-width: 1281px), print {
  .table_box3 table th.pos_top {
    padding-top: 1.85em;
  }
}
@media screen and (min-width: 1281px), print {
  .table_box3 table .limit_word .pos_mid .txt {
    display: block;
    padding-bottom: 1.35em;
  }
}
@media screen and (max-width: 1440px) {
  .table_box3 table td, .table_box3 table th {
    padding: 1em 1em;
  }
}
@media screen and (max-width: 1280px) {
  .table_box3:not(.scroll) table, .table_box3:not(.scroll) colgroup, .table_box3:not(.scroll) thead, .table_box3:not(.scroll) tfoot, .table_box3:not(.scroll) tbody, .table_box3:not(.scroll) tr, .table_box3:not(.scroll) td, .table_box3:not(.scroll) th {
    display: block;
    width: 100%;
  }
  .table_box3:not(.scroll) .sec_th {
    font-weight: 400;
  }
  .table_box3:not(.scroll) table tr {
    border-bottom: 1px solid var(--border-color);
    padding: 1.1111111111em 0;
  }
  .table_box3:not(.scroll) table td, .table_box3:not(.scroll) table th {
    height: auto;
    padding: 0px 0.4444444444em;
    border-bottom: 0;
  }
  .table_box3:not(.scroll) table td + th {
    margin-top: 1.1111111111em;
    padding-top: 1.1111111111em;
    border-top: 1px solid var(--border-color);
  }
  .table_box3:not(.scroll) table th {
    margin-bottom: 1.1111111111em;
  }
  .table_box3.md_table table tr {
    display: flex;
    flex-wrap: wrap;
    padding-top: 0;
    padding-bottom: 0;
  }
  .table_box3.md_table table th, .table_box3.md_table table td {
    font-size: 1em;
    padding-top: 1.5625em;
    padding-bottom: 1.5625em;
  }
  .table_box3.md_table table th {
    width: 8.5em;
    margin-bottom: 0;
    padding-left: 1em;
  }
  .table_box3.md_table table td {
    width: calc(100% - 8.5em);
  }
  .table_box3.md_table table td + th {
    margin-top: 0;
  }
  .table_box3.md_table table td + th + td {
    border-top: 1px solid var(--border-color);
  }
}
@media screen and (max-width: 800px) {
  .table_box3 {
    font-size: 1.125rem;
  }
  .table_box3 table td, .table_box3 table th {
    font-size: 1.125rem;
  }
}
.table_box3.c_1 {
  border-top: 2px solid var(--brand-color-main);
}
.table_box3.c_1 .important {
  color: var(--brand-color-main);
}
.table_box3.c_2 {
  border-top: 2px solid var(--brand-color-sub);
}
.table_box3.c_2 .important {
  color: var(--brand-color-sub);
}

.table_box4 {
  font-size: 1rem;
  overflow: hidden;
  border-top: 2px solid #222;
}
.table_box4 table {
  transform: translateX(-1px);
  width: calc(100% + 2px);
  border-spacing: 0;
  table-layout: fixed;
}
.table_box4 table td, .table_box4 table th {
  position: relative;
  vertical-align: middle;
  font-size: 1.125em;
  padding: 1.1111111111em 2.2222222222em;
  border-bottom: solid 1px var(--border-color);
  height: 4.4444444444em;
}
.table_box4 table thead th {
  font-weight: bold;
}
.table_box4 table tbody th:not([class*=fw_]) {
  font-weight: normal;
}
.table_box4.small table td, .table_box4.small table th {
  padding: 0.8333333333em 1.1111111111em;
  height: auto;
  line-height: 1.2;
}
@media screen and (max-width: 1440px) {
  .table_box4 table td, .table_box4 table th {
    padding: 1.1111111111em 1.1111111111em;
  }
  .table_box4.small table td, .table_box4.small table th {
    padding: 0.8333333333em 1.1111111111em;
  }
}
@media screen and (max-width: 1280px) {
  .table_box4 {
    overflow-x: auto;
  }
  .table_box4 table tr {
    border-bottom: 1px solid var(--border-color);
  }
  .table_box4 table td, .table_box4 table th {
    height: auto;
    border-bottom: 0;
    width: 15em;
  }
}
@media screen and (max-width: 800px) {
  .table_box4 table td, .table_box4 table th {
    font-size: 1em;
  }
}
.table_box4.c_1 {
  border-top: 2px solid var(--brand-color-main);
}
.table_box4.c_1 .important {
  color: var(--brand-color-main);
}
.table_box4.c_2 {
  border-top: 2px solid var(--brand-color-sub);
}
.table_box4.c_2 .important {
  color: var(--brand-color-sub);
}

@media screen and (max-width: 601px) {
  [class*=table_box].scroll {
    overflow-x: auto;
  }
  [class*=table_box].scroll > table {
    min-width: 32.5em;
  }
}
@media screen and (max-width: 800px) {
  [class*=table_box].faq_scroll {
    overflow-x: auto;
  }
  [class*=table_box].faq_scroll > table {
    min-width: 50em;
  }
}

:root {
  /*color*/
  --color-white: #FFFFFF;
  --color-black: #000000;
  --brand-color-main: #00b4ed;
  --brand-color-sub: #020a0a;
  --brand-color-sub2: #002c69;
  --bg-color: #ffffff;
  --bg-color-100: #f8f8f8;
  --bg-color-200: #aaaaaa;
  --bg-color-700: #b2b2b2;
  --font-color: #222222;
  --font-color2: #121212;
  --border-color: #dddddd;
  --font-color-b1: #222222;
  --font-color-b2: #444444;
  --font-color-b3: #666666;
  --font-color-b4: #707070;
  --font-color-b5: #cccccc;
  --font-color-b6: #999999;
  --header-height: 6.25rem;
  --sub-visual-height: 21.25rem;
  --sub-guide-height: 6rem;
  --footer-height: 24.625rem;
  --floating-gap: 1.5rem;
  --depth2-height: 17.25rem;
  --font-size: 18;
}
@media screen and (max-width: 800px) {
  :root {
    --header-height: 3.75rem;
    --sub-visual-height: 13.4375rem;
    --floating-gap: 1rem;
    --footer-height: 28.1875rem;
  }
}

[class^=iconFt_]:before, [class^=iconFt_]:after, [class*=" iconFt_"]:before, [class*=" iconFt_"]:after {
  display: inline;
}

/*# sourceMappingURL=common.css.map */