@charset "UTF-8";
html, body {
  width: 100%;
  height: 100%;
  touch-action: pan-y;
}

body {
  position: relative;
  height: auto;
  min-height: 100%;
}

.container {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.container img {
  max-width: 100%;
}
.container.etc {
  padding-top: var(--header-height);
}
@media screen and (max-width: 800px) {
  .container.etc {
    padding-top: 3.625rem;
  }
}

#con {
  display: block;
  position: relative;
  z-index: 10;
  background-color: var(--color-white);
}

#skipNav a {
  position: absolute;
  display: block;
  font-size: 0px;
  top: -9999px;
  left: -9999px;
}
#skipNav a:focus {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: #333;
  color: #fff;
  font-size: 20px;
  z-index: 9999;
  text-align: center;
}

.con_tit1 {
  font-size: 3.375em;
  font-weight: 600;
  margin-bottom: 0.7407407407em;
}
.con_tit2 {
  font-size: 1.875em;
  font-weight: 600;
}
.con_tit3 {
  font-size: 1.5em;
  font-weight: 600;
  margin-bottom: 1.2916666667em;
}
@media screen and (max-width: 800px) {
  .con_tit3 {
    font-size: 1.25em;
  }
}
.con_txt1 {
  font-size: 1.5em;
  font-weight: 600;
  margin-bottom: 2.0833333333em;
}
@media screen and (max-width: 800px) {
  .con_tit1 {
    font-size: 1.875em;
    margin-bottom: 0.8em;
  }
  .con_tit2 {
    font-size: 1.5em;
  }
  .con_txt1 {
    font-size: 1.125em;
    margin-bottom: 1.7777777778em;
  }
}

.header {
  position: fixed;
  z-index: 1006;
  top: 0;
  left: 0;
  width: 100%;
  font-size: 1rem;
  background-color: var(--color-white);
  transition: background 0.25s;
  color: #fff;
}
.header::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid var(--border-color);
  z-index: 10;
}
.header.down::after {
  display: none;
}
.header .h_inner {
  height: var(--header-height);
  padding-left: 2.5em;
  padding-right: 2.5em;
  align-items: center;
  position: relative;
}
.header .logo {
  position: relative;
  z-index: 12;
}
@media screen and (max-width: 800px) {
  .header .logo {
    z-index: 5005;
  }
}
.header .logo a {
  display: block;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
  width: 11.375em;
  height: 1.625em;
}
.header .logo a svg {
  display: block;
  vertical-align: top;
  width: 100%;
}
.header svg .cw {
  fill: #fff !important;
  color: #fff !important;
}
.header .h_btns {
  position: relative;
  z-index: 11;
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 1.5em;
}
.header .h_btns .h_btn {
  font-size: 0.875em;
  height: 2.7142857143em;
}
.header .h_btns #hLogout {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--bg-color-100);
  color: var(--brand-color-sub);
  font-weight: 400;
  gap: 0.2857142857em;
  padding: 0.5714285714em 1.1428571429em;
  margin-right: 0.1428571429em;
  border-radius: 1.125rem;
}
.header .h_btns .h-lang {
  position: relative;
}
.header .h_btns .h-lang > button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.header .h_btns .h-lang > button svg {
  display: block;
  width: 1.7142857143em;
  height: 1.7142857143em;
  vertical-align: top;
}
.header .h_btns .h-lang > button path {
  transition: fill 0.2s;
}
.header .h_btns .h-lang.on > button path,
.header .h_btns .h-lang > button:hover path {
  fill: var(--brand-color-main);
}
.header .h_btns .h-lang__list {
  display: none;
  position: absolute;
  top: calc(100% + 0.2857142857em);
  left: 50%;
  transform: translateX(-50%);
  min-width: 4em;
  background-color: var(--color-white);
  border: 1px solid var(--border-color);
  border-radius: 0.125rem;
  box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.08);
  overflow: hidden;
  text-align: center;
}
.header .h_btns .h-lang__list a {
  display: block;
  padding: 0.4285714286em 0.7142857143em;
  color: var(--brand-color-sub);
  white-space: nowrap;
}
.header .h_btns .h-lang__list a:hover {
  background-color: var(--bg-color-100);
}
.header .h_btns .h-lang__list a.is-current {
  color: var(--brand-color-main);
  font-weight: 600;
}
.header .h_btns .h-lang.on .h-lang__list {
  display: block;
}
.header .h_btns #hAllSearch {
  display: flex;
  align-items: center;
  justify-content: center;
}
.header .h_btns #hAllSearch svg {
  width: 2.2857142857em;
  height: 2.2857142857em;
  vertical-align: top;
}
.header .h_btns #hAllMenu {
  display: block;
  width: 2.0714285714em;
}
.header .h_btns #hAllMenu svg {
  display: block;
  width: 100%;
  height: 100%;
}
.header .h_btns #hAllMenu .line {
  transition: transform 0.35s;
}
.header .h_btns #hAllMenu .line_1 {
  transform: translateX(234.5%);
}
.header .h_btns #hAllMenu .line_2 {
  transform: translateX(134.5%);
}
.header .h_btns #hAllMenu .line_3 {
  transform: translateX(34.5%);
}
.header .h_btns #hAllMenu.on .line, .header .h_btns #hAllMenu:hover .line {
  transform: translateX(0);
}
.header.down {
  transform: translateY(-250%);
}
@media screen and (max-width: 1440px) {
  .header .h_inner {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .header .logo a {
    font-size: 0.9em;
  }
}
@media screen and (max-width: 1280px) {
  .header .logo a {
    width: 10.8rem;
    height: 1.5rem;
    font-size: 1em;
  }
  .header .h_btns #hLogout {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  .header .logo a {
    width: 9rem;
    height: auto;
  }
  .header .h_btns .h_btn {
    height: 1.625rem;
  }
}

#gnb {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  padding-right: 3.75rem;
}
#gnb > ul {
  max-width: 1320px;
  width: calc(100% - 26.875rem);
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
#gnb > ul::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(var(--header-height) + var(--depth2-height));
  background-color: var(--color-white);
  z-index: 2;
  transform: translateY(-100%) scaleY(0);
  visibility: hidden;
  transition: all 0.25s;
  border-bottom: 1px solid var(--border-color);
}
@media all and (min-width: 1280px) {
  #gnb > ul:hover::before {
    visibility: visible;
    transform: none;
  }
  #gnb > ul:hover .depth2 {
    transition: all 0.3s;
    transition-delay: 0.1s;
    transition-duration: 0.35s;
    visibility: visible;
    opacity: 1;
    border-right: 1px solid var(--border-color);
    transform: translateX(-50%);
  }
}
#gnb .depth1 {
  color: var(--brand-color-sub);
}
#gnb .depth2 {
  color: #121212;
}
#gnb .depth1 {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex: 1 1;
  position: relative;
  z-index: 13;
  height: 100%;
  font-size: 1.25em;
}
#gnb .depth1:hover > a {
  color: var(--brand-color-main);
}
#gnb .depth1:hover > a::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -0.1em;
  left: 0;
  width: 100%;
  border-top: 0.2em solid var(--brand-color-main);
}
#gnb .depth1 > a {
  word-break: keep-all;
  height: 100%;
  text-align: center;
  padding-left: 0.4em;
  padding-right: 0.4em;
}
#gnb .depth1 a {
  display: flex;
  align-items: center;
  justify-content: center;
}
#gnb .depth1:first-child .depth2 {
  border-left: 1px solid var(--border-color);
}
#gnb .depth2 {
  font-size: 0.9em;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-top: -1px;
  min-width: 100%;
  visibility: hidden;
  opacity: 0;
  padding-top: 1.3333333333em;
  padding-bottom: 1.3333333333em;
  transform: translateX(-50%);
  text-align: center;
  height: var(--depth2-height);
}
#gnb .depth2 > li:hover > a {
  font-weight: bold;
}
#gnb .depth2 li {
  word-break: keep-all;
}
#gnb .depth2 li > a {
  padding-left: 0.4444444444em;
  padding-right: 0.4444444444em;
}
#gnb .depth2 li, #gnb .depth3 li {
  padding-top: 0.4444444444em;
  padding-bottom: 0.4444444444em;
  letter-spacing: -0.45px;
}
#gnb .depth3 {
  display: none;
  font-size: 1em;
  letter-spacing: -0.05em;
  color: #999;
  text-align: center;
  margin-top: 0.1875em;
}
#gnb .depth3 li:last-child {
  padding-bottom: 0;
}
#gnb .depth3 .isset > a::after {
  display: none;
}
@media screen and (max-width: 1700px) {
  #gnb .depth1 {
    font-size: 1.125em;
  }
}
@media screen and (max-width: 1280px) {
  #gnb {
    padding-right: 0;
    padding-left: 5.5rem;
  }
  #gnb > ul {
    width: calc(100% - 16.125rem);
  }
}
@media screen and (max-width: 1024px) {
  #gnb {
    display: none;
  }
}

#container.etc #header,
#header.on,
#header._fixed,
#header.hover,
#header:hover,
#header.down,
#header.__nsb,
#header.__lsb {
  background-color: #fff;
  color: #222;
}
#container.etc #header .h_btn .ch_fill,
#header.on .h_btn .ch_fill,
#header._fixed .h_btn .ch_fill,
#header.hover .h_btn .ch_fill,
#header:hover .h_btn .ch_fill,
#header.down .h_btn .ch_fill,
#header.__nsb .h_btn .ch_fill,
#header.__lsb .h_btn .ch_fill {
  fill: #222 !important;
}
#container.etc #header #gnb .depth1,
#container.etc #header #gnb .depth2,
#header.on #gnb .depth1,
#header.on #gnb .depth2,
#header._fixed #gnb .depth1,
#header._fixed #gnb .depth2,
#header.hover #gnb .depth1,
#header.hover #gnb .depth2,
#header:hover #gnb .depth1,
#header:hover #gnb .depth2,
#header.down #gnb .depth1,
#header.down #gnb .depth2,
#header.__nsb #gnb .depth1,
#header.__nsb #gnb .depth2,
#header.__lsb #gnb .depth1,
#header.__lsb #gnb .depth2 {
  color: #121212;
}

@media print {
  .header {
    position: absolute;
  }
}
.allMenu {
  font-size: 1rem;
  display: block;
  position: fixed;
  top: 0%;
  left: 0;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  z-index: 5005;
  visibility: hidden;
  transition: visibility 0.7s;
  overflow: hidden;
  opacity: 0;
  color: var(--brand-color-sub);
}
.allMenu::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--bg-color-100);
  transform: skewX(-29.5deg) scaleX(0);
  transition: transform 0.6s linear, opacity 0.6s linear;
  opacity: 0;
  transition-delay: 0s, 0.3s;
}
.allMenu:not(.on) {
  transition: visibility 0.3s;
  transition-delay: 0.5s;
}
.allMenu.on {
  visibility: visible;
  transition: none;
  opacity: 1;
}
.allMenu.on::before {
  transform: skewX(-29.5deg) scaleX(2);
  opacity: 1;
  transition: transform 0.6s ease-in, opacity 0.6s;
}
.allMenu.on .allMenu_box {
  opacity: 1;
  transition: all 0.6s;
  transition-delay: 0.6s;
}
.allMenu.on .all_line_lists .line {
  transform: skewX(-29.5deg) rotate(0.01deg);
}
.allMenu.on .all_line_lists .line_1 {
  transition-delay: 0.65s;
}
.allMenu.on .all_line_lists .line_2 {
  transition-delay: 0.55s;
}
.allMenu_box {
  display: flex;
  align-items: center;
  display: flex;
  height: calc(var(--vh, 1vh) * 100);
  padding-top: 5em;
  padding-bottom: 5em;
  padding-right: 9.875em;
  position: relative;
  font-size: 1rem;
  opacity: 0;
}
.allMenu_logo {
  position: absolute;
  top: 2.3125em;
  left: 2.5em;
  text-align: center;
  width: 11.375em;
  height: 1.625em;
}
.allMenu_logo svg {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.allMenu_con {
  display: flex;
  justify-content: center;
  padding-left: 1.5em;
  padding-right: 1.5em;
  max-height: 100%;
  overflow-y: auto;
  width: 100%;
}
.allMenu_gnb {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 1400px;
  position: relative;
  z-index: 10;
  width: 100%;
  color: var(--brand-color-sub);
  border-top: 1px solid var(--border-color);
}
.allMenu_gnb .depth1 {
  width: 100%;
  flex: 1 1;
  display: flex;
  align-items: stretch;
  text-align: left;
  border-bottom: 1px solid var(--border-color);
  padding-top: 2.5em;
  padding-bottom: 2.5em;
  padding-left: 2.5em;
  padding-right: 2.5em;
}
.allMenu_gnb .depth1 .depth1_tit {
  font-size: 2.25em;
  font-weight: bold;
  flex: 0 0 auto;
  width: 40%;
  max-width: 11.5555555556em;
  min-width: 6.9444444444em;
  padding-right: 0.8888888889em;
}
.allMenu_gnb .depth2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2em;
  font-size: 1.25em;
}
.allMenu_gnb .depth2 a:hover {
  color: var(--brand-color-main);
  text-decoration: underline;
  font-weight: bold;
}
.allMenu_gnb .depth3 {
  font-size: 0.8em;
  padding-top: 0.75em;
}
.allMenu_gnb .depth3 li {
  padding-top: 0.75em;
  padding-bottom: 0.75em;
}
.allMenu_gnb .depth3 li:last-child {
  padding-bottom: 0;
}
.allMenu_ft {
  display: none;
}
.allMenu_close {
  position: absolute;
  top: 2.25em;
  right: 2.25em;
  width: 2.5625em;
  height: 2.5625em;
  z-index: 3;
}
.allMenu_close svg {
  transition: transform 0.3s;
  width: 1.5em;
  height: 1.5em;
  transform-origin: center center;
}
.allMenu_close:hover svg {
  transform: rotate(-90deg);
}
.allMenu .all_line_lists {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 26.875rem;
  height: 33.75rem;
  z-index: 10;
  overflow: hidden;
}
.allMenu .all_line_lists::before {
  content: "";
  display: block;
  transform: skewX(-29.5deg) rotate(0.01deg);
  width: 5rem;
  height: 100%;
  position: absolute;
  right: 8.25rem;
  background-color: var(--bg-color-100);
}
.allMenu .all_line_lists .line {
  position: absolute;
  bottom: 0;
  transform: skewX(-29.5deg) translateY(-125%);
  height: 100%;
  transition: transform 1s;
}
.allMenu .all_line_lists .line_1 {
  width: 5rem;
  right: 12.1875rem;
  background-color: var(--brand-color-main);
}
.allMenu .all_line_lists .line_2 {
  width: 31.25rem;
  right: -21.5625rem;
  background-color: var(--brand-color-sub);
}

@media screen and (max-width: 1280px) {
  .allMenu {
    max-width: 450px;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    left: auto;
    right: -100%;
    transition: transform 0.5s, position 0.5s, right 0.5s, opacity 0.3s;
  }
  .allMenu.on {
    transform: none;
    right: 0;
  }
  .allMenu.on .allMenu_box {
    transition-delay: 0s;
    transform: none;
  }
  .allMenu.on::before {
    opacity: 1;
    transform: none;
  }
  .allMenu:not(.on) {
    transition: visibility 0.6s, opacity 1s, position 0.6s, right 0.6s;
  }
  .allMenu::before {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    opacity: 0;
    background-image: none;
    transition: opacity 0.3s, background 0.3s;
    transform: none;
  }
  .allMenu .all_line_lists, .allMenu_etc {
    display: none;
  }
  .allMenu_box {
    position: relative;
    height: 100%;
    background-color: #fff;
    z-index: 1;
    flex-direction: column;
    transition: all 0.6s;
    padding: 1.125em 1em 5.25em;
    transform: translateX(100%);
  }
  .allMenu_logo {
    position: static;
    display: flex;
    align-items: center;
    height: 2.5625em;
    margin-right: auto;
    margin-left: 0;
    margin-bottom: 0;
  }
  .allMenu_logo svg {
    width: 9rem;
    height: 1.25rem;
  }
  .allMenu .allMenu_con {
    font-size: 1.125rem;
    padding-top: 1.1111111111em;
  }
  .allMenu_con {
    overflow: hidden;
    height: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .allMenu_con .allMenu_gnb {
    padding-left: 0;
    padding-top: 0;
    height: 100%;
    overflow-y: auto;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    display: block;
  }
  .allMenu_con .depth1 {
    font-size: 1em;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
    border-bottom: 0;
  }
  .allMenu_con .depth1 .depth1_tit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: bold;
    width: 100%;
    max-width: 100%;
    min-width: auto;
    font-size: 1.3333333333em;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0.8333333333em;
    padding-bottom: 0.8333333333em;
    position: relative;
    letter-spacing: -0.6px;
  }
  .allMenu_con .depth1 .depth1_tit::after {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Cpath transform='translate(0 8)' style='fill:%23020a0a' d='M0 0h19v3H0z'/%3E%3Cpath transform='rotate(90 5.5 5.5)' style='fill:%23020a0a' d='M0 0h19v3H0z'/%3E%3C/svg%3E%0A");
    width: 0.7916666667em;
    height: 0.7916666667em;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  .allMenu_con .depth1.on .depth1_tit::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='3' viewBox='0 0 19 3'%3E%3Cpath style='fill:%23020a0a' d='M0 0h19v3H0z'/%3E%3C/svg%3E%0A");
  }
  .allMenu_con .depth1, .allMenu_con .depth2, .allMenu_con .depth3 {
    display: block;
  }
  .allMenu_con .depth2 {
    display: none;
    padding-top: 1.3333333333em;
    padding-bottom: 1.3333333333em;
    margin: 0;
    font-size: 1em;
    border-top: 1px solid var(--border-color);
  }
  .allMenu_con .depth2 > li:first-child {
    margin-top: 0;
  }
  .allMenu_con .depth2 > li {
    margin-top: 1.3333333333em;
    margin-bottom: 0;
    margin-right: 0;
    padding: 0;
  }
  .allMenu_con .depth3 {
    margin-left: 0;
    padding-left: 0.5em;
    font-size: 0.8em;
    padding-top: 1.25em;
  }
  .allMenu_con .depth3::before {
    display: none;
  }
  .allMenu_con .depth3 > li:first-child {
    margin-top: 0;
  }
  .allMenu_con .depth3 > li {
    padding: 0;
    margin-top: 1.25em;
  }
  .allMenu_ft {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    z-index: 10;
    width: 100%;
    padding-top: 0;
  }
  .allMenu_ft li {
    width: 100%;
  }
  .allMenu_ft .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 4em;
    font-size: 1.125rem;
  }
  .allMenu_ft .logout {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--brand-color-sub);
    color: var(--color-white);
    font-weight: 400;
    gap: 0.2222222222em;
    padding: 0.5714285714em 1.1428571429em;
  }
  .allMenu_ft .logout svg {
    vertical-align: top;
    width: 1.3333333333em;
    height: 1.3333333333em;
  }
  .allMenu .allMenu_close {
    width: 2.5625em;
    height: 2.5625em;
    top: 1.125em;
    right: 0.625em;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .allMenu .allMenu_close svg {
    display: block;
    vertical-align: top;
    width: 1.1875em;
    height: 1.1875em;
  }
  .allMenu .allMenu_close:hover {
    transform: rotate(90deg);
    transform-origin: center;
  }
}
@media screen and (max-width: 800px) {
  .allMenuMo {
    font-size: 1rem;
  }
}
@media screen and (max-width: 601px) {
  .allMenu {
    max-width: 100%;
  }
}
.side_nav {
  position: fixed;
  top: 50%;
  right: 1.875em;
  transform: translateY(-50%);
  transition: all 0.3s;
  font-size: 1em;
  z-index: 102;
  counter-reset: float-counter;
}
@media screen and (min-width: 1281px), print {
  .side_nav:not(.on) {
    transform: translate(125%, -50%);
  }
}
.side_nav._white {
  mix-blend-mode: normal;
}
.side_nav._white li {
  color: #fff;
}
.side_nav._white li::after {
  border-top-color: #fff;
}
.side_nav._white li.on {
  color: #fff;
}
@media screen and (max-width: 1280px) {
  .side_nav._white li {
    color: #999999;
  }
  .side_nav._white li.on {
    color: var(--brand-color-main);
  }
}
.side_nav li {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-align: right;
  color: var(--font-color-b3);
  counter-increment: float-counter;
  position: relative;
  overflow: hidden;
  padding-top: 0.9375em;
  padding-bottom: 0.9375em;
  line-height: 1.2;
}
.side_nav li::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0%;
  right: 0;
  width: 1.25em;
  border-bottom: 1px solid var(--border-color);
  box-shadow: 0px 0 0 0px var(--border-color);
  transition: all 0.3s;
}
@media all and (min-width: 1024px) {
  .side_nav li:not(.on):not(:hover) a {
    height: 1.2em;
  }
}
@media all and (min-width: 1024px) {
  .side_nav li:hover {
    color: var(--brand-color-main);
  }
  .side_nav li:hover a {
    transform: translateX(0%);
    font-weight: bold;
  }
  .side_nav li:hover::before {
    transform: translateX(-50%);
  }
  .side_nav li:hover::after {
    box-shadow: 0px 0 0 1px var(--brand-color-main);
    border-bottom-color: var(--brand-color-main);
  }
}
.side_nav li.on {
  color: var(--brand-color-main);
}
.side_nav li.on a {
  transform: translateX(0%);
  font-weight: bold;
}
.side_nav li.on::before {
  transform: translateX(-50%);
}
.side_nav li.on::after {
  box-shadow: 0px 0 0 1px var(--brand-color-main);
  border-bottom-color: var(--brand-color-main);
}
.side_nav li a {
  display: flex;
  justify-content: flex-end;
  transform: translateX(100%);
  transition: transform 0.3s, height 0.3s;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 1281px), print {
  .side_nav li a::before {
    content: "0" counter(float-counter);
    display: block;
    width: auto;
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s;
  }
}
@media screen and (max-width: 1280px) {
  .side_nav {
    padding-top: var(--header-height);
    top: 0;
    transform: none;
    right: auto;
    left: 0;
    width: 100%;
    background-color: #fff;
  }
  .side_nav .side_nav_list {
    text-align: center;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    white-space: nowrap;
    border-bottom: 1px solid var(--border-color);
  }
  .side_nav .side_nav_list::-webkit-scrollbar {
    display: none;
  }
  .side_nav .side_nav_list {
    padding-left: 1em;
    padding-right: 1em;
  }
  #header.down ~ .side_nav {
    padding-top: 0;
  }
  .side_nav li,
  .side_nav li + li {
    margin-top: 0;
    padding-top: 1.25em;
    padding-bottom: 1.25em;
  }
  .side_nav li {
    position: relative;
    margin-left: 1.25em;
    margin-right: 1.25em;
    display: inline-block;
    white-space: nowrap;
    vertical-align: top;
  }
  .side_nav li:first-child {
    margin-left: 0;
  }
  .side_nav li:last-child {
    margin-right: 0;
  }
  .side_nav li br {
    display: none;
  }
  .side_nav li a {
    justify-content: center;
    transform: none;
  }
  .side_nav li::after {
    position: absolute;
    bottom: 0;
    left: 0%;
    transform: none;
    border-bottom: 2px solid var(--brand-color-main);
    width: 100%;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
  }
  .side_nav li.on::after {
    visibility: visible;
    opacity: 1;
  }
}
@media screen and (max-width: 601px) {
  .side_nav {
    overflow-x: auto;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
  }
  .side_nav::-webkit-scrollbar {
    display: none;
  }
  .side_nav .side_nav_list {
    justify-content: flex-start;
  }
}

#floatingGuide {
  position: fixed;
  top: 8.25rem;
  bottom: var(--floating-gap);
  right: 2em;
  z-index: 1111;
  font-size: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
#floatingGuide .floating_inner {
  display: flex;
  flex-direction: column-reverse;
  gap: 0.6666666667em;
  border-radius: 4rem;
  overflow: hidden;
  pointer-events: none;
}
#floatingGuide.on {
  position: absolute;
}
#floatingGuide .toggle_btn {
  order: 2;
  position: relative;
  z-index: 5;
}
#floatingGuide .toggle_btn.on .svg {
  visibility: hidden;
  opacity: 0;
}
#floatingGuide .toggle_btn.on .open_btn::before {
  visibility: visible;
  opacity: 1;
}
#floatingGuide .toggle_btn.on + .lists {
  transform: none;
  visibility: visible;
  opacity: 1;
}
#floatingGuide .svg {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0.3333333333em;
}
#floatingGuide .nmtag {
  font-size: 1.1666666667em;
  font-weight: 800;
  text-align: center;
  color: var(--brand-color-sub);
}
@media screen and (max-width: 1280px) {
  #floatingGuide .nmtag {
    font-size: 1em;
  }
}
#floatingGuide .lists {
  display: flex;
  flex-direction: column;
  gap: 0.6666666667em;
  order: 1;
  visibility: hidden;
  transform: translateY(-100%);
  transition: visibility 0.25s, transform 0.25s linear, opacity 0.25s;
  position: relative;
  opacity: 0.5;
  z-index: 4;
}
#floatingGuide button[class*=_btn],
#floatingGuide a[class*=_btn] {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #fff;
  font-weight: bold;
  pointer-events: fill;
}
#floatingGuide button[class*=_btn]:not(.open_btn),
#floatingGuide a[class*=_btn]:not(.open_btn) {
  background-color: var(--brand-color-main);
}
#floatingGuide .open_btn {
  position: relative;
  background-color: var(--brand-color-sub);
}
#floatingGuide .open_btn .svg {
  transition: all 0.25s;
}
#floatingGuide .open_btn::before {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  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%3Cpolygon fill='%23FFFFFF' points='15.6,2.4 13.8,0.6 8.1,6.4 2.4,0.6 0.6,2.4 6.4,8.1 0.6,13.8 2.4,15.6 8.1,9.9 13.8,15.6 15.6,13.8 9.9,8.1 '/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 1.3333333333em;
  background-position: center;
  transition: all 0.25s;
  opacity: 0;
  visibility: hidden;
}
@media screen and (max-width: 1280px) {
  #floatingGuide {
    right: 1em;
  }
  #floatingGuide .floating_inner {
    border-radius: 4.2rem;
  }
  #floatingGuide button[class*=_btn],
  #floatingGuide a[class*=_btn] {
    width: 4.2rem;
    height: 4.2rem;
  }
}
@media screen and (max-width: 1280px) {
  #floatingGuide {
    gap: 0.3333333333em;
    top: inherit;
  }
  #floatingGuide .floating_inner {
    border-radius: 3.5rem;
  }
  #floatingGuide button[class*=_btn],
  #floatingGuide a[class*=_btn] {
    width: 3.5rem;
    height: 3.5rem;
  }
}

#allSearchWrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4005;
  background-color: rgba(0, 0, 0, 0.5);
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
  color: var(--brand-color-sub);
}
#allSearchWrap.on {
  visibility: visible;
  opacity: 1;
}
#allSearchWrap.on .inner {
  transform: none;
}
#allSearchWrap .inner {
  background-color: #fff;
  padding: 2.5rem 0;
  min-height: 32rem;
  transform: translateY(-105%);
  transition: transform 0.4s;
}
#allSearchWrap .allSearch_close {
  position: absolute;
  top: 1.75rem;
  right: 1.75rem;
  width: 3.125rem;
  height: 3.125rem;
}
#allSearchWrap .search_section {
  max-width: calc(43.75rem + 3rem);
}
#allSearchWrap .txt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.375em;
}
#allSearchWrap ._tit {
  display: block;
  font-weight: 800;
  font-size: 2em;
}
#allSearchWrap .index_btn {
  display: flex;
  color: var(--brand-color-main);
  font-weight: bold;
  border: 0;
  outline: 0;
}
#allSearchWrap .index_btn svg {
  display: inline-block;
  vertical-align: top;
  margin-left: 1em;
}
@media screen and (max-width: 800px) {
  #allSearchWrap .inner {
    padding: calc(var(--header-height) + 2.5rem) 0 1.0625rem;
    height: calc(var(--vh, 1vh) * 100);
  }
  #allSearchWrap .allSearch_close {
    top: 0;
    right: 0;
    width: var(--header-height);
    height: var(--header-height);
  }
  #allSearchWrap .allSearch_close svg {
    width: 1.625rem;
    height: 1.625rem;
  }
  #allSearchWrap ._tit {
    font-size: 1em;
  }
  #allSearchWrap .search_section {
    flex: 1 1 auto;
    overflow: hidden;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    height: 100%;
  }
  #allSearchWrap .all_search_wrap {
    height: calc(100% - 2.5625rem);
  }
  #allSearchWrap form {
    height: 100%;
  }
  #allSearchWrap .related_box {
    height: calc(100% - 4.25rem);
  }
}

.search_section {
  position: relative;
  max-width: calc(50rem + 3rem);
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  margin-left: auto;
  margin-right: auto;
}
.search_section + .wrap .switch_tabs {
  margin-top: 5em;
  margin-bottom: 5em;
}
@media screen and (max-width: 1280px) {
  .search_section + .wrap .switch_tabs {
    margin-top: 3.6em;
    margin-bottom: 3.6em;
  }
}
@media screen and (max-width: 800px) {
  .search_section + .wrap .switch_tabs {
    margin-top: 3em;
    margin-bottom: 3em;
  }
}
.search_section .sv_tit {
  max-width: 80%;
  margin-bottom: 2em;
}
.search_section .sv_tit svg {
  max-width: 100%;
  vertical-align: top;
}
.search_section .sv_tit .logo {
  display: block;
  height: 4em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}
.search_section .sv_tit .HL_1 {
  width: 25.5em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='404' height='64' viewBox='0 0 404 64'%3E%3Cpath d='M31.392 0v17.38H19.804V0H.976v50.691h18.828V33.313h11.588v17.378H50.22V0z'/%3E%3Cpath d='M75.89 0H57.061v50.691h9.414l9.413-16.655z'/%3E%3Cpath d='m400.629 175.467-9.413 16.655H423.5v-16.655z' transform='translate(-324.74 -141.431)' style='fill:%2300b4ed'/%3E%3Cpath d='M203.628 32.593c0 11.091-8.206 19.068-19.524 19.068-11.4 0-19.449-7.977-19.449-19.372 0-11.32 8.053-19.3 19.449-19.3 11.623 0 19.524 7.9 19.524 19.6m-28.109-.3c0 6.912 3.115 10.787 8.661 10.787 5.393 0 8.584-3.875 8.584-10.559 0-7.067-3.039-10.939-8.66-10.939-5.47 0-8.585 3.873-8.585 10.711'/%3E%3Cpath d='M208.717.001h10.788v50.672h-10.788z'/%3E%3Cpath d='M280.737 8.889h-10.783V.001h10.787zm0 41.784h-10.783V13.979h10.787z'/%3E%3Cpath d='M299.677 13.979v3.571c3.951-3.648 6.229-4.634 10.028-4.634 7.977 0 12.839 5.317 12.839 13.978v23.779h-10.788v-19.98c0-3.722-.228-5.167-1.139-6.535a5.106 5.106 0 0 0-4.4-2.126 6.073 6.073 0 0 0-4.635 1.975c-1.215 1.368-1.6 2.887-1.6 6.077v20.589h-10.788V13.979z'/%3E%3Cpath d='M365.026 14.207v32.971c0 6-.836 8.661-3.419 11.169-3.343 3.265-8.357 4.937-14.663 4.937-10.256 0-16.41-4.178-17.169-11.7h11.167c.759 2.278 2.887 3.419 6.457 3.419a8.28 8.28 0 0 0 5.091-1.444c1.594-1.291 2.05-2.659 2.05-6.381v-2.43c-3.268 2.963-5.774 3.95-9.877 3.95-9.648 0-16.562-7.368-16.562-17.7s6.99-18.007 16.259-18.007a11.77 11.77 0 0 1 10.711 5.7l-.228-4.481zm-26.667 16.637c0 5.394 3.267 9.118 8.129 9.118 5.015 0 8.13-3.571 8.13-9.269 0-5.394-3.267-8.965-8.13-8.965s-8.129 3.648-8.129 9.116'/%3E%3Cpath d='M393.059 24.995c-.456-2.736-2.66-4.178-6.229-4.178-3.115 0-5.167 1.215-5.167 3.038 0 1.368 1.064 2.053 4.483 2.812l6.762 1.444c4.483.91 6.762 1.9 8.357 3.569a10.229 10.229 0 0 1 2.736 7.37c0 7.749-6.307 12.611-16.487 12.611s-16.486-4.785-17.094-12.915h10.1c.608 3.495 2.887 5.09 7.218 5.09 3.419 0 5.621-1.367 5.621-3.569 0-1.748-1.215-2.661-4.1-3.344l-6.686-1.518c-8.053-1.749-11.167-4.711-11.167-10.56 0-7.37 5.85-11.854 15.649-11.854 9.42 0 15.119 4.256 16.107 12z'/%3E%3Cpath d='M126.087 28.794v21.879H114.67V.001h11.418v19.068h22.055V.001h11.418v50.671h-11.418V28.794z'/%3E%3Cpath d='M252.744 0h-.933l-.068 17.178a15.223 15.223 0 0 0-10.786-3.978c-9.2 0-16.941 7.814-16.941 19.245 0 11.5 7.744 19.243 16.941 19.243a15.228 15.228 0 0 0 10.786-3.978v2.893h10.8V.003zm-9.514 42.685c-5.269 0-9.107-4.1-9.107-10.241 0-6.066 3.839-10.242 9.107-10.242 4.892 0 9.258 4.176 9.258 10.242 0 6.145-4.366 10.241-9.258 10.241'/%3E%3C/svg%3E%0A");
}
.search_section .sv_tit .HL_2 {
  width: 20.875em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='334' height='64' viewBox='0 0 334 64'%3E%3Cpath d='M31.439.001v17.394h-11.6V.001H1V50.73h18.843V33.341h11.6v17.392h18.839V.001z'/%3E%3Cpath d='M75.969.001H57.128V50.73h9.42l9.42-16.668z'/%3E%3Cpath d='m438.348 309.912-9.42 16.668h32.307v-16.668z' transform='translate(-362.379 -275.85)' style='fill:%2300b4ed'/%3E%3Cpath d='M224.63 14v3.655c3.947-3.642 6.227-4.629 10.017-4.629 7.971 0 12.828 5.313 12.828 13.964v23.76h-10.776V30.79c0-3.718-.226-5.16-1.136-6.526a5.108 5.108 0 0 0-4.4-2.125 6.077 6.077 0 0 0-4.63 1.972c-1.216 1.367-1.6 2.884-1.6 6.072V50.75H214.16V14z'/%3E%3Cpath d='M333.94 32.645c0 11.1-8.213 19.084-19.542 19.084-11.406 0-19.466-7.985-19.466-19.39 0-11.328 8.06-19.311 19.466-19.311 11.634 0 19.542 7.907 19.542 19.617m-28.132-.306c0 6.92 3.115 10.8 8.666 10.8 5.4 0 8.59-3.878 8.59-10.569 0-7.071-3.039-10.949-8.666-10.949-5.475 0-8.59 3.878-8.59 10.72'/%3E%3Cpath d='M207.78 50.75h-10.792v-3.023a15.307 15.307 0 0 1-10.845 4c-9.246 0-17.032-7.781-17.032-19.347 0-11.493 7.786-19.349 17.032-19.349a15.307 15.307 0 0 1 10.845 4V14h10.791zm-10.04-18.37c0-6.1-4.389-10.3-9.307-10.3-5.3 0-9.159 4.2-9.159 10.3 0 6.178 3.861 10.3 9.159 10.3 4.918 0 9.307-4.119 9.307-10.3'/%3E%3Cpath d='m152.155.027-12.369 28.807L127.495.027h-12.721v50.7h10.381V17.793l11.591 25.151h6.062l11.525-25.009v32.793h10.382V.028z'/%3E%3Cpath d='M290.497 50.75V.023h-10.736l-.068 17.185a15.222 15.222 0 0 0-10.789-3.982c-9.2 0-16.947 7.815-16.947 19.252 0 11.506 7.747 19.25 16.947 19.25a15.228 15.228 0 0 0 10.789-3.98v3zm-19.322-8.028c-5.271 0-9.111-4.1-9.111-10.244 0-6.069 3.841-10.246 9.111-10.246 4.894 0 9.261 4.177 9.261 10.246 0 6.146-4.367 10.244-9.261 10.244'/%3E%3C/svg%3E%0A");
}
.search_section .sv_tit .HL_4 {
  width: 25.375em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='406' height='64' viewBox='0 0 406 64'%3E%3Cpath d='M176.777 51.612c-9.933 0-16.609-5.95-16.609-14.806 0-6.546 2.958-11.223 9.563-15.071-2.979-3.836-4.4-6.411-4.4-9.944 0-7.053 5.352-11.792 13.319-11.792 7.82 0 13.076 4.572 13.076 11.377 0 5.037-2.426 8.468-8.883 12.443 1.181 1.368 7.177 8.329 7.177 8.329a26.22 26.22 0 0 0 1.4-7.7l.022-.72h8.858l-.022.761a34.343 34.343 0 0 1-3.891 15.041c4.351 5.029 7.2 8.283 8.69 9.942l1.115 1.238h-11.48l-.22-.24a392.523 392.523 0 0 1-3.576-3.947 20.883 20.883 0 0 1-14.139 5.087m-1.661-23.29c-3.818 2.556-5.252 4.759-5.252 7.964 0 4.222 2.821 6.845 7.365 6.845a11.413 11.413 0 0 0 7.912-3.137 789.868 789.868 0 0 1-10.025-11.672m3.464-20.222a3.592 3.592 0 0 0-3.9 3.762c0 1.891 1.182 3.779 2.995 5.99 3.538-1.883 4.807-3.489 4.807-5.99a3.556 3.556 0 0 0-3.9-3.762'/%3E%3Cpath d='M112.567 1.013h18.139c10.063 0 15.357 1.788 19.83 6.856 3.951 4.474 6.114 10.735 6.114 17.743 0 7.3-2.385 14.088-6.486 18.561-4.324 4.622-9.842 6.56-19.087 6.56h-18.51zm20 40.178c5.069 0 8.125-1.416 10.213-4.845a20.129 20.129 0 0 0 2.461-10.51 19.823 19.823 0 0 0-2.386-10.289c-1.938-3.427-4.994-4.994-9.543-4.994h-9.565v30.638z'/%3E%3Cpath d='M210.683 1.013h11.183v49.72h-11.183z'/%3E%3Cpath d='M112.567 1.013h18.139c10.063 0 15.357 1.788 19.83 6.856 3.951 4.474 6.114 10.735 6.114 17.743 0 7.3-2.385 14.088-6.486 18.561-4.324 4.622-9.842 6.56-19.087 6.56h-18.51zm20 40.178c5.069 0 8.125-1.416 10.213-4.845a20.129 20.129 0 0 0 2.461-10.51 19.823 19.823 0 0 0-2.386-10.289c-1.938-3.427-4.994-4.994-9.543-4.994h-9.565v30.638z'/%3E%3Cpath d='M30.85.988v17.055H19.479V.988H1V50.73h18.479V33.677H30.85V50.73h18.478V.988z'/%3E%3Cpath d='M74.519.988H56.042V50.73h9.238l9.238-16.343z'/%3E%3Cpath d='m438.152 397.4-9.238 16.346H460.6V397.4z' transform='translate(-363.641 -363.018)' style='fill:%2300b4ed'/%3E%3Cpath d='M255.235 29.264v21.475H244.03V1.011h11.2v18.711h21.65V1.011h11.2v49.728h-11.2v-21.47z'/%3E%3Cpath d='M330.305 50.66H319.71v-2.858a15.027 15.027 0 0 1-10.648 3.924c-9.077 0-16.722-7.64-16.722-19 0-11.283 7.645-19 16.722-19a15.027 15.027 0 0 1 10.648 3.928v-3.023h10.595zm-9.86-17.925c0-5.987-4.309-10.108-9.138-10.108-5.2 0-8.989 4.121-8.989 10.108 0 6.066 3.789 10.11 8.989 10.11 4.829 0 9.138-4.044 9.138-10.11'/%3E%3Cpath d='M405.953 50.66h-10.594v-2.858a15.029 15.029 0 0 1-10.648 3.924c-9.077 0-16.722-7.64-16.722-19 0-11.283 7.645-19 16.722-19a15.029 15.029 0 0 1 10.648 3.928v-3.023h10.593zm-9.862-17.925c0-5.987-4.309-10.108-9.138-10.108-5.2 0-8.99 4.121-8.99 10.108 0 6.066 3.791 10.11 8.99 10.11 4.829 0 9.138-4.044 9.138-10.11'/%3E%3Cpath d='M336.424 1.011h10.587v49.724h-10.587z'/%3E%3Cpath d='M353.14 1.011h10.588v49.724H353.14z'/%3E%3C/svg%3E%0A");
}
.search_section .sv_tit .HL_3 {
  width: 24.625em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='394' height='64' viewBox='0 0 394 64'%3E%3Cpath d='M159.732 50.735h-13.707l-15.381-22.971-4.722 4.79v18.181h-11.19V.001h11.19v18.713L143.056.001h15l-19.8 20.007z'/%3E%3Cpath d='M162.795.001h10.814v50.738h-10.814z'/%3E%3Cpath d='M189.972 35.509c.687 5.027 3.656 7.768 8.3 7.768a6.9 6.9 0 0 0 6.4-3.275h10.967c-2.056 7.159-8.909 11.728-17.668 11.728-11.346 0-18.882-7.768-18.882-19.343 0-11.5 7.69-19.418 18.806-19.418 7.768 0 13.631 3.884 16.372 10.814 1.3 3.2 1.828 6.625 1.828 11.727zm15-7.615c-.459-4.341-2.972-6.7-7.159-6.7s-6.93 2.359-7.766 6.7z'/%3E%3Cpath d='M232.099 13.959v4.416c3.427-4.188 5.71-5.406 10.128-5.406 4.721 0 8.072 1.9 10.2 5.94 3.959-4.493 6.7-5.94 11.421-5.94a12.407 12.407 0 0 1 9.139 3.427c2.056 2.207 2.894 5.178 2.894 9.9v24.445h-10.807V30.483c0-5.634-1.675-8.147-5.408-8.147-3.806 0-5.482 2.513-5.482 8.147V50.74h-10.815V30.483c0-5.634-1.673-8.147-5.482-8.147-3.731 0-5.482 2.513-5.482 8.147V50.74H221.59V13.96z'/%3E%3Cpath d='M320.419 32.615c0 11.118-8.225 19.114-19.571 19.114-11.422 0-19.493-8-19.493-19.418 0-11.346 8.071-19.343 19.493-19.343 11.652 0 19.571 7.921 19.571 19.648m-28.176-.3c0 6.93 3.122 10.812 8.681 10.812 5.406 0 8.6-3.882 8.6-10.584 0-7.083-3.046-10.965-8.681-10.965-5.483 0-8.6 3.882-8.6 10.737'/%3E%3Cpath d='m333.46 50.739-13.174-36.78h11.346l4.112 14.089c.762 2.588 1.677 6.091 2.894 10.584.838-4.112 1.751-8.377 2.286-10.584l3.731-14.089h11.575l-12.49 36.78z'/%3E%3Cpath d='M367.535 35.509c.685 5.027 3.656 7.768 8.3 7.768a6.9 6.9 0 0 0 6.4-3.275H393.2c-2.056 7.159-8.909 11.728-17.667 11.728-11.346 0-18.886-7.768-18.886-19.343 0-11.5 7.691-19.418 18.809-19.418 7.768 0 13.631 3.884 16.372 10.814 1.3 3.2 1.828 6.625 1.828 11.727zm15-7.615c-.458-4.341-2.971-6.7-7.158-6.7s-6.931 2.359-7.768 6.7z'/%3E%3Cpath d='M31.462.006v17.388h-11.6V.006H1v50.713h18.862V33.337h11.6v17.386h18.857V.006z'/%3E%3Cpath d='M76.026.006H57.17v50.713h9.431l9.428-16.662z'/%3E%3Cpath d='m438.341 484.314-9.428 16.68h32.332v-16.68z' transform='translate(-362.391 -450.276)' style='fill:%2300b4ed'/%3E%3C/svg%3E%0A");
}
.search_section .sv_tit.result {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 700;
  max-width: 100%;
  margin-bottom: 1.4em;
}
@media screen and (max-width: 800px) {
  .search_section .sv_tit.result {
    font-size: 1.875rem;
    margin-bottom: 1.3333333333em;
  }
}
.search_section .search_lap {
  position: relative;
}
.search_section .search_lap > .btn {
  position: absolute;
  bottom: 100%;
  right: 0;
  margin-bottom: 2em;
  width: 100%;
  max-width: 16.25rem;
}
.search_section .search_lap .download-btns {
  position: absolute;
  bottom: 100%;
  right: 0;
  margin-bottom: 2.5rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 1rem;
}
.search_section .search_lap .download-btns ._txt {
  display: block;
  font-size: 1em;
  font-weight: 600;
  letter-spacing: -0.025em;
  color: var(--brand-color-sub);
  white-space: nowrap;
}
.search_section .search_lap .download-btns .btns {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.search_section .search_lap .download-btns .down_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  width: auto;
  min-width: 0;
  max-width: none;
  height: 3rem;
  line-height: 1;
  margin-top: 0;
  padding: 0 1rem;
  border: 0;
  border-radius: 1.5rem;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: -0.025em;
  background-color: var(--brand-color-main);
  color: #fff;
  transition: transform 0.25s;
  transform: rotate(0.01deg);
}
.search_section .search_lap .download-btns .down_btn:hover {
  transform: translateY(-20%) rotate(0.01deg);
}
.search_section .search_lap .download-btns .down_btn span {
  display: block;
}
.search_section .search_lap .download-btns .down_btn svg {
  display: block;
  flex: 0 0 auto;
  width: 1.5rem;
  height: 1.5rem;
}
@media screen and (max-width: 1280px) {
  .search_section .search_lap .download-btns {
    position: relative;
    bottom: auto;
    right: auto;
    margin-bottom: 0;
    margin-top: 1.625rem;
    justify-content: center;
  }
  .search_section .search_lap .download-btns .down_btn {
    padding: 0 1.5rem;
  }
}
.search_section .all_search_box {
  display: flex;
  align-items: stretch;
  border: 2px solid var(--brand-color-sub);
}
.search_section .all_search_box input, .search_section .all_search_box select {
  background-color: inherit;
  font-size: 1.125rem;
  height: 4.4444444444em;
  line-height: 1.5;
  border: 0;
}
.search_section .all_search_box input:active, .search_section .all_search_box input:focus, .search_section .all_search_box select:active, .search_section .all_search_box select:focus {
  outline: none;
  box-shadow: none;
  border: 0;
}
.search_section .all_search_box .sel_box {
  position: relative;
  width: 10rem;
}
.search_section .all_search_box .sel_box::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  border-right: 1px solid var(--border-color);
  height: 1.5em;
  margin-top: -0.75em;
}
.search_section .all_search_box .sel_box .sel {
  width: 100%;
  font-weight: bold;
}
.search_section .all_search_box .fm_inp {
  flex: 1 1;
}
.search_section .all_search_box .fm_inp .inp {
  width: 100%;
}
.search_section .all_search_box .search_btn {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5rem;
  height: 5rem;
  background-color: var(--brand-color-sub);
  color: #fff;
}
.search_section .all_search_box .search_btn svg {
  display: block;
  vertical-align: top;
  width: 2rem;
  height: 2rem;
}
.search_section .related_box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.3333333333em;
  border: 1px solid var(--border-color);
  border-top: 0;
  font-size: 1.125em;
  visibility: hidden;
  display: none;
}
.search_section .related_box.on {
  visibility: visible;
  display: block;
}
.search_section .related_box ._txt {
  display: block;
  font-size: 1em;
  margin-bottom: 1.3333333333em;
  flex: 0 0 auto;
}
.search_section .related_box .related_items {
  flex: 1 1 auto;
  max-height: calc(1.6666666667em * 5 + 0.6666666667em * 4);
  width: 100%;
  overflow-y: auto;
}
.search_section .related_box .related_items::-webkit-scrollbar {
  width: 0.25rem;
  border-radius: 0.125rem;
}
.search_section .related_box .related_items::-webkit-scrollbar-track {
  background: #eeeeee;
  border-radius: 0.125rem;
}
.search_section .related_box .related_items::-webkit-scrollbar-thumb {
  background: var(--brand-color-main);
  border-radius: 0.125rem;
}
.search_section .related_box .related_item {
  display: flex;
  align-items: flex-start;
  gap: 0.4444444444em;
  line-height: 1.5;
  width: 100%;
}
.search_section .related_box .related_item + .related_item {
  margin-top: 0.6666666667em;
}
.search_section .related_box .related_item::before {
  content: "";
  display: block;
  width: 1.6666666667em;
  height: 1.6666666667em;
  border-radius: 50%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M0 0h20v20H0z' style='fill:none'/%3E%3Cpath d='M12.641 11.484h-.609l-.216-.208a5.021 5.021 0 1 0-.54.54l.208.216v.609l3.856 3.849 1.149-1.149zm-4.628 0a3.471 3.471 0 1 1 3.471-3.471 3.466 3.466 0 0 1-3.471 3.471z' style='fill:%23020a0a'/%3E%3C/svg%3E%0A") no-repeat center/1.1111111111em auto;
  background-color: #eee;
  flex: 0 0 auto;
}
.search_section .related_box .related_item .lnk {
  display: flex;
  align-items: stretch;
  gap: 0.8888888889em;
  flex: 1 1 auto;
  padding-right: 0.8888888889em;
}
.search_section .related_box .related_item .lnk:focus, .search_section .related_box .related_item .lnk:hover {
  text-decoration: underline;
}
.search_section .related_box .related_item .b_code, .search_section .related_box .related_item .b_name, .search_section .related_box .related_item .b_subside {
  display: block;
}
.search_section .related_box .related_item .b_subside {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.search_section .related_box .related_item .b_subside::after {
  content: "";
  display: block;
  width: 1.1666666667em;
  height: 1.1666666667em;
  margin-left: 0.6666666667em;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21'%3E%3Cpath transform='rotate(-135 11.317 5.274)' style='fill:%23020a0a' d='M0 0h16v2H0z'/%3E%3Cpath transform='rotate(-90 8 4)' style='fill:%23020a0a' d='M0 0h8v2H0z'/%3E%3Cpath transform='rotate(180 6 3)' style='fill:%23020a0a' d='M0 0h8v2H0z'/%3E%3C/svg%3E%0A") no-repeat center/100% auto;
}
@media screen and (max-width: 800px) {
  .search_section {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .search_section .all_search_box input, .search_section .all_search_box select {
    font-size: 1em;
    height: 4em;
  }
  .search_section .all_search_box .sel_box {
    max-width: 8.4375em;
  }
  .search_section .all_search_box .search_btn {
    width: 3.5em;
    height: 4em;
    background-color: rgba(255, 255, 255, 0);
    color: var(--brand-color-sub);
  }
  .search_section .all_search_box .search_btn svg {
    width: 1.5em;
    height: 1.5em;
  }
  .search_section .all_search_box .search_btn .search {
    fill: var(--barnd-color-sub) !important;
  }
  .search_section .sv_tit {
    max-width: 21.5em;
    padding-left: 1.375em;
    padding-right: 1.375em;
    margin-bottom: 2em;
    margin-left: auto;
    margin-right: auto;
  }
  .search_section .sv_tit .logo {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  .search_section .sv_tit .logo::before {
    content: "";
    display: block;
  }
  .search_section .sv_tit .HL_1::before {
    padding-top: 15.686%;
  }
  .search_section .sv_tit .HL_2::before {
    padding-top: 19.1616%;
  }
  .search_section .sv_tit .HL_4::before {
    padding-top: 15.76354%;
  }
  .search_section .sv_tit .HL_3::before {
    padding-top: 16.24365%;
  }
  .search_section .search_lap > .btn {
    position: relative;
    bottom: 0;
    right: 0;
    margin-bottom: 0;
    max-width: 100%;
    width: 100%;
    margin-top: 1em;
    font-size: 1em;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 0.3125rem;
    height: 4.1875em;
  }
  .search_section .related_box {
    padding: 1em 0.75em 1em 1em;
    font-size: 1em;
  }
  .search_section .related_box ._txt {
    margin-bottom: 0.75em;
  }
  .search_section .related_box .related_items {
    max-height: 100%;
    padding-right: 0.75em;
  }
  .search_section .related_box .related_item {
    gap: 0.5em;
    padding-top: 0.75em;
    padding-bottom: 0.75em;
  }
  .search_section .related_box .related_item + .related_item {
    margin-top: 0;
    border-top: 1px solid var(--border-color);
  }
  .search_section .related_box .related_item::before {
    width: 1.875em;
    height: 1.875em;
    background-size: 1.25em;
  }
  .search_section .related_box .related_item .lnk {
    flex-wrap: wrap;
    gap: 0;
    line-height: 1.8;
    padding-right: 0;
    padding-top: 0.125em;
  }
  .search_section .related_box .related_item .lnk:hover {
    text-decoration: none;
  }
  .search_section .related_box .related_item .b_code {
    order: 0;
  }
  .search_section .related_box .related_item .b_name {
    width: 100%;
    order: 2;
  }
  .search_section .related_box .related_item .b_subside {
    margin-left: auto;
    order: 1;
  }
  .search_section .related_box .related_item .b_subside::after {
    display: none;
  }
}

.search_cnt {
  display: inline-block;
  font-size: 1em;
  font-weight: inherit;
  margin-left: 0.25em;
  letter-spacing: normal;
}
.search_cnt::before {
  content: "(";
  display: inline;
}
.search_cnt::after {
  content: ")";
  display: inline;
}

.search_lists {
  font-size: 1rem;
  border-top: 1px solid var(--border-color);
  padding-bottom: 7.5em;
}
.search_lists.idx .search_list_box {
  display: none;
}
.search_lists.idx .search_list_box:first-child {
  display: block;
}
.search_lists.idx .search_list_box.on {
  display: block;
}
@media screen and (max-width: 800px) {
  .search_lists {
    padding-bottom: 5em;
  }
}
.search_section + .search_lists {
  margin-top: 5em;
}
@media screen and (max-width: 800px) {
  .search_section + .search_lists {
    margin-top: 3.5em;
  }
}

.search_lists .search_item {
  border-bottom: 1px solid var(--border-color);
}
.search_lists .search_item.disable ._tit {
  pointer-events: none;
  cursor: auto;
  color: #dddddd;
}
.search_lists .search_item.disable ._tit .row, .search_lists .search_item.disable ._tit .column {
  fill: #dddddd !important;
}
.search_lists .search_item ._tit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 2.625em;
  font-weight: bold;
  color: var(--brand-color-sub);
  gap: 0.5714285714em;
  padding: 1.1428571429em 0;
  max-width: 109.5rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
}
.search_lists .search_item ._tit .search_cnt {
  display: block;
  margin-right: auto;
  font-size: 0.6666666667em;
  margin-left: 0;
}
.search_lists .search_item ._tit > .txt {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 1280px) {
  .search_lists .search_item ._tit {
    font-size: 1.8em;
    padding-top: 1.3333333333em;
    padding-bottom: 1.3333333333em;
  }
}
@media screen and (max-width: 800px) {
  .search_lists .search_item ._tit {
    font-size: 1.5em;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .search_lists .search_item ._tit > .txt {
    gap: 0.3333333333em;
  }
  .search_lists .search_item ._tit .search_cnt {
    font-size: 0.6666666667em;
  }
}
.search_lists .search_item ._tit .column {
  transition: transform 0.2s;
  transform-origin: center;
}
.search_lists .search_item.on .search_childs {
  display: flex;
}
.search_lists .search_item.on .column {
  transform: scaleY(0);
}
.search_lists .search_childs {
  display: none;
  border-top: 1px solid var(--border-color);
  padding-top: 3.5em;
  padding-bottom: 1.5em;
}
.search_lists .search_childs .wrap {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 1.0909090909em;
  font-size: 1.375em;
}
.search_lists .search_childs .item {
  display: block;
  width: calc(25% - 0.75 * 1.0909090909em);
  padding-bottom: 0.7272727273em;
}
@media screen and (min-width: 1281px), print {
  .search_lists .search_childs .item:hover .txt {
    text-decoration: underline;
  }
}
.search_lists .search_childs .img_box {
  border: 1px solid var(--border-color);
  width: 100%;
  text-align: center;
}
.search_lists .search_childs .img_box img {
  vertical-align: top;
}
.search_lists .search_childs .txt_box {
  padding-top: 0.7272727273em;
  padding-bottom: 0.7272727273em;
  font-weight: 400;
}
.search_lists .search_childs .txt_box .s_code {
  display: block;
  font-size: 0.8181818182em;
  font-weight: 800;
  color: var(--font-color-b6);
  margin-bottom: 0.4444444444em;
}
@media screen and (max-width: 1280px) {
  .search_lists .search_childs {
    padding-top: 2em;
    padding-bottom: 0;
  }
  .search_lists .search_childs .wrap {
    font-size: 1.2em;
    gap: 0.6875em;
  }
  .search_lists .search_childs .item {
    width: calc(33.3333333333% - 0.6666666667 * 0.6875em);
    padding-bottom: 1em;
  }
}
@media screen and (max-width: 800px) {
  .search_lists .search_childs .wrap {
    font-size: 1em;
  }
  .search_lists .search_childs .item {
    width: calc(50% - 0.5 * 0.6875em);
  }
  .search_lists .search_childs .txt_box .s_code {
    font-size: 1em;
  }
}

.ft, .ft_shadow {
  width: 100%;
  height: var(--footer-height);
}

.ft {
  background-size: cover;
  font-size: 1rem;
  line-height: 1.6;
  background-color: var(--bg-color-100);
  padding: 2.5em;
}
.ft .ft_float_btn {
  display: none;
}
.ft .ft_inner {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  color: #121212;
  max-width: 120em;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  position: relative;
}
.ft .ft_logo {
  vertical-align: middle;
  margin-right: 2.5em;
  width: 11.375em;
  height: 1.625em;
}
.ft .ft_logo svg {
  vertical-align: top;
  width: 100%;
  height: 100%;
}
.ft .ft_info_box {
  display: flex;
  width: 100%;
  height: 100%;
}
.ft .ft_map {
  display: flex;
  gap: 1em;
  position: absolute;
  top: 0;
  left: 13.875em;
  color: var(--font-color);
  font-weight: 400;
}
.ft .ft_map a:hover {
  text-decoration: underline;
}
.ft .ft_map .privacy {
  font-weight: 400;
}
.ft .ft_map a {
  vertical-align: top;
}
.ft .ft_info {
  font-style: normal;
  font-weight: 400;
  font-size: 1em;
  color: #121212;
  line-height: 1.3;
  margin-top: 2.1875em;
}
.ft .ft_infos {
  display: flex;
  flex-direction: column;
  padding: 0.9375em 0;
}
.ft .ft_info_tit {
  display: block;
  width: 100%;
  font-weight: 600;
}
.ft .ft_info_item {
  display: inline-block;
  margin-top: 0.625em;
}
.ft .ft_copy {
  font-size: 0.875em;
  margin-bottom: 0.2142857143em;
  margin-top: auto;
  font-weight: 300;
  color: var(--font-color-b6);
}
.ft .infos {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.ft .ft_family_site {
  width: 100%;
  max-width: 25.75em;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1006;
}
.ft .ft_family_site > a {
  position: relative;
  display: block;
  padding: 1em 2em 1em 1em;
  border-bottom: 2px solid #121212;
  font-weight: 700;
}
.ft .ft_family_site > a::before {
  display: block;
  position: absolute;
  top: 50%;
  right: 1em;
  width: 0.5em;
  height: 0.4375em;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 8 7' width='8' height='7'%3E%3Cpath fill='%23121212' d='M4,7L0,0h8L4,7z'/%3E%3C/svg%3E%0A") no-repeat center;
  background-size: 0.5em 0.4375em;
}
.ft .ft_family_site > a.on::before {
  transform: rotate(-180deg);
}
.ft .ft_family_site .ft_family_lists {
  display: none;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 100%;
  background-color: #ffffff;
  border: 1px solid var(--border-color);
  z-index: 1001;
  font-size: 1em;
  overflow: hidden;
  padding: 1.5em;
}
.ft .ft_family_site .ft_family_lists .inner {
  display: flex;
  align-items: stretch;
  max-height: 14.3125em;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.ft .ft_family_site .ft_family_lists .inner::-webkit-scrollbar {
  width: 0.25rem;
  border-radius: 0.125rem;
}
.ft .ft_family_site .ft_family_lists .inner::-webkit-scrollbar-track {
  background: #eeeeee;
  border-radius: 0.125rem;
}
.ft .ft_family_site .ft_family_lists .inner::-webkit-scrollbar-thumb {
  background: var(--brand-color-sub);
  border-radius: 0.125rem;
}
.ft .ft_family_site .ft_family_lists .items {
  display: flex;
  flex-direction: column;
}
.ft .ft_family_site .ft_family_lists ._tit {
  display: flex;
  align-items: center;
  color: var(--font-color-b6);
  font-weight: bold;
  margin-bottom: 0.5714285714em;
  font-family: "Poppins", "Roboto", sans-serif;
}
.ft .ft_family_site .ft_family_lists ._tit:not(:first-child) {
  margin-top: 0.5714285714em;
}
.ft .ft_family_site .ft_family_lists ul {
  line-height: 2;
}
.ft .ft_family_site .ft_family_lists ul a {
  display: block;
}
.ft .copy {
  margin-top: 1.25em;
}
.ft .top_btn {
  display: flex;
  align-items: center;
  font-size: 1rem;
  gap: 1em;
  font-weight: 500;
  color: var(--brand-color-sub);
  position: absolute;
  top: 0;
  right: 0;
  letter-spacing: 0;
}
.ft .top_btn .arr_top {
  display: block;
  width: 1.875em;
  height: 3.125em;
  vertical-align: top;
  overflow: hidden;
  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='30' height='50' viewBox='0 0 30 50'%3E%3Cpath style='fill:none' d='M0 0h30v50H0z'/%3E%3Cpath transform='rotate(90 15 15)' style='fill:none' d='M0 0h50v30H0z'/%3E%3Cpath transform='rotate(90 6.649 10.031)' style='fill:%23020a0a' d='M0 0h46v4H0z'/%3E%3Cpath transform='rotate(-45 10.548 -12.392)' style='fill:%23020a0a' d='M0 0h4v20.251H0z'/%3E%3Cpath transform='rotate(-45 18.675 7.225)' style='fill:%23020a0a' d='M0 0h20.251v4H0z'/%3E%3C/svg%3E%0A");
}
@media screen and (min-width: 1281px), print {
  .ft .top_btn .arr_top {
    transition: transform 0.25s;
  }
}
@media screen and (min-width: 1281px), print {
  .ft .top_btn:hover .arr_top {
    transform: translateY(-15%);
  }
}
@media screen and (max-width: 1440px) {
  .ft .ft_family_site {
    max-width: 20em;
  }
}
@media screen and (max-width: 800px) {
  .ft {
    font-size: 0.875em;
    padding-bottom: 2.8571428571em;
    padding-left: 1.1428571429em;
    padding-right: 1.1428571429em;
  }
  .ft .ft_inner {
    justify-content: center;
  }
  .ft .ft_logo {
    width: 10.2857142857em;
    height: 1.4285714286em;
  }
  .ft .ft_logo svg {
    display: block;
    width: 100%;
    height: 100%;
  }
  .ft .ft_map {
    position: relative;
    top: 0;
    left: 0;
    margin-top: 3em;
  }
  .ft .ft_infos {
    padding-top: 0;
    padding-bottom: 0;
  }
  .ft .ft_info {
    width: 100%;
    font-size: 1em;
    margin-top: 1.7142857143em;
  }
  .ft .ft_info_box {
    height: auto;
  }
  .ft .ft_copy {
    font-size: 1em;
    margin-top: 2.2857142857em;
  }
  .ft .ft_family_site {
    position: relative;
    left: 0;
    bottom: 0;
    margin-top: 1.5em;
    font-size: 1rem;
    max-width: none;
    width: 100%;
  }
  .ft .ft_family_site > a {
    padding-left: 0;
  }
  .ft .top_btn {
    font-size: 1em;
    gap: 0.5714285714em;
    left: auto;
    right: 0;
  }
  .ft .top_btn .arr_top {
    width: 1.7142857143em;
    height: 2.8571428571em;
    background-size: 100% auto;
  }
}

.search_notice {
  margin-top: 2.75em; /* 검색창 ~ 문구 */
  margin-bottom: 1.5em; /* 문구 ~ border-top */
  padding: 1.1428571429em 0;
  max-width: 109.5rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 0.75rem;
  color: #999;
}

.ci_down_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 10006;
  padding-left: 3.625em;
  padding-right: 3.625em;
  visibility: hidden;
  opacity: 0;
  transition: all 0.35s;
}
.ci_down_wrap.on {
  visibility: visible;
  opacity: 1;
}
.ci_down_inner {
  max-width: 84.75rem;
  max-height: 59.75rem;
  width: 100%;
  height: calc(var(--vh, 1vh) * 95);
  position: relative;
  background-color: #fff;
  padding: 2.5em;
  display: flex;
  flex-direction: column;
}
.ci_down_inner .popup_close {
  position: absolute;
  right: auto;
  top: 0;
  left: 100%;
  transform: none;
  width: 3.625rem;
  height: 3.625rem;
  margin-top: -1rem;
}
.ci_down_inner .popup_close svg {
  vertical-align: top;
  width: 1.625rem;
  height: 1.625rem;
  fill: var(--color-white);
}
.ci_down_inner h3 {
  font-size: 2.125em;
  font-weight: bold;
  color: var(--brand-color-sub);
  margin-bottom: 0.7058823529em;
  flex: 0 0 auto;
}
.ci_down_inner .table_wrap {
  color: var(--color-white);
  overflow-y: auto;
}
.ci_down_inner .table_wrap::-webkit-scrollbar {
  width: 0.25rem;
  border-radius: 0.125rem;
}
.ci_down_inner .table_wrap::-webkit-scrollbar-track {
  background: #eeeeee;
  border-radius: 0.125rem;
}
.ci_down_inner .table_wrap::-webkit-scrollbar-thumb {
  background: var(--brand-color-main);
  border-radius: 0.125rem;
}
.ci_down_inner .table_wrap table {
  width: 100%;
  table-layout: fixed;
  border-top: 1px solid var(--border-color);
}
.ci_down_inner .table_wrap thead tr:nth-child(1) th:nth-child(1) {
  width: 12.5rem;
}
.ci_down_inner .table_wrap th, .ci_down_inner .table_wrap td {
  vertical-align: middle;
  height: 3.875rem;
}
.ci_down_inner .table_wrap th {
  font-size: 1.125em;
  background-color: #002c69;
  padding: 1.1111111111em 0;
  border-bottom: 1px solid #416598;
}
.ci_down_inner .table_wrap th.right {
  background-color: #f6f6f6;
  color: var(--brand-color-sub);
  border-bottom: 1px solid var(--border-color);
}
.ci_down_inner .table_wrap td {
  font-size: 1em;
  font-weight: 500;
  padding: 0.625em 0;
  text-align: center;
  border-bottom: 1px solid var(--border-color);
}
.ci_down_inner .table_wrap td button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #555555;
  width: 8.5em;
  height: 2.5em;
  border-radius: 0.3125em;
  padding: 0.625em 0.75em;
  margin: 0 auto;
}
.ci_down_inner .table_wrap td button::after {
  content: "";
  display: block;
  width: 1.5em;
  height: 1.5em;
  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='24' height='24' viewBox='0 0 24 24'%3E%3Cpath data-name='Path 79' d='M0 0h24v24H0z' style='fill:none'/%3E%3Cpath data-name='Path 80' d='M17 8.143h-3.429V3H8.429v5.143H5l6 6zM5 15.857v1.714h12v-1.714z' transform='translate(1 2)' style='fill:%23fff'/%3E%3C/svg%3E");
}
@media screen and (max-width: 800px) {
  .ci_down_wrap {
    padding: 1em;
  }
  .ci_down_inner {
    width: 100%;
    height: 100%;
    padding: 2em 1em;
  }
  .ci_down_inner .popup_close {
    left: auto;
    right: 0;
    margin-top: 0;
    top: 0.9375rem;
  }
  .ci_down_inner .popup_close svg {
    fill: var(--brand-color-sub);
  }
  .ci_down_inner h3 {
    font-size: 1.5em;
    margin-bottom: 1em;
  }
  .ci_down_inner .table_wrap table {
    width: 100%;
    table-layout: fixed;
    border-top: 1px solid var(--border-color);
  }
  .ci_down_inner .table_wrap thead tr:nth-child(1) th:nth-child(1) {
    width: 7.125rem;
  }
  .ci_down_inner .table_wrap th, .ci_down_inner .table_wrap td {
    height: auto;
  }
  .ci_down_inner .table_wrap th {
    font-size: 1em;
  }
  .ci_down_inner .table_wrap th.right {
    height: 3.75em;
  }
  .ci_down_inner .table_wrap td {
    font-size: 0.875em;
    height: auto;
    padding: 1.4285714286em 0.5714285714em;
  }
  .ci_down_inner .table_wrap td button {
    flex-direction: column;
    width: 6.2857142857em;
    height: 3.8571428571em;
    padding: 0.5714285714em 0.8571428571em;
  }
  .ci_down_inner .table_wrap td button::after {
    width: 1.4285714286em;
    height: 1.4285714286em;
  }
}

#emailPolicy .popup_tit {
  font-size: 1.625em;
  justify-content: flex-start;
  padding: 2rem 2.5rem;
  height: auto;
  background: no-repeat calc(100% - 2.5rem) center/3.5625rem 3.9375rem url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56.914' height='63' viewBox='0 0 56.914 63'%3E%3Cpath d='M156.741 5.537h8.666l-29.292 51.926h-8.666zM153.507 0l-35.536 63h21.377l35.537-63z' transform='translate(-117.971)' style='fill:%23f8f8f8'/%3E%3C/svg%3E"), var(--brand-color-main);
}
#emailPolicy .popup_con {
  padding: 2.5em;
}
#emailPolicy .popup_con p:nth-child(1) {
  font-size: 1.125rem;
  padding: 1.5rem 1rem;
  line-height: 1.67;
  letter-spacing: -0.9px;
  text-align: center;
  background-color: #f8f8f8;
  color: #222;
  word-break: keep-all;
}
#emailPolicy .popup_con p:nth-child(2) {
  font-size: 1rem;
  margin-top: 1.5rem;
  line-height: 1.75;
  letter-spacing: -0.8px;
}
#emailPolicy .popup_close {
  position: absolute;
  right: auto;
  top: 0;
  left: 100%;
  transform: none;
  width: 3.625rem;
  height: 3.625rem;
  margin-top: -1rem;
}
#emailPolicy .popup_close svg {
  vertical-align: top;
  width: 1.625rem;
  height: 1.625rem;
  fill: var(--color-white);
}
@media screen and (max-width: 800px) {
  #emailPolicy .popup_tit {
    font-size: 1.5em;
    padding: 2rem 1rem;
    background-image: none;
  }
  #emailPolicy .popup_con {
    padding: 2.5em 1em;
  }
  #emailPolicy .popup_con p:nth-child(1) {
    font-size: 1rem;
    padding: 1rem;
  }
  #emailPolicy .popup_close {
    left: auto;
    right: 0;
    margin-top: 0;
    top: 0.9375rem;
  }
}
#emailPolicy.popup_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 10006;
  padding-left: 3.625em;
  padding-right: 3.625em;
  visibility: hidden;
  opacity: 0;
  transition: all 0.35s;
}
#emailPolicy.popup_wrap.on {
  visibility: visible;
  opacity: 1;
}
@media screen and (max-width: 800px) {
  #emailPolicy.popup_wrap {
    padding: 1em;
  }
}

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