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

#header,
#con,
#footer {
  padding-right: var(--floating-width);
}

#con {
  display: block;
  position: relative;
  z-index: 10;
  padding-top: var(--header-height);
}

#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;
  transition: background 0.25s;
  color: var(--color-black);
  background-color: var(--bg-color);
  transition: transform 0.25s;
}
.header::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100%;
  max-width: var(--wrap-true-width);
  margin-left: calc(var(--floating-width) * -0.5);
  transform: translateX(-50%);
  border-bottom: 4px solid var(--color-black);
  z-index: 10;
  transition: all 0.25s linear;
}
@media screen and (max-width: 1280px) {
  .header::after {
    max-width: calc(100% - 2.5rem);
  }
}
.header._fixed::after {
  max-width: 100%;
}
.header._fixed .h_inner {
  height: var(--header-down-height);
}
.header._fixed .logo a {
  width: 9.5625em;
  height: 2.25em;
}
@media screen and (max-width: 1280px) {
  .header._fixed .logo a {
    width: 9.1125rem;
    height: 1.51875rem;
  }
}
@media screen and (max-width: 800px) {
  .header._fixed .logo a {
    width: 7.59375rem;
    height: auto;
  }
}
.header .h_inner {
  height: var(--header-height);
  max-width: var(--wrap-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25em;
  padding-right: 1.25em;
  align-items: center;
  position: relative;
  transition: height 0.25s linear;
}
.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: 12em;
  height: 2.8125em;
  transition: width 0.25s linear, height 0.25s linear;
}
.header .logo a svg {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  height: 100%;
}
.header svg .cw {
  fill: #fff !important;
  color: #fff !important;
}
.header .welcome_txt {
  white-space: nowrap;
  flex: 0 0 auto;
}
.header .h_btns {
  position: relative;
  z-index: 2;
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 1.5em;
}
.header .h_btns .h_btn {
  white-space: nowrap;
  flex: 0 0 auto;
  font-size: 1em;
  height: 2.5em;
  background-color: var(--bg-brand-color-100);
  border-radius: 0.375rem;
}
.header .h_btns .h_btn svg {
  width: 1.5em;
  vertical-align: top;
}
.header .h_btns .h_btn.default {
  padding-left: 0.9375em;
  padding-right: 1.0625em;
}
.header .h_btns #hBtnMyPage {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3125em;
  padding-left: 0.9375em;
  padding-right: 1.0625em;
}
.header .h_btns #hBtnLogout {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5em;
}
.header.down {
  transform: translateY(-100%);
}
@media screen and (max-width: 1440px) {
  .header .h_inner {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .header .logo a {
    font-size: 0.9em;
  }
}
@media screen and (max-width: 1280px) {
  .header .logo a {
    width: 7.2rem;
    height: 1.6875rem;
    font-size: 1em;
  }
  .header .welcome_txt {
    display: none;
  }
  .header .h_btns {
    gap: 0.825em;
    font-size: 0.975em;
  }
}
@media screen and (max-width: 800px) {
  .header .logo a {
    width: 8.4375rem;
    height: auto;
  }
  .header .h_btns {
    gap: 0.6875em;
  }
  .header .h_btns .h_btn {
    font-size: 0.8125em;
    height: 2rem;
  }
  .header .h_btns .h_btn svg {
    width: 1.3846153846em;
  }
}

#gnb {
  height: 100%;
  font-family: "TheJamsil", sans-serif;
}
#gnb > ul {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 1.25em;
  padding-right: 1.25em;
}
#gnb .depth1 {
  color: var(--brand-color-sub);
}
#gnb .depth2 {
  color: #121212;
  background-color: var(--bg-color);
}
#gnb .depth1 {
  display: flex;
  align-items: stretch;
  justify-content: center;
  position: relative;
  z-index: 13;
  height: 100%;
  font-size: 1.25em;
  font-weight: 500;
}
#gnb .depth1:hover > a {
  color: var(--brand-color-main);
}
#gnb .depth1 > a {
  word-break: keep-all;
  height: 100%;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
}
#gnb .depth1 a {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media all and (min-width: 1024px) {
  #gnb .depth1:hover .depth2 {
    transition: all 0.3s;
    transition-delay: 0.1s;
    transition-duration: 0.35s;
    visibility: visible;
    opacity: 1;
    transform: translateX(-50%);
  }
}
#gnb .depth2 {
  font-size: 0.8em;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-top: -1px;
  min-width: 100%;
  visibility: hidden;
  opacity: 0;
  white-space: nowrap;
  transform: translateX(-50%);
  text-align: left;
  border: var(--line-width) solid var(--color-black);
  margin-top: 0rem;
  border-top: 0;
  border-bottom: 0;
}
#gnb .depth2 > li:hover > a {
  font-weight: bold;
}
#gnb .depth2 li {
  word-break: keep-all;
  border-bottom: 0.25rem solid var(--color-black);
  overflow: hidden;
  position: relative;
}
#gnb .depth2 li > a {
  justify-content: flex-start;
  position: relative;
  z-index: 2;
  min-width: 12.1875rem;
  padding-left: 1.375em;
  padding-right: 1.375em;
  padding-top: 1.1875em;
  padding-bottom: 1.1875em;
}
#gnb .depth2 li::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  transform: skewX(-30deg) scale(1.5, 1.1) translateX(-100%);
  width: 100%;
  height: 100%;
  transform-origin: center;
  background-color: var(--color-black);
  transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
@media all and (min-width: 1024px) {
  #gnb .depth2 li:hover {
    color: #fff;
  }
  #gnb .depth2 li:hover::before {
    transform: skewX(-30deg) scale(1.5, 1.1);
  }
}
#gnb .depth2 li {
  letter-spacing: -0.45px;
}
@media screen and (max-width: 1700px) {
  #gnb .depth1 {
    font-size: 1.125em;
  }
}
@media screen and (max-width: 1280px) {
  #gnb .depth1 {
    font-size: 1em;
  }
}
@media screen and (max-width: 1024px) {
  #gnb {
    display: none;
  }
}

#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 {
  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 {
  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: 50005;
  transition: visibility 0.5s, opacity 1s;
  overflow: hidden;
}
.allMenu.on {
  transition: visibility 0.5s, opacity 0.5s;
  visibility: visible;
}
@media screen and (max-width: 1280px) {
  .allMenu {
    font-size: 1.05rem;
  }
}
@media screen and (max-width: 800px) {
  .allMenu {
    font-size: 0.875rem;
  }
}
.allMenu_box {
  position: relative;
}
.allMenu .layer_box {
  max-width: 42rem;
}
@media screen and (max-width: 800px) {
  .allMenu .layer_box {
    max-width: 100%;
    padding-left: 0 !important;
  }
}
.allMenu .inner {
  padding-top: 3.75em;
  padding-bottom: 3.75em;
  padding-right: 3.75em;
  padding-left: 3.75em;
  background-color: var(--color-white);
}
@media screen and (max-width: 1280px) {
  .allMenu .inner {
    padding-top: 4.2857142857em;
    padding-bottom: 1.0714285714em;
    padding-left: 1.0714285714em;
    padding-right: 1.0714285714em;
  }
}
.allMenu .layer_conts {
  max-height: 100%;
  padding-top: 3.125em;
  padding-bottom: 1.25em;
  padding-left: 1.25em;
  padding-right: 1.25em;
}
@media screen and (max-width: 1280px) {
  .allMenu .layer_conts {
    border-top: var(--line-width) solid var(--color-black);
    padding-top: 2.8571428571em;
    padding-left: 0.3571428571em;
    padding-right: 0.3571428571em;
    padding-bottom: 0.3571428571em;
  }
}
.allMenu .layer_conts .depth1 {
  width: 100%;
  flex: 1 1;
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  margin-bottom: 4.5em;
}
@media screen and (max-width: 1280px) {
  .allMenu .layer_conts .depth1 {
    margin-bottom: 2.2857142857em;
  }
}
.allMenu .layer_conts .depth1 > .depth_tit {
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 1.875em;
  font-weight: bold;
  flex: 0 0 auto;
  font-family: "TheJamsil", sans-serif;
}
.allMenu .layer_conts .depth1 > .depth_tit::after {
  content: "";
  display: block;
  width: 0.8em;
  height: 0.8em;
  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='m-16885.8-12924.889-4.717-4.717-4.717 4.717-1.932-1.932 6.648-6.648 6.648 6.648z' transform='rotate(90 -14909.853 1992.937)' style='fill:%2300b4ed'/%3E%3C/svg%3E%0A") no-repeat center/100%;
  transform: translateX(-50%);
  transition: transform 0.35s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.4s;
  opacity: 0;
  visibility: hidden;
}
@media screen and (max-width: 1280px) {
  .allMenu .layer_conts .depth1 > .depth_tit {
    font-size: 1.4285714286em;
  }
}
.allMenu .layer_conts .depth1:hover > .depth_tit {
  color: var(--brand-color-main);
}
.allMenu .layer_conts .depth1:hover > .depth_tit::after {
  transform: none;
  opacity: 1;
  visibility: visible;
}
.allMenu .layer_conts .depth2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.1111111111em 1.6666666667em;
  font-size: 1.125em;
  margin-top: 1.1111111111em;
}
.allMenu .layer_conts .depth2 a:hover {
  color: var(--brand-color-main);
  text-decoration: underline;
  font-weight: bold;
}
@media screen and (max-width: 1280px) {
  .allMenu .layer_conts .depth2 {
    font-size: 1em;
    gap: 1.0714285714em 2.1428571429em;
    margin-top: 1.0714285714em;
  }
}
.allMenu .etc_mypage {
  padding-top: 4.5em;
  border-top: var(--line-width) solid var(--color-black);
}
.allMenu .etc_mypage.depth1 {
  margin-bottom: 0;
}
.allMenu .etc_mypage .depth_tit::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='M22.783 15.977a1.821 1.821 0 1 0-1.295-.533 1.763 1.763 0 0 0 1.295.533zm-9.886 0a1.821 1.821 0 1 0-1.295-.533 1.763 1.763 0 0 0 1.296.533zm4.943 9.209a7.483 7.483 0 0 0 4.113-1.2 6.893 6.893 0 0 0 2.725-3.267h-1.76a5.331 5.331 0 0 1-2.133 2.082 6.089 6.089 0 0 1-2.928.728 6.305 6.305 0 0 1-2.945-.711 4.933 4.933 0 0 1-2.116-2.1h-1.798a7.123 7.123 0 0 0 2.742 3.267 7.4 7.4 0 0 0 4.1 1.2zm0 6.128a13.187 13.187 0 0 1-5.281-1.066 13.521 13.521 0 0 1-7.194-7.194 13.611 13.611 0 0 1 0-10.563 13.521 13.521 0 0 1 7.194-7.194 13.611 13.611 0 0 1 10.563 0 13.521 13.521 0 0 1 7.194 7.194 13.611 13.611 0 0 1 0 10.563 13.521 13.521 0 0 1-7.194 7.194 13.187 13.187 0 0 1-5.282 1.065zm0-13.543zm0 11.511a11.423 11.423 0 1 0-8.165-3.345 11.109 11.109 0 0 0 8.165 3.345z'/%3E%3C/svg%3E%0A") no-repeat center/100%;
  width: 1.2em;
  height: 1.2em;
  margin-right: 0.1666666667em;
}
@media screen and (max-width: 1280px) {
  .allMenu .etc_mypage {
    padding-top: 2.8571428571em;
    margin-top: 2.8571428571em;
  }
  .allMenu .etc_mypage .depth_tit::before {
    width: 1.2em;
    height: 1.2em;
  }
}

.mypage_wrap {
  display: flex;
  align-items: stretch;
  margin-bottom: -6em;
}
.mypage_wrap .right_conts {
  border-left: var(--line-width) solid var(--color-black);
  padding-top: 5.3333333333em;
  padding-left: 5.3333333333em;
  padding-bottom: 6em;
  font-size: 1.125rem;
  width: 100%;
  max-width: calc(100% - 30rem);
}
@media screen and (max-width: 1280px) {
  .mypage_wrap .right_conts {
    padding-top: 0;
    max-width: 100%;
    font-size: 1.05rem;
  }
}
@media screen and (max-width: 800px) {
  .mypage_wrap .right_conts {
    font-size: 0.875rem;
  }
}
.mypage_wrap .middle_cate_tab {
  margin-top: 0.8333333333em;
  margin-bottom: 1.9444444444em;
}
.mypage_wrap .full_search_wrap {
  margin-bottom: 4.4444444444em;
}
.mypage_wrap .page_wrap {
  margin-bottom: 0;
}
@media screen and (max-width: 1440px) {
  .mypage_wrap .right_conts {
    padding-left: 1.1111111111em;
  }
}
@media screen and (max-width: 1280px) {
  .mypage_wrap {
    flex-wrap: wrap;
  }
  .mypage_wrap #leftNav {
    max-width: 100%;
  }
  .mypage_wrap .right_conts {
    width: 100%;
    padding-left: 0;
    border-left: 0;
  }
}
.mypage_wrap .table_box2.crew_table th, .mypage_wrap .table_box2.crew_table td {
  padding-left: 0.8888888889em;
  padding-right: 0.8888888889em;
}
@media screen and (max-width: 1280px) {
  .mypage_wrap .table_box2.crew_table table {
    display: block;
  }
  .mypage_wrap .table_box2.crew_table .colgroup, .mypage_wrap .table_box2.crew_table col {
    display: none;
  }
  .mypage_wrap .table_box2.crew_table thead, .mypage_wrap .table_box2.crew_table tbody {
    display: block;
    width: 100%;
  }
  .mypage_wrap .table_box2.crew_table tbody tr {
    flex-wrap: wrap;
  }
  .mypage_wrap .table_box2.crew_table thead {
    background-color: #d9e3eb;
  }
  .mypage_wrap .table_box2.crew_table thead tr td, .mypage_wrap .table_box2.crew_table thead tr th {
    justify-content: center;
  }
  .mypage_wrap .table_box2.crew_table tr {
    display: flex;
    border-bottom: 1px solid var(--border-color4);
    min-height: 3.9285714286em;
    gap: 0 1em;
    padding: 1.4285714286em 1.0714285714em;
  }
  .mypage_wrap .table_box2.crew_table tr th, .mypage_wrap .table_box2.crew_table tr td {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 0;
    padding: 0;
    text-align: left;
  }
  .mypage_wrap .table_box2.crew_table tr th:nth-of-type(4) {
    display: none;
  }
  .mypage_wrap .table_box2.crew_table tr th:nth-of-type(1),
  .mypage_wrap .table_box2.crew_table tr td:nth-of-type(1) {
    width: 4.4642857143em;
    flex: 0 0 auto;
  }
  .mypage_wrap .table_box2.crew_table tr th:nth-of-type(2),
  .mypage_wrap .table_box2.crew_table tr td:nth-of-type(2) {
    width: 4.6428571429em;
    flex: 0 0 auto;
    justify-content: center;
  }
  .mypage_wrap .table_box2.crew_table tr th:nth-of-type(3),
  .mypage_wrap .table_box2.crew_table tr td:nth-of-type(3) {
    max-width: calc(100% - 13.5714285714em);
    width: 100%;
    word-break: break-all;
    flex-wrap: wrap;
    text-align: center;
  }
  .mypage_wrap .table_box2.crew_table tr td:nth-of-type(4) {
    width: 100%;
  }
  .mypage_wrap .table_box2.crew_table .btn {
    width: 100%;
    height: 2.2916666667em;
    margin-top: 1.6666666667em;
  }
}

#leftNav {
  flex: 0 0 auto;
  width: 100%;
  max-width: 30rem;
  font-size: 1.5em;
  padding-top: 4em;
  padding-bottom: 4em;
  padding-right: 1.3333333333em;
}
@media screen and (max-width: 1440px) {
  #leftNav {
    font-size: 1.25em;
    max-width: 23.75rem;
  }
}
#leftNav .left_nav_tit {
  display: flex;
  align-items: center;
  line-height: normal;
  margin-bottom: 1.125em;
  font-size: 2.6666666667em;
  font-weight: 900;
  color: var(--color-black);
}
#leftNav .left_nav_tit::before {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg transform='translate(-.381 -.465)'%3E%3Ccircle cx='22' cy='22' r='22' transform='translate(10.381 10.465)' style='fill:%23ffc83d'/%3E%3Cpath transform='translate(.381 .465)' style='fill:none' d='M0 0h64v64H0z'/%3E%3Cpath d='M40.909 28.857a3.246 3.246 0 1 0-2.309-.951 3.143 3.143 0 0 0 2.309.951zm-17.625 0a3.246 3.246 0 1 0-2.309-.951 3.143 3.143 0 0 0 2.309.951zM32.097 56.2a23.51 23.51 0 0 1-9.416-1.9A24.107 24.107 0 0 1 9.852 41.473a24.267 24.267 0 0 1 0-18.833A24.107 24.107 0 0 1 22.68 9.812a24.267 24.267 0 0 1 18.832 0 24.106 24.106 0 0 1 12.827 12.827 24.267 24.267 0 0 1 0 18.833 24.107 24.107 0 0 1-12.827 12.827 23.51 23.51 0 0 1-9.416 1.902zm-.001-24.144zm0 20.523a20.523 20.523 0 1 0-14.558-35.081 20.523 20.523 0 0 0 14.558 35.081z'/%3E%3Cpath d='M32.382 45.465a12.523 12.523 0 0 1-8.078-2.894 10.814 10.814 0 0 1-3.863-7.105h23.882a10.814 10.814 0 0 1-3.863 7.105 12.521 12.521 0 0 1-8.078 2.894z'/%3E%3Cpath d='M24.187 39.812h16.572l1.879-3.153H21.972z' style='fill:%23fff'/%3E%3Cpath d='M3.941 0a4.394 4.394 0 0 0-2.666.868A3.173 3.173 0 0 0 0 3h7.882A3.174 3.174 0 0 0 6.607.868 4.393 4.393 0 0 0 3.941 0z' transform='translate(28.44 40.466)' style='fill:%23ff2727'/%3E%3Cg style='fill:none'%3E%3Cpath d='M-1738.618-4881.535a12.523 12.523 0 0 1-8.078-2.894 10.814 10.814 0 0 1-3.863-7.105h23.882a10.814 10.814 0 0 1-3.863 7.105 12.521 12.521 0 0 1-8.078 2.894z' style='stroke:none' transform='translate(1771 4927)'/%3E%3Cpath d='M-1738.618-4883.535c2.525 0 4.936-.86 6.788-2.423 1.182-.997 2.073-2.225 2.612-3.576h-18.802c.54 1.351 1.43 2.579 2.613 3.576 1.852 1.562 4.263 2.423 6.789 2.423m0 2c-2.997 0-5.866-1.028-8.079-2.894-2.198-1.854-3.57-4.377-3.863-7.105h23.882c-.293 2.729-1.665 5.252-3.863 7.105-2.213 1.867-5.081 2.894-8.077 2.894z' style='fill:%23000;stroke:none' transform='translate(1771 4927)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center/100% auto;
}
@media screen and (max-width: 1280px) {
  #leftNav .left_nav_tit {
    justify-content: center;
    font-size: 2.2857142857em;
    margin-bottom: 1.875em;
  }
}
#leftNav .left_snb {
  display: flex;
  flex-direction: column;
  gap: 1.6666666667em;
  font-weight: 400;
}
#leftNav .snb_item a {
  display: flex;
  align-items: center;
  gap: 0.4166666667em;
}
@media screen and (min-width: 1025px), print {
  #leftNav .snb_item:hover {
    color: var(--brand-color-main);
  }
}
@media screen and (min-width: 1281px), print {
  #leftNav .snb_item.on {
    color: var(--brand-color-main);
    font-weight: bold;
  }
  #leftNav .snb_item.on a::before {
    content: "";
    display: block;
    width: 0.25em;
    height: 0.25em;
    background-color: var(--brand-color-main);
    border-radius: 50%;
  }
}
#leftNav .mo_open_snb {
  display: none;
}
@media screen and (max-width: 1280px) {
  #leftNav {
    font-size: 1.05rem;
    padding-right: 0;
    padding-top: 4.3928571429em;
    padding-bottom: 1.4285714286em;
    transform: none !important;
  }
  #leftNav .left_snb_box {
    position: relative;
  }
  #leftNav .left_snb_box .mo_open_snb {
    background-color: var(--brand-color-main);
    color: var(--color-white);
    font-weight: bold;
    font-size: 1em;
  }
  #leftNav .left_snb_box .mo_open_snb::after {
    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='m-16886.172-12932.408-11 11 3.191 3.193 7.8-7.8 7.8 7.8 3.191-3.193z' transform='translate(16904.717 12942.149)' style='fill:%23fff'/%3E%3C/svg%3E%0A") no-repeat center/100%;
    width: 1.2857142857em;
    height: 1.2857142857em;
    margin-left: auto;
    transform: scaleY(-1);
  }
  #leftNav .left_snb_box .mo_open_snb.on::after {
    transform: scaleY(1);
  }
  #leftNav .left_snb_box .mo_open_snb.on + .left_snb {
    display: block;
  }
  #leftNav .left_snb_box .left_snb {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 500;
    width: 100%;
    border-top: var(--line-width) solid var(--color-black);
    border-left: var(--line-width) solid var(--color-black);
    border-right: var(--line-width) solid var(--color-black);
  }
  #leftNav .left_snb_box .mo_open_snb, #leftNav .left_snb_box .snb_item > a {
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: bold;
    font-size: 1em;
    padding: 0.5714285714em 1.4285714286em;
    height: 4.0714285714em;
  }
  #leftNav .left_snb_box .snb_item {
    background-color: var(--color-white);
    border-bottom: var(--line-width) solid var(--color-black);
  }
}
@media screen and (max-width: 800px) {
  #leftNav {
    font-size: 0.875rem;
  }
}

#floatingGuide {
  position: fixed;
  top: 0;
  right: 0;
  height: calc(var(--vh, 1vh) * 100);
  width: var(--floating-width);
  font-size: 1rem;
  border-left: var(--line-width) solid var(--color-black);
  background-color: #fff;
  z-index: 1007;
}
@media screen and (max-width: 1024px) {
  #floatingGuide {
    width: 100%;
    height: var(--floating-height);
    top: auto;
    right: auto;
    bottom: 0 !important;
    left: 0;
    border-left: 0;
    border-top: var(--line-width) solid var(--color-black);
    font-size: 1.2rem;
    z-index: 50007;
    transform: none !important;
    opacity: 1 !important;
  }
}
@media screen and (max-width: 800px) {
  #floatingGuide {
    font-size: 1rem;
  }
}
#floatingGuide .floating_inner {
  height: 100%;
  padding-top: 2.375em;
}
@media screen and (max-width: 1024px) {
  #floatingGuide .floating_inner {
    width: 100%;
    height: 100%;
    padding-top: 0;
  }
}
#floatingGuide .floating_menu {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25em;
}
@media screen and (max-width: 1024px) {
  #floatingGuide .floating_menu {
    flex-direction: row;
  }
}
#floatingGuide .floating_mn {
  display: flex;
  justify-content: center;
  width: 100%;
}
#floatingGuide .floating_mn.home {
  display: none;
}
#floatingGuide .floating_mn svg {
  width: 3em;
  height: 3em;
}
@media screen and (max-width: 1024px) {
  #floatingGuide .floating_mn {
    height: 100%;
    align-items: center;
  }
  #floatingGuide .floating_mn.home {
    display: flex;
  }
  #floatingGuide .floating_mn svg {
    width: 2.25em;
    height: 2.25em;
  }
  #floatingGuide .floating_mn:first-child() {
    order: 1;
  }
  #floatingGuide .floating_mn:nth-child(2) {
    order: 2;
  }
  #floatingGuide .floating_mn:nth-child(3) {
    order: 4;
  }
  #floatingGuide .floating_mn:nth-child(4) {
    order: 5;
  }
  #floatingGuide .floating_mn#bottomMn {
    order: 2;
  }
}
#floatingGuide .floating_btn {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
}
#floatingGuide .floating_btn::before {
  content: attr(data-tooltip);
  display: flex;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 100%;
  transform: translate(-20%, -50%);
  padding-left: 0.6666666667em;
  padding-right: 0.6666666667em;
  font-size: 0.9375em;
  color: #fff;
  line-height: 1;
  height: 2em;
  background-color: var(--color-black);
  white-space: nowrap;
  transition: transform 0.25s, opacity 0.35s;
}
#floatingGuide .floating_btn::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(-150%, -50%);
  margin-top: -0.5333333333em;
  border-top: 0.4em solid var(--color-black);
  border-bottom: 0.4em solid transparent;
  border-left: 0.3333333333em solid var(--color-black);
  border-right: 0.3333333333em solid transparent;
  transition: transform 0.25s, opacity 0.35s;
}
#floatingGuide .floating_btn::before, #floatingGuide .floating_btn::after {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
@media screen and (min-width: 1025px), print {
  #floatingGuide .floating_btn:hover::after, #floatingGuide .floating_btn:hover::before {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transform: translate(0%, -50%);
  }
}
#floatingGuide .floating_btn .counting {
  position: absolute;
  bottom: 50%;
  right: 50%;
  transform: translate(50%, 50%);
  margin-right: -1em;
  margin-bottom: -1em;
  font-size: 0.875em;
  height: 1.4285714286em;
  border-radius: 1.4285714286em;
  display: flex;
  align-items: center;
  padding-left: 0.4285714286em;
  padding-right: 0.4285714286em;
  background-color: var(--brand-color-sub2);
  color: var(--color-white);
}
@media screen and (max-width: 1024px) {
  #floatingGuide .floating_btn {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 100%;
    align-content: center;
  }
  #floatingGuide .floating_btn::before {
    display: none;
  }
  #floatingGuide .floating_btn::after {
    width: 100%;
    height: auto;
    transform: none;
    border: 0;
    margin-top: 0;
    position: static;
    content: attr(data-tooltip);
    font-size: 0.5em;
    font-weight: 400;
    color: #222;
    text-align: center;
    visibility: visible;
    opacity: 1;
    white-space: nowrap;
    line-height: normal;
    transition: color 0.25s;
  }
  #floatingGuide .floating_btn .act_fill {
    transition: fill 0.25s;
  }
  #floatingGuide .floating_btn.on::after, #floatingGuide .floating_btn .on::after, #floatingGuide .floating_btn:active::after {
    color: var(--brand-color-main);
  }
  #floatingGuide .floating_btn.on .act_fill, #floatingGuide .floating_btn .on .act_fill, #floatingGuide .floating_btn:active .act_fill {
    fill: var(--brand-color-main) !important;
  }
  #floatingGuide .floating_btn .counting {
    display: none;
  }
}
#floatingGuide #bottomMn {
  margin-top: auto;
  flex-direction: column;
}
@media screen and (max-width: 1024px) {
  #floatingGuide #bottomMn {
    flex-direction: row;
  }
}
#floatingGuide #requestBtn,
#floatingGuide #evalBtn {
  display: none;
}
#floatingGuide #requestBtn.act,
#floatingGuide #evalBtn.act {
  display: flex;
}
#floatingGuide #requestBtn.act .txt,
#floatingGuide #evalBtn.act .txt {
  display: flex;
  width: 100%;
}
#floatingGuide #requestBtn.act .txt::before,
#floatingGuide #evalBtn.act .txt::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
}
#floatingGuide #requestBtn.act .txt svg,
#floatingGuide #evalBtn.act .txt svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 3em;
  height: 3em;
}
@media screen and (max-width: 1024px) {
  #floatingGuide #requestBtn.act,
  #floatingGuide #evalBtn.act {
    flex-direction: column;
    position: absolute;
    bottom: 100%;
    right: 1.25em;
    margin-bottom: 1.3125em;
    width: auto;
    height: auto;
    padding: 0.5em;
    gap: 0.15625em;
    background-color: #fff;
    box-shadow: 0.09375em 0.09375em 0.375em 0 rgba(0, 0, 0, 0.1);
  }
  #floatingGuide #requestBtn.act .txt::before,
  #floatingGuide #evalBtn.act .txt::before {
    display: none;
  }
  #floatingGuide #requestBtn.act .txt svg,
  #floatingGuide #evalBtn.act .txt svg {
    position: static;
    width: 2.25em;
    height: 2.25em;
    transform: none;
  }
}
#floatingGuide #offerBtn {
  border-top: var(--line-width) solid var(--color-black);
  background-color: var(--brand-color-main);
  position: relative;
  display: flex;
  width: 100%;
}
#floatingGuide #offerBtn::before {
  content: "";
  display: block;
  padding-top: 100%;
}
#floatingGuide #offerBtn .txt {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
#floatingGuide #offerBtn .finger {
  pointer-events: none;
  cursor: none;
  touch-action: none;
  position: absolute;
  bottom: 100%;
  right: 100%;
  transform: translate(30%, 50%);
  animation-name: movingFinger;
  animation-duration: 0.45s;
  animation-iteration-count: infinite;
  animation-fill-mode: backwards;
  animation-direction: alternate;
  animation-timing-function: cubic-bezier(0.51, 0, 1, 0.54);
}
#floatingGuide #offerBtn .bg {
  width: 100%;
  height: 100%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='24' viewBox='0 0 90 24'%3E%3Cpath d='M14.309-14.379h-2.127v16h2.127zM.141-3.059l1.353 1.653a7.3 7.3 0 0 0 2.98-4.342 6.808 6.808 0 0 0 2.909 3.99L8.7-3.41c-2.337-1.336-3.172-4.026-3.163-6.68v-.861h2.426v-1.793H.756v1.793h2.619v.861c0 2.716-.875 5.581-3.234 7.031zM6.82-7.084h2.11V.879h2.109v-14.994H8.93v5.221H6.82zm21.9-7.295h-2.25v11.654h2.25v-5.2h2.162v-1.866h-2.159zm-12.586 5.1a4.146 4.146 0 0 0 4.395 4.061 4.125 4.125 0 0 0 4.359-4.061 4.1 4.1 0 0 0-4.359-4.061 4.119 4.119 0 0 0-4.392 4.059zm2.218 10.615H29.3V-.457h-8.716v-3.5h-2.232zm0-10.617a2.02 2.02 0 0 1 2.18-2.109 2.029 2.029 0 0 1 2.18 2.109 2.053 2.053 0 0 1-2.18 2.109 2.044 2.044 0 0 1-2.18-2.109zm25.857-5.1h-2.215v16h2.215v-7.894h2.355v-1.846h-2.355zM31.5-10.2h9.4v-1.793h-3.529v-2.145h-2.25v2.145H31.5zm.65 4.711a3.825 3.825 0 0 0 4.1 3.814 3.834 3.834 0 0 0 4.078-3.814A3.824 3.824 0 0 0 36.246-9.3a3.815 3.815 0 0 0-4.096 3.816zm2.145 0a1.883 1.883 0 0 1 1.951-2 1.879 1.879 0 0 1 1.934 2 1.832 1.832 0 0 1-1.934 1.969 1.836 1.836 0 0 1-1.951-1.964zm26.3-8.895h-2.271v16h2.268zM47.2-2.918l1.178 1.793c5.713-2.7 7.409-6.732 7.418-11.584h-7.737v1.758h5.449c-.361 3.551-2.18 6.082-6.308 8.033z' transform='translate(2 18)' style='fill:%23fff'/%3E%3Cpath transform='translate(65.999)' style='fill:none' d='M0 0h24v24H0z'/%3E%3Cg%3E%3Cpath d='M2.058 11.245H0V0h17.89v11.245H5.655l-3.232 3.232s-.235-2.029-.365-3.232z' transform='translate(69.282 5.171)' style='fill:%23fff'/%3E%3Cpath d='M85.461 3.923a2.312 2.312 0 0 1 .938.2 2.565 2.565 0 0 1 .781.526 2.475 2.475 0 0 1 .53.776 2.312 2.312 0 0 1 .2.938V14.9a2.4 2.4 0 0 1-.191.955 2.452 2.452 0 0 1-.522.776 2.452 2.452 0 0 1-.776.522 2.4 2.4 0 0 1-.955.191H74.99l-4.167 4.161v-4.167a2.3 2.3 0 0 1-.942-.2 2.489 2.489 0 0 1-.772-.53 2.58 2.58 0 0 1-.526-.776 2.3 2.3 0 0 1-.2-.942V6.353a2.312 2.312 0 0 1 .2-.938 2.475 2.475 0 0 1 .53-.776 2.58 2.58 0 0 1 .776-.526 2.3 2.3 0 0 1 .942-.2zm1.222 10.972V6.358a1.161 1.161 0 0 0-.1-.475 1.263 1.263 0 0 0-.263-.386 1.263 1.263 0 0 0-.386-.263 1.161 1.161 0 0 0-.475-.1H70.832a1.161 1.161 0 0 0-.475.1 1.263 1.263 0 0 0-.386.263 1.263 1.263 0 0 0-.263.386 1.161 1.161 0 0 0-.1.475v8.537a1.238 1.238 0 0 0 .093.479 1.192 1.192 0 0 0 .259.39 1.192 1.192 0 0 0 .39.259 1.238 1.238 0 0 0 .479.093h1.216v2.449l2.444-2.444h10.972a1.207 1.207 0 0 0 .475-.093 1.2 1.2 0 0 0 .386-.259 1.249 1.249 0 0 0 .263-.39 1.191 1.191 0 0 0 .098-.484zM73.878 9.413a1.207 1.207 0 0 1 .475.093 1.2 1.2 0 0 1 .386.259 1.263 1.263 0 0 1 .263.386 1.162 1.162 0 0 1 .1.475 1.161 1.161 0 0 1-.1.475 1.263 1.263 0 0 1-.263.386 1.263 1.263 0 0 1-.386.263 1.161 1.161 0 0 1-.475.1 1.161 1.161 0 0 1-.475-.1 1.263 1.263 0 0 1-.386-.263 1.263 1.263 0 0 1-.263-.386 1.161 1.161 0 0 1-.1-.475 1.161 1.161 0 0 1 .1-.475 1.263 1.263 0 0 1 .263-.386 1.2 1.2 0 0 1 .386-.259 1.207 1.207 0 0 1 .475-.093zm4.268 0a1.207 1.207 0 0 1 .475.093 1.2 1.2 0 0 1 .386.259 1.263 1.263 0 0 1 .263.386 1.162 1.162 0 0 1 .1.475 1.161 1.161 0 0 1-.1.475 1.263 1.263 0 0 1-.263.386 1.263 1.263 0 0 1-.386.263 1.161 1.161 0 0 1-.475.1 1.161 1.161 0 0 1-.475-.1 1.263 1.263 0 0 1-.386-.263 1.263 1.263 0 0 1-.263-.386 1.161 1.161 0 0 1-.1-.475 1.161 1.161 0 0 1 .1-.475 1.263 1.263 0 0 1 .263-.386 1.2 1.2 0 0 1 .386-.259 1.207 1.207 0 0 1 .476-.093zm4.268 0a1.207 1.207 0 0 1 .475.093 1.2 1.2 0 0 1 .386.259 1.263 1.263 0 0 1 .263.386 1.162 1.162 0 0 1 .1.475 1.161 1.161 0 0 1-.1.475 1.263 1.263 0 0 1-.263.386 1.263 1.263 0 0 1-.386.263 1.161 1.161 0 0 1-.475.1 1.161 1.161 0 0 1-.475-.1 1.263 1.263 0 0 1-.386-.263 1.263 1.263 0 0 1-.263-.386 1.161 1.161 0 0 1-.1-.475 1.161 1.161 0 0 1 .1-.475 1.263 1.263 0 0 1 .263-.386 1.2 1.2 0 0 1 .386-.259 1.207 1.207 0 0 1 .476-.093z'/%3E%3C/g%3E%3C/svg%3E%0A") repeat-x center;
  background-size: auto 1.3333333333em;
  opacity: 0;
}
@media screen and (min-width: 1025px), print {
  #floatingGuide #offerBtn:hover .txt {
    opacity: 0;
  }
  #floatingGuide #offerBtn:hover .bg {
    opacity: 1;
    animation-name: flowTxt;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
  }
}
@-webkit-keyframes flowTxt {
  0% {
    background-position: 1000%;
  }
  100% {
    background-position: -1000%;
  }
}
@-ms-keyframes flowTxt {
  0% {
    background-position: 1000%;
  }
  100% {
    background-position: -1000%;
  }
}
@-o-keyframes flowTxt {
  0% {
    background-position: 1000%;
  }
  100% {
    background-position: -1000%;
  }
}
@keyframes flowTxt {
  0% {
    background-position: 1000%;
  }
  100% {
    background-position: -1000%;
  }
}
@media screen and (max-width: 1024px) {
  #floatingGuide #offerBtn {
    background-color: rgba(255, 255, 255, 0);
    border: none;
    position: relative;
    height: 100%;
    flex-wrap: wrap;
    justify-content: center;
  }
  #floatingGuide #offerBtn .finger, #floatingGuide #offerBtn::before {
    display: none;
  }
  #floatingGuide #offerBtn .txt {
    top: auto;
    left: auto;
    bottom: 100%;
    left: 50%;
    transform: translate(-50%, 50%);
    border-radius: 50%;
    width: 4.2666666667em;
    height: 4.2666666667em;
    background-color: var(--brand-color-main);
    border: var(--line-width) solid var(--color-black);
  }
  #floatingGuide #offerBtn .bg {
    display: block;
    width: 2.4em;
    height: 2.4em;
  }
  #floatingGuide #offerBtn::after {
    content: "제안하기";
    display: block;
    width: 100%;
    font-size: 0.5em;
  }
  #floatingGuide #offerBtn.on::after, #floatingGuide #offerBtn:active::after {
    color: var(--brand-color-main);
  }
  #floatingGuide #offerBtn.on .act_fill, #floatingGuide #offerBtn:active .act_fill {
    fill: var(--brand-color-main) !important;
  }
}
#floatingGuide svg {
  vertical-align: top;
}

@-webkit-keyframes movingFinger {
  0% {
    transform: translate(20%, 30%);
  }
  100% {
    transform: translate(40%, 50%);
  }
}
@-ms-keyframes movingFinger {
  0% {
    transform: translate(20%, 30%);
  }
  100% {
    transform: translate(40%, 50%);
  }
}
@-o-keyframes movingFinger {
  0% {
    transform: translate(20%, 30%);
  }
  100% {
    transform: translate(40%, 50%);
  }
}
@keyframes movingFinger {
  0% {
    transform: translate(20%, 30%);
  }
  100% {
    transform: translate(40%, 50%);
  }
}
#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 .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;
  }
}

#footer {
  width: 100%;
  height: var(--footer-height);
}

#footer {
  background-size: cover;
  font-size: 1rem;
  line-height: 1.6;
  z-index: 5;
  background-color: var(--bg-color);
  padding-bottom: 4.4375rem;
}
#footer .wrap {
  height: 100%;
}
@media screen and (max-width: 1280px) {
  #footer {
    padding: 0 0 3rem 0;
  }
}
@media screen and (max-width: 1024px) {
  #footer {
    margin-bottom: var(--floating-height);
  }
}
@media screen and (max-width: 800px) {
  #footer {
    padding-bottom: 2.5rem;
  }
}
#footer .ft_float_btn {
  display: none;
}
#footer .ft_inner {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  color: #121212;
  max-width: var(--wrap-true-width);
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  position: relative;
  padding-top: 4em;
}
@media screen and (max-width: 1280px) {
  #footer .ft_inner {
    padding-top: 2.5rem;
  }
}
#footer .ft_logo {
  vertical-align: middle;
  margin-right: 2.5em;
  width: 12em;
  height: 2.8125em;
}
#footer .ft_logo svg {
  vertical-align: top;
  width: 100%;
  height: 100%;
}
#footer .ft_info_box {
  display: flex;
  width: 100%;
  height: 100%;
}
#footer .ft_info_box .site_info {
  font-size: 1em;
  color: var(--brand-color-main);
  margin-bottom: 1.5em;
  padding-top: 3.875em;
  font-weight: 600;
}
@media screen and (max-width: 1280px) {
  #footer .ft_info_box .site_info {
    padding-top: 0.5em;
    margin-bottom: 0.5em;
  }
}
#footer .ft_info {
  font-style: normal;
  font-weight: 400;
  font-size: 1em;
  color: #121212;
  line-height: 1.3;
}
#footer .ft_infos {
  display: flex;
  gap: 0.625em;
}
#footer .ft_info_tit {
  display: block;
  width: 100%;
  font-weight: 600;
}
#footer .ft_info_item {
  display: inline-block;
  margin-top: 0.625em;
}
#footer .ft_copy {
  font-size: 1em;
  font-weight: 300;
}
#footer .infos {
  display: flex;
  flex-direction: column;
  margin-top: auto;
}
@media all and (max-width: 1024px) {
  #footer .infos {
    margin-top: 1.6666666667em;
  }
}
#footer .ft_family_site {
  width: 100%;
  max-width: 15.1875em;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1006;
}
#footer .ft_family_site > a {
  position: relative;
  display: block;
  padding: 1.0625em 1.625em 0.9375em 0em;
  border-bottom: 2px solid #121212;
  font-weight: 700;
}
#footer .ft_family_site > a::before {
  display: block;
  position: absolute;
  top: 50%;
  right: 0em;
  width: 0.9375em;
  height: 0.625em;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.6 9.5' width='14.6' height='9.5'%3E%3Cpath d='M7.3,9.5L0,2.2L2.1,0l5.2,5.2L12.5,0l2.1,2.1L7.3,9.5z'/%3E%3C/svg%3E") no-repeat center;
  background-size: 100% auto;
  margin-top: -0.3125em;
}
#footer .ft_family_site > a.on::before {
  transform: rotate(-180deg);
}
#footer .ft_family_site .ft_family_lists {
  display: none;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 100%;
  z-index: 1001;
  font-size: 1em;
  overflow: hidden;
}
#footer .ft_family_site .ft_family_lists .inner {
  display: flex;
  align-items: stretch;
  max-height: 14.3125em;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  padding-right: 0.375rem;
  background-color: var(--bg-color);
}
#footer .ft_family_site .ft_family_lists .inner::-webkit-scrollbar {
  width: 0.25rem;
  border-radius: 0.125rem;
}
#footer .ft_family_site .ft_family_lists .inner::-webkit-scrollbar-track {
  background: #ccc;
  border-radius: 0.125rem;
}
#footer .ft_family_site .ft_family_lists .inner::-webkit-scrollbar-thumb {
  background: var(--brand-color-sub);
  border-radius: 0.125rem;
}
#footer .ft_family_site .ft_family_lists .items {
  display: flex;
  flex-direction: column;
  width: 100%;
}
#footer .ft_family_site .ft_family_lists .link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5em;
  height: 4.125em;
  padding: 0.75em 1.5625em;
  font-weight: bold;
  border-left: 0.125rem solid var(--color-black);
  border-right: 0.125rem solid var(--color-black);
  border-bottom: 0.125rem solid var(--color-black);
  background-color: var(--color-white);
  text-decoration: none;
}
#footer .ft_family_site .ft_family_lists .link::after {
  content: "";
  display: block;
  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 d='M2.1 9.678H0V0h2.1z' transform='rotate(90 2.576 9.319)' style='fill:%2300b4ed'/%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:%2300b4ed' transform='rotate(90 5.138 8.755)'/%3E%3C/svg%3E%0A") no-repeat center/100% auto;
  opacity: 0;
  transform: translateX(100%);
  transition: opacity 0.25s, transform 0.25s;
}
@media screen and (min-width: 1025px), print {
  #footer .ft_family_site .ft_family_lists .link:hover {
    color: var(--brand-color-main);
  }
  #footer .ft_family_site .ft_family_lists .link:hover::after {
    transform: none;
    opacity: 1;
  }
}
#footer .ft_family_site .ft_family_lists li:first-child .link {
  border-top: 0.125rem solid var(--color-black);
}
#footer .ft_family_site .ft_family_lists ul {
  line-height: 2;
}
#footer .ft_family_site .ft_family_lists ul a {
  display: block;
}
#footer .copy {
  margin-top: 1.25em;
}
#footer .top_btn {
  display: flex;
  align-items: center;
  font-size: 1rem;
  gap: 1em;
  font-weight: 500;
  color: var(--brand-color-sub);
  position: absolute;
  top: 4em;
  right: 0;
  letter-spacing: 0;
}
#footer .top_btn .arr_top {
  display: block;
  width: 3em;
  height: 3em;
  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='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M25.731 44.851h-4V7.931h4z'/%3E%3Cpath d='m12.052 20.751-2.828-2.829L24.001 3.147l14.776 14.775-2.829 2.828L24.001 8.803z'/%3E%3C/svg%3E%0A");
}
@media screen and (min-width: 1281px), print {
  #footer .top_btn .arr_top {
    transition: transform 0.25s;
  }
}
@media screen and (max-width: 1280px) {
  #footer .top_btn {
    top: 2.5rem;
  }
}
@media screen and (max-width: 1440px) {
  #footer .ft_family_site {
    max-width: 20em;
  }
}
@media screen and (max-width: 1280px) {
  #footer {
    font-size: 0.9em;
  }
}
@media all and (max-width: 1024px) {
  #footer .ft_family_site {
    max-width: 100%;
    width: 100%;
  }
}
@media screen and (max-width: 800px) {
  #footer {
    font-size: 0.75em;
  }
  #footer .ft_logo {
    width: 8.2916666667em;
    height: 2.1666666667em;
  }
  #footer .ft_logo svg {
    display: block;
    width: 100%;
    height: 100%;
  }
  #footer .ft_family_site {
    position: relative;
    left: 0;
    bottom: 0;
    margin-top: auto;
    font-size: 1.1428571429em;
    max-width: none;
    width: 100%;
  }
  #footer .ft_family_site > a {
    padding-left: 0;
  }
  #footer .top_btn {
    font-size: 1em;
    gap: 0.5714285714em;
    left: auto;
    right: 0;
  }
  #footer .top_btn .arr_top {
    width: 2.6666666667em;
    height: 2.6666666667em;
    background-size: 100% auto;
  }
}

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