@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;
}
@font-face {
  font-family: "TheJamsil";
  font-weight: 100;
  font-style: normal;
  src: url("https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Thin.eot");
  src: url("https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Thin.eot?#iefix") format("embedded-opentype"), url("https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Thin.woff2") format("woff2"), url("https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Thin.woff") format("woff"), url("https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Thin.ttf") format("truetype");
  font-display: normal;
}
@font-face {
  font-family: "TheJamsil";
  font-weight: 300;
  font-style: normal;
  src: url("https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Light.eot");
  src: url("https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Light.eot?#iefix") format("embedded-opentype"), url("https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Light.woff2") format("woff2"), url("https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Light.woff") format("woff"), url("https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Light.ttf") format("truetype");
  font-display: normal;
}
@font-face {
  font-family: "TheJamsil";
  font-weight: 400;
  font-style: normal;
  src: url("https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Regular.eot");
  src: url("https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Regular.eot?#iefix") format("embedded-opentype"), url("https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Regular.woff2") format("woff2"), url("https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Regular.woff") format("woff"), url("https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Regular.ttf") format("truetype");
  font-display: normal;
}
@font-face {
  font-family: "TheJamsil";
  font-weight: 500;
  font-style: normal;
  src: url("https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Medium.eot");
  src: url("https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Medium.eot?#iefix") format("embedded-opentype"), url("https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Medium.woff2") format("woff2"), url("https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Medium.woff") format("woff"), url("https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Medium.ttf") format("truetype");
  font-display: normal;
}
@font-face {
  font-family: "TheJamsil";
  font-weight: 700;
  font-style: normal;
  src: url("https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Bold.eot");
  src: url("https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Bold.eot?#iefix") format("embedded-opentype"), url("https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Bold.woff2") format("woff2"), url("https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Bold.woff") format("woff"), url("https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Bold.ttf") format("truetype");
  font-display: normal;
}
@font-face {
  font-family: "TheJamsil";
  font-weight: 800;
  font-style: normal;
  src: url("https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-ExtraBold.eot");
  src: url("https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-ExtraBold.eot?#iefix") format("embedded-opentype"), url("https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-ExtraBold.woff2") format("woff2"), url("https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-ExtraBold.woff") format("woff"), url("https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-ExtraBold.ttf") format("truetype");
  font-display: normal;
}
/*
영문 (대문자) : U+0041-005A
영문 (소문자) : U+0061-007A
숫자 : U+0030-0039
한글 : U+AC00-U+D7A3
전체 : U+0020-007E
*/
body,
html {
  font-family: "Pretendard", "TheJamsil", "android emoji", "emojisymbols", "emojione mozilla", "twemoji mozilla", "segoe ui symbol", 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,
button.btn {
  position: relative;
  overflow: hidden;
  display: inline-block;
  font-weight: 600;
  letter-spacing: 0;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.3s, color 0.2s linear, linear, clip-path 0.25s;
  clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 100%, 0 0);
  z-index: 1;
  background-color: var(--border-color4);
}
a.btn .bg,
button.btn .bg {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  background-color: var(--bg-color);
  transform: translate(-50%, -50%);
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 100%, 0 0);
  transition: clip-path 0.25s;
}
a.btn .bg.cw,
button.btn .bg.cw {
  background-color: var(--color-white);
}
a.btn .txt,
button.btn .txt {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
a.btn.bg_g,
button.btn.bg_g {
  color: var(--font-color-b6);
}

a.btn,
button.btn {
  display: inline-flex;
  align-items: center;
  font-size: 1.125rem;
  width: 9.1111111111em;
  height: 4.1666666667em;
  padding-left: 1rem;
  padding-right: 1rem;
  font-weight: bold;
}
a.btn_md,
button.btn_md {
  display: inline-flex;
  align-items: center;
  font-size: 1.125rem;
  width: 8.5555555556em;
  height: 3.5555555556em;
  padding-left: 1rem;
  padding-right: 1rem;
}
a.btn_sm,
button.btn_sm {
  display: inline-flex;
  align-items: center;
  font-size: 1rem;
  width: 5.9375em;
  height: 2.25em;
  padding-left: 1rem;
  padding-right: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  max-width: auto;
  padding-left: 1.25em;
  padding-right: 1.25em;
  border-radius: 0.25rem;
}
a.btn_sm:not([class*=bg_]),
button.btn_sm:not([class*=bg_]) {
  background-color: var(--bg-brand-color-300);
}
a.btn_sm.bg_w,
button.btn_sm.bg_w {
  background-color: var(--color-white);
  color: var(--color-black);
}
a.btn_sm.bg_300,
button.btn_sm.bg_300 {
  background-color: var(--bg-brand-color-300);
  color: var(--color-white);
}
a.btn_xsm,
button.btn_xsm {
  display: inline-flex;
  align-items: center;
  font-size: 0.875rem;
  width: 2.8571428571em;
  height: 1.8571428571em;
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: none;
  width: auto;
  padding-left: 0.5714285714em;
  padding-right: 0.5714285714em;
  font-weight: 400;
  border-radius: 0.25rem;
}
a.btn_xsm .txt,
button.btn_xsm .txt {
  position: static;
  min-width: 100%;
  width: auto;
  line-height: normal;
}
a.btn_xsm .bg,
button.btn_xsm .bg {
  width: calc(100% - 2px);
  height: calc(100% - 2px);
}
a.btn_down,
button.btn_down {
  display: flex;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  align-items: center;
  font-size: 1.125rem;
  width: 11.1111111111em;
  height: 3.1111111111em;
  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: 1025px), print {
  a:not(.btn_sm):not(.btn_xsm).btn:hover, a:not(.btn_sm):not(.btn_xsm).btn:focus,
  button:not(.btn_sm):not(.btn_xsm).btn:hover,
  button:not(.btn_sm):not(.btn_xsm).btn:focus {
    clip-path: polygon(100% 0, 100% calc(100% - 1.1111111111em), calc(100% - 1.2777777778em) 100%, 0 100%, 0 0);
  }
  a:not(.btn_sm):not(.btn_xsm).btn:hover:not([class*=bg_]), a:not(.btn_sm):not(.btn_xsm).btn:focus:not([class*=bg_]),
  button:not(.btn_sm):not(.btn_xsm).btn:hover:not([class*=bg_]),
  button:not(.btn_sm):not(.btn_xsm).btn:focus:not([class*=bg_]) {
    background-color: #111;
  }
  a:not(.btn_sm):not(.btn_xsm).btn:hover.bg_b, a:not(.btn_sm):not(.btn_xsm).btn:focus.bg_b,
  button:not(.btn_sm):not(.btn_xsm).btn:hover.bg_b,
  button:not(.btn_sm):not(.btn_xsm).btn:focus.bg_b {
    background-color: var(--brand-color-main);
    color: var(--brand-color-main);
  }
  a:not(.btn_sm):not(.btn_xsm).btn:hover .bg, a:not(.btn_sm):not(.btn_xsm).btn:focus .bg,
  button:not(.btn_sm):not(.btn_xsm).btn:hover .bg,
  button:not(.btn_sm):not(.btn_xsm).btn:focus .bg {
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    transform: rotate(0.01deg) translate(-50%, -50%);
    clip-path: polygon(100% 0, 100% calc(100% - 1.0555555556em), calc(100% - 1.2222222222em) 100%, 0 100%, 0 0);
  }
  a:not(.btn_sm):not(.btn_xsm).btn:hover.btn_md, a:not(.btn_sm):not(.btn_xsm).btn:focus.btn_md,
  button:not(.btn_sm):not(.btn_xsm).btn:hover.btn_md,
  button:not(.btn_sm):not(.btn_xsm).btn:focus.btn_md {
    clip-path: polygon(100% 0, 100% calc(100% - 0.9444444444em), calc(100% - 1em) 100%, 0 100%, 0 0);
  }
  a:not(.btn_sm):not(.btn_xsm).btn:hover.btn_md .bg, a:not(.btn_sm):not(.btn_xsm).btn:focus.btn_md .bg,
  button:not(.btn_sm):not(.btn_xsm).btn:hover.btn_md .bg,
  button:not(.btn_sm):not(.btn_xsm).btn:focus.btn_md .bg {
    clip-path: polygon(100% 0, 100% calc(100% - 0.8888888889em), calc(100% - 0.9444444444em) 100%, 0 100%, 0 0);
  }
}
a[class*=btn].bg_b, button[class*=btn].bg_b {
  background-color: var(--color-black);
}
a[class*=btn].bg_w, button[class*=btn].bg_w {
  background-color: var(--color-white);
  box-shadow: inset 0 0 0 1px var(--border-color4);
  color: var(--font-color-b6);
}
@media screen and (min-width: 1025px), print {
  a[class*=btn].bg_w.btn_xsm, a[class*=btn].bg_w.btn_sm, button[class*=btn].bg_w.btn_xsm, button[class*=btn].bg_w.btn_sm {
    transition: background 0.35s, color 0.35s;
  }
  a[class*=btn].bg_w.btn_xsm:hover, a[class*=btn].bg_w.btn_sm:hover, button[class*=btn].bg_w.btn_xsm:hover, button[class*=btn].bg_w.btn_sm:hover {
    background-color: var(--brand-color-sub);
    color: var(--color-white);
  }
}
a[class*=btn].bg_1, button[class*=btn].bg_1 {
  background-color: var(--brand-color-main);
}
a[class*=btn].bg_2, button[class*=btn].bg_2 {
  background-color: var(--brand-color-sub);
}
a[class*=btn].bg_b3, button[class*=btn].bg_b3 {
  background-color: var(--bg-brand-color-300);
}
@media screen and (min-width: 1025px), print {
  a[class*=btn].bg_b3.btn_xsm, a[class*=btn].bg_b3.btn_sm, button[class*=btn].bg_b3.btn_xsm, button[class*=btn].bg_b3.btn_sm {
    transition: background 0.35s;
  }
  a[class*=btn].bg_b3.btn_xsm:hover, a[class*=btn].bg_b3.btn_sm:hover, button[class*=btn].bg_b3.btn_xsm:hover, button[class*=btn].bg_b3.btn_sm:hover {
    background-color: var(--brand-color-sub);
  }
}

@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;
  }
  a.btn_md,
  button.btn_md {
    font-size: 1.125rem;
  }
  a.btn_sm,
  button.btn_sm {
    font-size: 1.125rem;
  }
  a.btn_xsm,
  button.btn_xsm {
    font-size: 0.9rem;
  }
}
@media screen and (max-width: 800px) {
  a.btn,
  button.btn {
    font-size: 0.9375rem;
  }
  a.btn_md,
  button.btn_md {
    font-size: 0.9375rem;
  }
  a.btn_xlg,
  button.btn_xlg {
    height: 3.875rem;
  }
  a.btn_lg,
  button.btn_lg {
    font-size: 0.9375rem;
  }
  a.btn_sm,
  button.btn_sm {
    font-size: 0.75rem;
    font-weight: 400;
    padding: 0 0.8em;
  }
  a.btn_xsm,
  button.btn_xsm {
    font-size: 0.75rem;
    height: 1.9583333333em;
    max-width: none;
    width: auto;
    padding-left: 0.6666666667em;
    padding-right: 0.6666666667em;
  }
  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;
  }
}
.btn_box {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  min-width: 100%;
  position: relative;
}
.btn_box:not([class*=mt_]) {
  margin-top: 3.75rem;
}
.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;
  }
}

.fm_pick {
  color: #111;
  font-size: 1em;
  cursor: pointer;
  position: relative;
}
.fm_pick [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;
  margin: 0;
}
.fm_pick [type=checkbox]:checked + .txt {
  background-color: var(--brand-color-main);
  color: #fff;
  box-shadow: inset 0 0 0 1px var(--brand-color-main);
}
.fm_pick .txt {
  box-shadow: inset 0 0 0 1px var(--border-color2);
  padding: 0em 1.1111111111em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 2.4444444444em;
  border-radius: 2.4444444444em;
  transition: box-shadow 0.25s, background 0.25s, color 0.25s;
  white-space: nowrap;
}
.fm_pick_group {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 0.5555555556em;
}

.folding_btn {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.25em;
  font-size: 0.8888888889em;
  padding-right: 2.25em;
  padding-left: 1em;
  height: 2.5em;
}
.folding_btn::before, .folding_btn::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 1em;
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: -0.5em;
  transition: transform 0.4s, visibility 0.4s;
  visibility: hidden;
  width: 1em;
  height: 1em;
}
.folding_btn::before {
  transform: translateY(0);
  visibility: visible;
  transition-delay: 0s, 0s;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath style='fill:none' d='M0 0h16v16H0z'/%3E%3Cpath d='M-4279.838-14686.356v-10.711l-2.745 2.745-1.413-1.417 5.25-5.25 5.25 5.25-1.413 1.417-2.93-2.93v10.9z' transform='translate(4286.746 14701.672)' style='fill:%23fff'/%3E%3C/svg%3E%0A");
}
.folding_btn::after {
  transform: translateY(300%);
  transition-delay: 0s, 0.4s;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23ffffff' d='M9.1,0.7v10.7l2.7-2.7l1.4,1.4L8,15.3l-5.3-5.3l1.4-1.4l2.9,2.9V0.7L9.1,0.7z'/%3E%3C/svg%3E%0A");
}
.folding_btn .txt::before {
  content: "접기";
  font-size: 1em;
  display: block;
}
.folding_btn.on .txt::before {
  content: "펼치기";
}
.folding_btn.on::before {
  transform: translateY(-300%);
  visibility: hidden;
  transition-delay: 0s, 0.4s;
}
.folding_btn.on::after {
  transform: translateY(0);
  visibility: visible;
  transition-delay: 0s, 0s;
}

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

.gap_4 {
  gap: 0.25rem;
}
.gap_8 {
  gap: 0.5rem;
}
.gap_12 {
  gap: 0.75rem;
}
.gap_16 {
  gap: 1rem;
}

.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: 105.5rem;
}

[class*=wrap_].wrap_1860 {
  max-width: 118.75rem;
}
[class*=wrap_].wrap_1648 {
  max-width: 105.5rem;
}
[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: 1.25rem;
    padding-right: 1.25rem;
  }
  .wrap {
    max-width: 105.5rem;
  }
  [class*=wrap_].wrap_1860 {
    max-width: 118.75rem;
  }
  [class*=wrap_].wrap_1648 {
    max-width: 105.5rem;
  }
  [class*=wrap_].wrap_1556 {
    max-width: 99.75rem;
  }
  [class*=wrap_].wrap_1440 {
    max-width: 92.5rem;
  }
  [class*=wrap_].wrap_1380 {
    max-width: 88.75rem;
  }
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.form_wrap > .flex {
  gap: 0.5rem;
}
.form_wrap > .flex [class*=col_]:not(.col_24).col_24 {
  width: calc(100% - 0.25rem);
}
.form_wrap > .flex [class*=col_]:not(.col_24).col_23 {
  width: calc(95.8333333333% - 0.25rem);
}
.form_wrap > .flex [class*=col_]:not(.col_24).col_22 {
  width: calc(91.6666666667% - 0.25rem);
}
.form_wrap > .flex [class*=col_]:not(.col_24).col_21 {
  width: calc(87.5% - 0.25rem);
}
.form_wrap > .flex [class*=col_]:not(.col_24).col_20 {
  width: calc(83.3333333333% - 0.25rem);
}
.form_wrap > .flex [class*=col_]:not(.col_24).col_19 {
  width: calc(79.1666666667% - 0.25rem);
}
.form_wrap > .flex [class*=col_]:not(.col_24).col_18 {
  width: calc(75% - 0.25rem);
}
.form_wrap > .flex [class*=col_]:not(.col_24).col_17 {
  width: calc(70.8333333333% - 0.25rem);
}
.form_wrap > .flex [class*=col_]:not(.col_24).col_16 {
  width: calc(66.6666666667% - 0.25rem);
}
.form_wrap > .flex [class*=col_]:not(.col_24).col_15 {
  width: calc(62.5% - 0.25rem);
}
.form_wrap > .flex [class*=col_]:not(.col_24).col_14 {
  width: calc(58.3333333333% - 0.25rem);
}
.form_wrap > .flex [class*=col_]:not(.col_24).col_13 {
  width: calc(54.1666666667% - 0.25rem);
}
.form_wrap > .flex [class*=col_]:not(.col_24).col_12 {
  width: calc(50% - 0.25rem);
}
.form_wrap > .flex [class*=col_]:not(.col_24).col_11 {
  width: calc(45.8333333333% - 0.25rem);
}
.form_wrap > .flex [class*=col_]:not(.col_24).col_10 {
  width: calc(41.6666666667% - 0.25rem);
}
.form_wrap > .flex [class*=col_]:not(.col_24).col_9 {
  width: calc(37.5% - 0.25rem);
}
.form_wrap > .flex [class*=col_]:not(.col_24).col_8 {
  width: calc(33.3333333333% - 0.25rem);
}
.form_wrap > .flex [class*=col_]:not(.col_24).col_7 {
  width: calc(29.1666666667% - 0.25rem);
}
.form_wrap > .flex [class*=col_]:not(.col_24).col_6 {
  width: calc(25% - 0.25rem);
}
.form_wrap > .flex [class*=col_]:not(.col_24).col_5 {
  width: calc(20.8333333333% - 0.25rem);
}
.form_wrap > .flex [class*=col_]:not(.col_24).col_4 {
  width: calc(16.6666666667% - 0.25rem);
}
.form_wrap > .flex [class*=col_]:not(.col_24).col_3 {
  width: calc(12.5% - 0.25rem);
}
.form_wrap > .flex [class*=col_]:not(.col_24).col_2 {
  width: calc(8.3333333333% - 0.25rem);
}
.form_wrap > .flex [class*=col_]:not(.col_24).col_1 {
  width: calc(4.1666666667% - 0.25rem);
}
.form_wrap > .flex [class*=col_]:not(.col_24).col_0 {
  width: calc(0% - 0.25rem);
}
@media screen and (max-width: 1280px) {
  .form_wrap > .flex [class*=col_]:not(.col_24).col_md_24 {
    width: calc(100% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24).col_md_23 {
    width: calc(95.8333333333% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24).col_md_22 {
    width: calc(91.6666666667% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24).col_md_21 {
    width: calc(87.5% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24).col_md_20 {
    width: calc(83.3333333333% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24).col_md_19 {
    width: calc(79.1666666667% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24).col_md_18 {
    width: calc(75% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24).col_md_17 {
    width: calc(70.8333333333% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24).col_md_16 {
    width: calc(66.6666666667% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24).col_md_15 {
    width: calc(62.5% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24).col_md_14 {
    width: calc(58.3333333333% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24).col_md_13 {
    width: calc(54.1666666667% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24).col_md_12 {
    width: calc(50% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24).col_md_11 {
    width: calc(45.8333333333% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24).col_md_10 {
    width: calc(41.6666666667% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24).col_md_9 {
    width: calc(37.5% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24).col_md_8 {
    width: calc(33.3333333333% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24).col_md_7 {
    width: calc(29.1666666667% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24).col_md_6 {
    width: calc(25% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24).col_md_5 {
    width: calc(20.8333333333% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24).col_md_4 {
    width: calc(16.6666666667% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24).col_md_3 {
    width: calc(12.5% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24).col_md_2 {
    width: calc(8.3333333333% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24).col_md_1 {
    width: calc(4.1666666667% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24).col_md_0 {
    width: calc(0% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24)[class*=col_md_] + [class*=col_md_] {
    margin-top: 1.3333333333em;
  }
}
@media screen and (max-width: 800px) {
  .form_wrap > .flex [class*=col_]:not(.col_24).col_sm_24 {
    width: calc(100% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24).col_sm_23 {
    width: calc(95.8333333333% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24).col_sm_22 {
    width: calc(91.6666666667% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24).col_sm_21 {
    width: calc(87.5% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24).col_sm_20 {
    width: calc(83.3333333333% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24).col_sm_19 {
    width: calc(79.1666666667% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24).col_sm_18 {
    width: calc(75% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24).col_sm_17 {
    width: calc(70.8333333333% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24).col_sm_16 {
    width: calc(66.6666666667% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24).col_sm_15 {
    width: calc(62.5% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24).col_sm_14 {
    width: calc(58.3333333333% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24).col_sm_13 {
    width: calc(54.1666666667% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24).col_sm_12 {
    width: calc(50% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24).col_sm_11 {
    width: calc(45.8333333333% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24).col_sm_10 {
    width: calc(41.6666666667% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24).col_sm_9 {
    width: calc(37.5% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24).col_sm_8 {
    width: calc(33.3333333333% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24).col_sm_7 {
    width: calc(29.1666666667% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24).col_sm_6 {
    width: calc(25% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24).col_sm_5 {
    width: calc(20.8333333333% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24).col_sm_4 {
    width: calc(16.6666666667% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24).col_sm_3 {
    width: calc(12.5% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24).col_sm_2 {
    width: calc(8.3333333333% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24).col_sm_1 {
    width: calc(4.1666666667% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24).col_sm_0 {
    width: calc(0% - 0.25rem);
  }
  .form_wrap > .flex [class*=col_]:not(.col_24)[class*=col_sm_] + [class*=col_sm_] {
    margin-top: 1.3333333333em;
  }
}
.form_wrap > .flex + .flex {
  margin-top: 1.6666666667em;
}
@media screen and (max-width: 1280px) {
  .form_wrap > .flex + .flex {
    margin-top: 1.3333333333em;
  }
}
.form_wrap > .flex [data-col="3"] {
  gap: 0.8333333333em;
}
.form_wrap > .flex [data-col="3"] > [class*=col_]:not(.col_24) {
  width: calc(33.3333333333% - 0.6666666667 * 0.8333333333em);
}
.form_wrap .form_txt {
  padding-top: 2.2222222222em;
  padding-bottom: 2.2222222222em;
  text-align: center;
}
.form_wrap .form_txt .subs {
  font-size: 0.8888888889em;
  color: #888;
  font-weight: 400;
}
.form_wrap .form_txt:last-child {
  border-bottom: 0.125rem solid var(--color-black);
}
@media screen and (max-width: 1280px) {
  .form_wrap .form_txt {
    padding-top: 1.4285714286em;
    padding-bottom: 1.4285714286em;
  }
  .form_wrap .form_txt .subs {
    font-size: 0.8571428571em;
  }
}
.form_wrap .lab {
  display: flex;
  align-items: baseline;
  gap: 0.2777777778em;
  font-size: 1em;
  color: var(--color-black);
  width: 100%;
  margin-bottom: 0.6666666667em;
  font-weight: bold;
  line-height: 1.2;
}
.form_wrap .lab .subs {
  font-size: 0.8333333333em;
  color: var(--font-color-b6);
  margin-left: 0.3333333333em;
  font-weight: 400;
}
@media screen and (max-width: 1280px) {
  .form_wrap .lab {
    font-size: 1em;
  }
  .form_wrap .lab .subs {
    font-size: 0.7em;
  }
}
@media screen and (max-width: 800px) {
  .form_wrap .lab {
    flex-wrap: wrap;
    gap: 0.3333333333em;
  }
  .form_wrap .lab .subs {
    display: block;
    width: 100%;
  }
}
.form_wrap .imp {
  font-style: normal;
  color: #ff5d00;
}

input.inp, input[class*=inp_] {
  max-width: 100%;
  font-weight: inherit;
  outline: 0;
  letter-spacing: -0.025em;
  border: 0;
  background-color: #ffffff;
  color: #222222;
  font-size: 1rem;
  width: 15.625rem;
  height: 3.5rem;
  padding-left: 0.9375em;
  padding-right: 0.9375em;
  border-radius: 0.25rem;
  background-color: #fff;
  border: 0;
  box-shadow: inset 0 0 0 2px var(--border-color2);
  overflow: hidden;
  transition: box-shadow 0.2s;
  line-height: 1;
}
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:focus, input[class*=inp_]:focus {
  box-shadow: inset 0 0 0 2px var(--color-black);
}
input[type=password] + .btn {
  flex: 0 0 auto;
}
input.inp:read-only {
  color: #111;
  background-color: #f1f4f6;
}
@media screen and (max-width: 1280px) {
  input.inp, input[class*=inp_] {
    font-size: 0.975rem;
    height: 2.7692307692em;
  }
}
@media screen and (max-width: 800px) {
  input.inp, input[class*=inp_] {
    font-size: 0.8125rem;
  }
}

/* radio, checkbox */
.fm_rd, .fm_ch {
  display: inline-flex;
  position: relative;
  align-items: center;
  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;
  width: 1.25em;
  height: 1.25em;
  box-shadow: inset 0 0 0 1px var(--border-color4);
  transition: background 0.2s, box-shadow 0.2s;
  flex: 0 0 auto;
}
.fm_rd ._icon::after, .fm_ch ._icon::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: rotate(0.001deg);
  transition: background 0.15s;
  visibility: hidden;
  opacity: 0;
}
.fm_rd input[type=radio] + ._icon, .fm_ch input[type=radio] + ._icon {
  border-radius: 50%;
}
.fm_rd input[type=radio] + ._icon::after, .fm_ch input[type=radio] + ._icon::after {
  width: 0.5em;
  height: 0.5em;
  background-color: var(--brand-color-main);
  border-radius: 50%;
  margin-top: -0.25em;
  margin-left: -0.25em;
}
.fm_rd input[type=checkbox] + ._icon, .fm_ch input[type=checkbox] + ._icon {
  border-radius: 0.125rem;
}
.fm_rd input[type=checkbox] + ._icon::after, .fm_ch input[type=checkbox] + ._icon::after {
  width: 1rem;
  height: 1rem;
  margin-left: -0.5rem;
  margin-top: -0.5rem;
  background: no-repeat center/100% auto url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m2321.1 743.221-4.713-5.449 1.513-1.308 3.306 3.823 7.169-7.169 1.414 1.414z' transform='translate(-2315.108 -729.788)' style='fill:%23fff'/%3E%3C/svg%3E%0A");
  background-position: center;
}
.fm_rd input[type=checkbox]:checked + ._icon, .fm_ch input[type=checkbox]:checked + ._icon {
  background-color: var(--brand-color-main);
}
.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;
  margin: 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 {
  box-shadow: inset 0 0 0 1px var(--brand-color-main);
}
.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 {
  visibility: visible;
  opacity: 1;
}
.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 {
  box-shadow: inset 0 0 0 1px #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.cb input[type=radio]:checked + ._icon,
.fm_rd.cb input[type=checkbox]:checked + ._icon, .fm_ch.cb input[type=radio]:checked + ._icon,
.fm_ch.cb input[type=checkbox]:checked + ._icon {
  box-shadow: inset 0 0 0 1px var(--color-black);
  background-color: var(--color-black);
}
.fm_rd ._icon {
  margin-right: 0.625rem;
}
.fm_rd ._icon::after {
  background-size: 100%;
}
.fm_ch ._icon {
  margin-right: 0.625rem;
}
.fm_ch ._icon::after {
  background-size: 62%;
}
@media screen and (max-width: 1280px) {
  .fm_rd, .fm_ch {
    font-size: 1.05rem;
  }
  .fm_rd ._icon, .fm_ch ._icon {
    width: 1.1428571429em;
    height: 1.1428571429em;
  }
  .fm_ch input[type=checkbox] + ._icon::after {
    width: 0.8571428571em;
    height: 0.8571428571em;
    margin-top: -0.4285714286em;
    margin-left: -0.4285714286em;
  }
}
@media screen and (max-width: 800px) {
  .fm_rd, .fm_ch {
    font-size: 0.875rem;
  }
}

select.sel, select[class*=sel_] {
  font-weight: inherit;
  outline: 0;
  letter-spacing: -0.025em;
  border: 0;
  background-color: #ffffff;
  color: #222222;
  font-size: 1rem;
  width: 20rem;
  height: 3.5rem;
  padding-left: 0.9375em;
  padding-right: 0.9375em;
  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='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M5.293.707a1 1 0 0 1 1.414 0l3.586 3.586A1 1 0 0 1 9.586 6H2.414a1 1 0 0 1-.707-1.707z' transform='rotate(180 7 5.5)' style='fill:%23111'/%3E%3C/svg%3E%0A");
  background-position: top 50% right 1.25em;
  background-size: 1em 1em;
  border: 0;
  box-shadow: inset 0 0 0 2px var(--border-color2);
  border-radius: 0.25rem;
  overflow: hidden;
  transition: box-shadow 0.2s;
}
select.sel:focus, select[class*=sel_]:focus {
  box-shadow: inset 0 0 0 2px var(--color-black);
}
select.sel:disabled, select[class*=sel_]:disabled {
  color: #999;
  background-color: #eeeeee;
}
@media screen and (max-width: 1280px) {
  select.sel, select[class*=sel_] {
    font-size: 0.975rem;
    height: 2.7692307692em;
    line-height: 1.5;
    background-position: top 50% right 1.1538461538em;
  }
}
@media screen and (max-width: 800px) {
  select.sel, select[class*=sel_] {
    font-size: 0.8125rem;
  }
}

textarea[class*=ft] {
  font-weight: inherit;
  outline: 0;
  letter-spacing: -0.025em;
  border: 0;
  background-color: #ffffff;
  color: #222222;
  background: #fff;
  border: 1px solid var(--border-color);
  font-size: 1rem;
  width: 100%;
  height: 7.3333333333em;
  padding: 0.75em 1em;
  resize: none;
  line-height: 1.35;
  /* Track */
  /* Handle */
}
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]::-webkit-scrollbar {
  width: 0.125rem;
}
textarea[class*=ft]::-webkit-scrollbar-track {
  background: #dddddd;
}
textarea[class*=ft]::-webkit-scrollbar-thumb {
  background: var(--brand-color-main);
}
textarea[class*=ft]:read-only {
  background-color: #f1f4f6;
  border-color: var(--border-color2);
}
textarea.ft_lg {
  width: 100%;
  height: 15.2777777778em;
}
textarea.ft_md {
  width: 100%;
  height: 13.3333333333em;
  border-radius: 0.25rem;
}
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: 20em;
  }
  textarea.ft, textarea.ft_md {
    font-size: 0.8125rem;
  }
}
textarea:focus {
  box-shadow: inset 0 0 0 2px var(--color-black);
}

[data-lap] {
  position: relative;
}
[data-lap] .fm_tf {
  position: relative;
}
[data-lap] .total_word {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  text-align: right;
  position: absolute;
  top: 0;
  right: 0;
  height: 1.35rem;
  line-height: 1.35;
  font-size: 0.9375rem;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--font-color-b6);
}
@media screen and (max-width: 1280px) {
  [data-lap] .total_word {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 800px) {
  [data-lap] .total_word {
    font-size: 0.78125rem;
  }
}
[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;
  }
}
.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: 2.2222222222em;
}
@media screen and (max-width: 800px) {
  .rd_lists {
    gap: 0.8888888889em;
  }
}

.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;
  display: flex;
  align-items: stretch;
}
.fm_file.edit + .fm_file {
  display: none;
}
.fm_file.edit + .fm_file.on {
  display: flex;
  margin-top: 1rem;
}
.fm_file.bg_w {
  background-color: var(--color-white);
}
.fm_file .file_name {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  border-right: 0;
  border-radius: 0.25rem 0.25rem;
  box-shadow: inset 0 0 0 2px var(--border-color2);
  height: 3.5rem;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.fm_file .file_name.readonly {
  background-color: #f1f4f6;
  box-shadow: inset 0 0 0 2px var(--border-color2);
}
@media screen and (max-width: 1280px) {
  .fm_file .file_name {
    font-size: 0.975rem;
    height: 2.7692307692em;
  }
}
@media screen and (max-width: 800px) {
  .fm_file .file_name {
    font-size: 0.8125rem;
  }
}
.fm_file .edit_sel,
.fm_file .file_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  flex: 0 0 auto;
  background-color: #c4c4c4;
  padding: 0 1em;
  color: #fff;
  min-width: 8.5em;
  width: auto;
  font-size: 1rem;
}
@media screen and (max-width: 1280px) {
  .fm_file .edit_sel,
  .fm_file .file_btn {
    font-size: 0.975rem;
    min-width: 6.5384615385em;
  }
}
@media screen and (max-width: 800px) {
  .fm_file .edit_sel,
  .fm_file .file_btn {
    font-size: 0.8125rem;
  }
}
.fm_file .edit_sel {
  background-color: rgba(255, 255, 255, 0);
  color: var(--color-black);
  border-left: 0;
  border-radius: 0 0.25rem 0.25rem 0;
  margin-left: -1px;
}
[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;
  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;
    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;
}

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

.drop_zone_wrap {
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='5' ry='5' stroke='%23e5e5e5' stroke-width='5' stroke-dasharray='2%2c 7' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
  border-radius: 4px;
  background-color: #f1f4f6;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  color: #111;
  height: 7.5em;
}
.drop_zone_wrap.edit {
  background-color: var(--color-white);
}
.drop_zone_wrap .file_index {
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 0.875em;
  color: #000;
  font-weight: 300;
}
.drop_zone_wrap .file_index + .file_index {
  margin-top: 0.2857142857em;
}
.drop_zone_wrap .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;
}
.drop_zone_wrap .file_size {
  display: block;
  color: #888888;
  font-size: 1em;
  margin-left: auto;
}
.drop_zone_wrap .tbl_drop_zone {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.drop_zone_wrap.over {
  background-color: #E3F2FC;
}
.drop_zone_wrap.drop {
  padding: 0.8888888889em 1.1111111111em;
}
.drop_zone_wrap.drop .tbl_drop_zone {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.drop_zone_wrap.drop .drop_zone {
  align-items: flex-start;
  justify-content: flex-start;
  align-content: baseline;
  padding-right: 1rem;
  padding-top: 0;
  padding-bottom: 0;
  overflow-y: auto;
  /* Track */
  /* Handle */
}
.drop_zone_wrap.drop .drop_zone::-webkit-scrollbar {
  width: 0.125rem;
}
.drop_zone_wrap.drop .drop_zone::-webkit-scrollbar-track {
  background: #dddddd;
}
.drop_zone_wrap.drop .drop_zone::-webkit-scrollbar-thumb {
  background: var(--brand-color-main);
}
@media screen and (max-width: 1280px) {
  .drop_zone_wrap.drop .drop_zone {
    padding-left: 0;
    padding-right: 1rem;
  }
}
.drop_zone_wrap.drop .txt, .drop_zone_wrap.drop .subs {
  display: none;
}

.drop_zone {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  cursor: pointer;
  align-content: center;
  gap: 0.625em;
}
.drop_zone .txt {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  width: 100%;
}
.drop_zone .subs {
  display: block;
  width: 100%;
  font-size: 0.8333333333em;
  color: var(--font-color-b6);
  font-weight: 400;
  text-align: center;
}
.drop_zone:hover {
  opacity: 0.85;
}
@media screen and (max-width: 1280px) {
  .drop_zone {
    font-size: 0.8666666667em;
    padding-left: 2.6666666667em;
    padding-right: 2.6666666667em;
  }
  .drop_zone .subs {
    font-size: 1em;
  }
}

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

.fm_cc_ch {
  display: flex;
  align-items: center;
  font-size: 1.125rem;
  gap: 0.8888888889em;
  position: relative;
}
@media screen and (max-width: 1280px) {
  .fm_cc_ch {
    font-size: 1.05rem;
  }
}
@media screen and (max-width: 800px) {
  .fm_cc_ch {
    font-size: 0.875rem;
  }
}
.fm_cc_ch .ico {
  display: flex;
  align-items: center;
  font-size: 0.6666666667em;
  width: 5.6666666667em;
  height: 2.6666666667em;
  border: 0.1666666667em solid var(--color-black);
  padding: 0.25em;
  border-radius: 1.5em;
  position: relative;
  transition: all 0.35s;
}
.fm_cc_ch .ico .circle {
  display: block;
  position: relative;
  z-index: 2;
  width: 1.8333333333em;
  height: 1.8333333333em;
  border-radius: 50%;
  background-color: var(--brand-color-main);
  transition: all 0.45s;
  left: 0;
}
.fm_cc_ch .ico::after, .fm_cc_ch .ico::before {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  padding: 0 0.9166666667em;
  z-index: 1;
  transition: opacity 0.35s;
}
.fm_cc_ch .ico::before {
  content: "ON";
  left: 0;
  opacity: 0;
}
.fm_cc_ch .ico::after {
  content: "OFF";
  justify-content: flex-end;
  right: 0;
  opacity: 1;
}
.fm_cc_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;
  margin: 0;
}
.fm_cc_ch input[type=checkbox]:checked + .ico::before {
  opacity: 1;
}
.fm_cc_ch input[type=checkbox]:checked + .ico::after {
  opacity: 0;
}
.fm_cc_ch input[type=checkbox]:checked + .ico .circle {
  background-color: #ff5d00;
  left: calc(67.64705% - 0.25em);
}

.ck-editor__editable_inline {
  height: 250px;
}

/*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;
    margin-top: 0.6666666667em;
  }
  ol[class*=list_].list_row > li::before,
  ul[class*=list_].list_row > li::before {
    left: 0;
  }
  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;
}

/*
*****************************************
*          board  : start
*
*          type   : A
*****************************************
*/
.board_list_info {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 1.25em;
  font-size: 1rem;
  gap: 1em;
}
.board_list_info .sort_type, .board_list_info .board_infos {
  margin-top: 0;
}
@media screen and (max-width: 1280px) {
  .board_list_info {
    font-size: 0.975rem;
  }
  .board_list_info .board_infos {
    order: 2;
    margin-top: 3.8461538462em;
    width: 100%;
  }
  .board_list_info .board_search_wrap {
    order: 1;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    width: 100%;
  }
}
@media screen and (max-width: 1280px) {
  .board_list_info.sort .board_infos {
    order: 1;
    margin-top: 0;
  }
  .board_list_info.sort .sort_type {
    order: 2;
    margin-top: 1.6666666667em;
  }
}
.board_list_info .right {
  margin-left: auto;
}
@media screen and (max-width: 800px) {
  .board_list_info {
    font-size: 0.8125rem;
  }
}

.board_lists {
  margin-top: 2.7777777778em;
  font-size: 1.125rem;
  --spread-contents: 4;
  --contents-gap: 4em;
}
@media screen and (max-width: 1700px) {
  .board_lists {
    --contents-gap: 3.4444444444em;
    --spread-contents: 3;
  }
}
@media screen and (max-width: 1440px) {
  .board_lists {
    --spread-contents: 2;
    --contents-gap: 2.6666666667em;
  }
}
@media screen and (max-width: 1280px) {
  .board_lists {
    --contents-gap: 2.4615384615em;
    font-size: 0.975em;
    margin-top: 1.2307692308em;
  }
}
@media all and (max-width: 1024px) {
  .board_lists {
    --contents-gap: 1.25rem;
  }
}
@media screen and (max-width: 800px) {
  .board_lists {
    --contents-gap: 0.625rem;
    font-size: 0.8125em;
  }
}
@media screen and (max-width: 601px) {
  .board_lists {
    --spread-contents: 1;
    --contents-gap: 1.25rem;
  }
}
.board_lists .board_list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--contents-gap);
}
.board_lists .item {
  width: calc(1 / var(--spread-contents) * 100% - (1 - 1 / var(--spread-contents)) * var(--contents-gap));
}
@media screen and (min-width: 1025px), print {
  .board_lists .item:hover .border {
    transform: translateY(-7.3%);
    background-color: var(--brand-color-main);
  }
  .board_lists .item:hover .border {
    clip-path: polygon(100% 0, 100% calc(100% - 2.5555555556em), calc(100% - 2.8888888889em) 100%, 0 100%, 0 0);
  }
  .board_lists .item:hover .border::before {
    clip-path: polygon(100% 0, 100% calc(100% - 2.5em), calc(100% - 2.8333333333em) 100%, 0 100%, 0 0);
  }
}
.board_lists .border {
  position: relative;
  display: block;
  transition: background-color 0.35s, transform 0.35s, clip-path 0.25s;
  background-color: #000;
  clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 100%, 0 0);
}
.board_lists .border::before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
  z-index: 2;
  background-color: #fff;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  transition: clip-path 0.25s;
  clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 100%, 0 0);
}
.board_lists .board_tit {
  width: 100%;
  font-size: 1.3333333333em;
  font-weight: bold;
  color: var(--brand-color-sub);
  overflow: hidden;
  line-height: 1.5;
  max-height: 4.5em;
  white-space: normal;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  margin-bottom: 0.8333333333em;
}
@media screen and (max-width: 1280px) {
  .board_lists .board_tit {
    max-height: 3em;
    -webkit-line-clamp: 2;
    font-size: 1.1538461538em;
    margin-bottom: 1em;
  }
}
.board_lists .board_txt {
  width: 100%;
  font-weight: 400;
  color: #888;
  overflow: hidden;
  line-height: 1.6;
  max-height: 4.8em;
  white-space: normal;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
}
.board_lists .board_info {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
}
.board_lists .board_date {
  display: block;
  font-size: 0.8333333333em;
  color: var(--font-color-b6);
  font-weight: 400;
}
@media screen and (max-width: 1280px) {
  .board_lists .board_date {
    font-size: 1em;
  }
}
.board_lists .board_view {
  display: flex;
  align-items: center;
  font-size: 0.7222222222em;
  gap: 0.3846153846em;
}
.board_lists .board_view::before {
  content: "";
  display: block;
  width: 1.8461538462em;
  height: 1.8461538462em;
  flex: 0 0 auto;
  background: no-repeat center/100% auto 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='M2762.189 1105.21a13.06 13.06 0 0 1-7.338-2.734 19.467 19.467 0 0 1-3.054-2.721l.6-.523-.3.262.3-.262a19.037 19.037 0 0 0 2.934 2.607 12.266 12.266 0 0 0 6.854 2.571c5.242 0 9.59-5.122 9.633-5.174l.613.513a18.691 18.691 0 0 1-2.98 2.723 12.484 12.484 0 0 1-7.262 2.738z' transform='translate(-2749.951 -1085.641)' style='fill:%23020a0a;stroke:%23000;stroke-width:.5px'/%3E%3Cpath d='m2752.4 1105.071-.6-.523a19.467 19.467 0 0 1 3.054-2.721 13.06 13.06 0 0 1 7.338-2.734 12.484 12.484 0 0 1 7.266 2.737 18.691 18.691 0 0 1 2.98 2.723l-.613.513a18.275 18.275 0 0 0-2.858-2.6 11.926 11.926 0 0 0-6.775-2.569c-5.249-.004-9.745 5.123-9.792 5.174z' transform='translate(-2749.951 -1094.49)' style='fill:%23020a0a;stroke:%23000;stroke-width:.5px'/%3E%3Cpath d='M4.5.8a3.7 3.7 0 1 0 3.7 3.7A3.7 3.7 0 0 0 4.5.8m0-.8A4.5 4.5 0 1 1 0 4.5 4.5 4.5 0 0 1 4.5 0z' transform='translate(7.648 7.51)' style='fill:%23020a0a;stroke:%23000;stroke-width:.5px'/%3E%3C/svg%3E%0A");
}
@media screen and (max-width: 1280px) {
  .board_lists .board_view {
    font-size: 0.8461538462em;
  }
}
.board_lists .down {
  display: block;
  width: 2em;
  height: 2em;
  background: no-repeat center/100% auto 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='M15.489 26.378a5.084 5.084 0 0 1-3.659-1.545 5.1 5.1 0 0 1-1.55-3.646 4.905 4.905 0 0 1 1.49-3.643l6.47-6.47a3.645 3.645 0 0 1 2.662-1.1 3.639 3.639 0 0 1 2.66 1.1 3.647 3.647 0 0 1 1.115 2.672 3.677 3.677 0 0 1-1.124 2.674l-5.885 5.885a2.3 2.3 0 0 1-1.658.7 2.257 2.257 0 0 1-1.668-.692 2.184 2.184 0 0 1-.662-1.7 2.483 2.483 0 0 1 .754-1.7l6.032-6.032 1.139 1.141-6.076 6.076a.809.809 0 0 0-.253.56.66.66 0 0 0 .2.522.668.668 0 0 0 .517.206.742.742 0 0 0 .534-.23l5.9-5.9a2.043 2.043 0 0 0 .631-1.519 2.093 2.093 0 0 0-.647-1.524 2.08 2.08 0 0 0-1.522-.645 2.031 2.031 0 0 0-1.521.631l-6.5 6.5a3.253 3.253 0 0 0-1 2.486 3.527 3.527 0 0 0 1.085 2.513 3.5 3.5 0 0 0 2.526 1.087 3.324 3.324 0 0 0 2.5-1.03l6.672-6.672 1.141 1.139-6.66 6.66a4.916 4.916 0 0 1-3.59 1.494z'/%3E%3Cpath d='M5.001 32V3h20.936l5.064 4.828V32zm2-2h22V8.766h-3.989V5H7.002z'/%3E%3C/svg%3E%0A");
}
@media screen and (max-width: 1280px) {
  .board_lists .down {
    width: 1.8461538462em;
    height: 1.8461538462em;
  }
}
.board_lists .inner {
  position: relative;
  z-index: 3;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media screen and (max-width: 1440px) {
  .board_lists.type_a {
    --spread-contents: 3;
  }
}
@media screen and (max-width: 1024px) {
  .board_lists.type_a {
    --spread-contents: 3;
  }
}
@media screen and (max-width: 601px) {
  .board_lists.type_a {
    --spread-contents: 2;
  }
}
.board_lists.type_a .inner {
  display: flex;
  flex-direction: column;
  padding: 2.2222222222em;
  height: 22.7777777778em;
}
.board_lists.type_a .imp {
  display: block;
  color: var(--brand-color-main);
  font-weight: bold;
  font-size: 0.8888888889em;
  margin-bottom: 1.75em;
  font-style: normal;
}
@media screen and (max-width: 1280px) {
  .board_lists.type_a .border {
    height: 100%;
  }
  .board_lists.type_a .inner {
    height: 100%;
    align-content: baseline;
    padding: 1.3846153846em;
  }
  .board_lists.type_a .imp {
    font-size: 0.9230769231em;
    margin-bottom: 1em;
  }
  .board_lists.type_a .board_tit {
    margin-bottom: 0.8em;
  }
  .board_lists.type_a .board_txt {
    font-size: 1.0769230769em;
  }
  .board_lists.type_a .board_info {
    padding-top: 1.1538461538em;
    margin-top: auto;
  }
}
.board_lists.type_b .item:first-child {
  flex: 1 1 100%;
  width: 100%;
  margin-bottom: 2.6666666667em;
}
.board_lists.type_b .item:first-child:hover .border {
  transform: none;
  clip-path: none;
}
.board_lists.type_b .item:first-child:hover .board_tit {
  text-decoration: underline;
}
.board_lists.type_b .item:first-child .border, .board_lists.type_b .item:first-child .border::before {
  background-color: rgba(255, 255, 255, 0);
}
.board_lists.type_b .item:first-child .inner {
  padding: 0;
  flex-wrap: nowrap;
  align-items: stretch;
  border: var(--line-width) solid var(--color-black);
  background-color: rgba(255, 255, 255, 0);
}
.board_lists.type_b .item:first-child .inner::before, .board_lists.type_b .item:first-child .inner::after {
  content: "";
  display: block;
  position: absolute;
}
.board_lists.type_b .item:first-child .inner::before {
  top: 0;
  left: 0;
  border-top: 0.8888888889em solid var(--color-black);
  border-left: 1em solid var(--color-black);
  border-bottom: 0.8888888889em solid transparent;
  border-right: 1em solid transparent;
}
.board_lists.type_b .item:first-child .inner::after {
  bottom: 0;
  right: 0;
  border-top: 0.8888888889em solid transparent;
  border-left: 1em solid transparent;
  border-bottom: 0.8888888889em solid var(--color-black);
  border-right: 1em solid var(--color-black);
}
.board_lists.type_b .item:first-child .img_box, .board_lists.type_b .item:first-child .txt_box {
  padding: 5.3333333333em;
}
.board_lists.type_b .item:first-child .img_box {
  display: flex;
  align-items: center;
  width: 42.597%;
  min-width: 520px;
  margin: 0;
  flex: 0 0 auto;
  border-right: var(--line-width) solid var(--color-black);
}
.board_lists.type_b .item:first-child .img_box::before {
  display: none;
}
.board_lists.type_b .item:first-child .img_box img {
  position: static;
  max-width: 100%;
  width: 100%;
  height: auto;
  transform: none;
}
.board_lists.type_b .item:first-child .txt_box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}
.board_lists.type_b .item:first-child .board_tit {
  width: 100%;
  font-size: 2em;
  -webkit-line-clamp: 3;
  max-height: 4.5em;
  height: auto;
  margin-bottom: 0;
}
.board_lists.type_b .item:first-child .board_txt {
  display: block;
  width: 100%;
  font-size: 1.1111111111em;
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  -webkit-line-clamp: 2;
  max-height: 3.2em;
}
.board_lists.type_b .item:first-child .board_date {
  margin-bottom: 0;
  order: 4;
  width: auto;
  margin-right: auto;
}
.board_lists.type_b .item:first-child .board_info {
  align-items: center;
  justify-content: flex-end;
  margin-top: 0;
  gap: 1.1111111111em;
  order: 5;
  width: auto;
  margin-left: auto;
}
@media screen and (max-width: 1440px) {
  .board_lists.type_b .item:first-child .img_box, .board_lists.type_b .item:first-child .txt_box {
    padding: 3.0769230769em;
  }
}
@media screen and (max-width: 1280px) {
  .board_lists.type_b .item:first-child {
    margin-bottom: 1.5384615385em;
  }
  .board_lists.type_b .item:first-child .img_box {
    min-width: auto;
  }
  .board_lists.type_b .item:first-child .board_tit {
    font-size: 1.3846153846em;
  }
  .board_lists.type_b .item:first-child .board_txt {
    font-size: 1.0769230769em;
    margin-top: 1.1428571429em;
    margin-bottom: 2.8571428571em;
  }
}
@media screen and (max-width: 1024px) {
  .board_lists.type_b .item:first-child .inner {
    flex-wrap: wrap;
  }
  .board_lists.type_b .item:first-child .img_box, .board_lists.type_b .item:first-child .txt_box {
    width: 100%;
  }
  .board_lists.type_b .item:first-child .img_box {
    border-right: 0;
    border-bottom: var(--line-width) solid var(--color-black);
  }
  .board_lists.type_b .item:first-child .img_box img {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1440px) {
  .board_lists.type_b .item:first-child .img_box, .board_lists.type_b .item:first-child .txt_box {
    padding: 3.0769230769em;
  }
}
.board_lists.type_b .border {
  background-color: #fff;
  height: 100%;
}
.board_lists.type_b .border::before {
  width: 100%;
  height: 100%;
  transform: none;
  top: 0;
  left: 0;
}
.board_lists.type_b .border::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 300%;
  height: 100%;
  transform: scaleX(1.5) translate(-100%, -100%) skewX(-25deg);
  background-color: var(--brand-color-main);
  z-index: 2;
  transition: transform 0.45s ease-out;
}
@media screen and (min-width: 1025px), print {
  .board_lists.type_b .item:not(:first-child):hover .border {
    background-color: #fff;
  }
  .board_lists.type_b .item:not(:first-child):hover .border::after {
    transform: translateX(-50%) skewX(-25deg);
  }
  .board_lists.type_b .item:not(:first-child):hover .board_tit,
  .board_lists.type_b .item:not(:first-child):hover .board_date,
  .board_lists.type_b .item:not(:first-child):hover .board_view {
    color: #fff;
    transition-delay: 0.25s;
  }
  .board_lists.type_b .item:not(:first-child):hover .down {
    transition-delay: 0.25s;
  }
  .board_lists.type_b .item:not(:first-child):hover .board_view::before {
    transition-delay: 0.25s;
    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='M2762.189 1105.21a13.06 13.06 0 0 1-7.338-2.734 19.467 19.467 0 0 1-3.054-2.721l.6-.523-.3.262.3-.262a19.037 19.037 0 0 0 2.934 2.607 12.266 12.266 0 0 0 6.854 2.571c5.242 0 9.59-5.122 9.633-5.174l.613.513a18.691 18.691 0 0 1-2.98 2.723 12.484 12.484 0 0 1-7.262 2.738z' transform='translate(-2749.951 -1085.641)' style='fill:%23fff;stroke:%23fff;stroke-width:.5px'/%3E%3Cpath d='m2752.4 1105.071-.6-.523a19.467 19.467 0 0 1 3.054-2.721 13.06 13.06 0 0 1 7.338-2.734 12.484 12.484 0 0 1 7.266 2.737 18.691 18.691 0 0 1 2.98 2.723l-.613.513a18.275 18.275 0 0 0-2.858-2.6 11.926 11.926 0 0 0-6.775-2.569c-5.249-.004-9.745 5.123-9.792 5.174z' transform='translate(-2749.951 -1094.49)' style='fill:%23fff;stroke:%23fff;stroke-width:.5px'/%3E%3Cpath d='M4.5.8a3.7 3.7 0 1 0 3.7 3.7A3.7 3.7 0 0 0 4.5.8m0-.8A4.5 4.5 0 1 1 0 4.5 4.5 4.5 0 0 1 4.5 0z' transform='translate(7.648 7.51)' style='fill:%23fff;stroke:%23fff;stroke-width:.5px'/%3E%3C/svg%3E%0A");
  }
  .board_lists.type_b .item:not(:first-child):hover .down {
    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='M6898.922-4668.035a5.084 5.084 0 0 1-3.659-1.545 5.1 5.1 0 0 1-1.55-3.646 4.905 4.905 0 0 1 1.49-3.643l6.47-6.47a3.645 3.645 0 0 1 2.662-1.1 3.639 3.639 0 0 1 2.66 1.1 3.647 3.647 0 0 1 1.115 2.672 3.677 3.677 0 0 1-1.124 2.674l-5.885 5.885a2.3 2.3 0 0 1-1.658.7 2.257 2.257 0 0 1-1.668-.692 2.184 2.184 0 0 1-.662-1.7 2.483 2.483 0 0 1 .754-1.7l6.032-6.032 1.139 1.141-6.076 6.076a.809.809 0 0 0-.253.56.66.66 0 0 0 .2.522.668.668 0 0 0 .517.206.742.742 0 0 0 .534-.23l5.9-5.9a2.043 2.043 0 0 0 .631-1.519 2.093 2.093 0 0 0-.647-1.524 2.08 2.08 0 0 0-1.522-.645 2.031 2.031 0 0 0-1.521.631l-6.5 6.5a3.253 3.253 0 0 0-1 2.486 3.527 3.527 0 0 0 1.085 2.513 3.5 3.5 0 0 0 2.526 1.087 3.324 3.324 0 0 0 2.5-1.03l6.672-6.672 1.141 1.139-6.66 6.66a4.916 4.916 0 0 1-3.59 1.494z' transform='translate(-6883.433 4694.413)' style='fill:%23fff'/%3E%3Cpath d='M6891.589-4657v-29h20.936l5.064 4.828V-4657zm2-2h22v-21.234h-3.989V-4684h-18.01z' transform='translate(-6886.588 4689)' style='fill:%23fff'/%3E%3C/svg%3E%0A");
  }
}
.board_lists.type_b .inner {
  padding: 2em;
}
@media screen and (max-width: 1280px) {
  .board_lists.type_b .inner {
    padding-bottom: 1.5384615385em;
  }
}
.board_lists.type_b .img_box {
  margin-top: -2em;
  margin-left: -2em;
  margin-right: -2em;
  margin-bottom: 2em;
  flex: 1 1 100%;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 1280px) {
  .board_lists.type_b .img_box {
    margin-bottom: 1.3076923077em;
  }
}
.board_lists.type_b .img_box::before {
  content: "";
  display: block;
  padding-top: 71.508379888%;
}
.board_lists.type_b .img_box img {
  vertical-align: top;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  max-width: none;
  max-height: none;
}
.board_lists.type_b .board_tit,
.board_lists.type_b .board_date,
.board_lists.type_b .board_view {
  transition: color 0.3s;
}
.board_lists.type_b .board_view::before {
  transition: background 0.3s;
}
.board_lists.type_b .down {
  transition: background 0.3s;
}
.board_lists.type_b .board_date {
  width: 100%;
  margin-bottom: 1.0666666667em;
}
.board_lists.type_b .board_tit {
  height: 3em;
  max-height: 3em;
  -webkit-line-clamp: 2;
}
.board_lists.type_b .board_txt {
  display: none;
}
.board_lists.type_b .board_info {
  margin-top: 1.3333333333em;
}
.board_lists.type_m {
  --spread-contents: 2;
  --contents-gap: 4em;
}
@media screen and (max-width: 1700px) {
  .board_lists.type_m {
    --contents-gap: 3.4444444444em;
  }
}
@media screen and (max-width: 1440px) {
  .board_lists.type_m {
    --spread-contents: 2;
    --contents-gap: 2.6666666667em;
  }
}
@media screen and (max-width: 1280px) {
  .board_lists.type_m {
    --contents-gap: 2.4615384615em;
    font-size: 0.975em;
    margin-top: 1.2307692308em;
  }
}
@media all and (max-width: 1024px) {
  .board_lists.type_m {
    --contents-gap: 1.25rem;
  }
}
@media screen and (max-width: 800px) {
  .board_lists.type_m {
    --contents-gap: 0.625rem;
    font-size: 0.8125em;
  }
}
@media screen and (max-width: 601px) {
  .board_lists.type_m {
    --spread-contents: 1;
  }
}
.board_lists.type_m .item {
  width: calc(1 / var(--spread-contents) * 100% - (1 - 1 / var(--spread-contents)) * var(--contents-gap));
}
@media screen and (min-width: 1025px), print {
  .board_lists.type_m .item:hover .border {
    transform: none;
    background-color: #111;
  }
}
.board_lists.type_m .border {
  background-color: var(--color-white);
}
.board_lists.type_m .inner {
  padding: 2.2222222222em;
}
.board_lists.type_m .board_item_head {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 0.5555555556em;
  margin-bottom: 1.1111111111em;
}
.board_lists.type_m .board_item_head .cate {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-white);
  background-color: var(--brand-color-main);
  padding: 0 0.7142857143em;
  height: 2.1428571429em;
  border-radius: 1.0714285714em;
  font-size: 0.7777777778em;
  font-style: normal;
}
.board_lists.type_m .board_item_head .cate + .btn {
  margin-left: auto;
}
.board_lists.type_m .board_item_head .step {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-white);
  background-color: var(--font-color-b6);
  padding: 0 0.7142857143em;
  height: 2.1428571429em;
  border-radius: 1.0714285714em;
  font-size: 0.7777777778em;
  margin-right: auto;
  font-style: normal;
}
.board_lists.type_m .board_tit {
  margin-bottom: 1em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.board_lists.type_m .arc_txt,
.board_lists.type_m .board_txt {
  width: 100%;
  font-weight: 400;
  color: #888;
  overflow: hidden;
  line-height: 1.6;
  max-height: 1.6em;
  white-space: normal;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  margin-top: -0.7777777778em;
}
.board_lists.type_m .arc_txt + .write_info,
.board_lists.type_m .board_txt + .write_info {
  margin-top: 1.3333333333em;
}
.board_lists.type_m .write_info {
  display: flex;
  align-items: center;
  color: var(--font-color-b6);
  gap: 0.6666666667em;
  margin-right: auto;
}
.board_lists.type_m .writer, .board_lists.type_m .board_date {
  display: flex;
  align-items: center;
  gap: 0.6666666667em;
  color: var(--font-color-b6);
  font-weight: 400;
  font-size: 0.8333333333em;
}
.board_lists.type_m .writer::before, .board_lists.type_m .board_date::before {
  content: "";
  height: 0.6666666667em;
  border-right: 0.125rem solid #dfdfdf;
}
.board_lists.type_m .writer + .board_date::before, .board_lists.type_m .writer + .writer::before, .board_lists.type_m .board_date + .board_date::before, .board_lists.type_m .board_date + .writer::before {
  display: block;
}
.board_lists.type_m .board_info {
  margin-top: 2.7777777778em;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.status {
  font-size: 1em;
  color: var(--brand-color-main);
  font-weight: 500;
}
.status.ing {
  color: #888;
}
.status.succ {
  color: var(--brand-color-main);
}
.status.fail {
  color: #ff5d00;
}

.sort_type {
  margin-top: 2.1875em;
  font-size: 1em;
  color: var(--brand-color-sub);
  display: flex;
  align-items: stretch;
  gap: 0.3125em;
}
@media screen and (max-width: 1280px) {
  .sort_type {
    font-size: 0.9rem;
    margin-top: 2.0833333333em;
    gap: 0.5833333333em;
    flex: 1 1 100%;
    border-top: 1px solid var(--border-color4);
    border-bottom: 1px solid var(--border-color4);
    padding: 1.25em 1.25rem;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }
}
@media screen and (max-width: 800px) {
  .sort_type {
    font-size: 0.75rem;
  }
}
.sort_type .lab {
  color: var(--font-color-b6);
}
.sort_type .sort_lists {
  display: flex;
  align-items: center;
  gap: 0.625em;
  font-weight: 400;
}
.sort_type .sort_lists .on {
  font-weight: bold;
}
.sort_type .sort_lists .on .lnk::before {
  display: block;
}
.sort_type .sort_lists li {
  position: relative;
}
.sort_type .sort_lists li:last-child .lnk::after {
  display: none;
}
.sort_type .sort_lists.cate {
  font-size: 1.125em;
  gap: 1.6666666667em;
}
.sort_type .sort_lists.cate .lnk::after {
  display: none;
}
.sort_type .sort_lists.cate .lnk:hover {
  text-decoration: none;
}
.sort_type .sort_lists.cate li {
  font-weight: bold;
  color: #888;
  line-height: normal;
}
.sort_type .sort_lists.cate li:hover {
  text-decoration: none;
}
.sort_type .sort_lists.cate .on .lnk {
  color: var(--brand-color-main);
  padding-top: 0.3333333333em;
  padding-bottom: 0.3333333333em;
}
.sort_type .sort_lists.cate .on .lnk::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: none;
  border-bottom: 0.25rem solid var(--brand-color-main);
}
@media screen and (max-width: 1280px) {
  .sort_type .sort_lists {
    gap: 0.8333333333em;
  }
}
.sort_type .lnk {
  display: flex;
  align-items: center;
  gap: 0.3125em;
}
.sort_type .lnk::before {
  content: "";
  width: 1em;
  height: 1em;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath style='fill:none' d='M0 0h16v16H0z'/%3E%3Cpath d='m2317.139 737.117 4.01 4.636 7.93-7.93' transform='translate(-2315.108 -729.788)' style='stroke:%23000;stroke-width:2px;fill:none'/%3E%3C/svg%3E%0A") no-repeat center/100%;
}
.sort_type .lnk::after {
  content: "";
  display: block;
  height: 0.75em;
  border-right: 2px solid #dfdfdf;
  margin-left: 0.3125em;
}
@media screen and (max-width: 1280px) {
  .sort_type .lnk {
    gap: 0.3333333333em;
  }
  .sort_type .lnk::before {
    width: 1.0833333333em;
    height: 1.0833333333em;
  }
  .sort_type .lnk::after {
    height: 0.6666666667em;
    margin-left: 0.8333333333em;
  }
}

.archive_lists {
  font-size: 1.125em;
  margin-top: 2.7777777778em;
  --spread-contents: 4;
  --contents-gap: 4.5rem;
}
@media screen and (max-width: 1700px) {
  .archive_lists {
    --contents-gap: 3.875rem;
  }
}
@media screen and (max-width: 1440px) {
  .archive_lists {
    --spread-contents: 3;
    --contents-gap: 3rem;
  }
}
@media screen and (max-width: 1280px) {
  .archive_lists {
    --contents-gap: 2rem;
    font-size: 0.975em;
    margin-top: 1.5384615385em;
  }
}
@media screen and (max-width: 1024px) {
  .archive_lists {
    --contents-gap: 1.625rem;
    --spread-contents: 2;
  }
}
@media screen and (max-width: 800px) {
  .archive_lists {
    --contents-gap: 1.25rem;
    font-size: 0.8125em;
    --spread-contents: 2;
  }
}
@media screen and (max-width: 601px) {
  .archive_lists {
    --spread-contents: 1;
  }
}
.archive_lists .archive_inner {
  display: flex;
  flex-wrap: wrap;
  gap: var(--contents-gap);
  width: 100%;
}
@media screen and (max-width: 1280px) {
  .archive_lists .archive_inner {
    margin-top: -3rem;
    gap: 1.5rem var(--contents-gap);
  }
}
@media screen and (max-width: 800px) {
  .archive_lists .archive_inner {
    margin-top: -2.5rem;
    gap: 1.25rem var(--contents-gap);
  }
}
.archive_lists .archive_item {
  width: calc(1 / var(--spread-contents) * 100% - (1 - 1 / var(--spread-contents)) * var(--contents-gap));
}
@media screen and (max-width: 1280px) {
  .archive_lists .archive_item:not(.encourag) {
    margin-top: 3rem;
  }
}
@media screen and (max-width: 800px) {
  .archive_lists .archive_item:not(.encourag) {
    margin-top: 2.5rem;
  }
}
.archive_lists .arc_info {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  font-size: 0.8333333333em;
  gap: 1.0666666667em;
}
@media screen and (max-width: 1280px) {
  .archive_lists .arc_info {
    font-size: 0.8461538462em;
  }
}
.archive_lists .arc_info .tag {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2em;
  padding-left: 0.6em;
  padding-right: 0.7333333333em;
  background-color: var(--brand-color-sub);
  color: #fff;
  clip-path: polygon(100% 0, 100% calc(100% - 0.5333333333em), calc(100% - 0.4666666667em) 100%, 0 100%, 0 0);
  transition: background 0.15s;
  white-space: nowrap;
  font-weight: 500;
}
@media screen and (max-width: 1280px) {
  .archive_lists .arc_info .tag {
    height: 2em;
    padding-left: 0.6363636364em;
    padding-right: 0.7727272727em;
  }
}
.archive_lists .arc_info .arc_counts {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.6666666667em;
}
.archive_lists .arc_img {
  position: relative;
  overflow: hidden;
  margin-top: 1.1111111111em;
  width: 100%;
  transition: all 0.25s;
  clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 100%, 0 0);
}
.archive_lists .arc_img::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 65.9217%;
}
.archive_lists .arc_img img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%) rotate(0.01deg);
  transition: transform 0.25s;
}
@media screen and (max-width: 800px) {
  .archive_lists .arc_img {
    clip-path: none;
  }
}
.archive_lists .arc_txts {
  padding-top: 1.6666666667em;
}
.archive_lists .writer_info {
  display: flex;
  align-items: center;
  font-size: 0.8333333333em;
  color: var(--font-color-b6);
  gap: 0.6666666667em;
}
.archive_lists .writer_info > * {
  display: flex;
  align-items: center;
  gap: 0.6666666667em;
}
.archive_lists .writer_info > *::after {
  content: "";
  display: block;
  height: 0.6666666667em;
  border-right: 2px solid var(--border-color3);
}
.archive_lists .writer_info > *:last-of-type::after {
  display: none;
}
.archive_lists .writer_info > *.recruit_lab {
  font-size: 0.9333333333em;
  margin-left: auto;
  font-weight: 500;
  height: 2em;
  padding-left: 0.8em;
  padding-right: 0.8em;
  border: 1px solid var(--brand-color-main);
  color: var(--brand-color-main);
  border-radius: 2em;
}
.archive_lists .writer_info > *.recruit_lab::after {
  display: none;
}
@media screen and (max-width: 1280px) {
  .archive_lists .writer_info > *.recruit_lab {
    height: 2em;
    padding-left: 0.6363636364em;
    padding-right: 0.7727272727em;
  }
}
@media screen and (max-width: 1280px) {
  .archive_lists .writer_info {
    font-size: 0.9230769231em;
  }
}
.archive_lists .arc_tit {
  display: block;
  margin-top: 0.8333333333em;
  font-size: 1.3333333333em;
  color: var(--brand-color-sub);
  line-height: 1.4;
  max-height: 2.8em;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
@media screen and (max-width: 1280px) {
  .archive_lists .arc_tit {
    font-size: 1.2307692308em;
    margin-top: 0.8125em;
  }
}
.archive_lists .arc_txt {
  margin-top: 1em;
  color: #111111;
  line-height: 1.5;
  max-height: 3em;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
@media screen and (max-width: 1280px) {
  .archive_lists .arc_txt {
    margin-top: 0.5769230769em;
  }
}
@media screen and (min-width: 1025px), print {
  .archive_lists .lnk:hover {
    text-decoration: none;
  }
  .archive_lists .lnk:hover .tag {
    background-color: var(--brand-color-main);
    text-decoration: none;
  }
  .archive_lists .lnk:hover .arc_img {
    clip-path: polygon(100% 0, 100% calc(100% - 2.1111111111em), calc(100% - 1.8888888889em) 100%, 0 100%, 0 0);
  }
  .archive_lists .lnk:hover .arc_img img {
    transform: translate(-50%, -50%) scale(1.035) rotate(0.01deg);
  }
  .archive_lists .lnk:hover .arc_tit {
    text-decoration: underline;
  }
  .archive_lists .lnk:hover .cate_lists .cate {
    box-shadow: 0 0 0 1px #111;
    color: #111;
    background-color: var(--color-white);
  }
}
@media all and (max-width: 1025px) {
  .archive_lists .arc_img {
    clip-path: polygon(100% 0, 100% calc(100% - 2.5333333333em), calc(100% - 2.2666666667em) 100%, 0 100%, 0 0);
  }
  .archive_lists .cate_lists .cate {
    box-shadow: 0 0 0 1px #111;
    color: #111;
    background-color: var(--color-white);
  }
}
@media screen and (max-width: 800px) {
  .archive_lists .arc_img {
    clip-path: none;
  }
}

.cate_lists {
  display: flex;
  flex-wrap: wrap;
  color: #888;
  font-size: 0.9375em;
  gap: 0.6666666667em;
  margin-top: 2.6666666667em;
}
.cate_lists .cate {
  display: flex;
  align-items: center;
  box-shadow: 0 0 0 1px var(--border-color2);
  padding-left: 0.8em;
  padding-right: 0.8em;
  height: 2em;
  transition: box-shadow 0.15s, color 0.15s, background 0.15s;
}
.cate_lists .cate::before {
  content: "# ";
  display: block;
  font-size: 1em;
}
@media screen and (max-width: 1280px) {
  .cate_lists {
    margin-top: 2.3333333333em;
    font-size: 0.9230769231em;
    gap: 0.8333333333em;
  }
  .cate_lists .cate {
    padding-left: 0.8333333333em;
    padding-right: 0.8333333333em;
    height: 2.0833333333em;
  }
}

.board_table_list {
  margin-top: 1.1111111111em;
}
.board_table_list ul {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-top: var(--line-width) solid var(--color-black);
}
.board_table_list ul li {
  display: table-row;
}
.board_table_list ul li > * {
  display: table-cell;
  vertical-align: middle;
  height: 3.5555555556em;
  text-align: center;
  padding-top: 1.1111111111em;
  padding-bottom: 1.1111111111em;
  border-bottom: 1px solid var(--border-color4);
}
.board_table_list ul li.tr {
  color: #111;
  font-weight: 400;
}
.board_table_list ul li.tr.t_head {
  color: #111;
  font-weight: bold;
  background-color: #d9e3eb;
}
.board_table_list ul li.tr.t_head .board_no {
  color: var(--color-black);
  font-weight: bold;
}
@media screen and (max-width: 1280px) {
  .board_table_list {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 800px) {
  .board_table_list {
    font-size: 0.875rem;
  }
  .board_table_list ul {
    display: block;
    width: 100%;
    overflow: hidden;
  }
  .board_table_list ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-top: 1px solid var(--border-color4);
    padding-top: 1.4285714286em;
    padding-bottom: 1.4285714286em;
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }
  .board_table_list ul li:not(.t_head):hover:after {
    background: none;
  }
  .board_table_list ul li > * {
    flex: 0 1 auto;
    display: block;
    border-bottom: 0;
    height: auto;
    text-align: left;
    max-width: 100%;
    margin-top: 0.3571428571em;
    padding: 0;
    position: relative;
  }
  .board_table_list ul li > *:before {
    content: "I";
    font-weight: 100;
    opacity: 0.5;
    transform: translateX(0.7142857143em);
    position: absolute;
    left: 0;
  }
  .board_table_list ul li > *.full_mo {
    width: 100%;
    flex: 1 1 auto;
  }
  .board_table_list ul li > *.board_date {
    font-size: 0.9285714286em;
  }
  .board_table_list ul li > *.no {
    display: none;
  }
  .board_table_list ul li > *.board_tit_box {
    font-size: 1em;
    margin-top: 0;
  }
  .board_table_list ul li > *.board_date {
    margin-top: 0.9230769231em;
    display: flex;
    align-items: baseline;
  }
  .board_table_list ul li.tr.t_head {
    display: none;
  }
  .board_table_list ul li.tr:last-child {
    border-bottom: 1px solid var(--border-color4);
  }
}
.board_table_list .board_tit_box {
  min-width: 100%;
  width: auto;
  font-weight: 300;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding-left: 2.2222222222em;
  padding-right: 2.2222222222em;
  text-align: left;
}
.board_table_list .board_tit_box > * {
  flex: 0 1 auto;
}
.board_table_list .board_tit .category {
  font-weight: 400;
  color: var(--brand-color-main);
}
.board_table_list .board_tit .category::before, .board_table_list .board_tit .category::after {
  display: inline;
}
.board_table_list .board_tit .category::before {
  content: "[";
}
.board_table_list .board_tit .category::after {
  content: "]";
}
.board_table_list .board_tit {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  max-height: 1.5em;
  line-height: 1.5;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  gap: 0.2777777778em;
}
.board_table_list .board_tit > * {
  display: inline;
}
@media screen and (max-width: 800px) {
  .board_table_list .board_tit_box {
    min-width: calc(100% + 1.0714285714em);
    padding-left: 0;
    padding-right: 0;
  }
}
.board_table_list .tr:not(.t_head).view {
  color: var(--font-color-b6);
}
.board_table_list .tr:not(.t_head).view .category {
  color: var(--font-color-b6);
}
.board_table_list .t_head .board_date {
  width: 9.7222222222em;
}

.none_data {
  position: relative;
  width: 100%;
  background-color: var(--bg-brand-color-200);
  overflow: hidden;
}
.none_data.board {
  max-height: 29.0625rem;
}
.none_data::before {
  content: "";
  display: block;
  padding-top: 68.037%;
}
.none_data .txt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  color: var(--bg-brand-color-300);
  font-size: 1em;
  gap: 0.8888888889em;
}
.none_data .txt::before {
  content: "";
  display: block;
  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='M15.455 1.717a13.737 13.737 0 0 0-9.714 23.451A13.737 13.737 0 0 0 25.168 5.741a13.647 13.647 0 0 0-9.714-4.024m0-1.717A15.455 15.455 0 1 1 0 15.455 15.455 15.455 0 0 1 15.455 0z' style='fill:%23acb5be' transform='translate(2.545 1.806)'/%3E%3Cpath transform='translate(16.473 9.627)' style='fill:%23acb5be' d='M0 0h3.053v9.924H0z'/%3E%3Cpath transform='translate(16.473 21.841)' style='fill:%23acb5be' d='M0 0h3.053v3.053H0z'/%3E%3C/svg%3E%0A") no-repeat center;
  width: 2em;
  height: 2em;
  background-size: 100% auto;
}

@media screen and (max-width: 1280px) {
  .archive_inner .none_data {
    margin-top: 3rem;
  }
}
@media screen and (max-width: 800px) {
  .archive_inner .none_data {
    margin-top: 2.5rem;
  }
}

.status_filter .filter_lap:not(:first-child):not(:nth-child(2)) {
  display: flex;
  align-items: center;
  gap: 0.4444444444em;
}
.status_filter .filter_lap:not(:first-child):not(:nth-child(2))::before {
  content: "";
  display: block;
  width: 1.3333333333em;
  height: 1.3333333333em;
  background: 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='m716.765 699.75-1.414-1.414 4.731-4.731-4.731-4.731 1.414-1.414 6.146 6.146z' transform='translate(-710.808 -681.605)' style='fill:%23d0d6dc'/%3E%3Cpath d='m716.765 699.75-1.414-1.414 4.731-4.731-4.731-4.731 1.414-1.414 6.146 6.146z' transform='translate(-703.455 -681.605)' style='fill:%23d0d6dc'/%3E%3C/svg%3E%0A") no-repeat center;
}

/*
*****************************************
*          board  : start
*
*          type   : A
*****************************************
*/
.board_read_inner {
  max-width: 60rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  word-break: break-word;
}
.board_read_inner .write_info {
  display: flex;
  align-items: center;
  color: var(--font-color-b6);
  gap: 0.6666666667em;
  margin-right: auto;
}
.board_read_inner .write_info > * {
  display: flex;
  align-items: center;
  gap: 0.6666666667em;
}
.board_read_inner .write_info > *::after {
  content: "";
  display: block;
  background-color: #dfdfdf;
  width: 2px;
  height: 0.6666666667em;
}
.board_read_inner .write_info > *:last-child::after {
  display: none;
}
.board_read_inner .board_info {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-left: auto;
}
.board_read_inner .board_info .share_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 1.6666666667em;
  width: 2.8em;
  height: 2.8em;
  box-shadow: inset 0 0 0 2px #000;
  border-radius: 50%;
  overflow: hidden;
}
@media screen and (min-width: 1025px), print {
  .board_read_inner .board_info .share_btn:hover {
    box-shadow: inset 0 0 0 2.8em #000;
  }
  .board_read_inner .board_info .share_btn:hover .line {
    fill: #fff;
  }
}
.board_read_inner .board_info .share_btn svg {
  vertical-align: top;
  width: 1.6em;
  height: 1.6em;
}
@media screen and (max-width: 800px) {
  .board_read_inner .board_info {
    width: 100%;
    margin-left: 0;
    margin-top: 1.3333333333em;
    gap: 1.3333333333em;
    justify-content: space-between;
  }
}
.board_read_head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 24.375rem;
  font-size: 1.25rem;
  padding-top: 3.6em;
  padding-bottom: 3em;
  border-bottom: var(--line-width) solid #000;
}
.board_read_head .tag_group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.75em;
  gap: 0.6666666667em;
  margin-bottom: 1.6em;
}
@media screen and (max-width: 1280px) {
  .board_read_head .tag_group {
    font-size: 0.7333333333em;
    gap: 0.7272727273em;
    margin-bottom: 1.3636363636em;
  }
}
.board_read_head .status_modify {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 0.5em;
}
.board_read_head .status_modify .manage_btn,
.board_read_head .status_modify .eval_btn, .board_read_head .status_modify .request_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75em;
  padding-top: 0.1875em;
  padding-bottom: 0.1875em;
  padding-left: 0.75em;
  padding-right: 0.1875em;
  border: 0.125em solid var(--brand-color-sub);
  border-radius: 0.25rem;
  background-color: rgba(255, 255, 255, 0);
  color: var(--brand-color-sub);
  transition: border 0.3s, color 0.3s;
}
.board_read_head .status_modify .manage_btn::after,
.board_read_head .status_modify .eval_btn::after, .board_read_head .status_modify .request_btn::after {
  content: "";
  display: block;
  width: 1.875em;
  height: 1.875em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}
.board_read_head .status_modify .manage_btn {
  background-color: rgba(255, 255, 255, 0);
  gap: 0.125em;
  height: 2.25em;
  padding-left: 0.625em;
  padding-right: 0.625em;
}
.board_read_head .status_modify .manage_btn::after {
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath transform='rotate(-90 8 8)' style='fill:none' d='M0 0h16v16H0z'/%3E%3Cpath d='m-16892.207-12926-4.961-4.963 1.439-1.441 3.521 3.52 3.523-3.52 1.439 1.441z' transform='rotate(-90 -1972.5 -14911.706)' style='fill:%23020a0a'/%3E%3C/svg%3E%0A");
}
.board_read_head .status_modify .eval_btn::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M39.557 40.428H8.517v-3h31.04z'/%3E%3Cpath d='m-7713.173 6345.557-5.737 12.552 13.624-2.867 3.735-8.024-3.735-4.419z' transform='translate(7727.352 -6323.297)' style='fill:%23fff'/%3E%3Cpath d='m-7705.781 6341.382 1.641.448 3.735 4.419.214 1.6-3.735 8.024-1.051.835-13.624 2.867-1.673-2.091 5.737-12.552.869-.792zm2.466 6.071-2.45-2.9-6.309 2.207-4.236 9.267 9.981-2.1z' transform='translate(7727.352 -6323.297)' style='fill:%2300b4ed'/%3E%3Cpath d='m-7443.768 6474.066-1.912-2.312 9.6-7.937 1.912 2.312z' transform='translate(7453.786 -6438.594)' style='fill:%2300b4ed'/%3E%3Cpath d='m26.683 25.198-1.891-.287-3.938-4.411.042-2.043L31.005 8.029l1.247-.446c.15.017 3.693.447 5.611 2.961a12.941 12.941 0 0 1 2.193 5.591l-.717 1.468zm-2.662-5.655 2.183 2.444 10.691-6.416a8.985 8.985 0 0 0-1.417-3.208 5.424 5.424 0 0 0-2.883-1.664z'/%3E%3C/svg%3E%0A");
}
.board_read_head .status_modify .request_btn::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cg transform='translate(6.56 4.735)'%3E%3Cpath d='M5.068 0h9.14l.9.9v17.623l-.9.9H.897l-.9-.9V5.068l.263-.635L4.431.262zm8.242 1.795H5.439L1.794 5.44v12.183H13.31z'/%3E%3Cpath d='M6.846 7.004H.662V5.21h4.389V.632h1.795z'/%3E%3Ccircle cx='5.062' cy='5.062' transform='translate(7.553 10.405)' style='fill:%23f1f4f6' r='5.062'/%3E%3Cpath d='M5.062 1.795A3.267 3.267 0 1 0 8.33 5.062a3.271 3.271 0 0 0-3.268-3.267m0-1.795A5.062 5.062 0 1 1 0 5.062 5.062 5.062 0 0 1 5.062 0z' transform='translate(7.553 10.405)' style='fill:%2300b4ed'/%3E%3Cpath d='M8.556 10.19H3.305V8.395h5.251z'/%3E%3Cpath d='M6.937 12.654H3.305v-1.795h3.632z'/%3E%3Cpath d='M6.937 15.117H3.305v-1.795h3.632z'/%3E%3Cpath transform='translate(11.879 12.741)' style='fill:%2300b4ed' d='M0 0h1.478v3.449H0z'/%3E%3Cpath transform='translate(11.879 16.683)' style='fill:%2300b4ed' d='M0 0h1.478v1.478H0z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.board_read_head .tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1em;
  height: 2em;
  padding-left: 0.6em;
  padding-right: 0.7333333333em;
  background-color: var(--brand-color-sub);
  color: #fff;
  clip-path: polygon(100% 0, 100% calc(100% - 0.5333333333em), calc(100% - 0.4666666667em) 100%, 0 100%, 0 0);
  transition: background 0.15s;
  white-space: nowrap;
  font-weight: 500;
}
@media screen and (max-width: 1280px) {
  .board_read_head .tag {
    height: 2em;
    padding-left: 0.6363636364em;
    padding-right: 0.7727272727em;
  }
}
.board_read_head .subdiv {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9333333333em;
  height: 2.1428571429em;
  border-radius: 2.1428571429em;
  background-color: var(--brand-color-main);
  color: #fff;
  padding-left: 0.7142857143em;
  padding-right: 0.7142857143em;
}
@media screen and (max-width: 1280px) {
  .board_read_head .subdiv {
    height: 2em;
    padding-left: 0.7272727273em;
    padding-right: 0.7272727273em;
  }
}
.board_read_head .offer_status {
  display: block;
  position: relative;
  font-size: 1.2em;
  color: var(--brand-color-main);
  margin-left: 0.5555555556em;
  font-weight: 500;
  padding-left: 1.1111111111em;
}
.board_read_head .offer_status::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  border-left: 0.125rem solid #dfdfdf;
  height: 0.8888888889em;
  margin-top: -0.4444444444em;
}
@media screen and (max-width: 1280px) {
  .board_read_head .offer_status {
    font-size: 1.1818181818em;
    margin-left: 0.3076923077em;
    padding-left: 0.9230769231em;
  }
  .board_read_head .offer_status::before {
    height: 0.8461538462em;
    margin-top: -0.4230769231em;
  }
}
.board_read_head .group {
  display: block;
  width: 100%;
  color: var(--brand-color-main);
  font-weight: bold;
  margin-bottom: 1.5em;
}
.board_read_head .tit {
  font-size: 2em;
  font-weight: bold;
  color: var(--brand-color-sub);
  line-height: 1.3;
}
.board_read_head .txt {
  font-size: 1em;
  margin-top: 1.2em;
  color: #111;
}
.board_read_head .txt + .write_info {
  font-size: 0.75em;
  margin-top: 1.6em;
  margin-bottom: 4.6666666667em;
}
@media screen and (max-width: 1280px) {
  .board_read_head {
    font-size: 1.125rem;
    padding-top: 2.5em;
    padding-bottom: 1.6em;
    min-height: auto;
  }
  .board_read_head .tit {
    font-size: 1.3333333333em;
  }
}
.board_read_infos {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.75em;
  margin-top: 3em;
}
.board_read_infos .cate_lists {
  margin-top: 0;
}
@media screen and (max-width: 1280px) {
  .board_read_infos {
    flex-wrap: wrap;
    gap: 1em;
    font-size: 0.8em;
    margin-top: 1.5em;
  }
  .board_read_infos .share_btn {
    width: 3.3333333333em;
    height: 3.3333333333em;
  }
  .board_read_infos .share_btn svg {
    width: 2em;
    height: 2em;
  }
}
.board_read_body {
  font-size: 1.125em;
  line-height: 1.8;
  padding-top: 4em;
}
.board_read_body .board_read_inner {
  padding-bottom: 2.2222222222em;
}
.board_read_body .board_read_inner:last-child {
  border-bottom: 2px solid var(--color-black);
}
.board_read_body .tab_tit {
  font-size: 1.3333333333em;
  border-bottom: var(--line-width) solid var(--color-black);
  padding: 0.8333333333em 0;
  line-height: 1.2;
}
.board_read_body .tab_tit + * {
  margin-top: 0.8333333333em;
}
.board_read_body .tab_tit + * > [class*=table_] {
  margin-top: calc(-1.1111111111em + var(--line-width));
  border-top: 0;
}
.board_read_body .tab_tit:not(:first-of-type) {
  margin-top: 1.6666666667em;
}
.board_read_body .tab_tit + .file_list_box {
  margin-top: 1.6666666667em;
}
.board_read_body .read_con_box img {
  display: block;
  max-width: 100%;
  margin-bottom: 2.5em;
  margin-top: 2.5em;
}
.board_read_body .read_con_box img:first-child {
  margin-top: 0;
}
.board_read_body .file_list_box {
  margin-top: 2.2222222222em;
}
.board_read_body .file_list_box .file_lists {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5555555556em;
}
.board_read_body .file_list_box .file_item {
  width: 100%;
}
.board_read_body .file_list_box .lnk {
  padding: 1em 1.1111111111em;
  background-color: var(--bg-brand-color-200);
  display: flex;
  align-items: center;
  gap: 1.1111111111em;
  font-weight: 400;
  color: #111;
}
.board_read_body .file_list_box .lnk::before, .board_read_body .file_list_box .lnk::after {
  content: "";
  display: block;
  width: 2em;
  height: 2em;
  flex: 0 0 auto;
}
.board_read_body .file_list_box .lnk::before {
  background: no-repeat center/100% auto 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='M15.488 27.379a5.085 5.085 0 0 1-3.658-1.544 5.1 5.1 0 0 1-1.551-3.647 4.9 4.9 0 0 1 1.49-3.643l6.469-6.469a3.643 3.643 0 0 1 2.663-1.106 3.649 3.649 0 0 1 2.661 1.1 3.658 3.658 0 0 1 1.114 2.671 3.677 3.677 0 0 1-1.125 2.673L17.667 23.3a2.307 2.307 0 0 1-1.66.7 2.255 2.255 0 0 1-1.666-.692 2.184 2.184 0 0 1-.664-1.7 2.5 2.5 0 0 1 .755-1.7l6.032-6.032 1.141 1.141-6.077 6.077a.805.805 0 0 0-.252.56.661.661 0 0 0 .2.521.672.672 0 0 0 .518.207.753.753 0 0 0 .534-.231l5.9-5.9a2.037 2.037 0 0 0 .631-1.519 2.087 2.087 0 0 0-.646-1.524 2.085 2.085 0 0 0-1.524-.645 2.034 2.034 0 0 0-1.518.631l-6.5 6.5a3.25 3.25 0 0 0-1 2.486 3.515 3.515 0 0 0 1.086 2.511 3.5 3.5 0 0 0 2.525 1.088 3.324 3.324 0 0 0 2.507-1.029l6.672-6.674 1.141 1.141-6.661 6.66a4.916 4.916 0 0 1-3.595 1.494z'/%3E%3Cpath d='M5.001 33V4h20.936L31 8.828V33zm2-2h22V9.768h-3.989V6H7.001z'/%3E%3C/svg%3E%0A");
}
.board_read_body .file_list_box .lnk::after {
  margin-left: auto;
  border-radius: 0.2222222222em;
  background: no-repeat center/0.8888888889em auto url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath transform='translate(3.113 12.825)' style='fill:%23fff' d='M0 0h9.778v1.941H0z'/%3E%3Cpath d='m0 6.45 1.373-1.372L2.99 6.692V0h1.942v6.653l1.575-1.575L7.879 6.45l-3.938 3.939z' transform='translate(4.062 1.235)' style='fill:%23fff'/%3E%3C/svg%3E%0A");
  background-color: var(--bg-brand-color-300);
}
@media screen and (min-width: 1281px), print {
  .board_read_body .file_list_box .lnk:hover {
    text-decoration: underline;
  }
  .board_read_body .file_list_box .lnk:hover::after {
    background-color: var(--brand-color-sub);
  }
}
.board_read_body .cate_lists {
  margin-top: 5.3333333333em;
  font-size: 0.8333333333em;
}
.board_read_body .cate {
  box-shadow: inset 0 0 0 1px var(--font-color-b6);
  color: #111;
}
.board_read_body.join > .board_read_inner:first-child {
  display: none;
}
.board_read_body.join + .siblings_post_box {
  display: none;
}
@media screen and (max-width: 1280px) {
  .board_read_body {
    font-size: 1.05rem;
    padding-top: 1.4285714286em;
  }
  .board_read_body .board_read_inner {
    padding-bottom: 2.2857142857em;
  }
  .board_read_body .read_con_box img {
    margin-bottom: 1.4285714286em;
    margin-top: 1.4285714286em;
  }
  .board_read_body .file_list_box {
    font-size: 0.9285714286em;
    margin-top: 2.4615384615em;
  }
  .board_read_body .file_list_box .file_item {
    padding: 1.0769230769em 1.1538461538em;
    gap: 0.7692307692em;
  }
}
@media screen and (max-width: 800px) {
  .board_read_body {
    font-size: 0.875rem;
    font-size: 0.9285714286em;
  }
}

.offer_step_box {
  padding: 1.3888888889em 0.8888888889em;
  font-size: 1.125rem;
  background-color: var(--bg-brand-color-200);
  text-align: center;
  font-weight: 500;
  line-height: 1.45;
}
@media screen and (max-width: 1024px) {
  .offer_step_box {
    font-size: 1.05rem;
  }
}
@media screen and (max-width: 800px) {
  .offer_step_box {
    font-size: 0.875rem;
  }
}

.history_txt {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  gap: 1.25em;
}
.history_txt .btn {
  gap: 0.4375em;
}
.history_txt .down::after, .history_txt .comment::after {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
}
.history_txt .down::after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath transform='translate(3.113 12.825)' style='fill:%23fff' d='M0 0h9.778v1.941H0z'/%3E%3Cpath d='m0 6.45 1.373-1.372L2.99 6.692V0h1.942v6.653l1.575-1.575L7.879 6.45l-3.938 3.939z' transform='translate(4.062 1.235)' style='fill:%23fff'/%3E%3C/svg%3E%0A");
}
.history_txt .comment::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M-2717.8-13240v-4.85h-4.849v-2.3h4.849v-4.85h2.3v4.849h4.849v2.3h-4.849v4.85z' transform='translate(2724.651 13254)' style='fill:%23fff'/%3E%3C/svg%3E%0A");
}
@media screen and (max-width: 1024px) {
  .history_txt {
    gap: 0.7142857143em;
    line-height: 1.3;
    flex-direction: column;
    align-items: flex-start;
    align-content: baseline;
  }
  .history_txt .btn {
    gap: 0.5em;
    padding-left: 0.9230769231em;
    padding-right: 0.9230769231em;
  }
}

.crew_wrap {
  overflow: hidden;
}
.crew_wrap.join .crew_join_wrap .board_read_inner {
  position: relative;
  transform: none;
  visibility: visible;
  opacity: 1;
}
.crew_wrap.join .crew_info_wrap .board_read_inner {
  position: absolute;
  transform: translateX(100%);
  opacity: 0;
}
.crew_wrap .crew_join_wrap, .crew_wrap .crew_info_wrap {
  overflow: hidden;
}
.crew_wrap .crew_join_wrap .board_read_inner, .crew_wrap .crew_info_wrap .board_read_inner {
  transition: position 0.35s, transform 0.35s, visibility 0.35s, opacity 0.35s;
}
.crew_wrap .crew_join_wrap .board_read_inner {
  position: absolute;
  visibility: hidden;
  transform: translateX(-100%);
  opacity: 0;
  border-bottom: 0;
  padding-bottom: 0;
}
.crew_wrap .crew_join_cancel {
  display: inline-flex;
  align-items: center;
  gap: 0.5555555556em;
  margin-bottom: 1.1111111111em;
}
.crew_wrap .crew_join_cancel::before {
  content: "";
  display: block;
  width: 0.8888888889em;
  height: 0.8888888889em;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath transform='rotate(-90 8 8)' style='fill:none' d='M0 0h16v16H0z'/%3E%3Cpath d='M15.316 9.092H4.605l2.745 2.745-1.417 1.413L.683 8l5.25-5.25L7.35 4.163l-2.93 2.93h10.9z'/%3E%3C/svg%3E%0A") no-repeat center/100% auto;
}
@media screen and (max-width: 1280px) {
  .crew_wrap .crew_join_cancel {
    font-size: 1em;
    margin-bottom: 1.4285714286em;
    margin-top: 1.4285714286em;
  }
  .crew_wrap .crew_join_cancel::before {
    width: 1.2857142857em;
    height: 1.2857142857em;
  }
}
.crew_wrap .crew_join_head {
  background-color: var(--brand-color-main);
  border-radius: 0.25rem 0.25rem 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.9090909091em;
  font-size: 1.2222222222em;
  color: #fff;
  gap: 0.1818181818em;
}
@media screen and (max-width: 1280px) {
  .crew_wrap .crew_join_head {
    font-size: 1.1428571429em;
    height: 3em;
  }
}
.crew_wrap .btn_box {
  margin-top: 3.75rem;
}
@media screen and (max-width: 1280px) {
  .crew_wrap .btn_box {
    margin-top: 1.4285714286em;
  }
}
.crew_wrap .crew_join_body {
  background-color: var(--color-white);
  padding: 4.4444444444em 1.7777777778em;
}
.crew_wrap .crew_join_body .form_wrap {
  max-width: 800px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1280px) {
  .crew_wrap .crew_join_body {
    padding: 1.4285714286em 1.4285714286em;
  }
}
.crew_wrap .join_crew {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  height: 5.7777777778em;
  border-radius: 0.25rem;
  background-color: var(--brand-color-main);
  padding-left: 3.3333333333em;
  padding-right: 3.3333333333em;
  margin-top: 2.2222222222em;
  margin-bottom: 2.2222222222em;
}
.crew_wrap .join_crew .ill {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 4em;
  width: 14.1111111111em;
  height: 8em;
}
.crew_wrap .join_crew .txt {
  display: flex;
  align-items: center;
  gap: 0.4545454545em;
  color: var(--color-white);
  font-size: 1.2222222222em;
  font-weight: bold;
}
.crew_wrap .join_crew .txt::after {
  content: "";
  display: block;
  width: 1.3636363636em;
  height: 1.3636363636em;
  border-radius: 50%;
  border: 0.125rem solid var(--color-white);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M2.1 9.678H0V0h2.1z' transform='rotate(90 2.576 9.319)' style='fill:%23fff'/%3E%3Cpath d='m7.006 5.731-2.76-2.76-2.76 2.76L0 4.245 4.246 0l4.245 4.245z' style='fill:%23fff' transform='rotate(90 5.138 8.755)'/%3E%3C/svg%3E%0A") no-repeat center;
  background-size: 0.7272727273em;
}
@media screen and (max-width: 1280px) {
  .crew_wrap .join_crew {
    padding-left: 1.4285714286em;
    padding-right: 1.4285714286em;
  }
  .crew_wrap .join_crew .ill {
    right: 0;
    width: 12.5em;
    height: 7.0714285714em;
  }
  .crew_wrap .join_crew .txt {
    gap: 0.7142857143em;
    font-size: 1.1428571429em;
  }
  .crew_wrap .join_crew .txt::after {
    width: 1.5em;
    height: 1.5em;
    background-size: 0.75em;
  }
}
.crew_wrap .crew_pos {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.2777777778em;
}
.crew_wrap .crew_pos.represent::after {
  content: "";
  display: block;
  width: 1.3333333333em;
  height: 1.3333333333em;
  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 data-name='Rectangle 38413' style='fill:none' d='M0 0h24v24H0z'/%3E%3Cg data-name='Group 3602' transform='translate(1.061 3.438)'%3E%3Cpath data-name='Path 4867' d='M-4155.953 14870.977v-16.02l4.764 7.016 5.1-7.514 5.1 7.514 4.763-7.016v16.02z' transform='translate(4156.953 -14853.897)' style='fill:%23ffc83d'/%3E%3Cpath data-name='Rectangle 38412' transform='translate(.939 14.004)' style='fill:%23d48c00' d='M0 0h20v3H0z'/%3E%3Cpath data-name='Path 4868' d='M20.73 18.08H1.001l-1-1V1.06L1.828.498l3.937 5.8L10.039.003h1.654l4.274 6.295 3.936-5.8 1.827.562v16.02zm-18.729-2H19.73V4.313l-2.936 4.324H15.14l-4.274-6.295-4.274 6.295H4.938L2.001 4.313z'/%3E%3Ccircle data-name='Ellipse 205' cx='1.5' cy='1.5' r='1.5' transform='translate(3.939 10.004)' style='fill:%23f03a17'/%3E%3Ccircle data-name='Ellipse 206' cx='2' cy='2' r='2' transform='translate(8.939 9.004)' style='fill:%230078d7'/%3E%3Ccircle data-name='Ellipse 207' cx='1.5' cy='1.5' r='1.5' transform='translate(14.939 10.004)' style='fill:%23f03a17'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}
@media screen and (max-width: 1280px) {
  .crew_wrap .crew_pos.represent::after {
    width: 1.2857142857em;
    height: 1.2857142857em;
  }
}
.crew_wrap .crew_tit {
  font-size: 1.3333333333em;
  line-height: 1.5;
  color: #111;
  font-weight: bold;
  margin-bottom: 1.4583333333em;
}
@media screen and (max-width: 1280px) {
  .crew_wrap .crew_tit {
    font-size: 1.1428571429em;
    margin-bottom: 0.625em;
  }
}

.mypage_read_wrap .crew_join_cancel {
  font-weight: 600;
}
.mypage_read_wrap .crew_join_cancel + .mypage_read_head {
  margin-top: 0;
}
.mypage_read_wrap .mypage_read_head {
  margin-top: 1.1111111111em;
  margin-bottom: 4.4444444444em;
  padding: 2.2222222222em;
  background-color: #fff;
  clip-path: polygon(100% 0, 100% calc(100% - 2.1111111111em), calc(100% - 2.2222222222em) 100%, 0 100%, 0 0);
}
@media screen and (max-width: 1280px) {
  .mypage_read_wrap .mypage_read_head {
    margin-top: 1.4285714286em;
    padding: 1.4285714286em;
    margin-bottom: 3.2142857143em;
    clip-path: polygon(100% 0, 100% calc(100% - 1.3571428571em), calc(100% - 1.4285714286em) 100%, 0 100%, 0 0);
  }
}
.mypage_read_wrap .mypage_read_head .cate {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  font-size: 0.7777777778em;
  color: var(--color-white);
  background-color: var(--brand-color-main);
  padding: 0 0.7142857143em;
  height: 2.1428571429em;
  border-radius: 1.0714285714em;
  margin-bottom: 1.4285714286em;
}
@media screen and (max-width: 1280px) {
  .mypage_read_wrap .mypage_read_head .cate {
    font-size: 0.7857142857em;
    padding-left: 0.7272727273em;
    padding-right: 0.7272727273em;
    height: 2em;
    border-radius: 1em;
  }
}
.mypage_read_wrap .mypage_read_head .tit {
  display: block;
  line-height: 1.5;
  font-size: 1.3333333333em;
  color: #111;
  font-weight: bold;
}
@media screen and (max-width: 1280px) {
  .mypage_read_wrap .mypage_read_head .tit {
    font-size: 1.2142857143em;
  }
}
.mypage_read_wrap .mypage_read_head .txt {
  margin-top: 1.1111111111em;
}
@media screen and (max-width: 1280px) {
  .mypage_read_wrap .mypage_read_head .txt {
    margin-top: 0.8571428571em;
    line-height: 1.4285;
  }
}
.mypage_read_wrap .mypage_read_head .board_info {
  margin-top: 3.3333333333em;
  display: flex;
  align-items: center;
  width: 100%;
  gap: 0.5555555556em;
}
.mypage_read_wrap .mypage_read_head .board_info .writer, .mypage_read_wrap .mypage_read_head .board_info .date {
  display: flex;
  align-items: center;
  gap: 0.6666666667em;
  color: var(--font-color-b6);
  font-weight: 400;
  font-size: 0.8333333333em;
}
.mypage_read_wrap .mypage_read_head .board_info .writer::before, .mypage_read_wrap .mypage_read_head .board_info .date::before {
  content: "";
  height: 0.6666666667em;
  border-right: 0.125rem solid #dfdfdf;
}
.mypage_read_wrap .mypage_read_head .board_info .writer + .date::before, .mypage_read_wrap .mypage_read_head .board_info .writer + .writer::before, .mypage_read_wrap .mypage_read_head .board_info .date + .date::before, .mypage_read_wrap .mypage_read_head .board_info .date + .writer::before {
  display: block;
}
.mypage_read_wrap .mypage_read_head .board_info .status {
  font-size: 1em;
  font-weight: 500;
  color: var(--brand-color-main);
}
.mypage_read_wrap .mypage_read_head .board_info .status:last-child:not(:first-child) {
  margin-left: auto;
}
@media screen and (max-width: 1280px) {
  .mypage_read_wrap .mypage_read_head .board_info {
    margin-top: 2.8571428571em;
    gap: 0.7142857143em;
  }
  .mypage_read_wrap .mypage_read_head .board_info .writer, .mypage_read_wrap .mypage_read_head .board_info .date {
    gap: 0.8333333333em;
    font-size: 0.8571428571em;
  }
  .mypage_read_wrap .mypage_read_head .board_info .writer::before, .mypage_read_wrap .mypage_read_head .board_info .date::before {
    height: 0.6666666667em;
  }
  .mypage_read_wrap .mypage_read_head .board_info .status {
    font-size: 0.9285714286em;
  }
}
.mypage_read_wrap .mt_tit {
  display: flex;
  align-items: center;
  font-size: 1.3333333333em;
  color: #111;
  font-weight: bold;
  margin-top: 3.3333333333em;
  margin-bottom: 0.8333333333em;
  gap: 0.4166666667em;
}
.mypage_read_wrap .mt_tit:first-child {
  margin-top: 0;
}
@media screen and (max-width: 1280px) {
  .mypage_read_wrap .mt_tit {
    font-size: 1.2142857143em;
    margin-top: 2.7941176471em;
    margin-bottom: 0.8823529412em;
  }
}
.mypage_read_wrap .mt_tit .right {
  margin-left: auto;
}
.mypage_read_wrap .mt_tit .fm_cc_ch {
  margin-left: auto;
  flex: 0 0 auto;
}
.mypage_read_wrap .form_wrap {
  padding-top: 2em;
  padding-bottom: 3.1111111111em;
  border-top: var(--line-width) solid var(--color-black);
  border-bottom: 0.125rem solid var(--color-black);
}
@media screen and (max-width: 1280px) {
  .mypage_read_wrap .form_wrap {
    padding-top: 1.2857142857em;
    padding-bottom: 1.4285714286em;
  }
}
.mypage_read_wrap .read_con_box {
  font-size: 1em;
  line-height: 1.8;
  padding-top: 1.6666666667em;
  padding-bottom: 2em;
  border-top: var(--line-width) solid var(--color-black);
  border-bottom: 0.125rem solid var(--color-black);
}
@media screen and (max-width: 1280px) {
  .mypage_read_wrap .read_con_box {
    padding-top: 1.4285714286em;
    padding-bottom: 1.4285714286em;
  }
}
.mypage_read_wrap .read_con_box p {
  margin-bottom: 2em;
}
.mypage_read_wrap .read_con_box img {
  display: block;
  max-width: 100%;
  margin-bottom: 2.5em;
  margin-top: 2.5em;
}
.mypage_read_wrap .read_con_box img:first-child {
  margin-top: 0;
}
.mypage_read_wrap .read_con_box img:last-child {
  margin-bottom: 0;
}

.mypage_tab_lists {
  display: flex;
  align-items: center;
  gap: 0.8333333333em;
  font-size: 1.3333333333em;
  font-weight: bold;
  color: #888;
}
@media screen and (max-width: 1280px) {
  .mypage_tab_lists {
    justify-content: center;
    font-size: 1.2142857143em;
    gap: 0.5882352941em;
  }
}
.mypage_tab_lists .mt_item {
  display: flex;
  align-items: center;
  gap: 0.8333333333em;
}
@media screen and (max-width: 1280px) {
  .mypage_tab_lists .mt_item {
    gap: 0.5882352941em;
  }
}
.mypage_tab_lists .mt_item .mt_lnk {
  display: block;
  position: relative;
  padding-top: 0.1666666667em;
  padding-bottom: 0.1666666667em;
}
.mypage_tab_lists .mt_item.on {
  color: var(--brand-color-main);
}
.mypage_tab_lists .mt_item.on .mt_lnk::after {
  content: "";
  display: block;
  border-bottom: 0.1666666667em solid var(--brand-color-main);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.mypage_tab_lists .mt_item::after {
  content: "";
  display: block;
  width: 0.6666666667em;
  height: 0.6666666667em;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M-1.043 0H2.18l-5.118 13.7h-3.4z' transform='translate(10.34 1)' style='fill:%23888'/%3E%3C/svg%3E%0A") no-repeat center/100%;
}
.mypage_tab_lists .mt_item:last-child::after {
  display: none;
}

.full_search_wrap .board_search_box {
  max-width: 100%;
}

.board_search_wrap {
  font-size: 1rem;
}
.board_search_box {
  max-width: 25.6875rem;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.board_search_box .inp {
  border: 0 !important;
  outline: 0 !important;
  background: transparent;
  width: 100%;
  height: 100%;
  font-size: 1em !important;
  padding: 0;
  box-shadow: none;
  line-height: 100%;
}
.board_search_box .inp::placeholder {
  color: var(--placeholder);
}
.board_search_box .board_search_inp {
  position: relative;
  flex: 1 1 auto;
  height: 3.75em;
  min-width: 25.6875em;
  display: flex;
  align-items: center;
  gap: 0.5em;
  overflow: hidden;
  padding-bottom: 4px;
}
.board_search_box .board_search_inp::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0%;
  left: 0;
  width: 100%;
  border-bottom: 4px solid #000;
  z-index: 1;
}
.board_search_box .line {
  position: absolute;
  bottom: 0%;
  left: 0;
  border-bottom: 4px solid var(--brand-color-main);
  transform: scaleX(0);
  transform-origin: right;
  width: 100%;
  z-index: 2;
  transition: transform 0.5s;
  transition-delay: 0.25s;
}
.board_search_box .inp:focus {
  box-shadow: none;
}
.board_search_box .inp:focus ~ .line {
  transform: scaleX(1);
  transition: transform 0.35s;
  transform-origin: left;
  transition-delay: 0s;
}
.board_search .board_search_button {
  color: rgba(0, 0, 0, 0);
  width: 3em;
  height: 3em;
  background: no-repeat center/100% auto url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cg transform='translate(12.318 13.069)' style='stroke:%23000;stroke-width:3.5px;fill:none'%3E%3Ccircle cx='9.433' cy='9.433' r='9.433' style='stroke:none'/%3E%3Ccircle cx='9.433' cy='9.433' r='7.683' style='fill:none'/%3E%3C/g%3E%3Cg style='fill:%2300b4ed'%3E%3Cpath d='m-1.729 2.695.397-.423L.91-.126l.074-.079h.107l7-.045.252-.002v2.898h-.248l-9.244.046-.58.003z' style='stroke:none' transform='rotate(-141 24.447 11.076)'/%3E%3Cpath d='m8.093 0-7 .044-2.243 2.398 9.243-.045V0m.5-.503v3.397l-10.9.054L.875-.454l7.718-.05z' style='fill:%2300b4ed;stroke:none' transform='rotate(-141 24.447 11.076)'/%3E%3C/g%3E%3C/svg%3E%0A");
}
@media screen and (max-width: 1280px) {
  .board_search_wrap {
    margin-top: 1.875em;
    font-size: 0.975rem;
  }
  .board_search_box {
    width: 100%;
    max-width: 100%;
  }
  .board_search_box .board_search_inp {
    height: 3.5em;
  }
  .board_search .board_search_button {
    right: 0;
  }
}
@media screen and (max-width: 800px) {
  .board_search_wrap {
    font-size: 0.8125rem;
    padding-top: 1.0625em;
    padding-bottom: 1.5em;
    width: 100%;
  }
  .board_search_box {
    max-width: 100%;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .board_search_box .sel_box, .board_search_box .fm_inp {
    min-width: auto;
  }
  .board_search_box .board_search_inp {
    width: 100%;
    min-width: auto;
  }
  .board_search_box > *:first-child {
    margin-left: 0;
  }
}

.detail_search_wrap {
  font-size: 1.125rem;
  margin-bottom: 5.3333333333em;
}
@media screen and (max-width: 1280px) {
  .detail_search_wrap {
    font-size: 1.05rem;
    margin-bottom: 3.4285714286em;
  }
}
@media screen and (max-width: 800px) {
  .detail_search_wrap {
    font-size: 0.875rem;
  }
}
.detail_search_head {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: var(--color-black);
  color: #fff;
  font-size: 1em;
  border-radius: 0.625rem 0.625rem 0 0;
  height: 3.1111111111em;
}
.detail_search_head .folding_btn {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.detail_search_head.on + .detail_search_box {
  display: none;
}
@media screen and (max-width: 1280px) {
  .detail_search_head {
    justify-content: flex-start;
    padding-left: 1.4285714286em;
    padding-right: 1.4285714286em;
  }
}
.detail_search_box {
  background-color: #fff;
  border-radius: 0 0.625rem 0.625rem 0;
  padding: 3.5555555556em 1.7777777778em;
  clip-path: polygon(100% 0, 100% calc(100% - 4.1111111111em), calc(100% - 4.2222222222em) 100%, 0 100%, 0 0);
}
@media screen and (max-width: 1280px) {
  .detail_search_box {
    padding: 1.4285714286em;
    clip-path: polygon(100% 0, 100% calc(100% - 2.6428571429em), calc(100% - 2.7142857143em) 100%, 0 100%, 0 0);
  }
}
.detail_search_box .inner {
  max-width: 1085px;
  margin-left: auto;
  margin-right: auto;
  border-top: 0;
}
@media screen and (max-width: 1280px) {
  .detail_search_box .inner {
    width: 100%;
  }
}
.detail_search_box .flex {
  flex-wrap: nowrap;
}
.detail_search_box .flex + .flex {
  margin-top: 2.2222222222em;
}
@media screen and (max-width: 1280px) {
  .detail_search_box .flex + .flex {
    margin-top: 2.8571428571em;
  }
}
@media screen and (max-width: 1024px) {
  .detail_search_box .flex {
    flex-wrap: wrap;
  }
}
.detail_search_box [class*=tdw_] {
  flex: 0 0 auto;
  white-space: nowrap;
}
.detail_search_box [class*=tdw_] + div {
  width: 100%;
}
@media screen and (max-width: 1280px) {
  .detail_search_box [class*=tdw_] .ds_lab {
    font-size: 1.0714285714em;
  }
}
@media screen and (max-width: 1024px) {
  .detail_search_box [class*=tdw_] {
    display: block;
    flex: auto;
    width: 100%;
    margin-bottom: 1.1666666667em;
    font-weight: bold;
  }
}
.detail_search_box .search_inp {
  max-width: 100%;
  width: 100%;
  position: relative;
}
.detail_search_box .search_inp .inp {
  height: 3.125em;
  padding-right: 3.5em;
}
@media screen and (max-width: 1280px) {
  .detail_search_box .search_inp .inp {
    font-size: 0.9285714286em;
    height: 2.7692307692em;
    padding-right: 3.1923076923em;
  }
}
@media screen and (min-width: 1025px), print {
  .detail_search_box .search_inp .inp:focus {
    box-shadow: inset 0 0 0 2px var(--brand-color-main);
  }
}
.detail_search_box .search_inp .search_btn {
  position: absolute;
  top: 0;
  right: 0.8333333333em;
  width: 2em;
  height: 2.7777777778em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.detail_search_box .search_inp .search_btn svg {
  width: 100%;
}
.detail_search_box .btn_box {
  margin-top: 2.2222222222em;
  justify-content: center;
  position: relative;
}
@media screen and (max-width: 1280px) {
  .detail_search_box .btn_box {
    margin-top: 2.1333333333em;
    font-size: 1.0714285714em;
    flex-direction: column;
    gap: 1em;
  }
}
.detail_search_box .btn_box .reset_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  font-size: 0.9375rem;
  gap: 0.1333333333em;
  color: var(--font-color-b6);
}
.detail_search_box .btn_box .reset_btn::before {
  content: "";
  display: block;
  width: 1.6em;
  height: 1.6em;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  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 style='fill:none' d='M0 0h24v24H0z'/%3E%3Cpath d='M122.5 226.591a8.222 8.222 0 0 1-3.29-.665 8.644 8.644 0 0 1-2.7-1.809 8.513 8.513 0 0 1-1.821-2.684 8.175 8.175 0 0 1-.668-3.289 8.013 8.013 0 0 1 .668-3.266 8.449 8.449 0 0 1 1.821-2.649 8.619 8.619 0 0 1 2.7-1.789 8.32 8.32 0 0 1 3.291-.657 7.9 7.9 0 0 1 3.489.8 8.96 8.96 0 0 1 2.863 2.187v-2.373h1.438v4.879h-4.908v-1.449h2.3a7.858 7.858 0 0 0-2.333-1.8 6.2 6.2 0 0 0-2.844-.675 6.789 6.789 0 0 0-4.88 1.948 6.365 6.365 0 0 0-2.027 4.774A6.745 6.745 0 0 0 117.6 223a6.627 6.627 0 0 0 4.9 2.029 6.455 6.455 0 0 0 4.8-2.006 6.716 6.716 0 0 0 1.967-4.855h1.564a8.181 8.181 0 0 1-2.426 5.964 7.984 7.984 0 0 1-5.905 2.459z' transform='translate(-110.329 -206.088)' style='fill:%23999'/%3E%3C/svg%3E%0A");
  transition: transform 0.25s;
}
@media screen and (min-width: 1025px), print {
  .detail_search_box .btn_box .reset_btn:hover {
    color: var(--brand-color-b2);
  }
  .detail_search_box .btn_box .reset_btn:hover::before {
    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 style='fill:none' d='M0 0h24v24H0z'/%3E%3Cpath d='M122.5 226.591a8.222 8.222 0 0 1-3.29-.665 8.644 8.644 0 0 1-2.7-1.809 8.513 8.513 0 0 1-1.821-2.684 8.175 8.175 0 0 1-.668-3.289 8.013 8.013 0 0 1 .668-3.266 8.449 8.449 0 0 1 1.821-2.649 8.619 8.619 0 0 1 2.7-1.789 8.32 8.32 0 0 1 3.291-.657 7.9 7.9 0 0 1 3.489.8 8.96 8.96 0 0 1 2.863 2.187v-2.373h1.438v4.879h-4.908v-1.449h2.3a7.858 7.858 0 0 0-2.333-1.8 6.2 6.2 0 0 0-2.844-.675 6.789 6.789 0 0 0-4.88 1.948 6.365 6.365 0 0 0-2.027 4.774A6.745 6.745 0 0 0 117.6 223a6.627 6.627 0 0 0 4.9 2.029 6.455 6.455 0 0 0 4.8-2.006 6.716 6.716 0 0 0 1.967-4.855h1.564a8.181 8.181 0 0 1-2.426 5.964 7.984 7.984 0 0 1-5.905 2.459z' transform='translate(-110.329 -206.088)' style='fill:%23111'/%3E%3C/svg%3E%0A");
    transform: rotate(45deg);
  }
}
@media screen and (max-width: 1280px) {
  .detail_search_box .btn_box .reset_btn {
    position: static;
    transform: none;
    font-size: 0.9375rem;
    gap: 0.4em;
  }
  .detail_search_box .btn_box .reset_btn::before {
    width: 1.44em;
    height: 1.44em;
  }
}
@media screen and (max-width: 800px) {
  .detail_search_box .btn_box .reset_btn {
    font-size: 0.75rem;
  }
}

/*
*****************************************
*          board  : start
*
*          type   : A
*****************************************
*/
.board_write_wrap {
  margin-top: 1.1111111111em;
  font-size: 1.125em;
  padding: 5.3333333333em 2.2222222222em;
  background-color: #fff;
  position: relative;
}
@media screen and (max-width: 1280px) {
  .board_write_wrap {
    font-size: 1.125rem;
    padding: 2.4em 1.3333333333em;
  }
}
@media screen and (max-width: 800px) {
  .board_write_wrap {
    font-size: 0.9375rem;
  }
}
.board_write_wrap::before {
  top: 0;
  left: 0;
  border-top: 2.3888888889em solid var(--bg-color);
  border-bottom: 2.3888888889em solid transparent;
  border-left: 2.6666666667em solid var(--bg-color);
  border-right: 2.6666666667em solid transparent;
}
.board_write_wrap::after {
  bottom: 0;
  right: 0;
  border-top: 2.3888888889em solid transparent;
  border-bottom: 2.3888888889em solid var(--bg-color);
  border-left: 2.6666666667em solid transparent;
  border-right: 2.6666666667em solid var(--bg-color);
}
.board_write_wrap::before, .board_write_wrap::after {
  content: "";
  display: block;
  position: absolute;
}
@media screen and (max-width: 1280px) {
  .board_write_wrap::before, .board_write_wrap::after {
    border-top-width: 0.8em;
    border-bottom-width: 0.8em;
    border-left-width: 0.9em;
    border-right-width: 0.9em;
  }
}
.board_write_wrap .board_write_inner {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1280px) {
  .board_write_wrap .board_write_inner {
    max-width: 100%;
  }
}

/*
*****************************************
*          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);
  padding-top: 2.5em;
  padding-bottom: 2.5em;
  padding-left: 2.5em;
  padding-right: 2.5em;
}
.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;
  }
}
@media screen and (max-width: 1280px) {
  .faq_lists .answer {
    padding: 1em;
  }
}

.siblings_post_box {
  font-size: 1.125rem;
  margin-top: 2.8888888889em;
  padding-bottom: 1.5em;
  margin-bottom: 0.8888888889em;
  position: relative;
}
@media screen and (max-width: 1280px) {
  .siblings_post_box {
    font-size: 0.9rem;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 800px) {
  .siblings_post_box {
    font-size: 0.75rem;
  }
}
.siblings_post_box .board_read_inner {
  position: relative;
}
.siblings_post_box .siblings {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
.siblings_post_box .btn_box {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
}
.siblings_post_box .prev, .siblings_post_box .next {
  display: flex;
  align-items: flex-start;
  max-width: 40%;
  width: 100%;
}
.siblings_post_box .prev > a, .siblings_post_box .next > a {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 1025px), print {
  .siblings_post_box .prev > a:hover > *:not(.arr), .siblings_post_box .next > a:hover > *:not(.arr) {
    text-decoration: underline;
  }
}
.siblings_post_box .prev.disabled, .siblings_post_box .next.disabled {
  touch-action: none;
  pointer-events: none;
  color: var(--font-color-b6);
}
.siblings_post_box .arr {
  display: flex;
  align-items: center;
  gap: 0.8888888889em;
  font-weight: bold;
}
.siblings_post_box .arr::before, .siblings_post_box .arr::after {
  content: "";
  width: 2em;
  height: 2em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}
@media screen and (max-width: 1280px) {
  .siblings_post_box .arr::before, .siblings_post_box .arr::after {
    width: 2.6666666667em;
    height: 2.6666666667em;
  }
}
.siblings_post_box .arr::before {
  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%3Cg style='stroke:%23000;fill:none' transform='rotate(90 18 18)'%3E%3Ccircle cx='18' cy='18' r='18' style='stroke:none'/%3E%3Ccircle cx='18' cy='18' r='17.5' style='fill:none'/%3E%3C/g%3E%3Cpath style='fill:none' d='M0 0h16v16H0z' transform='rotate(180 13 13)'/%3E%3Cpath d='M1.98 0H0v9.122h1.98z' transform='rotate(90 3.148 20.133)' style='fill:%23000'/%3E%3Cpath d='M6.6 0 4 2.6 1.4 0 0 1.4l4 4 4-4z' transform='rotate(90 1.818 15.858)' style='fill:%23000'/%3E%3C/svg%3E%0A");
}
.siblings_post_box .arr::after {
  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%3Cg style='stroke:%23000;fill:none' transform='rotate(90 18 18)'%3E%3Ccircle cx='18' cy='18' r='18' style='stroke:none'/%3E%3Ccircle cx='18' cy='18' r='17.5' style='fill:none'/%3E%3C/g%3E%3Cpath d='M12.72 18.965v-1.98h9.122v1.98z'/%3E%3Cpath d='m18.325 20.64 2.6-2.6-2.6-2.6 1.4-1.4 4 4-4 4z'/%3E%3C/svg%3E%0A");
}
.siblings_post_box .arr + * {
  display: block;
  margin-top: 0.8888888889em;
  position: absolute;
  top: 100%;
  width: 100%;
}
@media screen and (max-width: 1280px) {
  .siblings_post_box .arr + * {
    display: none;
    margin-top: 0.4166666667em;
  }
}
@media screen and (max-width: 1280px) {
  .siblings_post_box .arr {
    gap: 0.4166666667em;
  }
}
.siblings_post_box .disabled .arr::before {
  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%3Cg style='stroke:%23999;fill:none' transform='rotate(90 18 18)'%3E%3Ccircle cx='18' cy='18' r='18' style='stroke:none'/%3E%3Ccircle cx='18' cy='18' r='17.5' style='fill:none'/%3E%3C/g%3E%3Cpath style='fill:none' d='M0 0h16v16H0z' transform='rotate(180 13 13)'/%3E%3Cpath d='M1.98 0H0v9.122h1.98z' transform='rotate(90 3.148 20.133)' style='fill:%23999'/%3E%3Cpath d='M6.6 0 4 2.6 1.4 0 0 1.4l4 4 4-4z' transform='rotate(90 1.818 15.858)' style='fill:%23999'/%3E%3C/svg%3E%0A");
}
.siblings_post_box .disabled .arr::after {
  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%3Cg style='stroke:%23999;fill:none' transform='rotate(90 18 18)'%3E%3Ccircle cx='18' cy='18' r='18' style='stroke:none'/%3E%3Ccircle cx='18' cy='18' r='17.5' style='fill:none'/%3E%3C/g%3E%3Cpath d='M12.72 18.965v-1.98h9.122v1.98z' style='fill:%23999'/%3E%3Cpath d='m18.325 20.64 2.6-2.6-2.6-2.6 1.4-1.4 4 4-4 4z' style='fill:%23999'/%3E%3C/svg%3E%0A");
}
.siblings_post_box .prev {
  text-align: left;
  padding-right: 5em;
}
.siblings_post_box .prev > a {
  align-items: flex-start;
}
.siblings_post_box .prev .arr::before {
  display: block;
}
@media screen and (max-width: 1280px) {
  .siblings_post_box .prev .arr {
    flex-direction: column;
  }
}
.siblings_post_box .next {
  text-align: right;
  padding-left: 5em;
}
.siblings_post_box .next > a {
  align-items: flex-end;
}
.siblings_post_box .next .arr::after {
  display: block;
}
@media screen and (max-width: 1280px) {
  .siblings_post_box .next .arr {
    flex-direction: column-reverse;
  }
}

#comment {
  font-size: 1rem;
}
@media screen and (max-width: 1280px) {
  #comment {
    font-size: 0.975rem;
  }
}
@media screen and (max-width: 800px) {
  #comment {
    font-size: 0.8125rem;
  }
}
#comment .comments {
  border-bottom: 1px solid #d0d6dc;
}
#comment.comment_wrap {
  border-top: 1px solid #d0d6dc;
}
#comment .comment_tit {
  display: flex;
  align-items: center;
  gap: 0.2083333333em;
  font-size: 1.5em;
  padding-top: 1.25em;
  padding-bottom: 1.25em;
}
#comment .comment_tit::before {
  content: "";
  display: block;
  width: 1.3333333333em;
  height: 1.3333333333em;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M-3749.431 11110.76c0 .218-.436 3.488-.436 3.488l-2.049 1.657 2.049 4.1-2.529 6.366 6.541-2.922 2.834 2.224 2.573-2.572s2.7 2.572 2.791 2.572 2.66-2.224 2.66-2.224l3.75-.349v-3.1l2.922-3.838-3.663-2.66.262-3.881H-3735l-3.532-2.049s-2.747 3.575-2.878 3.183-2.18-3.488-2.18-3.488l-2.747 3.1z' transform='translate(3757 -11101)' style='fill:%23fff'/%3E%3Cpath d='m26.578-11.648 2.039 2.027a1.666 1.666 0 0 1 .363.545 1.68 1.68 0 0 1 .129.65 1.68 1.68 0 0 1-.129.65 1.666 1.666 0 0 1-.363.545L26.578-5.2v2.672a1.667 1.667 0 0 1-.129.656 1.662 1.662 0 0 1-.357.533 1.744 1.744 0 0 1-.533.363 1.6 1.6 0 0 1-.656.135H22.23l-2.039 2.025a1.766 1.766 0 0 1-.539.369 1.576 1.576 0 0 1-.645.135 1.617 1.617 0 0 1-.65-.135 1.746 1.746 0 0 1-.545-.369L16.477-.152l-1.336 1.336a1.746 1.746 0 0 1-.545.369 1.617 1.617 0 0 1-.65.135 1.576 1.576 0 0 1-.645-.135 1.766 1.766 0 0 1-.539-.369L11.086-.48 5.438 2.344a1.654 1.654 0 0 1-.75.176A1.663 1.663 0 0 1 3.5 2.033a1.744 1.744 0 0 1-.365-.533A1.6 1.6 0 0 1 3 .844a1.679 1.679 0 0 1 .176-.762L6-5.566 4.336-7.23a1.666 1.666 0 0 1-.363-.545 1.68 1.68 0 0 1-.129-.65 1.68 1.68 0 0 1 .129-.65 1.666 1.666 0 0 1 .363-.545l2.027-2.027v-2.673a1.617 1.617 0 0 1 .135-.65 1.725 1.725 0 0 1 .363-.539 1.725 1.725 0 0 1 .539-.363 1.617 1.617 0 0 1 .65-.135h2.672l2.039-2.027a1.614 1.614 0 0 1 1.184-.492 1.68 1.68 0 0 1 .65.129 1.666 1.666 0 0 1 .545.363l1.337 1.334 1.336-1.336a1.666 1.666 0 0 1 .545-.363 1.68 1.68 0 0 1 .65-.129 1.614 1.614 0 0 1 1.184.492l2.039 2.027H24.9a1.6 1.6 0 0 1 .656.135 1.744 1.744 0 0 1 .533.363 1.662 1.662 0 0 1 .357.533 1.667 1.667 0 0 1 .129.656zM24.9-5.895l2.52-2.531-2.52-2.531v-3.363h-3.373l-2.52-2.531-2.53 2.531-2.531-2.531-2.52 2.531H8.051v3.363l-2.52 2.531 2.52 2.531L4.688.844l6.738-3.375L13.945 0l2.531-2.531L19.008 0l2.52-2.531H24.9z' transform='translate(0 24)' style='fill:%23111'/%3E%3C/svg%3E%0A");
}
@media screen and (max-width: 1280px) {
  #comment .comment_tit {
    font-size: 1.3076923077em;
    padding-top: 1.1764705882em;
    padding-bottom: 1em;
  }
  #comment .comment_tit::before {
    width: 1.4117647059em;
    height: 1.4117647059em;
  }
}
#comment .btn_xsm {
  background-color: rgba(255, 255, 255, 0);
  border: 1px solid var(--border-color4);
  border-radius: 0.25rem;
  color: var(--font-color-b6);
}
@media screen and (max-width: 800px) {
  #comment .btn_xsm {
    border-radius: 0.1666666667em;
  }
}
#comment .comment_info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1em;
  gap: 0.625em;
}
@media screen and (max-width: 1280px) {
  #comment .comment_info {
    margin-bottom: 1.2307692308em;
    gap: 0.3846153846em;
  }
}
#comment .write_info {
  display: flex;
  align-items: center;
  color: #888;
  gap: 0.625em;
}
#comment .write_info .writer {
  font-size: 1.125em;
  font-weight: bold;
  color: #111;
}
#comment .write_info .writer::after {
  display: none;
}
#comment .write_info .reg_date {
  font-size: 0.9375em;
}
@media screen and (max-width: 1280px) {
  #comment .write_info {
    gap: 0.7692307692em;
  }
  #comment .write_info .writer {
    font-size: 1.0769230769em;
  }
  #comment .write_info .reg_date {
    font-size: 0.9230769231em;
  }
}
#comment .editor {
  position: relative;
  padding: 1px 1px 1.875em;
  padding-right: 0.25em;
}
#comment .editor .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border: 1px solid var(--border-color);
  z-index: 2;
}
#comment .reply .ft {
  height: 4.375em;
}
@media screen and (max-width: 1280px) {
  #comment .reply .ft {
    height: 11.7307692308em;
  }
}
#comment .ft {
  position: relative;
  z-index: 3;
  padding-top: 1.5em;
  padding-left: 1.5em;
  padding-right: 1.25em;
  padding-bottom: 0;
  line-height: 1.625;
  height: 6em;
  box-shadow: none;
  border: 0;
  vertical-align: top;
}
#comment .ft:focus {
  box-shadow: none;
}
#comment .ft:focus + .bg {
  border: 1px solid var(--color-black);
}
@media screen and (max-width: 1280px) {
  #comment .ft {
    height: 11.7307692308em;
  }
}
#comment .comment_txt {
  line-height: 1.625;
  color: #111;
  margin-bottom: 1.5em;
  min-height: 3.3em;
}
#comment .comment_txt:last-child {
  margin-bottom: 0;
}
#comment .comment_contr {
  position: absolute;
  bottom: 1px;
  right: 1px;
  display: flex;
  align-items: center;
  z-index: 5;
  gap: 0.625em;
}
#comment .comment_contr .total_word {
  position: static;
  height: auto;
  color: var(--font-color-b6);
}
@media screen and (max-width: 1280px) {
  #comment .comment_contr .total_word {
    font-size: 0.8461538462em;
  }
}
#comment .comment_btn {
  border-radius: 0;
  background-color: var(--bg-brand-color-300);
  color: #fff;
  font-size: 0.9375em;
  padding-left: 0.8em;
  padding-right: 0.8em;
  height: 2em;
  border: 0;
}
@media screen and (max-width: 1280px) {
  #comment .comment_btn {
    height: 1em;
    padding-left: 0.9230769231em;
    padding-right: 0.9230769231em;
    height: 2.1153846154em;
  }
}
#comment .toggle_reply {
  display: flex;
  align-items: center;
  font-size: 0.9375em;
  color: #888;
  gap: 0.2666666667em;
  margin-bottom: 1.3333333333em;
}
#comment .toggle_reply::after {
  content: "";
  display: block;
  width: 1.0666666667em;
  height: 1.0666666667em;
  margin-left: 0.1333333333em;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath style='fill:none' d='M0 0h16v16H0z' transform='rotate(180 8 8)'/%3E%3Cpath d='m-16888.848-12927.187-3.453-3.453-3.453 3.453-1.414-1.414 4.867-4.867 4.867 4.867z' transform='rotate(180 -8442.251 -6461.068)' style='fill:%23999'/%3E%3C/svg%3E%0A");
}
#comment .toggle_reply.on::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath style='fill:none' d='M0 0h16v16H0z' transform='rotate(180 8 8)'/%3E%3Cpath d='M8.32 0 4.867 3.453 1.414 0 0 1.414l4.867 4.867 4.867-4.867z' transform='rotate(180 6.333 5.474)' style='fill:%23999'/%3E%3C/svg%3E%0A");
}
#comment .toggle_reply.on ~ .reply_list {
  display: block;
  margin-top: 1.25em;
}
#comment .comment_item {
  padding-top: 2.5em;
  border-top: 1px solid #d0d6dc;
}
#comment .comment_item:first-child {
  border-top: 0;
}
#comment .comment_item .reply_list {
  display: none;
  border-top: 1px solid #d0d6dc;
  background-color: var(--bg-brand-color-200);
  padding-left: 1.875em;
  padding-right: 1.875em;
}
#comment .comment_item.reply {
  margin-top: 0;
  padding-top: 1.875em;
  padding-bottom: 1.875em;
  padding-left: 2.625em;
  padding-right: 2.625em;
}
@media screen and (max-width: 1280px) {
  #comment .comment_item.reply {
    padding-top: 1.5384615385em;
    padding-bottom: 1.5384615385em;
    padding-left: 0;
    padding-right: 0;
  }
}
#comment .comment_item.reply .write_info {
  position: relative;
}
#comment .comment_item.reply .write_info::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 100%;
  width: 1.5em;
  height: 1.5em;
  margin-top: -0.75em;
  margin-right: 1.125em;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath style='fill:none' d='M0 0h24v24H0z'/%3E%3Cpath d='M18.647 18.646H5.353V5.353h.5v12.793h12.793z'/%3E%3C/svg%3E%0A") no-repeat center/100% auto;
}
@media screen and (max-width: 1280px) {
  #comment .comment_item.reply .write_info {
    gap: 0.6153846154em;
  }
  #comment .comment_item.reply .write_info::before {
    position: static;
    margin-top: 0;
    margin-right: 0.1538461538em;
    width: 1.3846153846em;
    height: 1.3846153846em;
  }
}
@media screen and (max-width: 1280px) {
  #comment .comment_item.reply .comment_info {
    margin-bottom: 1em;
  }
}
#comment .comment_item.edit .comment_modify, #comment .comment_item.edit .comment_delete {
  display: none;
}
#comment .comment_item.edit .comment_cancel {
  display: block;
}
@media screen and (max-width: 1280px) {
  #comment .comment_item {
    padding-top: 1.5384615385em;
  }
}
#comment .comment_cancel {
  display: none;
}

.board_count_info {
  display: flex;
  align-items: center;
  gap: 0.6666666667em;
}
.board_count_info .count_info .board_status {
  display: flex;
  align-items: center;
  gap: 0.3333333333em;
}
.board_count_info .count_info .board_status::before {
  content: "";
  display: block;
  width: 1.6em;
  height: 1.6em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}
.board_count_info .count_info.like .board_status::before {
  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='M892.531 673.963h-.668l-7.038-7.038a5.006 5.006 0 0 1 7.08-7.08l.292.292.292-.292a5.006 5.006 0 0 1 7.08 7.08l-.334.334-.668-.668.334-.334a4.062 4.062 0 0 0-5.745-5.745l-.626.626h-.668l-.626-.626a4.062 4.062 0 0 0-5.745 5.745l6.7 6.7 5.314-5.314.667.668z' transform='translate(-880.049 -654.169)' style='fill:%23020a0a;stroke:%23000;stroke-width:.5px'/%3E%3C/svg%3E%0A");
}
.board_count_info .count_info.like .like_btn.on::before {
  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 data-name='Rectangle 332' style='fill:none' d='M0 0h24v24H0z'/%3E%3Cpath data-name='Union 25' d='m7861.5 2649.582-7.038-7.038a5.006 5.006 0 0 1 7.08-7.079l.292.292.292-.292a5.006 5.006 0 0 1 7.08 7.079l-.334.334-.357-.357-1.03 1.084.33.33-5.647 5.647zm-6.37-7.706.668.669-1.564-2.024a4.014 4.014 0 0 0 .895 1.355zm.956-6.454.49-.221a4.031 4.031 0 0 0-.491.221zm8.343-.286 1.175-.189a4.1 4.1 0 0 0-1.176.189z' transform='translate(-7849.833 -2629.789)' style='fill:%23ff5d00'/%3E%3Cpath data-name='Path 1089' d='M892.531 673.963h-.668l-7.038-7.038a5.006 5.006 0 0 1 7.08-7.08l.292.292.292-.292a5.006 5.006 0 0 1 7.08 7.08l-.334.334-.668-.668.334-.334a4.062 4.062 0 0 0-5.745-5.745l-.626.626h-.668l-.626-.626a4.062 4.062 0 0 0-5.745 5.745l6.7 6.7 5.314-5.314.667.668z' transform='translate(-880.197 -654.169)' style='fill:%23020a0a;stroke:%23000;stroke-width:.5px'/%3E%3C/svg%3E%0A");
}
.board_count_info .count_info.comment .board_status::before {
  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='m1104.523 1108.515-.677-.422 2.087-3.314.3-.185c4.032-.462 7.073-3.127 7.073-6.2 0-3.462-3.737-6.278-8.33-6.278s-8.33 2.816-8.33 6.278c0 2.926 2.645 5.437 6.432 6.1l.41.072-.145.82-.41-.072c-4.192-.74-7.12-3.587-7.12-6.925 0-3.921 4.111-7.111 9.163-7.111s9.163 3.19 9.163 7.111c0 3.5-3.191 6.421-7.617 7z' transform='translate(-1092.828 -1087.898)' style='stroke:%23000;stroke-width:.5px;fill:%23020a0a'/%3E%3Cg transform='translate(7.438 9.56)'%3E%3Ccircle cx='1.079' cy='1.079' r='1.079' style='fill:%23020a0a'/%3E%3Ccircle cx='1.079' cy='1.079' r='1.079' transform='translate(3.631)' style='fill:%23020a0a'/%3E%3Cpath d='M1154.227 1122a1.079 1.079 0 1 1-1.079-1.079 1.079 1.079 0 0 1 1.079 1.079z' transform='translate(-1144.806 -1120.925)' style='fill:%23020a0a'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.board_count_info .count_info.view .board_status::before {
  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='M2762.189 1105.21a13.06 13.06 0 0 1-7.338-2.734 19.467 19.467 0 0 1-3.054-2.721l.6-.523-.3.262.3-.262a19.037 19.037 0 0 0 2.934 2.607 12.266 12.266 0 0 0 6.854 2.571c5.242 0 9.59-5.122 9.633-5.174l.613.513a18.691 18.691 0 0 1-2.98 2.723 12.484 12.484 0 0 1-7.262 2.738z' transform='translate(-2749.951 -1085.641)' style='fill:%23020a0a;stroke:%23000;stroke-width:.5px'/%3E%3Cpath d='m2752.4 1105.071-.6-.523a19.467 19.467 0 0 1 3.054-2.721 13.06 13.06 0 0 1 7.338-2.734 12.484 12.484 0 0 1 7.266 2.737 18.691 18.691 0 0 1 2.98 2.723l-.613.513a18.275 18.275 0 0 0-2.858-2.6 11.926 11.926 0 0 0-6.775-2.569c-5.249-.004-9.745 5.123-9.792 5.174z' transform='translate(-2749.951 -1094.49)' style='fill:%23020a0a;stroke:%23000;stroke-width:.5px'/%3E%3Cpath d='M4.5.8a3.7 3.7 0 1 0 3.7 3.7A3.7 3.7 0 0 0 4.5.8m0-.8A4.5 4.5 0 1 1 0 4.5 4.5 4.5 0 0 1 4.5 0z' transform='translate(7.648 7.51)' style='fill:%23020a0a;stroke:%23000;stroke-width:.5px'/%3E%3C/svg%3E%0A");
}

.layer_pop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9005;
  visibility: hidden;
  transition: visibility 0.35s, opacity 0.35s;
}
.layer_pop.on {
  opacity: 1;
  visibility: visible;
}
.layer_pop.center {
  font-size: 1.125rem;
}
@media screen and (max-width: 1280px) {
  .layer_pop.center {
    font-size: 0.975rem;
  }
}
@media screen and (max-width: 800px) {
  .layer_pop.center {
    font-size: 0.8125rem;
  }
}
.layer_pop.center .layer_close {
  position: absolute;
  top: 0;
  right: 0;
  width: 3.3333333333em;
  height: 3.3333333333em;
  border-radius: 50%;
  border: var(--line-width) solid var(--color-black);
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cpath d='M22.929 34.243 27.17 30l-4.242-4.242 2.828-2.829L30 27.172l4.242-4.243 2.829 2.829L32.828 30l4.243 4.243-2.829 2.828L30 32.83l-4.243 4.242z'/%3E%3C/svg%3E%0A") no-repeat center;
  background-size: 100% auto;
}
@media screen and (max-width: 1280px) {
  .layer_pop.center .layer_close {
    width: 2.3076923077em;
    height: 2.3076923077em;
    top: 0;
    border-width: 0.1538461538em;
  }
}
.layer_pop.center .layer_box {
  display: flex;
  align-items: center;
  max-width: 47.7777777778em;
  padding-left: 3.8888888889em;
  padding-right: 3.8888888889em;
  transform: translate(-50%, -50%);
  height: auto;
}
@media screen and (max-width: 1024px) {
  .layer_pop.center .layer_box {
    max-width: calc(100% - 3.0769230769em);
    padding-left: 0;
    padding-right: 0;
    padding-top: 3.0769230769em;
    padding-bottom: 4.6153846154em;
  }
}
.layer_pop.center .layer_tit {
  font-size: 1.3333333333em;
  border-bottom: var(--line-width) solid var(--color-black);
  padding-bottom: 1em;
  margin-bottom: 1.6666666667em;
}
@media screen and (max-width: 1280px) {
  .layer_pop.center .layer_tit {
    font-size: 1.3076923077em;
    padding-bottom: 0.7058823529em;
    margin-bottom: 1.1764705882em;
  }
}
.layer_pop.center .inner {
  background-color: var(--color-white);
  padding: 3.3333333333em;
  height: 100%;
  width: 100%;
  overflow-y: auto;
  max-height: calc(var(--vh, 1vh) * 85);
}
@media screen and (max-width: 1280px) {
  .layer_pop.center .inner {
    padding: 3.2em 1.3333333333em;
  }
}
.layer_pop.center .btn_box {
  margin-top: 2.2222222222em;
}
@media screen and (max-width: 1280px) {
  .layer_pop.center .btn_box {
    margin-top: 1.4285714286em;
  }
}
.layer_pop.center .layer_conts {
  overflow-y: visible;
}
@media screen and (max-width: 1280px) {
  .layer_pop.right {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 800px) {
  .layer_pop.right {
    font-size: 0.9375rem;
  }
}
.layer_pop.right .layer_close {
  position: absolute;
  top: 50%;
  right: 100%;
  width: 2.3888888889em;
  height: 5.5555555556em;
  margin-top: -2.7777777778em;
  background-color: var(--color-black);
  clip-path: polygon(100% 0%, 100% 100%, 0 90%, 0 10%);
  z-index: -1;
}
.layer_pop.right .layer_close::before {
  content: "";
  display: block;
  background-color: var(--color-white);
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-right: var(--line-width) solid var(--color-black);
  clip-path: polygon(calc(100% + var(--line-width)) calc(0% + var(--line-width)), calc(100% + var(--line-width)) calc(100% - var(--line-width)), calc(0% + var(--line-width)) calc(90% - var(--line-width)), calc(0% + var(--line-width)) calc(10% + var(--line-width)));
}
.layer_pop.right .layer_close::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.3333333333em;
  height: 1.3333333333em;
  margin-top: -0.6666666667em;
  margin-left: -0.6666666667em;
  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='M4 13.462v-3h13.82v3z'/%3E%3Cpath d='m12.491 16 3.941-3.937-3.941-3.942L14.612 6l6.062 6.063-6.062 6.063z'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
}
@media screen and (max-width: 1280px) {
  .layer_pop.right .layer_close {
    clip-path: none;
    top: 0;
    right: 1.5rem;
    margin-top: 0;
    z-index: 5;
    width: 2em;
    height: 2em;
    margin-top: 1em;
  }
  .layer_pop.right .layer_close::after {
    top: 0;
    left: 0;
    margin-top: 0;
    margin-left: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg style='fill:%23fff;stroke:%23000;stroke-width:4px'%3E%3Ccircle cx='30' cy='30' r='30' style='stroke:none'/%3E%3Ccircle cx='30' cy='30' r='28' style='fill:none'/%3E%3C/g%3E%3Cpath d='M22.929 34.243 27.17 30l-4.242-4.242 2.828-2.829L30 27.172l4.242-4.243 2.829 2.829L32.828 30l4.243 4.243-2.829 2.828L30 32.83l-4.243 4.242z'/%3E%3C/svg%3E%0A");
  }
  .layer_pop.right .layer_close::before {
    clip-path: none;
    border: none;
  }
}
.layer_pop.right.on .layer_box {
  transform: translateX(0);
  transition-delay: 0.15s;
}
.layer_pop.right .layer_box {
  top: 0%;
  left: auto;
  right: 0%;
  padding-left: 5.5555555556em;
  transform: translateX(100%);
  transition: transform 0.5s;
}
@media screen and (max-width: 1280px) {
  .layer_pop.right .layer_box {
    padding-bottom: var(--floating-height);
  }
}
@media screen and (max-width: 800px) {
  .layer_pop.right .layer_box {
    max-width: 100%;
    padding-left: 0 !important;
  }
}
.layer_pop.right .inner {
  display: flex;
  flex-direction: column;
  position: relative;
  background-color: var(--color-white);
  height: 100%;
}
.layer_pop.right .inner::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 100%;
  height: 100%;
  border-left: var(--line-width) solid var(--color-black);
}
.layer_pop.right .layer_conts {
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}
.layer_pop.right .layer_conts::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 1280px) {
  .layer_pop.right .layer_conts {
    border-top: var(--line-width) solid var(--color-black);
  }
}
@media screen and (max-width: 1280px) {
  .layer_pop.right .layer_tit {
    font-size: 2.2857142857em;
  }
}
.layer_pop .layer_box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
}
.layer_pop .layer_tit {
  font-size: 2.2222222222em;
  margin-bottom: 1.55em;
  font-family: "TheJamsil", sans-serif;
  width: 100%;
}
.layer_pop .layer_conts {
  min-width: 100%;
  overflow-y: auto;
  max-height: calc(100% - 8.4375rem);
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.layer_pop .layer_conts::-webkit-scrollbar {
  width: 0.1875rem;
}
.layer_pop .layer_conts::-webkit-scrollbar-track {
  background: #dddddd;
}
.layer_pop .layer_conts::-webkit-scrollbar-thumb {
  background: var(--font-color-b4);
}
@media screen and (max-width: 1280px) {
  .layer_pop .layer_conts {
    max-height: calc(100% - 6.2857142857em);
  }
}
.layer_pop .btn_box {
  margin-top: 3.3333333333em;
}
@media screen and (max-width: 1280px) {
  .layer_pop .btn_box {
    margin-top: 1.3333333333em;
  }
}
@media screen and (max-width: 800px) {
  .layer_pop .btn_box .btn {
    width: calc(50% - 0.625rem);
  }
  .layer_pop .btn_box .btn:first-child:last-child {
    width: 9.1666666667em;
  }
}

#evalPop .eval_list {
  display: flex;
  flex-wrap: wrap;
  gap: 1.3888888889em;
}
#evalPop .eval_item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.8888888889em;
  width: 100%;
}
#evalPop .eval_item .ds_lab {
  flex: 0 0 auto;
}
@media screen and (max-width: 1024px) {
  #evalPop .eval_item .ds_lab {
    flex: 1 1 100%;
    width: 100%;
  }
}
#evalPop .rating {
  display: flex;
  align-items: center;
  margin-left: auto;
  flex: 0 0 auto;
}
#evalPop .rating .rating_star {
  width: 1.8888888889em;
  height: 1.8888888889em;
  padding: 0.2777777778em;
}
#evalPop .rating .rating_star:nth-child(even) {
  margin-left: -1.2222222222em;
  width: 1.2222222222em;
}
#evalPop .rating .rating_star:nth-child(even) .star {
  background-position: right center;
  transform-origin: left;
}
#evalPop .rating .rating_star.on .star {
  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='m133.649 278.507-5.114 3.079a.782.782 0 0 1-.467.124.819.819 0 0 1-.44-.151.849.849 0 0 1-.289-.357.812.812 0 0 1-.041-.495l1.347-5.829-4.509-3.932a.738.738 0 0 1-.261-.426 1.078 1.078 0 0 1 .014-.454.671.671 0 0 1 .247-.371.881.881 0 0 1 .467-.179l5.966-.522 2.31-5.5a.77.77 0 0 1 .33-.371.844.844 0 0 1 .88 0 .77.77 0 0 1 .33.371l2.31 5.5 5.966.522a.881.881 0 0 1 .467.179.671.671 0 0 1 .247.371 1.078 1.078 0 0 1 .014.454.738.738 0 0 1-.261.426l-4.509 3.932 1.347 5.829a.812.812 0 0 1-.041.495.849.849 0 0 1-.289.357.819.819 0 0 1-.44.151.782.782 0 0 1-.467-.124z' transform='translate(-121.649 -260.465)' style='fill:%2300b4ed'/%3E%3C/svg%3E%0A");
}
#evalPop .rating .rating_star.act .star {
  animation: scaleStar 0.5s ease-out;
}
@media screen and (max-width: 1024px) {
  #evalPop .rating .rating_star.act .star {
    animation-duration: 0.35;
  }
}
#evalPop .rating .rating_star.hov .star {
  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='m133.649 278.507-5.114 3.079a.782.782 0 0 1-.467.124.819.819 0 0 1-.44-.151.849.849 0 0 1-.289-.357.812.812 0 0 1-.041-.495l1.347-5.829-4.509-3.932a.738.738 0 0 1-.261-.426 1.078 1.078 0 0 1 .014-.454.671.671 0 0 1 .247-.371.881.881 0 0 1 .467-.179l5.966-.522 2.31-5.5a.77.77 0 0 1 .33-.371.844.844 0 0 1 .88 0 .77.77 0 0 1 .33.371l2.31 5.5 5.966.522a.881.881 0 0 1 .467.179.671.671 0 0 1 .247.371 1.078 1.078 0 0 1 .014.454.738.738 0 0 1-.261.426l-4.509 3.932 1.347 5.829a.812.812 0 0 1-.041.495.849.849 0 0 1-.289.357.819.819 0 0 1-.44.151.782.782 0 0 1-.467-.124z' transform='translate(-121.649 -260.465)' style='fill:%2300b4ed'/%3E%3C/svg%3E%0A");
}
#evalPop .rating .star {
  display: block;
  background: no-repeat left center/auto 100%;
  width: 100%;
  height: 100%;
  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='m133.649 278.507-5.114 3.079a.782.782 0 0 1-.467.124.819.819 0 0 1-.44-.151.849.849 0 0 1-.289-.357.812.812 0 0 1-.041-.495l1.347-5.829-4.509-3.932a.738.738 0 0 1-.261-.426 1.078 1.078 0 0 1 .014-.454.671.671 0 0 1 .247-.371.881.881 0 0 1 .467-.179l5.966-.522 2.31-5.5a.77.77 0 0 1 .33-.371.844.844 0 0 1 .88 0 .77.77 0 0 1 .33.371l2.31 5.5 5.966.522a.881.881 0 0 1 .467.179.671.671 0 0 1 .247.371 1.078 1.078 0 0 1 .014.454.738.738 0 0 1-.261.426l-4.509 3.932 1.347 5.829a.812.812 0 0 1-.041.495.849.849 0 0 1-.289.357.819.819 0 0 1-.44.151.782.782 0 0 1-.467-.124z' transform='translate(-121.649 -260.465)' style='fill:%23e4e9ee'/%3E%3C/svg%3E%0A");
}
@media screen and (max-width: 1024px) {
  #evalPop .rating {
    margin-left: 0;
    width: 100%;
  }
  #evalPop .rating .rating_star {
    width: 2.8571428571em;
    height: 2.8571428571em;
    padding: 0.1428571429em;
  }
  #evalPop .rating .rating_star:nth-child(even) {
    margin-left: -1.5714285714em;
    width: 1.5714285714em;
  }
  #evalPop .rating .rating_star:nth-child(even) .star {
    background-position: right center;
  }
}
#evalPop .layer_conts {
  border-bottom: 0.125rem solid var(--color-black);
  padding-bottom: 2.2222222222em;
}
#evalPop .lab {
  display: flex;
  margin-top: 1.5em;
  margin-bottom: 0.6666666667em;
  font-weight: bold;
}
@media screen and (max-width: 1280px) {
  #evalPop .lab {
    font-size: 1.0769230769em;
  }
}
#evalPop .ds_lab {
  font-size: 1em;
}
#evalPop ._tit {
  font-size: 1.2222222222em;
}
#evalPop ._txt {
  font-size: 0.8888888889em;
}
#evalPop ._txt:not(:first-child) {
  margin-top: 0.75em;
}
@media screen and (max-width: 1280px) {
  #evalPop textarea.ft {
    height: 13.8461538462em;
  }
  #evalPop [data-lap] .total_word {
    font-size: 0.8461538462em;
  }
}

#offerComment {
  font-size: 1.125rem;
}
@media screen and (max-width: 1280px) {
  #offerComment {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 800px) {
  #offerComment {
    font-size: 0.9375rem;
  }
}
#offerComment .layer_box {
  line-height: 1.625;
}
#offerComment .border_box {
  font-size: 0.8888888889em;
  line-height: 1.625;
}
#offerComment .layer_conts {
  padding-bottom: 2.2222222222em;
  border-bottom: 0.125rem solid var(--color-black);
}
@supports (height: fit-content) {
  #offerComment .layer_conts {
    height: fit-content;
  }
}
@supports not (height: fit-content) {
  #offerComment .layer_conts {
    height: 100%;
  }
}

#alarmWrap .layer_box {
  max-width: 41.875rem;
}
#alarmWrap .inner {
  padding: 3.3333333333em 4.4444444444em 0;
}
@media screen and (max-width: 1280px) {
  #alarmWrap .inner {
    padding: 4.2857142857em 1.4285714286em 0;
  }
}
#alarmWrap .layer_conts {
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 0.8888888889em;
}
#alarmWrap .layer_conts::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 1280px) {
  #alarmWrap .layer_conts {
    padding-bottom: 3.5714285714em;
  }
}
#alarmWrap .alarm_tit {
  display: flex;
  align-items: center;
  font-size: 1.3333333333em;
  color: var(--brand-color-sub);
  position: relative;
  font-family: "TheJamsil", sans-serif;
  margin-top: 2.0833333333em;
  margin-bottom: 0.8333333333em;
}
#alarmWrap .alarm_tit.footprint {
  gap: 0.2083333333em;
}
#alarmWrap .alarm_tit.footprint::before {
  content: "";
  display: block;
  width: 1.3333333333em;
  height: 1.3333333333em;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M6.974 17.229S5.162 14.2 3.007 10.865s0-4.7 0-4.7L6.672 4.08a3.4 3.4 0 0 1 4.2.924 2.689 2.689 0 0 1-.431 3.955 11.8 11.8 0 0 0-1.983 1.686c-.474.643.56 1.967.56 1.967l1.423 2.148a1.969 1.969 0 0 1-.46 2.879 2.129 2.129 0 0 1-1.3.49 2.388 2.388 0 0 1-1.707-.9zM0 6.493a.927.927 0 1 1 .928.927A.928.928 0 0 1 0 6.493zm1.856-2.782a.927.927 0 1 1 .927.927.927.927 0 0 1-.927-.927zM10.2 2.32v-.928a1.391 1.391 0 0 1 2.781 0v.928a1.391 1.391 0 0 1-2.781 0zm-5.564.464v-.927a.927.927 0 1 1 1.854 0v.927a.927.927 0 1 1-1.854 0zm2.784-.927V.929a.927.927 0 0 1 1.854 0v.928a.927.927 0 0 1-1.854 0z' transform='translate(3.25 5.079)' style='fill:%2300b4ed'/%3E%3Cpath d='M11.932 24.708a3.881 3.881 0 0 1-2.9-1.5l-.049-.065-.046-.064c-.018-.03-1.824-3.049-3.939-6.319a7.2 7.2 0 0 1-1.148-2.781 2.427 2.427 0 0 1-.209-4.774A2.428 2.428 0 0 1 6.45 6.398a2.428 2.428 0 0 1 3.145-1.761 2.426 2.426 0 0 1 2-1.056 2.416 2.416 0 0 1 1.545.555 2.875 2.875 0 0 1 1.7-.555 2.894 2.894 0 0 1 2.891 2.89v.928a2.9 2.9 0 0 1-1.82 2.685 3.872 3.872 0 0 1 .407 2.176 4.686 4.686 0 0 1-1.709 2.966l-.063.046a14.753 14.753 0 0 0-1.362 1.067 3.032 3.032 0 0 0 .269.429l.036.046 1.429 2.158a3.658 3.658 0 0 1 .692 2.542 3.535 3.535 0 0 1-1.466 2.4 3.607 3.607 0 0 1-2.212.794zm-.482-3.28a.862.862 0 0 0 .487.28.745.745 0 0 0 .393-.183c.328-.251.314-.389.309-.441a.821.821 0 0 0-.124-.323l-.065-.064-.01-.029-1.39-2.11a6.233 6.233 0 0 1-.583-.956 2.532 2.532 0 0 1 .041-2.769 11.645 11.645 0 0 1 2.279-1.992 1.67 1.67 0 0 0 .551-.923c.009-.1.038-.39-.367-.877a1.805 1.805 0 0 0-1.446-.753 2.276 2.276 0 0 0-.9.194l-3.541 2.02a.9.9 0 0 0-.253.448 3.128 3.128 0 0 0 .685 2.178c1.916 2.963 3.582 5.722 3.934 6.3z'/%3E%3Cpath d='M10.2 16.736v-.927a1.391 1.391 0 1 1 2.781 0v.927a1.391 1.391 0 1 1-2.781 0zm-2.781.464v-.927a.927.927 0 0 1 1.854 0v.927a.927.927 0 1 1-1.854 0zm-2.782-.927v-.927a.927.927 0 1 1 1.854 0v.927a.927.927 0 0 1-1.854 0zm-2.782-1.855a.927.927 0 1 1 .927.928.927.927 0 0 1-.927-.928zm4.816-.369-3.665-2.088s-2.156-1.367 0-4.7S6.973.9 6.973.9a2.1 2.1 0 0 1 3.01-.41 1.969 1.969 0 0 1 .461 2.878L9.021 5.515s-1.034 1.327-.56 1.967a11.74 11.74 0 0 0 1.983 1.688 2.689 2.689 0 0 1 .43 3.955 3.285 3.285 0 0 1-2.6 1.3 3.692 3.692 0 0 1-1.603-.376zM0 11.636a.927.927 0 1 1 .928.928.928.928 0 0 1-.928-.928z' transform='rotate(180 14.375 13.46)' style='fill:%2300b4ed'/%3E%3Cpath d='M17.159 7.291a2.874 2.874 0 0 1 1.7.556 2.424 2.424 0 0 1 3.545.5 2.428 2.428 0 0 1 3.146 1.762 2.429 2.429 0 0 1 2.81 2.81 2.428 2.428 0 0 1-.21 4.769 7.2 7.2 0 0 1-1.147 2.784 235.337 235.337 0 0 0-3.939 6.317l-.042.07-.049.065a3.879 3.879 0 0 1-2.9 1.5 3.605 3.605 0 0 1-2.213-.8 3.537 3.537 0 0 1-1.467-2.4 3.656 3.656 0 0 1 .692-2.541l1.43-2.164.03-.038a3.137 3.137 0 0 0 .27-.432 14.626 14.626 0 0 0-1.365-1.066l-.063-.046a4.686 4.686 0 0 1-1.708-2.965 3.873 3.873 0 0 1 .407-2.176 2.9 2.9 0 0 1-1.82-2.686v-.927a2.894 2.894 0 0 1 2.893-2.892zm4.213 6.9a2.272 2.272 0 0 0-.9-.194 1.8 1.8 0 0 0-1.446.753c-.405.488-.377.781-.367.878a1.669 1.669 0 0 0 .551.923 11.6 11.6 0 0 1 2.287 1.996 2.53 2.53 0 0 1 .04 2.767 6.245 6.245 0 0 1-.587.957l-1.451 2.194-.012.012a.815.815 0 0 0-.121.318c-.005.052-.019.19.311.442a.743.743 0 0 0 .392.182.9.9 0 0 0 .483-.276c.342-.568 2.011-3.333 3.932-6.3a3.129 3.129 0 0 0 .685-2.18.9.9 0 0 0-.253-.449z'/%3E%3Cpath d='M6.974 17.229S5.162 14.2 3.007 10.865s0-4.7 0-4.7L6.672 4.08a3.4 3.4 0 0 1 4.2.924 2.689 2.689 0 0 1-.431 3.955 11.8 11.8 0 0 0-1.983 1.686c-.474.643.56 1.967.56 1.967l1.423 2.148a1.969 1.969 0 0 1-.46 2.879 2.129 2.129 0 0 1-1.3.49 2.388 2.388 0 0 1-1.707-.9zM0 6.493a.927.927 0 1 1 .928.927A.928.928 0 0 1 0 6.493zm1.856-2.782a.927.927 0 1 1 .927.927.927.927 0 0 1-.927-.927zM10.2 2.32v-.928a1.391 1.391 0 0 1 2.781 0v.928a1.391 1.391 0 0 1-2.781 0zm-5.564.464v-.927a.927.927 0 1 1 1.854 0v.927a.927.927 0 1 1-1.854 0zm2.784-.927V.929a.927.927 0 0 1 1.854 0v.928a.927.927 0 0 1-1.854 0z' transform='translate(3.25 5.079)' style='fill:%23ffc83d'/%3E%3Cpath d='M10.2 16.736v-.927a1.391 1.391 0 1 1 2.781 0v.927a1.391 1.391 0 1 1-2.781 0zm-2.781.464v-.927a.927.927 0 0 1 1.854 0v.927a.927.927 0 1 1-1.854 0zm-2.782-.927v-.927a.927.927 0 1 1 1.854 0v.927a.927.927 0 0 1-1.854 0zm-2.782-1.855a.927.927 0 1 1 .927.928.927.927 0 0 1-.927-.928zm4.816-.369-3.665-2.088s-2.156-1.367 0-4.7S6.973.9 6.973.9a2.1 2.1 0 0 1 3.01-.41 1.969 1.969 0 0 1 .461 2.878L9.021 5.515s-1.034 1.327-.56 1.967a11.74 11.74 0 0 0 1.983 1.688 2.689 2.689 0 0 1 .43 3.955 3.285 3.285 0 0 1-2.6 1.3 3.692 3.692 0 0 1-1.603-.376zM0 11.636a.927.927 0 1 1 .928.928.928.928 0 0 1-.928-.928z' transform='rotate(180 14.375 13.46)' style='fill:%23ffc83d'/%3E%3Cpath d='m15.161 22.56 2.779-4.1a2.486 2.486 0 0 1-1.049-1.748 18.853 18.853 0 0 1-.218-3.8l-1.779.809-2.183 2.465 1.86 4.166z'/%3E%3Cpath d='M1433.359 234.139c0 .262.243 1.039-1.414 4s-3.924 6.236-3.924 6.236-.459 1.275 1.057.822c1.2-.656 1.154-1.333 1.8-2.109a27.235 27.235 0 0 1 1.986-3.25 20.63 20.63 0 0 0 1.951-3.453 3.032 3.032 0 0 0-.437-2.656 3.3 3.3 0 0 0-1.234-.875z' style='fill:%23d48c00' transform='translate(-1408.25 -218.419)'/%3E%3Cpath d='M1417.461 228.02c.223.082 2.478-.365 3.088 1.279a6.939 6.939 0 0 1-.487 4.51c-.244.406 1.056-.75 1.767-1.279a2.957 2.957 0 0 0 1.239-2.031 2.7 2.7 0 0 0-.609-1.93 3.2 3.2 0 0 0-3.128-1.32 3.058 3.058 0 0 0-1.87.771z' style='fill:%23d48c00' transform='translate(-1408.25 -218.419)'/%3E%3C/svg%3E%0A") no-repeat center/100%;
}
#alarmWrap .alarm_tit .more {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
}
#alarmWrap .alarm_tit .more svg {
  vertical-align: top;
  width: 100%;
  height: 100%;
}
#alarmWrap .all_search_wrap .inp {
  border: 0;
  box-shadow: none;
  font-size: 1em;
  height: 2.6666666667em;
  padding-left: 0;
}
#alarmWrap .all_search_wrap .search_inp {
  display: flex;
  align-items: stretch;
  position: relative;
  padding-top: 0.2222222222em;
  padding-bottom: 0.4444444444em;
}
#alarmWrap .all_search_wrap .search_inp::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: var(--line-width) solid var(--color-black);
  z-index: 1;
}
#alarmWrap .all_search_wrap .line {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: var(--line-width) solid var(--brand-color-main);
  transform-origin: right;
  transform: scaleX(0);
  transition: transform 0.35s cubic-bezier(0.63, 0.18, 0.93, 0.74);
  z-index: 2;
}
#alarmWrap .all_search_wrap .inp:focus + .line {
  transform: scaleX(2);
  transform-origin: left;
}
#alarmWrap .all_search_wrap .search_btn {
  display: block;
  width: 2.6666666667em;
  height: 2.6666666667em;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath style='fill:none' d='M0 0h48v48H0z'/%3E%3Cg data-name='Ellipse 2' transform='translate(12.318 13.069)' style='stroke:%23000;stroke-width:3.5px;fill:none'%3E%3Ccircle cx='9.433' cy='9.433' r='9.433' style='stroke:none'/%3E%3Ccircle cx='9.433' cy='9.433' r='7.683' style='fill:none'/%3E%3C/g%3E%3Cg data-name='Path 594' style='fill:%2300b4ed'%3E%3Cpath d='m-1.729 2.695.397-.423L.91-.126l.074-.079h.107l7-.045.252-.002v2.898h-.248l-9.244.046-.58.003z' style='stroke:none' transform='rotate(-141 24.447 11.076)'/%3E%3Cpath d='m8.093 0-7 .044-2.243 2.398 9.243-.045V0m.5-.503v3.397l-10.9.054L.875-.454l7.718-.05z' style='fill:%2300b4ed;stroke:none' transform='rotate(-141 24.447 11.076)'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center/100%;
}
#alarmWrap .all_search_wrap .search_tag {
  display: flex;
  flex-wrap: wrap;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.8888888889em;
  letter-spacing: normal;
  padding-top: 0.75em;
  padding-bottom: 0.3125em;
  gap: 0.25em 0.35em;
}
#alarmWrap .all_search_wrap .search_tag .tag {
  display: flex;
  align-items: center;
}
#alarmWrap .all_search_wrap .search_tag .tag::before {
  content: "#";
  display: inline-block;
}
@media screen and (max-width: 1280px) {
  #alarmWrap .all_search_wrap .search_tag {
    font-size: 0.9285714286em;
  }
}
#alarmWrap .footprint_wrap {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  font-size: 1em;
  gap: 0.625em 1.125em;
}
@media screen and (max-width: 1280px) {
  #alarmWrap .footprint_wrap {
    gap: 0.3846153846em 1em;
  }
}
#alarmWrap .footprint_wrap .footprint_item {
  position: relative;
  background-color: #f1f4f6;
  margin-bottom: 1em;
  padding: 1.25em;
  font-weight: bold;
  width: calc(50% - 0.5 * 1.125em);
}
#alarmWrap .footprint_wrap .footprint_item::after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  right: 0;
  border-top: 0.5em solid #f1f4f6;
  border-bottom: 0.5em solid transparent;
  border-left: 0.5625em solid #f1f4f6;
  border-right: 0.5625em solid transparent;
}
@media screen and (max-width: 1280px) {
  #alarmWrap .footprint_wrap .footprint_item {
    padding: 1.1538461538em;
  }
}
#alarmWrap .footprint_wrap .counting {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  text-align: right;
  color: var(--brand-color-main);
  font-size: 1.75em;
  margin-top: 0.5em;
}
#alarmWrap .footprint_wrap .counting::after {
  content: "개";
  display: block;
  font-size: 0.6428571429em;
  color: #111;
}
@media screen and (max-width: 1280px) {
  #alarmWrap .footprint_wrap .counting {
    font-size: 1.7692307692em;
  }
  #alarmWrap .footprint_wrap .counting::after {
    font-size: 0.652173913em;
  }
}
#alarmWrap .alarm_list {
  display: flex;
  align-items: baseline;
  color: #111;
  line-height: 1.78;
  letter-spacing: -0.05em;
  font-weight: 500;
}
#alarmWrap .alarm_list .cate {
  color: var(--brand-color-main);
}
#alarmWrap .alarm_list .cate::before, #alarmWrap .alarm_list .cate::after {
  display: inline-block;
  color: inherit;
}
#alarmWrap .alarm_list .cate::before {
  content: "[";
}
#alarmWrap .alarm_list .cate::after {
  content: "]";
}
#alarmWrap .alarm_list.none_data {
  max-height: 5.3125rem;
  font-size: 0.875em;
}
#alarmWrap .alarm_list.none_data .txt {
  gap: 0;
}
#alarmWrap .lnk {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media screen and (min-width: 1025px), print {
  #alarmWrap .lnk:hover {
    text-decoration: underline;
    font-weight: bold;
  }
}
#alarmWrap .offer_btn {
  display: flex;
  padding-left: 1.7777777778em;
  padding-right: 1.2222222222em;
  margin-top: 2.7777777778em;
  width: 100%;
  height: 4.1666666667em;
  background-color: var(--brand-color-sub);
  position: relative;
  clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 100%, 0 0);
}
@media screen and (max-width: 1280px) {
  #alarmWrap .offer_btn {
    height: 4.2857142857em;
  }
}
#alarmWrap .offer_btn .bg {
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background-color: var(--color-white);
  z-index: 1;
}
#alarmWrap .offer_btn .txt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
  font-weight: 800;
}
#alarmWrap .offer_btn svg {
  width: 2.6666666667em;
  height: 2.6666666667em;
}
@media screen and (max-width: 1280px) {
  #alarmWrap .offer_btn svg {
    width: 2.5714285714em;
    height: 2.5714285714em;
  }
}
#alarmWrap .offer_btn, #alarmWrap .offer_btn .bg {
  transition: background 0.25s, clip-path 0.25s;
}
#alarmWrap .offer_btn .bg {
  clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 100%, 0 0);
}
@media screen and (min-width: 1025px), print {
  #alarmWrap .offer_btn:hover {
    background-color: var(--brand-color-main);
    clip-path: polygon(100% 0, 100% calc(100% - 1.2777777778em), calc(100% - 1.2222222222em) 100%, 0 100%, 0 0);
    color: var(--brand-color-main);
  }
  #alarmWrap .offer_btn:hover .bg {
    clip-path: polygon(100% 0, 100% calc(100% - 1.2777777778em), calc(100% - 1.2222222222em) 100%, 0 100%, 0 0);
  }
}
@media screen and (max-width: 1024px) {
  #alarmWrap .offer_btn, #alarmWrap .offer_btn .bg {
    transition: background 0.25s, clip-path 0.25s, transform 0.25s;
  }
  #alarmWrap .offer_btn:active {
    background-color: var(--brand-color-main);
    clip-path: polygon(100% 0, 100% calc(100% - 1.2777777778em), calc(100% - 1.2222222222em) 100%, 0 100%, 0 0);
    color: var(--brand-color-main);
    transform: scale(0.97) rotate(0.0001deg);
  }
  #alarmWrap .offer_btn:active .bg {
    clip-path: polygon(100% 0, 100% calc(100% - 1.2777777778em), calc(100% - 1.2222222222em) 100%, 0 100%, 0 0);
  }
}

#offerPop .layer_box {
  max-width: 60rem;
}
#offerPop .inner {
  padding: 5em;
  padding-bottom: 0;
}
#offerPop .inner > form {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  height: 100%;
  border-top: var(--line-width) solid var(--color-black);
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}
#offerPop .inner > form::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 1280px) {
  #offerPop .inner {
    padding: 4em 1.3333333333em 0;
  }
}
#offerPop .layer_tit {
  column-span: all;
}
#offerPop .btn_box {
  border-top: 1px solid var(--color-black);
  margin-top: 3.75em;
  padding-top: 3.75em;
  padding-bottom: 1.625em;
  margin-bottom: 0;
}
#offerPop .btn_box[class*=wp_] {
  margin-left: 0;
  margin-right: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
}
#offerPop .btn_box[class*=wp_] [class*=btn] {
  margin: 0;
}
@media screen and (max-width: 1280px) {
  #offerPop .btn_box {
    padding-bottom: calc(3.75em - 1.3333333333em);
  }
}
#offerPop .form_wrap {
  padding-top: 1.75em;
  padding-bottom: 2.125em;
}
@media screen and (max-width: 1280px) {
  #offerPop .form_wrap {
    padding-top: 1.2333333333em;
    padding-bottom: 1.3333333333em;
  }
}

@-webkit-keyframes scaleStar {
  0% {
    transform: scale(1) rotate(0.00001deg);
  }
  20% {
    transform: scale(0.6) rotate(0.00001deg);
    @media screen and (max-width: 1024px) {
      transform: scale(0.8) rotate(0.00001deg);
    }
  }
  65% {
    transform: scale(1.35) rotate(0.00001deg);
    @media screen and (max-width: 1024px) {
      transform: scale(1.125) rotate(0.00001deg);
    }
  }
  100% {
    transform: scale(1) rotate(0.00001deg);
  }
}
@-ms-keyframes scaleStar {
  0% {
    transform: scale(1) rotate(0.00001deg);
  }
  20% {
    transform: scale(0.6) rotate(0.00001deg);
    @media screen and (max-width: 1024px) {
      transform: scale(0.8) rotate(0.00001deg);
    }
  }
  65% {
    transform: scale(1.35) rotate(0.00001deg);
    @media screen and (max-width: 1024px) {
      transform: scale(1.125) rotate(0.00001deg);
    }
  }
  100% {
    transform: scale(1) rotate(0.00001deg);
  }
}
@-o-keyframes scaleStar {
  0% {
    transform: scale(1) rotate(0.00001deg);
  }
  20% {
    transform: scale(0.6) rotate(0.00001deg);
    @media screen and (max-width: 1024px) {
      transform: scale(0.8) rotate(0.00001deg);
    }
  }
  65% {
    transform: scale(1.35) rotate(0.00001deg);
    @media screen and (max-width: 1024px) {
      transform: scale(1.125) rotate(0.00001deg);
    }
  }
  100% {
    transform: scale(1) rotate(0.00001deg);
  }
}
@keyframes scaleStar {
  0% {
    transform: scale(1) rotate(0.00001deg);
  }
  20% {
    transform: scale(0.6) rotate(0.00001deg);
    @media screen and (max-width: 1024px) {
      transform: scale(0.8) rotate(0.00001deg);
    }
  }
  65% {
    transform: scale(1.35) rotate(0.00001deg);
    @media screen and (max-width: 1024px) {
      transform: scale(1.125) rotate(0.00001deg);
    }
  }
  100% {
    transform: scale(1) rotate(0.00001deg);
  }
}
#floatPopWrap .layer_box {
  display: flex;
  justify-content: center;
  max-width: 59.25em;
}
@media screen and (max-width: 1280px) {
  #floatPopWrap .layer_box {
    padding-left: 0;
    max-width: 100%;
    max-width: 25.125rem;
    padding-top: 4.8666666667em;
    padding-bottom: calc(4.8666666667em);
    left: 50%;
    transform: translateX(-50%);
    align-items: center;
  }
}
@media screen and (max-width: 800px) {
  #floatPopWrap .layer_box {
    padding-bottom: calc(4.8666666667em + var(--floating-height));
  }
}
#floatPopWrap .inner {
  max-width: 100%;
  width: 100%;
}
@media screen and (max-width: 1280px) {
  #floatPopWrap .inner {
    background-color: rgba(255, 255, 255, 0);
    max-height: calc(var(--vh, 1vh) * 80);
    height: auto;
  }
  #floatPopWrap .inner::before {
    display: none;
  }
}
#floatPopWrap .layer_conts {
  max-height: 100%;
  padding: 3.125em 5em 3.125em;
  overflow-y: auto;
  margin-left: 0;
  margin-right: 0;
}
@media screen and (max-width: 1280px) {
  #floatPopWrap .layer_conts {
    background-color: var(--color-white);
    border: 0;
    padding: 1.3333333333em;
    height: auto;
  }
}
#floatPopWrap .popup_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2.5em;
}
@media screen and (max-width: 1280px) {
  #floatPopWrap .popup_head {
    margin-bottom: 0.6666666667em;
  }
}
#floatPopWrap .today_close {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  margin-left: auto;
  font-size: 1em;
  gap: 0.625em;
  white-space: nowrap;
}
#floatPopWrap .today_close ._icon {
  margin-right: 0;
}
#floatPopWrap .today_close[type=button]::before {
  content: "";
  display: block;
  width: 1.25em;
  height: 1.25em;
  flex: 0 0 auto;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m2321.1 743.221-4.713-5.449 1.513-1.308 3.306 3.823 7.169-7.169 1.414 1.414z' transform='translate(-2315.108 -729.788)' style='fill:%23fff'/%3E%3C/svg%3E%0A") no-repeat center;
  background-color: var(--color-black);
  background-size: 1em auto;
}
#floatPopWrap .layer_tit {
  display: flex;
  align-items: center;
  gap: 0.25em;
  margin-bottom: 0;
}
#floatPopWrap .layer_tit .count {
  font-size: 0.5em;
  width: 1.8em;
  height: 1.8em;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ff5d00;
  color: #fff;
  font-weight: 400;
  border-radius: 50%;
}
@media screen and (max-width: 1280px) {
  #floatPopWrap .layer_tit {
    font-size: 1.6666666667em;
  }
  #floatPopWrap .layer_tit .count {
    width: 1.92em;
    height: 1.92em;
    font-size: 0.5em;
  }
}
@media screen and (max-width: 1280px) {
  #floatPopWrap .layer_close {
    margin-top: 0;
    top: auto;
    bottom: 100%;
    right: 0;
    margin-bottom: 1em;
    border-radius: 50%;
    overflow: hidden;
  }
  #floatPopWrap .today_close {
    position: absolute;
    bottom: 100%;
    right: 3.4615384615em;
    font-size: 0.8666666667em;
    margin-bottom: 1.1538461538em;
    height: 2.3076923077em;
    display: flex;
    align-items: center;
    letter-spacing: -0.025em;
    gap: 0.7692307692em;
  }
}
#floatPopWrap .swiper-wrapper {
  display: flex;
}
#floatPopWrap .swiper-controller {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  width: 100%;
  gap: 1em;
  margin-top: 2.5em;
}
@media screen and (max-width: 1280px) {
  #floatPopWrap .swiper-controller {
    margin-top: 1.3333333333em;
  }
}
#floatPopWrap .paging {
  font-size: 0.9375em;
  font-family: "TheJamsil", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.125rem solid #111;
  padding-left: 1.3333333333em;
  padding-right: 1.3333333333em;
  height: 2.8em;
  border-radius: 1.4em;
  letter-spacing: -0.15px;
  font-weight: 900;
  gap: 0.3333333333em;
  width: auto;
}
#floatPopWrap .paging .swiper-pagination-current {
  color: var(--brand-color-main);
}
@media screen and (max-width: 1280px) {
  #floatPopWrap .paging {
    font-size: 0.8666666667em;
    padding-left: 1.5384615385em;
    padding-right: 1.5384615385em;
    height: 3.0769230769em;
    border-radius: 1.5384615385em;
  }
}
#floatPopWrap .swiper-contr {
  display: inline-block;
  vertical-align: top;
  border-radius: 50%;
  width: 2.625em;
  height: 2.625em;
  border: 0.125rem solid var(--color-black);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.125em auto;
}
#floatPopWrap .swiper-contr.prev_btn {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M15 10.096v-2.25H4.635v2.25z'/%3E%3Cpath d='M8.632 12 5.677 9.047l2.955-2.956L7.041 4.5 2.495 9.047l4.546 4.547z'/%3E%3C/svg%3E%0A");
}
#floatPopWrap .swiper-contr.next_btn {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M3 10.096v-2.25h10.365v2.25z'/%3E%3Cpath d='m9.368 12 2.955-2.953-2.955-2.956L10.959 4.5l4.546 4.547-4.546 4.547z'/%3E%3C/svg%3E%0A");
}
@media screen and (max-width: 1280px) {
  #floatPopWrap .swiper-contr {
    width: 2.6666666667em;
    height: 2.6666666667em;
    background-size: 1.3846153846em auto;
  }
}
#floatPopWrap .swiper-slide.swiper-group {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5em;
}
#floatPopWrap .swiper-slide.swiper-group .custom-item {
  width: 100%;
  height: 100%;
  max-width: calc(50% - 0.5 * 2.5em);
}
#floatPopWrap .swiper-slide:not(.swiper-group) img {
  width: 100%;
}
#floatPopWrap .swiper-slide .box {
  display: inline-block;
  width: 100%;
  position: relative;
  vertical-align: top;
  overflow: hidden;
}
#floatPopWrap .swiper-slide .box img {
  vertical-align: top;
  width: 100%;
}
#floatPopWrap .swiper-slide .box::after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 2em;
  height: 2em;
  background-color: #111;
  background-repeat: no-repeat;
  background-size: 1em auto;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M2.25 10.365H0V0h2.25z' transform='rotate(90 2.76 10.606)' style='fill:%23fff'/%3E%3Cpath d='M7.5 6.137 4.547 3.182 1.591 6.137 0 4.546 4.547 0l4.547 4.546z' style='fill:%23fff' transform='rotate(90 5.503 10.003)'/%3E%3C/svg%3E%0A");
  transform: translate(105%, 105%);
  transition: transform 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media screen and (min-width: 1025px), print {
  #floatPopWrap .swiper-slide .custom-item:not(.default) .box:hover::after {
    transform: none;
  }
}
@media screen and (max-width: 1280px) {
  #floatPopWrap .swiper-slide.default {
    display: none !important;
  }
}
#floatPopWrap .none_popup {
  position: relative;
  width: 100%;
  background-color: #f1f4f6;
}
#floatPopWrap .none_popup::before {
  content: "";
  display: block;
  padding-top: 101.4%;
}
#floatPopWrap .none_popup .txt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  color: var(--bg-brand-color-300);
  font-size: 1.125em;
  gap: 0.8888888889em;
}
#floatPopWrap .none_popup .txt::before {
  content: "";
  display: block;
  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='M15.455 1.717a13.737 13.737 0 0 0-9.714 23.451A13.737 13.737 0 0 0 25.168 5.741a13.647 13.647 0 0 0-9.714-4.024m0-1.717A15.455 15.455 0 1 1 0 15.455 15.455 15.455 0 0 1 15.455 0z' style='fill:%23acb5be' transform='translate(2.545 1.806)'/%3E%3Cpath transform='translate(16.473 9.627)' style='fill:%23acb5be' d='M0 0h3.053v9.924H0z'/%3E%3Cpath transform='translate(16.473 21.841)' style='fill:%23acb5be' d='M0 0h3.053v3.053H0z'/%3E%3C/svg%3E%0A") no-repeat center;
  width: 2em;
  height: 2em;
  background-size: 100% auto;
}
#floatPopWrap .none_popup + .swiper-controller {
  display: none;
}

.page_wrap {
  font-size: 1rem;
  margin-top: 5.75em;
  margin-bottom: 5.75em;
}
.page {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.page a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125em;
  z-index: 0;
  position: relative;
  font-weight: 400;
  text-align: center;
  color: #888;
}
.page a.first, .page a.end, .page a.prev, .page a.next {
  display: block;
  width: 1.4444444444em;
  height: 1.3333333333em;
}
@media screen and (min-width: 1281px), print {
  .page a.first:hover, .page a.end:hover, .page a.prev:hover, .page a.next:hover {
    opacity: 0.75;
  }
}
.page a.prev {
  margin-right: 1.2222222222em;
  margin-left: 0.5555555556em;
}
.page a.next {
  margin-left: 1.2222222222em;
  margin-right: 0.5555555556em;
}
.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='24' height='24' viewBox='0 0 24 24'%3E%3Cpath style='fill:none' d='M0 0h24v24H0z' transform='rotate(-90 12 12)'/%3E%3Cpath d='m19.711 6.519-5.18 5.18 5.18 5.18L17.59 19l-7.3-7.3 7.3-7.3z'/%3E%3Cpath d='M5.289 18.799v-14.2h3.2v14.2z'/%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='24' height='24' viewBox='0 0 24 24'%3E%3Cpath style='fill:none' d='M0 0h24v24H0z' transform='rotate(-90 12 12)'/%3E%3Cpath d='m16.422 6.519-5.18 5.18 5.18 5.18L14.301 19l-7.3-7.3 7.3-7.3z'/%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='24' height='24' viewBox='0 0 24 24'%3E%3Cpath style='fill:none' d='M0 0h24v24H0z' transform='rotate(-90 12 12)'/%3E%3Cpath d='m7.578 6.52 5.18 5.18-5.18 5.179L9.699 19l7.3-7.3-7.3-7.3z'/%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='24' height='24' viewBox='0 0 24 24'%3E%3Cpath style='fill:none' d='M0 0h24v24H0z' transform='rotate(-90 12 12)'/%3E%3Cpath d='m4.289 6.52 5.18 5.18-5.18 5.179L6.41 19l7.3-7.3-7.3-7.3z'/%3E%3Cpath d='M15.511 18.799v-14.2h3.2v14.2z'/%3E%3C/svg%3E%0A");
}
.page .current_m {
  display: none;
}
.page .page_p {
  display: block;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.2222222222em;
}
.page .page_p a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.3888888889em;
  height: 1.7222222222em;
  line-height: 1;
  text-indent: 0;
  background: none;
  font-weight: 400;
}
.page .page_p a:hover {
  color: var(--brand-color-main);
  font-weight: bold;
}
.page .page_p a.act {
  color: var(--brand-color-main);
  font-weight: bold;
}
.page .page_p a.act::after {
  visibility: visible;
}
.page .page_p a::after {
  content: "";
  display: block;
  width: 0.5555555556em;
  height: 0.1666666667em;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  visibility: hidden;
  background-color: var(--color-black);
}

@media screen and (max-width: 1280px) {
  .page_wrap {
    margin-top: 3.2em;
    margin-bottom: 0;
    font-size: 1.125rem;
  }
  .page_wrap .page_p {
    display: none;
  }
  .page .current_m {
    display: flex;
    gap: 0.1666666667em;
    letter-spacing: normal;
    white-space: nowrap;
    color: #888;
    font-weight: bold;
  }
  .page .current_m .now {
    color: var(--brand-color-main);
  }
}
@media screen and (max-width: 800px) {
  .page_wrap {
    font-size: 0.9375rem;
  }
}
.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 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 .tdw_5, .flex .tdw_5 {
  width: 0.3125rem;
}
table .tdw_10, .flex .tdw_10 {
  width: 0.625rem;
}
table .tdw_15, .flex .tdw_15 {
  width: 0.9375rem;
}
table .tdw_20, .flex .tdw_20 {
  width: 1.25rem;
}
table .tdw_25, .flex .tdw_25 {
  width: 1.5625rem;
}
table .tdw_30, .flex .tdw_30 {
  width: 1.875rem;
}
table .tdw_35, .flex .tdw_35 {
  width: 2.1875rem;
}
table .tdw_40, .flex .tdw_40 {
  width: 2.5rem;
}
table .tdw_45, .flex .tdw_45 {
  width: 2.8125rem;
}
table .tdw_50, .flex .tdw_50 {
  width: 3.125rem;
}
table .tdw_55, .flex .tdw_55 {
  width: 3.4375rem;
}
table .tdw_60, .flex .tdw_60 {
  width: 3.75rem;
}
table .tdw_65, .flex .tdw_65 {
  width: 4.0625rem;
}
table .tdw_70, .flex .tdw_70 {
  width: 4.375rem;
}
table .tdw_75, .flex .tdw_75 {
  width: 4.6875rem;
}
table .tdw_80, .flex .tdw_80 {
  width: 5rem;
}
table .tdw_85, .flex .tdw_85 {
  width: 5.3125rem;
}
table .tdw_90, .flex .tdw_90 {
  width: 5.625rem;
}
table .tdw_95, .flex .tdw_95 {
  width: 5.9375rem;
}
table .tdw_100, .flex .tdw_100 {
  width: 6.25rem;
}
table .tdw_105, .flex .tdw_105 {
  width: 6.5625rem;
}
table .tdw_110, .flex .tdw_110 {
  width: 6.875rem;
}
table .tdw_115, .flex .tdw_115 {
  width: 7.1875rem;
}
table .tdw_120, .flex .tdw_120 {
  width: 7.5rem;
}
table .tdw_125, .flex .tdw_125 {
  width: 7.8125rem;
}
table .tdw_130, .flex .tdw_130 {
  width: 8.125rem;
}
table .tdw_135, .flex .tdw_135 {
  width: 8.4375rem;
}
table .tdw_140, .flex .tdw_140 {
  width: 8.75rem;
}
table .tdw_145, .flex .tdw_145 {
  width: 9.0625rem;
}
table .tdw_150, .flex .tdw_150 {
  width: 9.375rem;
}
table .tdw_155, .flex .tdw_155 {
  width: 9.6875rem;
}
table .tdw_160, .flex .tdw_160 {
  width: 10rem;
}
table .tdw_165, .flex .tdw_165 {
  width: 10.3125rem;
}
table .tdw_170, .flex .tdw_170 {
  width: 10.625rem;
}
table .tdw_175, .flex .tdw_175 {
  width: 10.9375rem;
}
table .tdw_180, .flex .tdw_180 {
  width: 11.25rem;
}
table .tdw_185, .flex .tdw_185 {
  width: 11.5625rem;
}
table .tdw_190, .flex .tdw_190 {
  width: 11.875rem;
}
table .tdw_195, .flex .tdw_195 {
  width: 12.1875rem;
}
table .tdw_200, .flex .tdw_200 {
  width: 12.5rem;
}
table .tdw_205, .flex .tdw_205 {
  width: 12.8125rem;
}
table .tdw_210, .flex .tdw_210 {
  width: 13.125rem;
}
table .tdw_215, .flex .tdw_215 {
  width: 13.4375rem;
}
table .tdw_220, .flex .tdw_220 {
  width: 13.75rem;
}
table .tdw_225, .flex .tdw_225 {
  width: 14.0625rem;
}
table .tdw_230, .flex .tdw_230 {
  width: 14.375rem;
}
table .tdw_235, .flex .tdw_235 {
  width: 14.6875rem;
}
table .tdw_240, .flex .tdw_240 {
  width: 15rem;
}
table .tdw_245, .flex .tdw_245 {
  width: 15.3125rem;
}
table .tdw_250, .flex .tdw_250 {
  width: 15.625rem;
}
table .tdw_255, .flex .tdw_255 {
  width: 15.9375rem;
}
table .tdw_260, .flex .tdw_260 {
  width: 16.25rem;
}
table .tdw_265, .flex .tdw_265 {
  width: 16.5625rem;
}
table .tdw_270, .flex .tdw_270 {
  width: 16.875rem;
}
table .tdw_275, .flex .tdw_275 {
  width: 17.1875rem;
}
table .tdw_280, .flex .tdw_280 {
  width: 17.5rem;
}
table .tdw_285, .flex .tdw_285 {
  width: 17.8125rem;
}
table .tdw_290, .flex .tdw_290 {
  width: 18.125rem;
}
table .tdw_295, .flex .tdw_295 {
  width: 18.4375rem;
}
table .tdw_300, .flex .tdw_300 {
  width: 18.75rem;
}
table .tdw_305, .flex .tdw_305 {
  width: 19.0625rem;
}
table .tdw_310, .flex .tdw_310 {
  width: 19.375rem;
}
table .tdw_315, .flex .tdw_315 {
  width: 19.6875rem;
}
table .tdw_320, .flex .tdw_320 {
  width: 20rem;
}
table .tdw_325, .flex .tdw_325 {
  width: 20.3125rem;
}
table .tdw_330, .flex .tdw_330 {
  width: 20.625rem;
}
table .tdw_335, .flex .tdw_335 {
  width: 20.9375rem;
}
table .tdw_340, .flex .tdw_340 {
  width: 21.25rem;
}
table .tdw_345, .flex .tdw_345 {
  width: 21.5625rem;
}
table .tdw_350, .flex .tdw_350 {
  width: 21.875rem;
}
table .tdw_355, .flex .tdw_355 {
  width: 22.1875rem;
}
table .tdw_360, .flex .tdw_360 {
  width: 22.5rem;
}
table .tdw_365, .flex .tdw_365 {
  width: 22.8125rem;
}
table .tdw_370, .flex .tdw_370 {
  width: 23.125rem;
}
table .tdw_375, .flex .tdw_375 {
  width: 23.4375rem;
}
table .tdw_380, .flex .tdw_380 {
  width: 23.75rem;
}
table .tdw_385, .flex .tdw_385 {
  width: 24.0625rem;
}
table .tdw_390, .flex .tdw_390 {
  width: 24.375rem;
}
table .tdw_395, .flex .tdw_395 {
  width: 24.6875rem;
}
table .tdw_198, .flex .tdw_198 {
  width: 12.375rem;
}
@media screen and (max-width: 1280px) {
  table .tdw_md_5, .flex .tdw_md_5 {
    width: 0.2976190476em;
  }
  table .tdw_md_10, .flex .tdw_md_10 {
    width: 0.5952380952em;
  }
  table .tdw_md_15, .flex .tdw_md_15 {
    width: 0.8928571429em;
  }
  table .tdw_md_20, .flex .tdw_md_20 {
    width: 1.1904761905em;
  }
  table .tdw_md_25, .flex .tdw_md_25 {
    width: 1.4880952381em;
  }
  table .tdw_md_30, .flex .tdw_md_30 {
    width: 1.7857142857em;
  }
  table .tdw_md_35, .flex .tdw_md_35 {
    width: 2.0833333333em;
  }
  table .tdw_md_40, .flex .tdw_md_40 {
    width: 2.380952381em;
  }
  table .tdw_md_45, .flex .tdw_md_45 {
    width: 2.6785714286em;
  }
  table .tdw_md_50, .flex .tdw_md_50 {
    width: 2.9761904762em;
  }
  table .tdw_md_55, .flex .tdw_md_55 {
    width: 3.2738095238em;
  }
  table .tdw_md_60, .flex .tdw_md_60 {
    width: 3.5714285714em;
  }
  table .tdw_md_65, .flex .tdw_md_65 {
    width: 3.869047619em;
  }
  table .tdw_md_70, .flex .tdw_md_70 {
    width: 4.1666666667em;
  }
  table .tdw_md_75, .flex .tdw_md_75 {
    width: 4.4642857143em;
  }
  table .tdw_md_80, .flex .tdw_md_80 {
    width: 4.7619047619em;
  }
  table .tdw_md_85, .flex .tdw_md_85 {
    width: 5.0595238095em;
  }
  table .tdw_md_90, .flex .tdw_md_90 {
    width: 5.3571428571em;
  }
  table .tdw_md_95, .flex .tdw_md_95 {
    width: 5.6547619048em;
  }
  table .tdw_md_100, .flex .tdw_md_100 {
    width: 5.9523809524em;
  }
  table .tdw_md_105, .flex .tdw_md_105 {
    width: 6.25em;
  }
  table .tdw_md_110, .flex .tdw_md_110 {
    width: 6.5476190476em;
  }
  table .tdw_md_115, .flex .tdw_md_115 {
    width: 6.8452380952em;
  }
  table .tdw_md_120, .flex .tdw_md_120 {
    width: 7.1428571429em;
  }
  table .tdw_md_125, .flex .tdw_md_125 {
    width: 7.4404761905em;
  }
  table .tdw_md_130, .flex .tdw_md_130 {
    width: 7.7380952381em;
  }
  table .tdw_md_135, .flex .tdw_md_135 {
    width: 8.0357142857em;
  }
  table .tdw_md_140, .flex .tdw_md_140 {
    width: 8.3333333333em;
  }
  table .tdw_md_145, .flex .tdw_md_145 {
    width: 8.630952381em;
  }
  table .tdw_md_150, .flex .tdw_md_150 {
    width: 8.9285714286em;
  }
  table .tdw_md_155, .flex .tdw_md_155 {
    width: 9.2261904762em;
  }
  table .tdw_md_160, .flex .tdw_md_160 {
    width: 9.5238095238em;
  }
  table .tdw_md_165, .flex .tdw_md_165 {
    width: 9.8214285714em;
  }
  table .tdw_md_170, .flex .tdw_md_170 {
    width: 10.119047619em;
  }
  table .tdw_md_175, .flex .tdw_md_175 {
    width: 10.4166666667em;
  }
  table .tdw_md_180, .flex .tdw_md_180 {
    width: 10.7142857143em;
  }
  table .tdw_md_185, .flex .tdw_md_185 {
    width: 11.0119047619em;
  }
  table .tdw_md_190, .flex .tdw_md_190 {
    width: 11.3095238095em;
  }
  table .tdw_md_195, .flex .tdw_md_195 {
    width: 11.6071428571em;
  }
  table .tdw_md_200, .flex .tdw_md_200 {
    width: 11.9047619048em;
  }
  table .tdw_md_205, .flex .tdw_md_205 {
    width: 12.2023809524em;
  }
  table .tdw_md_210, .flex .tdw_md_210 {
    width: 12.5em;
  }
  table .tdw_md_215, .flex .tdw_md_215 {
    width: 12.7976190476em;
  }
  table .tdw_md_220, .flex .tdw_md_220 {
    width: 13.0952380952em;
  }
  table .tdw_md_225, .flex .tdw_md_225 {
    width: 13.3928571429em;
  }
  table .tdw_md_230, .flex .tdw_md_230 {
    width: 13.6904761905em;
  }
  table .tdw_md_235, .flex .tdw_md_235 {
    width: 13.9880952381em;
  }
  table .tdw_md_240, .flex .tdw_md_240 {
    width: 14.2857142857em;
  }
  table .tdw_md_245, .flex .tdw_md_245 {
    width: 14.5833333333em;
  }
  table .tdw_md_250, .flex .tdw_md_250 {
    width: 14.880952381em;
  }
  table .tdw_md_full, .flex .tdw_md_full {
    width: 100% !important;
    display: block;
  }
}
@media screen and (max-width: 800px) {
  table .tdw_sm_5, .flex .tdw_sm_5 {
    width: 0.3125rem;
  }
  table .tdw_sm_10, .flex .tdw_sm_10 {
    width: 0.625rem;
  }
  table .tdw_sm_15, .flex .tdw_sm_15 {
    width: 0.9375rem;
  }
  table .tdw_sm_20, .flex .tdw_sm_20 {
    width: 1.25rem;
  }
  table .tdw_sm_25, .flex .tdw_sm_25 {
    width: 1.5625rem;
  }
  table .tdw_sm_30, .flex .tdw_sm_30 {
    width: 1.875rem;
  }
  table .tdw_sm_35, .flex .tdw_sm_35 {
    width: 2.1875rem;
  }
  table .tdw_sm_40, .flex .tdw_sm_40 {
    width: 2.5rem;
  }
  table .tdw_sm_45, .flex .tdw_sm_45 {
    width: 2.8125rem;
  }
  table .tdw_sm_50, .flex .tdw_sm_50 {
    width: 3.125rem;
  }
  table .tdw_sm_55, .flex .tdw_sm_55 {
    width: 3.4375rem;
  }
  table .tdw_sm_60, .flex .tdw_sm_60 {
    width: 3.75rem;
  }
  table .tdw_sm_65, .flex .tdw_sm_65 {
    width: 4.0625rem;
  }
  table .tdw_sm_70, .flex .tdw_sm_70 {
    width: 4.375rem;
  }
  table .tdw_sm_75, .flex .tdw_sm_75 {
    width: 4.6875rem;
  }
  table .tdw_sm_80, .flex .tdw_sm_80 {
    width: 5rem;
  }
  table .tdw_sm_85, .flex .tdw_sm_85 {
    width: 5.3125rem;
  }
  table .tdw_sm_90, .flex .tdw_sm_90 {
    width: 5.625rem;
  }
  table .tdw_sm_95, .flex .tdw_sm_95 {
    width: 5.9375rem;
  }
  table .tdw_sm_100, .flex .tdw_sm_100 {
    width: 6.25rem;
  }
  table .tdw_sm_105, .flex .tdw_sm_105 {
    width: 6.5625rem;
  }
  table .tdw_sm_110, .flex .tdw_sm_110 {
    width: 6.875rem;
  }
  table .tdw_sm_115, .flex .tdw_sm_115 {
    width: 7.1875rem;
  }
  table .tdw_sm_120, .flex .tdw_sm_120 {
    width: 7.5rem;
  }
  table .tdw_sm_125, .flex .tdw_sm_125 {
    width: 7.8125rem;
  }
  table .tdw_sm_130, .flex .tdw_sm_130 {
    width: 8.125rem;
  }
  table .tdw_sm_135, .flex .tdw_sm_135 {
    width: 8.4375rem;
  }
  table .tdw_sm_140, .flex .tdw_sm_140 {
    width: 8.75rem;
  }
  table .tdw_sm_145, .flex .tdw_sm_145 {
    width: 9.0625rem;
  }
  table .tdw_sm_150, .flex .tdw_sm_150 {
    width: 9.375rem;
  }
  table .tdw_sm_155, .flex .tdw_sm_155 {
    width: 9.6875rem;
  }
  table .tdw_sm_160, .flex .tdw_sm_160 {
    width: 10rem;
  }
  table .tdw_sm_165, .flex .tdw_sm_165 {
    width: 10.3125rem;
  }
  table .tdw_sm_170, .flex .tdw_sm_170 {
    width: 10.625rem;
  }
  table .tdw_sm_175, .flex .tdw_sm_175 {
    width: 10.9375rem;
  }
  table .tdw_sm_180, .flex .tdw_sm_180 {
    width: 11.25rem;
  }
  table .tdw_sm_185, .flex .tdw_sm_185 {
    width: 11.5625rem;
  }
  table .tdw_sm_190, .flex .tdw_sm_190 {
    width: 11.875rem;
  }
  table .tdw_sm_195, .flex .tdw_sm_195 {
    width: 12.1875rem;
  }
  table .tdw_sm_200, .flex .tdw_sm_200 {
    width: 12.5rem;
  }
  table .tdw_sm_205, .flex .tdw_sm_205 {
    width: 12.8125rem;
  }
  table .tdw_sm_210, .flex .tdw_sm_210 {
    width: 13.125rem;
  }
  table .tdw_sm_215, .flex .tdw_sm_215 {
    width: 13.4375rem;
  }
  table .tdw_sm_220, .flex .tdw_sm_220 {
    width: 13.75rem;
  }
  table .tdw_sm_225, .flex .tdw_sm_225 {
    width: 14.0625rem;
  }
  table .tdw_sm_230, .flex .tdw_sm_230 {
    width: 14.375rem;
  }
  table .tdw_sm_235, .flex .tdw_sm_235 {
    width: 14.6875rem;
  }
  table .tdw_sm_240, .flex .tdw_sm_240 {
    width: 15rem;
  }
  table .tdw_sm_245, .flex .tdw_sm_245 {
    width: 15.3125rem;
  }
  table .tdw_sm_250, .flex .tdw_sm_250 {
    width: 15.625rem;
  }
  table .tdw_sm_full, .flex .tdw_sm_full {
    width: 100% !important;
    display: block;
  }
}
@media screen and (max-width: 601px) {
  table .tdw_xs_10, .flex .tdw_xs_10 {
    width: 0.625rem;
  }
  table .tdw_xs_20, .flex .tdw_xs_20 {
    width: 1.25rem;
  }
  table .tdw_xs_30, .flex .tdw_xs_30 {
    width: 1.875rem;
  }
  table .tdw_xs_40, .flex .tdw_xs_40 {
    width: 2.5rem;
  }
  table .tdw_xs_50, .flex .tdw_xs_50 {
    width: 3.125rem;
  }
  table .tdw_xs_60, .flex .tdw_xs_60 {
    width: 3.75rem;
  }
  table .tdw_xs_70, .flex .tdw_xs_70 {
    width: 4.375rem;
  }
  table .tdw_xs_80, .flex .tdw_xs_80 {
    width: 5rem;
  }
  table .tdw_xs_90, .flex .tdw_xs_90 {
    width: 5.625rem;
  }
  table .tdw_xs_100, .flex .tdw_xs_100 {
    width: 6.25rem;
  }
  table .tdw_xs_110, .flex .tdw_xs_110 {
    width: 6.875rem;
  }
  table .tdw_xs_120, .flex .tdw_xs_120 {
    width: 7.5rem;
  }
  table .tdw_xs_130, .flex .tdw_xs_130 {
    width: 8.125rem;
  }
  table .tdw_xs_140, .flex .tdw_xs_140 {
    width: 8.75rem;
  }
  table .tdw_xs_150, .flex .tdw_xs_150 {
    width: 9.375rem;
  }
  table .tdw_xs_160, .flex .tdw_xs_160 {
    width: 10rem;
  }
  table .tdw_xs_170, .flex .tdw_xs_170 {
    width: 10.625rem;
  }
  table .tdw_xs_180, .flex .tdw_xs_180 {
    width: 11.25rem;
  }
  table .tdw_xs_190, .flex .tdw_xs_190 {
    width: 11.875rem;
  }
  table .tdw_xs_200, .flex .tdw_xs_200 {
    width: 12.5rem;
  }
  table .tdw_xs_210, .flex .tdw_xs_210 {
    width: 13.125rem;
  }
  table .tdw_xs_220, .flex .tdw_xs_220 {
    width: 13.75rem;
  }
  table .tdw_xs_230, .flex .tdw_xs_230 {
    width: 14.375rem;
  }
  table .tdw_xs_240, .flex .tdw_xs_240 {
    width: 15rem;
  }
  table .tdw_xs_250, .flex .tdw_xs_250 {
    width: 15.625rem;
  }
  table .tdw_xs_260, .flex .tdw_xs_260 {
    width: 16.25rem;
  }
  table .tdw_xs_270, .flex .tdw_xs_270 {
    width: 16.875rem;
  }
  table .tdw_xs_280, .flex .tdw_xs_280 {
    width: 17.5rem;
  }
  table .tdw_xs_290, .flex .tdw_xs_290 {
    width: 18.125rem;
  }
  table .tdw_xs_300, .flex .tdw_xs_300 {
    width: 18.75rem;
  }
  table .tdw_xs_310, .flex .tdw_xs_310 {
    width: 19.375rem;
  }
  table .tdw_xs_320, .flex .tdw_xs_320 {
    width: 20rem;
  }
  table .tdw_xs_330, .flex .tdw_xs_330 {
    width: 20.625rem;
  }
  table .tdw_xs_340, .flex .tdw_xs_340 {
    width: 21.25rem;
  }
  table .tdw_xs_350, .flex .tdw_xs_350 {
    width: 21.875rem;
  }
  table .tdw_xs_360, .flex .tdw_xs_360 {
    width: 22.5rem;
  }
  table .tdw_xs_370, .flex .tdw_xs_370 {
    width: 23.125rem;
  }
  table .tdw_xs_380, .flex .tdw_xs_380 {
    width: 23.75rem;
  }
  table .tdw_xs_390, .flex .tdw_xs_390 {
    width: 24.375rem;
  }
  table .tdw_xs_400, .flex .tdw_xs_400 {
    width: 25rem;
  }
  table .tdw_xs_410, .flex .tdw_xs_410 {
    width: 25.625rem;
  }
  table .tdw_xs_420, .flex .tdw_xs_420 {
    width: 26.25rem;
  }
  table .tdw_xs_430, .flex .tdw_xs_430 {
    width: 26.875rem;
  }
  table .tdw_xs_440, .flex .tdw_xs_440 {
    width: 27.5rem;
  }
  table .tdw_xs_450, .flex .tdw_xs_450 {
    width: 28.125rem;
  }
  table .tdw_xs_460, .flex .tdw_xs_460 {
    width: 28.75rem;
  }
  table .tdw_xs_470, .flex .tdw_xs_470 {
    width: 29.375rem;
  }
  table .tdw_xs_480, .flex .tdw_xs_480 {
    width: 30rem;
  }
  table .tdw_xs_490, .flex .tdw_xs_490 {
    width: 30.625rem;
  }
  table .tdw_xs_500, .flex .tdw_xs_500 {
    width: 31.25rem;
  }
}

.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: 1.125rem;
  overflow: hidden;
  border-top: var(--line-width) solid var(--color-black);
}
.table_box2.st_2 {
  border-top: 1px solid var(--border-color);
}
.table_box2.none .none_txt {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 13.5em;
  font-size: 1em;
  color: #888;
  border-bottom: 1px solid var(--color-black);
}
.table_box2.none .none_txt .btn {
  margin-top: 1em;
}
.table_box2 thead th {
  background-color: #d9e3eb;
}
.table_box2 tbody th {
  background-color: #f8f8f8;
}
.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.1111111111em 0.8333333333em;
  border-bottom: solid 1px var(--border-color4);
  font-weight: normal;
}
.table_box2 table th {
  color: #222222;
  border-left: 0;
  border-right: 0;
  font-weight: bold;
}
.table_box2 table.line th:not(:first-child), .table_box2 table.line td:not(:first-child) {
  border-left: 1px solid var(--border-color4);
}
@media screen and (max-width: 1440px) {
  .table_box2 table td, .table_box2 table th {
    padding: 1.3888888889em 1.3888888889em;
  }
}
@media screen and (max-width: 1280px) {
  .table_box2 {
    font-size: 1.05rem;
  }
  .table_box2 table td, .table_box2 table th {
    padding: 1.3571428571em 1.0714285714em;
  }
}
@media screen and (max-width: 800px) {
  .table_box2 {
    font-size: 0.875rem;
  }
}

.table_box3 {
  font-size: 1.125rem;
  overflow: hidden;
  border-top: var(--line-width) solid var(--color-black);
}
.table_box3 table {
  width: 100%;
  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 td {
  height: 3.7777777778em;
  padding-top: 0.6666666667em;
  padding-bottom: 0.6666666667em;
  padding-left: 1.1111111111em;
  padding-right: 1.1111111111em;
}
.table_box3 table th {
  font-weight: 400;
  height: 3.7777777778em;
  padding-top: 0.6666666667em;
  padding-bottom: 0.6666666667em;
  padding-left: 1.1111111111em;
  padding-right: 1.1111111111em;
}
.table_box3 .th_bg th, .table_box3 .th_bg td {
  padding-top: 1.1111111111em;
  padding-bottom: 1.1111111111em;
  padding-left: 1.6666666667em;
  padding-right: 1.6666666667em;
}
.table_box3 .th_bg th, .table_box3 .th_bg td {
  border-bottom-color: var(--border-color4);
}
.table_box3 .th_bg th {
  background-color: #d9e3eb;
}
.table_box3 .tit_cont {
  padding: 0.2777777778em 0;
  font-weight: 500;
  word-break: break-all;
}
.table_box3 .text_cont {
  padding: 0.5555555556em 0;
  line-height: 1.88;
  word-break: break-all;
}
@media screen and (max-width: 1280px) {
  .table_box3 {
    font-size: 1.05rem;
  }
  .table_box3 table td, .table_box3 table th {
    padding-top: 1.4285714286em;
    padding-bottom: 1.4285714286em;
  }
  .table_box3 table th {
    padding-left: 1.4285714286em;
    padding-right: 1.4285714286em;
  }
  .table_box3 table th {
    padding-left: 0.8928571429em;
    padding-right: 0.8928571429em;
    vertical-align: top;
  }
}
@media screen and (max-width: 800px) {
  .table_box3 {
    font-size: 0.875rem;
  }
}
.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);
}

@media screen and (max-width: 1280px) {
  .md_column table, .md_column tbody, .md_column tr, .md_column thead, .md_column td, .md_column th {
    display: block;
    width: 100%;
    height: auto !important;
  }
  .md_column th {
    padding: 0.5357142857em 0;
  }
  .md_column td {
    padding: 0.5357142857em 0;
  }
}

.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: #ff5d00;
  --bg-color: #f1f4f6;
  --bg-brand-color-100: #d9e3eb;
  --bg-brand-color-200: #e4e9ee;
  --bg-brand-color-300: #acb5be;
  --bg-color-100: #f8f8f8;
  --bg-color-200: #aaaaaa;
  --bg-color-700: #b2b2b2;
  --font-color: #222222;
  --font-color2: #121212;
  --border-color: #dddddd;
  --border-color2: #e5e5e5;
  --border-color3: #dfdfdf;
  --border-color4: #d5d5d5;
  --font-color-b1: #222222;
  --font-color-b2: #444444;
  --font-color-b3: #666666;
  --font-color-b4: #707070;
  --font-color-b5: #cccccc;
  --font-color-b6: #999999;
  --placeholder: #acb5be;
  --wrap-width: 105.5rem;
  --wrap-true-width: 103rem;
  --header-height: 7.5rem;
  --header-down-height: 5rem;
  --sub-visual-height: 16.875rem;
  --footer-height: 21.0625rem;
  --floating-gap: 1.5rem;
  --depth2-height: 14.5625rem;
  --font-size: 18;
  --line-width: 4px;
  --floating-width: 5rem;
}
@media screen and (max-width: 1280px) {
  :root {
    --header-height: 5.4rem;
    --footer-height: 19.5rem;
    --sub-visual-height: 10.125rem;
  }
}
@media screen and (max-width: 1024px) {
  :root {
    --floating-width: 0rem;
    --floating-height: 4.65rem;
  }
}
@media screen and (max-width: 800px) {
  :root {
    --header-height: 4.625rem;
    --header-down-height: 3.4375rem;
    --sub-visual-height: 8.4375rem;
    --floating-gap: 1rem;
    --footer-height: 16.25rem;
    --floating-height: 3.875rem;
    --line-width: 0.25rem;
    --sub-visual-height: 8.4375rem;
  }
}

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

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