@charset "UTF-8";
@import 'vendors/swiper-bundle.min.css';
@import 'vendors/jquery-ui.css';
/*abstracts/_variables.scss*/
/*abstracts/_mixins.scss*/
html {
  font-size: 10px;
}
@media (max-width: 1280px) {
  html {
    font-size: 9px;
  }
}
@media (max-width: 1024px) {
  html {
    font-size: 9px;
  }
}
@media (max-width: 768px) {
  html {
    font-size: 1.7vw;
  }
}
@media (max-width: 480px) {
  html {
    font-size: 2.8vw;
  }
}
@media (max-width: 375px) {
  html {
    font-size: 2.67vw;
  }
}

/*abstracts/_placeholders.scss*/
/*base/_reset.scss */
:root {
  --vh: 1vh;
}

html, body {
  position: relative;
  width: 100%;
  min-height: calc(var(--vh) * 100);
  height: calc(var(--vh) * 100);
  line-height: 1.5;
  word-break: keep-all;
  word-wrap: break-word;
}

body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

html {
  overflow: hidden;
  overflow-y: auto;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

main, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}
blockquote::before, blockquote::after,
q::before,
q::after {
  content: "";
}

a {
  text-decoration: none;
  color: inherit;
}

img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
  height: auto;
}

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: normal;
  margin: 0;
  padding: 0;
  appearance: none;
  border-radius: none;
  text-transform: none;
  box-shadow: none;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

audio, canvas, video {
  display: inline-block;
  max-width: 100%;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none;
}

button,
input {
  line-height: normal;
}

button,
select {
  text-transform: none;
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
  appearance: button;
  cursor: pointer;
  border: 0;
  background: transparent;
}

[disabled] {
  pointer-events: none;
}

button {
  border: 0;
  background: transparent;
  cursor: pointer;
  color: inherit;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

table {
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  text-indent: 0;
}

th, td {
  vertical-align: middle;
  font-weight: normal;
}

code,
kbd,
pre,
samp {
  font-family: monospace;
}

small sub,
sup {
  font-size: 1rem;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.5rem;
}

sup {
  top: -0.5rem;
}

legend {
  max-width: 100%;
  width: 100%;
  color: inherit;
  white-space: normal;
  display: block;
  border: 0;
}

fieldset {
  min-width: 0;
}

summary {
  display: list-item;
}

address {
  font-style: normal;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: normal;
}

strong,
em {
  color: inherit;
  font-weight: normal;
  font-style: normal;
}

/*base/_fonts.scss*/
@font-face {
  font-family: "Pretendard";
  font-weight: 100;
  font-style: normal;
  src: url("../fonts/Pretendard-Thin.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 200;
  font-style: normal;
  src: url("../fonts/Pretendard-ExtraLight.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 300;
  font-style: normal;
  src: url("../fonts/Pretendard-Light.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 400;
  font-style: normal;
  src: url("../fonts/Pretendard-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 500;
  font-style: normal;
  src: url("../fonts/Pretendard-Medium.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 600;
  font-style: normal;
  src: url("../fonts/Pretendard-SemiBold.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 700;
  font-style: normal;
  src: url("../fonts/Pretendard-Bold.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 800;
  font-style: normal;
  src: url("../fonts/Pretendard-ExtraBold.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 900;
  font-style: normal;
  src: url("../fonts/Pretendard-Black.woff2") format("woff2");
  font-display: swap;
}
/*base/_a11y.scss */
#accessibility {
  position: relative;
  margin: 0;
  padding: 0;
}

#accessibility a {
  display: block;
  height: 1px;
  width: 1px;
  margin-bottom: -1px;
  overflow: hidden;
  text-align: center;
  color: #000;
  white-space: nowrap;
}
#accessibility a:focus, #accessibility a:active {
  position: absolute;
  height: auto;
  width: 100%;
  padding: 5px;
  margin-bottom: 10px;
  width: 100%;
  background: #fff;
  z-index: 9999;
}

caption,
.hidden,
.blind {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
}

/*base/_base.scss */
body {
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-size: 16px;
  color: #222;
  line-height: 1.3;
}
body::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #ececec;
  appearance: none;
}
body::-webkit-scrollbar-thumb {
  background-color: #898989;
  border-radius: 3px;
}

#wrap {
  width: 100%;
  max-width: 2560px;
  margin: 0 auto;
}

.static {
  max-width: 1480px;
  width: 100%;
  margin: 0 auto;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media (max-width: 768px) {
  .static {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.pc-only {
  display: block;
}
@media (max-width: 768px) {
  .pc-only {
    display: none;
  }
}

.mo-only {
  display: none;
}
@media (max-width: 768px) {
  .mo-only {
    display: block;
  }
}

.not-scroll {
  overflow: hidden;
  width: 100%;
  height: 100vh;
}
.not-scroll body {
  padding-right: 5px;
}

.text-xs {
  font-size: 1.2rem;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: 0.01rem;
}

.text-sm {
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0;
}

.text-base {
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0;
}

.text-md {
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: -0.01em;
}

.text-lg {
  font-size: 2rem;
  line-height: 1.6;
  font-weight: 600;
  letter-spacing: -0.015em;
}

.text-xl {
  font-size: 2.4rem;
  line-height: 1.6;
  font-weight: 600;
  letter-spacing: -0.015em;
}

.text-xxl {
  font-size: 3.2rem;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: -0.015em;
}

.olists-circle {
  counter-reset: circle;
}
.olists-circle > li {
  position: relative;
  font-size: 1.6rem;
  padding-left: 2.2rem;
  line-height: 1.5;
  color: #666;
}
.olists-circle > li:before {
  display: block;
  position: absolute;
  top: 1em;
  left: 0;
  counter-increment: circle 1;
  content: counter(circle);
  font-size: 0.75em;
  line-height: 0;
  width: 1.6rem;
  text-align: center;
}
.olists-circle > li:after {
  content: "";
  position: absolute;
  top: 0.25em;
  left: 0;
  display: inline-block;
  border: 1px solid #666;
  border-radius: 50%;
  width: 1.6rem;
  height: 1.6rem;
}

.olists-numbers {
  counter-reset: index;
  margin-left: 1.2em;
}
.olists-numbers > li {
  font-size: 1.6rem;
  line-height: 1.5;
  list-style-type: decimal;
}

.lists-dots > li {
  position: relative;
  padding-left: 0.75em;
  line-height: 1.5;
  font-size: 1.6rem;
}
.lists-dots > li:before {
  content: "";
  display: block;
  width: 0.25em;
  height: 0.25em;
  border-radius: 50%;
  background: #666;
  position: absolute;
  top: 0.6em;
  left: 0.1em;
}

.lists-bars > li {
  position: relative;
  padding-left: 0.75em;
  line-height: 1.5;
}
.lists-bars > li:before {
  content: "";
  display: block;
  width: 0.5rem;
  height: 1px;
  position: absolute;
  top: 0.6em;
  left: 0;
  background: #666;
}

.p-dots {
  position: relative;
  padding-left: 0.75em;
  line-height: 1.5;
  font-size: 1.6rem;
}
.p-dots:before {
  content: "";
  display: block;
  width: 0.25em;
  height: 0.25em;
  border-radius: 50%;
  background: #666;
  position: absolute;
  top: 0.6em;
  left: 0.1em;
}

.p-bars {
  position: relative;
  padding-left: 1em;
  line-height: 1.5;
}
.p-bars:before {
  content: "";
  display: block;
  width: 0.5rem;
  height: 1px;
  position: absolute;
  top: 0.6em;
  left: 0;
  background: #666;
}

.sub-top {
  padding-top: 10rem;
}

/*motion*/
.slide-in {
  opacity: 0;
  transition: all 0.5s;
}
.slide-in.left {
  transform: translateX(-7.5rem);
}
.slide-in.left.active {
  opacity: 1;
  transform: translateX(0%);
}
.slide-in.right {
  transform: translateX(7.5rem);
}
.slide-in.right.active {
  opacity: 1;
  transform: translateX(0%);
}
.slide-in.top {
  transform: translateY(-7.5rem);
}
.slide-in.top.active {
  opacity: 1;
  transform: translateY(0%);
}
.slide-in.bottom {
  transform: translateY(5rem);
}
.slide-in.bottom.active {
  opacity: 1;
  transform: translateY(0%);
}

@media (max-width: 1024px) {
  .motion {
    transition: all 0.5s;
    transform: translateY(7rem);
    opacity: 0;
  }
  .motion.active {
    transform: translateY(0);
    opacity: 1;
  }
}
@media (max-width: 768px) {
  .olists-circle {
    counter-reset: circle;
  }
  .olists-circle > li {
    position: relative;
    font-size: 1.3rem;
    padding-left: 1.9rem;
    line-height: 1.5;
    color: #666;
  }
  .olists-circle > li:before {
    display: block;
    position: absolute;
    top: 1em;
    left: 0;
    counter-increment: circle 1;
    content: counter(circle);
    font-size: 0.75em;
    line-height: 0;
    width: 1.3rem;
    text-align: center;
  }
  .olists-circle > li:after {
    content: "";
    position: absolute;
    top: 0.25em;
    left: 0;
    display: inline-block;
    border: 1px solid #666;
    border-radius: 50%;
    width: 1.3rem;
    height: 1.3rem;
  }
  .olists-numbers {
    counter-reset: index;
    margin-left: 1.2em;
  }
  .olists-numbers > li {
    font-size: 1.3rem;
    line-height: 1.5;
    list-style-type: decimal;
  }
  .lists-dots > li {
    position: relative;
    padding-left: 0.75em;
    line-height: 1.5;
    font-size: 1.3rem;
  }
  .lists-dots > li:before {
    content: "";
    display: block;
    width: 0.25em;
    height: 0.25em;
    border-radius: 50%;
    background: #666;
    position: absolute;
    top: 0.6em;
    left: 0.1em;
  }
  .lists-bars > li {
    position: relative;
    padding-left: 0.75em;
    line-height: 1.5;
  }
  .lists-bars > li:before {
    content: "";
    display: block;
    width: 0.5rem;
    height: 1px;
    position: absolute;
    top: 0.6em;
    left: 0;
    background: #666;
  }
  .p-dots {
    position: relative;
    padding-left: 0.75em;
    line-height: 1.5;
    font-size: 1.3rem;
  }
  .p-dots:before {
    content: "";
    display: block;
    width: 0.25em;
    height: 0.25em;
    border-radius: 50%;
    background: #666;
    position: absolute;
    top: 0.6em;
    left: 0.1em;
  }
  .p-bars {
    position: relative;
    padding-left: 1em;
    line-height: 1.5;
  }
  .p-bars:before {
    content: "";
    display: block;
    width: 0.5rem;
    height: 1px;
    position: absolute;
    top: 0.6em;
    left: 0;
    background: #666;
  }
}
/*Error*/
.error-wrap {
  padding-top: 20rem;
  padding-bottom: 20rem;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.error-wrap .error-msg {
  text-align: center;
  padding: 2rem;
}
.error-wrap .error-msg h2 {
  font-size: 3.6rem;
  font-weight: 600;
  letter-spacing: -0.72px;
}
.error-wrap .error-msg p {
  margin-top: 2rem;
  font-size: 2rem;
  line-height: 1.4;
  letter-spacing: -0.4px;
  color: #666;
}
.error-wrap .error-msg .btn-fill {
  margin-top: 5rem;
}
@media (max-width: 768px) {
  .error-wrap .error-msg h2 {
    font-size: 2rem;
  }
  .error-wrap .error-msg p {
    font-size: 1.3rem;
  }
}

.ico-search {
  display: block;
  width: 2.8rem;
  height: 2.8rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2239%22%20height%3D%2239%22%20viewBox%3D%220%200%2039%2039%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M34.8053%2038.4218C35.5906%2039.1986%2036.8569%2039.1918%2037.6337%2038.4066C38.4106%2037.6213%2038.4037%2036.355%2037.6185%2035.5782L34.8053%2038.4218ZM30.5368%2016.0107H28.5368C28.5368%2022.6238%2023.1118%2028.0215%2016.3743%2028.0215V30.0215V32.0215C25.2802%2032.0215%2032.5368%2024.8735%2032.5368%2016.0107H30.5368ZM16.3743%2030.0215V28.0215C9.63686%2028.0215%204.21191%2022.6238%204.21191%2016.0107H2.21191H0.211914C0.211914%2024.8735%207.46844%2032.0215%2016.3743%2032.0215V30.0215ZM2.21191%2016.0107H4.21191C4.21191%209.39764%209.63686%204%2016.3743%204V2V0C7.46844%200%200.211914%207.148%200.211914%2016.0107H2.21191ZM16.3743%202V4C23.1118%204%2028.5368%209.39764%2028.5368%2016.0107H30.5368H32.5368C32.5368%207.148%2025.2802%200%2016.3743%200V2ZM24.9458%2025.8545L23.5392%2027.2763C25.739%2029.4526%2028.5556%2032.239%2030.8222%2034.4813C31.9554%2035.6024%2032.9512%2036.5876%2033.6637%2037.2924C34.0199%2037.6448%2034.3054%2037.9272%2034.5017%2038.1214C34.5999%2038.2185%2034.6758%2038.2937%2034.7271%2038.3445C34.7529%2038.3699%2034.7724%2038.3892%2034.7855%2038.4022C34.7921%2038.4087%2034.797%2038.4135%2034.8003%2038.4169C34.8022%2038.4187%2034.8031%2038.4196%2034.8041%2038.4206C34.8046%2038.4211%2034.8047%2038.4212%2034.805%2038.4215C34.8051%2038.4216%2034.8052%2038.4217%2034.8053%2038.4217C34.8053%2038.4218%2034.8053%2038.4218%2036.2119%2037C37.6185%2035.5782%2037.6185%2035.5782%2037.6184%2035.5781C37.6184%2035.5781%2037.6183%2035.578%2037.6182%2035.5779C37.6181%2035.5778%2037.6175%2035.5772%2037.6172%2035.577C37.6165%2035.5762%2037.6151%2035.5748%2037.6135%2035.5733C37.6102%2035.57%2037.6052%2035.5651%2037.5987%2035.5586C37.5855%2035.5456%2037.566%2035.5263%2037.5403%2035.5008C37.4889%2035.45%2037.413%2035.3749%2037.3149%2035.2778C37.1185%2035.0836%2036.8331%2034.8012%2036.4769%2034.4488C35.7644%2033.744%2034.7686%2032.7588%2033.6353%2031.6377C31.3687%2029.3954%2028.5522%2026.609%2026.3524%2024.4327L24.9458%2025.8545Z%22%20fill%3D%22%23ffffff%22/%3E%3C/svg%3E");
  background-size: auto 100%;
}
.ico-home {
  display: block;
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2220%22 height%3D%2220%22 viewBox%3D%220 0 20 20%22 fill%3D%22none%22%3E%3Cpath d%3D%22M4.375 10V17.5H15.625V10%22 stroke%3D%22%23000000%22 stroke-width%3D%221.5%22/%3E%3Cpath d%3D%22M1 10L10 2.5L19 10%22 stroke%3D%22%23000000%22 stroke-width%3D%221.5%22/%3E%3C/svg%3E");
}
.ico-home2 {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cpath d='M14 24V10H23V24' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M17.5 20H19.5' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M17.5 15H19.5' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M2 24V4H14V24' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M5 20H7' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M9 20H11' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M5 15H7' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M9 15H11' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M5 10H7' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M9 10H11' stroke='%23ffffff' stroke-width='2'/%3E%3C/svg%3E");
}
.ico-prev {
  display: block;
  width: 1rem;
  height: 1.8rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2213%22 height%3D%2220%22 viewBox%3D%220 0 13 20%22 fill%3D%22none%22%3E%3Cpath d%3D%22M12 1L2 10L12 19%22 stroke%3D%22%23ffffff%22 stroke-width%3D%221.5%22/%3E%3C/svg%3E");
  background-size: auto 100%;
}
.ico-next {
  display: block;
  width: 1rem;
  height: 1.8rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2213%22 height%3D%2220%22 viewBox%3D%220 0 13 20%22 fill%3D%22none%22%3E%3Cpath d%3D%22M1 1L11 10L1 19%22 stroke%3D%22%23ffffff%22 stroke-width%3D%221.5%22/%3E%3C/svg%3E");
  background-size: auto 100%;
}
.ico-pause {
  display: block;
  width: 1rem;
  height: 1.8rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2210%22 height%3D%2218%22 viewBox%3D%220 0 10 18%22 fill%3D%22none%22%3E%3Cpath d%3D%22M1 0V18M9 0V18%22 stroke%3D%22%23ffffff%22 stroke-width%3D%221.5%22/%3E%3C/svg%3E");
  background-size: auto 100%;
}
.ico-toTop {
  display: block;
  width: 8rem;
  height: 8rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2280%22 height%3D%2280%22 viewBox%3D%220 0 80 80%22 fill%3D%22none%22%3E%3Ccircle cx%3D%2240%22 cy%3D%2240%22 r%3D%2240%22 fill%3D%22%23222222%22/%3E%3Cpath d%3D%22M38.5 55C38.5 55.8284 39.1716 56.5 40 56.5C40.8284 56.5 41.5 55.8284 41.5 55L38.5 55ZM41.0607 23.9393C40.4749 23.3536 39.5251 23.3536 38.9393 23.9393L29.3934 33.4853C28.8076 34.0711 28.8076 35.0208 29.3934 35.6066C29.9792 36.1924 30.9289 36.1924 31.5147 35.6066L40 27.1213L48.4853 35.6066C49.0711 36.1924 50.0208 36.1924 50.6066 35.6066C51.1924 35.0208 51.1924 34.0711 50.6066 33.4853L41.0607 23.9393ZM41.5 55L41.5 25L38.5 25L38.5 55L41.5 55Z%22 fill%3D%22white%22/%3E%3C/svg%3E");
  background-size: auto 100%;
}
.ico-quick {
  display: block;
  width: 3.6rem;
  height: 3.6rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2236%22 height%3D%2236%22 viewBox%3D%220 0 36 36%22 fill%3D%22none%22%3E%3Cpath d%3D%22M6 6H9V9H6V6Z%22 fill%3D%22%23ffffff%22 stroke%3D%22%23ffffff%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M6 27H9V30H6V27Z%22 fill%3D%22%23ffffff%22 stroke%3D%22%23ffffff%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M27 6H30V9H27V6Z%22 fill%3D%22%23ffffff%22 stroke%3D%22%23ffffff%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M27 16.5H30V19.5H27V16.5Z%22 fill%3D%22%23ffffff%22 stroke%3D%22%23ffffff%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M16.5 16.5H19.5V19.5H16.5V16.5Z%22 fill%3D%22%23ffffff%22 stroke%3D%22%23ffffff%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M6 16.5H9V19.5H6V16.5Z%22 fill%3D%22%23ffffff%22 stroke%3D%22%23ffffff%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M16.5 6H19.5V9H16.5V6Z%22 fill%3D%22%23ffffff%22 stroke%3D%22%23ffffff%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M16.5 27H19.5V30H16.5V27Z%22 fill%3D%22%23ffffff%22 stroke%3D%22%23ffffff%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M27 27H30V30H27V27Z%22 fill%3D%22%23ffffff%22 stroke%3D%22%23ffffff%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
  background-size: auto 100%;
}
.ico-arr {
  display: block;
  width: 0.6rem;
  height: 1.2rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%229%22 height%3D%2214%22 viewBox%3D%220 0 9 14%22 fill%3D%22none%22%3E%3Cpath d%3D%22M1 13L7 7L1 1%22 stroke%3D%22%23B68C6C%22 stroke-width%3D%221.5%22/%3E%3C/svg%3E");
  background-size: auto 100%;
}
.ico-arrb {
  display: block;
  width: 0.6rem;
  height: 1.2rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='9' viewBox='0 0 6 9' fill='none'%3E%3Cpath d='M0.75 1L4.25 4.5L0.75 8' stroke='%23222222' stroke-width='1.5'/%3E%3C/svg%3E");
  background-size: auto 100%;
}
.ico-login {
  display: block;
  width: 2.6rem;
  height: 2.6rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2226%22 height%3D%2227%22 viewBox%3D%220 0 26 27%22 fill%3D%22none%22%3E%3Ccircle cx%3D%2214%22 cy%3D%227%22 r%3D%226.25%22 stroke%3D%22%23ffffff%22 stroke-width%3D%221.5%22/%3E%3Cpath d%3D%22M3.01413 26C2.81069 22 4.72305 14 14 14C23.277 14 25.1893 22 24.9859 26%22 stroke%3D%22%23ffffff%22 stroke-width%3D%221.5%22/%3E%3C/svg%3E");
  background-size: auto 100%;
}
.ico-logout {
  display: block;
  width: 2.6rem;
  height: 2.6rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='26' viewBox='0 0 25 26' fill='none'%3E%3Cpath d='M17 9V1H1V25H17V17' stroke='%23ffffff' stroke-width='1.5'/%3E%3Cpath d='M9 13H23' stroke='%23ffffff' stroke-width='1.5'/%3E%3Cpath d='M19.5 9.5L23 13L19.5 16.5' stroke='%23ffffff' stroke-width='1.5'/%3E%3C/svg%3E");
  background-size: auto 100%;
}
.ico-instagram {
  display: block;
  width: 3.2rem;
  height: 3.2rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2732%27%20height%3D%2732%27%20viewBox%3D%270%200%2032%2032%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M16%209.31944C12.3167%209.31944%209.31944%2012.3167%209.31944%2016C9.31944%2019.6833%2012.3167%2022.7167%2016%2022.7167C19.6833%2022.7167%2022.7167%2019.6833%2022.7167%2016C22.7167%2012.3167%2019.6833%209.31944%2016%209.31944ZM3%2016C3%2019.5389%203.03611%2019.9722%203.07222%2021.3806C3.10833%2022.7167%203.36111%2023.7278%203.68611%2024.5222C4.01111%2025.3889%204.48056%2026.1111%205.16667%2026.8333C5.925%2027.5194%206.61111%2027.9889%207.47778%2028.3139C8.30833%2028.6389%209.28333%2028.8917%2010.6556%2028.9278C12.0278%2028.9639%2012.4611%2029%2016%2029C19.5389%2029%2019.9722%2028.9639%2021.3806%2028.9278C22.7167%2028.8917%2023.7278%2028.6389%2024.5222%2028.3139C25.3889%2027.9889%2026.1111%2027.5194%2026.8333%2026.8333C27.5194%2026.1111%2027.9889%2025.3889%2028.3139%2024.5222C28.6389%2023.7278%2028.8917%2022.7167%2028.9278%2021.3806C28.9639%2019.9722%2029%2019.5389%2029%2016C29%2012.4611%2028.9639%2012.0278%2028.9278%2010.6556C28.8917%209.28333%2028.6389%208.30833%2028.3139%207.47778C27.9889%206.61111%2027.5556%205.925%2026.8333%205.16667C26.1111%204.48056%2025.3889%204.01111%2024.5583%203.68611C23.7278%203.36111%2022.7528%203.14444%2021.3806%203.07222C19.9722%203.03611%2019.5389%203%2016%203C12.4611%203%2012.0278%203.03611%2010.6556%203.07222C9.28333%203.10833%208.30833%203.36111%207.47778%203.68611C6.61111%204.01111%205.925%204.48056%205.16667%205.16667C4.48056%205.925%204.01111%206.61111%203.68611%207.47778C3.36111%208.30833%203.10833%209.28333%203.07222%2010.6194C3.03611%2012.0278%203%2012.4611%203%2016ZM5.38333%2016C5.38333%2012.5333%205.38333%2012.1%205.41944%2010.7278C5.49167%209.46389%205.67222%208.77778%205.85278%208.30833C6.10556%207.69445%206.39444%207.26111%206.82778%206.82778C7.29722%206.39444%207.73056%206.10556%208.34444%205.85278C8.81389%205.67222%209.5%205.49167%2010.7278%205.38333C12.1361%205.38333%2012.5333%205.34722%2016%205.34722C19.4667%205.34722%2019.9%205.38333%2021.2722%205.38333C22.5361%205.49167%2023.2222%205.67222%2023.6917%205.85278C24.3056%206.10556%2024.7389%206.39444%2025.1722%206.82778C25.6056%207.26111%2025.8944%207.69445%2026.1472%208.30833C26.3278%208.77778%2026.5444%209.5%2026.6167%2010.7278C26.6167%2012.1361%2026.6528%2012.5333%2026.6528%2016C26.6528%2019.4667%2026.6167%2019.8639%2026.6167%2021.2722C26.5444%2022.5%2026.3278%2023.1861%2026.1472%2023.6556C25.8944%2024.2694%2025.6056%2024.7028%2025.1722%2025.1722C24.7389%2025.6056%2024.3056%2025.8944%2023.6917%2026.1111C23.2222%2026.2917%2022.5361%2026.5083%2021.2722%2026.5806C19.8639%2026.6167%2019.4667%2026.6167%2016%2026.6167C12.5333%2026.6167%2012.1361%2026.6167%2010.7278%2026.5806C9.5%2026.5083%208.81389%2026.2917%208.34444%2026.1111C7.73056%2025.8944%207.29722%2025.6056%206.82778%2025.1722C6.39444%2024.7028%206.10556%2024.2694%205.85278%2023.6556C5.67222%2023.1861%205.49167%2022.5%205.41944%2021.2722C5.38333%2019.8639%205.38333%2019.4667%205.38333%2016ZM11.6667%2016C11.6667%2013.6167%2013.6167%2011.6667%2016%2011.6667C18.3833%2011.6667%2020.3333%2013.6167%2020.3333%2016C20.3333%2018.3833%2018.3833%2020.3333%2016%2020.3333C13.6167%2020.3333%2011.6667%2018.3833%2011.6667%2016ZM21.4167%209.06667C21.4167%209.89722%2022.1028%2010.6194%2022.9333%2010.6194C23.8%2010.6194%2024.5222%209.89722%2024.5222%209.06667C24.5222%208.2%2023.8%207.51389%2022.9333%207.51389C22.1028%207.51389%2021.4167%208.2%2021.4167%209.06667Z%27%20fill%3D%27%23777777%27/%3E%3C/svg%3E");
  background-size: cover;
}
.ico-youtube {
  display: block;
  width: 3.2rem;
  height: 3.2rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2732%27%20height%3D%2732%27%20viewBox%3D%270%200%2032%2032%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M16.0645%204.84961C16.1063%204.84969%2016.1686%204.85027%2016.248%204.85059C16.4069%204.85122%2016.6373%204.85293%2016.9248%204.85547C17.5002%204.86054%2018.3053%204.87033%2019.2236%204.89062C21.0521%204.93104%2023.3566%205.01214%2025.1982%205.17676C25.722%205.20923%2027.0878%205.2684%2028.3369%206.4873L28.5889%206.75195L28.5928%206.75586L28.6953%206.87891C29.1919%207.50926%2029.4682%208.36764%2029.6201%208.93848C29.7089%209.27233%2029.7712%209.57442%2029.8115%209.79297C29.8318%209.90277%2029.8473%209.99325%2029.8574%2010.0576C29.8625%2010.0898%2029.8664%2010.1161%2029.8691%2010.1348C29.8705%2010.144%2029.8713%2010.1516%2029.8721%2010.1572C29.8724%2010.1599%2029.8728%2010.1622%2029.873%2010.1641V10.167L29.874%2010.168C29.874%2010.1682%2029.8737%2010.1683%2028.7344%2010.3223L29.874%2010.1689L29.876%2010.1904H29.877V10.1982C29.8775%2010.2033%2029.8788%2010.2113%2029.8799%2010.2207C29.882%2010.2395%2029.8849%2010.2668%2029.8887%2010.3018C29.8963%2010.3719%2029.9071%2010.4738%2029.9199%2010.6025C29.9455%2010.86%2029.9797%2011.2262%2030.0137%2011.665C30.0814%2012.5403%2030.1504%2013.7178%2030.1504%2014.9033V17.0645C30.1504%2018.2659%2030.0815%2019.4435%2030.0137%2020.3154C29.9797%2020.7525%2029.9456%2021.1159%2029.9199%2021.3711C29.9071%2021.4987%2029.8963%2021.5995%2029.8887%2021.6689C29.8849%2021.7035%2029.882%2021.7304%2029.8799%2021.749C29.8789%2021.7581%2029.8775%2021.7655%2029.877%2021.7705C29.8767%2021.773%2029.8771%2021.7759%2029.877%2021.7773L29.876%2021.7783V21.7793L29.874%2021.7969V21.7988L29.873%2021.8008C29.8728%2021.8027%2029.8725%2021.8057%2029.8721%2021.8086C29.8713%2021.8143%2029.8705%2021.8219%2029.8691%2021.8311C29.8664%2021.8499%2029.8624%2021.8758%2029.8574%2021.9082C29.8473%2021.9734%2029.8327%2022.0654%2029.8125%2022.1768C29.7722%2022.3982%2029.7098%2022.7042%2029.6211%2023.042C29.4598%2023.6564%2029.1565%2024.604%2028.5928%2025.2441L28.5889%2025.248C27.2533%2026.7491%2025.668%2026.7642%2025.2461%2026.8184L25.2197%2026.8213L25.1924%2026.8232C23.3568%2026.9711%2021.0555%2027.0532%2019.2266%2027.0977C18.3094%2027.12%2017.5054%2027.133%2016.9307%2027.1406C16.6433%2027.1444%2016.4126%2027.147%2016.2539%2027.1484C16.1746%2027.1492%2016.1131%2027.1491%2016.0713%2027.1494C16.0504%2027.1496%2016.0343%2027.1493%2016.0234%2027.1494C16.0181%2027.1494%2016.0135%2027.1504%2016.0107%2027.1504H15.9951L15.9834%2027.1494H15.9639C15.9509%2027.1492%2015.9313%2027.1488%2015.9062%2027.1484C15.8558%2027.1477%2015.7814%2027.1471%2015.6865%2027.1455C15.4966%2027.1424%2015.2231%2027.1372%2014.8887%2027.1309C14.22%2027.1182%2013.306%2027.0996%2012.3271%2027.0732C10.3928%2027.0212%208.13192%2026.9394%207.04102%2026.8203L7.00586%2026.8164L6.9707%2026.8105C6.66163%2026.7573%204.75665%2026.7603%203.41113%2025.248L3.40723%2025.2441C2.84346%2024.604%202.54022%2023.6564%202.37891%2023.042C2.29021%2022.7042%202.22776%2022.3982%202.1875%2022.1768C2.16726%2022.0654%202.15266%2021.9734%202.14258%2021.9082C2.13757%2021.8758%202.13355%2021.8499%202.13086%2021.8311C2.12955%2021.8219%202.12871%2021.8143%202.12793%2021.8086C2.12753%2021.8057%202.12721%2021.8027%202.12695%2021.8008L2.12598%2021.7988V21.7969L2.12402%2021.7793V21.7783L2.12305%2021.7773C2.12288%2021.7759%202.12334%2021.773%202.12305%2021.7705C2.12246%2021.7655%202.12115%2021.7581%202.12012%2021.749C2.118%2021.7304%202.11512%2021.7035%202.11133%2021.6689C2.1037%2021.5995%202.09291%2021.4987%202.08008%2021.3711C2.05443%2021.1159%202.02032%2020.7525%201.98633%2020.3154C1.91852%2019.4435%201.84961%2018.2659%201.84961%2017.0645V14.9033C1.84961%2013.7178%201.91858%2012.5403%201.98633%2011.665C2.0203%2011.2262%202.05446%2010.86%202.08008%2010.6025C2.09289%2010.4738%202.10372%2010.3719%202.11133%2010.3018C2.11512%2010.2668%202.11801%2010.2395%202.12012%2010.2207C2.12117%2010.2113%202.12246%2010.2033%202.12305%2010.1982V10.1904H2.12402L2.12598%2010.1689L3.26562%2010.3223L2.12598%2010.168L2.12695%2010.167V10.1641C2.12721%2010.1622%202.12755%2010.1599%202.12793%2010.1572C2.12872%2010.1516%202.12951%2010.144%202.13086%2010.1348C2.13358%2010.1161%202.13751%2010.0898%202.14258%2010.0576C2.1527%209.99325%202.16821%209.90277%202.18848%209.79297C2.22883%209.57442%202.29105%209.27233%202.37988%208.93848C2.54193%208.32953%202.8457%207.39346%203.40723%206.75586L3.41113%206.75195L3.66309%206.4873C4.93214%205.24894%206.3216%205.2072%206.82617%205.1748L6.85938%205.17285L15.959%204.85059L15.9795%204.84961H16.0645Z%27%20stroke%3D%27%23777777%27%20stroke-width%3D%272.3%27/%3E%3Cpath%20d%3D%27M14%2020.1919V11.8125L21.1823%2016.036L14%2020.1919Z%27%20fill%3D%27%23777777%27/%3E%3C/svg%3E");
  background-size: cover;
}
.ico-kakaoch {
  display: block;
  width: 3.2rem;
  height: 3.2rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2730%27%20height%3D%2730%27%20viewBox%3D%270%200%2030%2030%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M14.5012%203.05859C8.14925%203.05859%203%207.73383%203%2013.5027C3%2017.7633%204.81767%2019.7978%207.3071%2021.6504L7.31945%2021.6553V26.6554C7.31945%2026.8931%207.59358%2027.0264%207.78621%2026.8858L12.1476%2023.7067L12.2415%2023.7455C12.9725%2023.8789%2013.7282%2023.9468%2014.5012%2023.9468C20.8532%2023.9468%2026%2019.2716%2026%2013.5027C26%207.73383%2020.8507%203.05859%2014.5012%203.05859Z%27%20stroke%3D%27%23777777%27%20stroke-width%3D%272.3%27%20stroke-miterlimit%3D%2710%27/%3E%3C/svg%3E");
  background-size: cover;
}
.ico-arr-up {
  display: block;
  width: 1.2rem;
  height: 0.8rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2212%22 height%3D%228%22 viewBox%3D%220 0 12 8%22 fill%3D%22none%22%3E%3Cpath d%3D%22M1 7L6 2L11 7%22 stroke%3D%22%23ffffff%22 stroke-width%3D%221.5%22/%3E%3C/svg%3E");
  background-size: cover;
}
.ico-arrow {
  display: block;
  width: 3.7rem;
  height: 2.3rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2237%22 height%3D%2223%22 viewBox%3D%220 0 37 23%22 fill%3D%22none%22%3E%3Cpath d%3D%22M0 12L34 12M25 2L34.5 12L25 21.5%22 stroke%3D%22%23ffffff%22 stroke-width%3D%222%22/%3E%3C/svg%3E");
  background-size: cover;
}
.ico-danji {
  display: block;
  width: 3.2rem;
  height: 3rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2234%22 height%3D%2232%22 viewBox%3D%220 0 34 32%22 fill%3D%22none%22%3E%3Cpath d%3D%22M1 1V29C1 30.1046 1.89543 31 3 31H25.8889H31C32.1046 31 33 30.1046 33 29V8.5H25.8889%22 stroke%3D%22%23777777%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M1 1H25.5V29C25.5 30.1046 26.3954 31 27.5 31H29%22 stroke%3D%22%23777777%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M6.5625 7.5H10.3125V11.25%22 stroke%3D%22%23777777%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M6.5625 17.75H10.3125V21.5%22 stroke%3D%22%23777777%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M15.9375 7.5H19.6875V11.25%22 stroke%3D%22%23777777%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M15.9375 17.75H19.6875V21.5%22 stroke%3D%22%23777777%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
  background-size: cover;
}
.ico-cashSh {
  display: block;
  width: 3.5rem;
  height: 3.2rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2236%22 height%3D%2233%22 viewBox%3D%220 0 36 33%22 fill%3D%22none%22%3E%3Cpath d%3D%22M35 31L27.7614 23.7614M27.7614 23.7614C30.1743 21.3486 31.6667 18.0152 31.6667 14.3333C31.6667 6.96954 25.6971 1 18.3333 1C10.9695 1 5 6.96954 5 14.3333C5 16.1303 5.3555 17.8443 6 19.4088M27.7614 23.7614C25.3486 26.1743 22.0152 27.6667 18.3333 27.6667C17.0009 27.6667 15.7141 27.4712 14.5 27.1074%22 stroke%3D%22%23777777%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M15.4717 5.65251C20.0833 4.02771 25.1389 6.44897 26.7637 11.0605%22 stroke%3D%22%23777777%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M14 26V30C14 30.5 11.6421 32 7.5 32C3.35786 32 1 30.5 1 30V26%22 stroke%3D%22%23777777%22 stroke-width%3D%222%22/%3E%3Cpath d%3D%22M14 22V26C14 26.5 11.6421 28 7.5 28C3.35786 28 1 26.5 1 26V22%22 stroke%3D%22%23777777%22 stroke-width%3D%222%22/%3E%3Cpath d%3D%22M7.5 20C9.47638 20 11.2194 20.3227 12.4316 20.8076C13.0405 21.0512 13.4666 21.3155 13.7236 21.5586C13.9786 21.7997 14 21.9494 14 22C14 22.0506 13.9786 22.2003 13.7236 22.4414C13.4666 22.6845 13.0405 22.9488 12.4316 23.1924C11.2194 23.6773 9.47638 24 7.5 24C5.52362 24 3.78059 23.6773 2.56836 23.1924C1.9595 22.9488 1.53343 22.6845 1.27637 22.4414C1.02142 22.2003 1 22.0506 1 22C1 21.9494 1.02142 21.7997 1.27637 21.5586C1.53343 21.3155 1.9595 21.0512 2.56836 20.8076C3.78059 20.3227 5.52362 20 7.5 20Z%22 stroke%3D%22%23777777%22 stroke-width%3D%222%22/%3E%3C/svg%3E");
  background-size: cover;
}
.ico-pencil {
  display: block;
  width: 2.9rem;
  height: 2.9rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2231%22 height%3D%2231%22 viewBox%3D%220 0 31 31%22 fill%3D%22none%22%3E%3Cpath d%3D%22M2.70588 23.1765L1 30L7.82353 28.2941L28.5858 7.53186C29.3668 6.75081 29.3668 5.48448 28.5858 4.70343L26.2966 2.41421C25.5155 1.63317 24.2492 1.63317 23.4681 2.41421L2.70588 23.1765Z%22 stroke%3D%22%23777777%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M19.7656 6.11719L24.8833 11.2348%22 stroke%3D%22%23777777%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M16.3535 30H30.0006%22 stroke%3D%22%23777777%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
  background-size: cover;
}
.ico-book {
  display: block;
  width: 3.2rem;
  height: 3.2rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2232%22 height%3D%2232%22 viewBox%3D%220 0 32 32%22 fill%3D%22none%22%3E%3Cpath d%3D%22M22 9.5V1H1V30H13.5%22 stroke%3D%22%23777777%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22/%3E%3Cpath d%3D%22M17.1426 23H26.8574L25.791 31H18.209L17.1426 23Z%22 stroke%3D%22%23777777%22 stroke-width%3D%222%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M22.1169 18.4716C21.8643 16.131 23.0821 11.6944 29.974 12.6734C29.2884 15.2403 26.7572 19.9938 22.1169 18.4716Z%22 stroke%3D%22%23777777%22 stroke-width%3D%222%22/%3E%3Cpath d%3D%22M23 17C23 16.4477 22.5523 16 22 16C21.4477 16 21 16.4477 21 17L23 17ZM22 23L23 23L23 17L22 17L21 17L21 23L22 23Z%22 fill%3D%22%23777777%22/%3E%3Cpath d%3D%22M21.9286 17.9934C21.872 15.799 20.3764 11.7755 14.8467 13.2363C15.6965 15.5659 18.3026 19.7786 21.9286 17.9934Z%22 stroke%3D%22%23777777%22 stroke-width%3D%222%22/%3E%3Cpath d%3D%22M6.5 7.5H16.5%22 stroke%3D%22%23777777%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22/%3E%3C/svg%3E");
  background-size: cover;
}
.ico-calendar {
  display: block;
  width: 2.8rem;
  height: 3rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2230%22 height%3D%2232%22 viewBox%3D%220 0 30 32%22 fill%3D%22none%22%3E%3Cpath d%3D%22M1 2.75H29V28.75C29 29.8546 28.1046 30.75 27 30.75H3C1.89543 30.75 1 29.8546 1 28.75V2.75Z%22 stroke%3D%22%23AC826C%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M1 9.75H29%22 stroke%3D%22%23AC826C%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M11 18.875L14.75 22.625%22 stroke%3D%22%23AC826C%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M21 16.375L14.75 22.625%22 stroke%3D%22%23AC826C%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M22 1V4.5%22 stroke%3D%22%23AC826C%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M8 1V4.5%22 stroke%3D%22%23AC826C%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
  background-size: cover;
}
.ico-headset {
  display: block;
  width: 2.5rem;
  height: 3.2rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2225%22 height%3D%2232%22 viewBox%3D%220 0 25 32%22 fill%3D%22none%22%3E%3Cpath d%3D%22M1 16.3184H5.10642C5.65871 16.3184 6.10642 16.7661 6.10642 17.3184V21.978C6.10642 23.0826 5.21099 23.978 4.10642 23.978H3C1.89543 23.978 1 23.0826 1 21.978V16.3184Z%22 stroke%3D%22%23777777%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22/%3E%3Cpath d%3D%22M18.873 17.3203C18.873 16.768 19.3208 16.3203 19.873 16.3203H23.9795V21.9799C23.9795 23.0845 23.084 23.9799 21.9795 23.9799H20.873C19.7685 23.9799 18.873 23.0845 18.873 21.9799V17.3203Z%22 stroke%3D%22%23777777%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22/%3E%3Cpath d%3D%22M23.9792 20.1484C23.9792 22.0633 24.6175 29.0847 18.8728 29.0847C17.3409 29.0847 17.1706 29.0847 15.043 29.0847%22 stroke%3D%22%23777777%22 stroke-width%3D%222%22/%3E%3Cpath d%3D%22M12.4902 29.0859H15.0434%22 stroke%3D%22%23777777%22 stroke-width%3D%224%22 stroke-linecap%3D%22round%22/%3E%3Cpath d%3D%22M23.9789 16.3193V12.4894C23.9789 6.144 18.8349 1 12.4894 1C6.144 1 1 6.144 1 12.4894V16.3193%22 stroke%3D%22%23777777%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22/%3E%3C/svg%3E");
  background-size: cover;
}
.ico-talk {
  display: block;
  width: 3.2rem;
  height: 3.2rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2232%22 height%3D%2232%22 viewBox%3D%220 0 32 32%22 fill%3D%22none%22%3E%3Cpath d%3D%22M2 1H30C30.5523 1 31 1.44772 31 2V22C31 22.5523 30.5523 23 30 23H22.1084C21.0741 23 20.1127 23.533 19.5645 24.4102L16.8477 28.7568C16.4803 29.3439 15.6557 29.3803 15.2314 28.8662L15.1523 28.7568L12.4355 24.4102C11.8873 23.533 10.9259 23 9.8916 23H2C1.44772 23 1 22.5523 1 22V2C1 1.44772 1.44771 1 2 1Z%22 stroke%3D%22%23777777%22 stroke-width%3D%222%22 stroke-linejoin%3D%22round%22/%3E%3Ccircle cx%3D%2210%22 cy%3D%2212.5%22 r%3D%221.5%22 fill%3D%22%23777777%22/%3E%3Ccircle cx%3D%2216%22 cy%3D%2212.5%22 r%3D%221.5%22 fill%3D%22%23777777%22/%3E%3Ccircle cx%3D%2222%22 cy%3D%2212.5%22 r%3D%221.5%22 fill%3D%22%23777777%22/%3E%3C/svg%3E");
  background-size: cover;
}
.ico-close {
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2220%22 height%3D%2220%22 viewBox%3D%220 0 20 20%22 fill%3D%22none%22%3E%3Cpath d%3D%22M1 19L19 1M19 19L1 1%22 stroke%3D%22%23222222%22 stroke-width%3D%222%22/%3E%3C/svg%3E");
  background-size: cover;
}
.ico-pNext {
  display: block;
  width: 5.4rem;
  height: 5.4rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2214%22%20height%3D%2213%22%20viewBox%3D%220%200%2054%2054%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M24%2021L29.5%2026.5L24%2032%22%20stroke%3D%22%23222222%22%20stroke-width%3D%222%22/%3E%3C/svg%3E");
  background-size: cover;
}
.ico-pEnd {
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2214%22%20height%3D%2213%22%20viewBox%3D%220%200%2014%2013%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1%201L6.5%206.5L1%2012%22%20stroke%3D%22%23222222%22%20stroke-width%3D%222%22/%3E%3Cpath%20d%3D%22M7%201L12.5%206.5L7%2012%22%20stroke%3D%22%23222222%22%20stroke-width%3D%222%22/%3E%3C/svg%3E");
  background-size: cover;
}
.ico-outlink {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M11%204H4V18C4%2019.1046%204.89543%2020%206%2020H18C19.1046%2020%2020%2019.1046%2020%2018V13%22%20stroke%3D%22%23222222%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M9%2015L20%204%22%20stroke%3D%22%23222222%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M15%204H20V9%22%20stroke%3D%22%23222222%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
  background-size: cover;
}
.ico-zoom {
  display: block;
  width: 8rem;
  height: 8rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2280%22%20height%3D%2280%22%20viewBox%3D%220%200%2080%2080%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M70%2070L55.5228%2055.5228M55.5228%2055.5228C60.3486%2050.6971%2063.3333%2044.0305%2063.3333%2036.6667C63.3333%2021.9391%2051.3943%2010%2036.6667%2010C21.9391%2010%2010%2021.9391%2010%2036.6667C10%2051.3943%2021.9391%2063.3333%2036.6667%2063.3333C44.0305%2063.3333%2050.6971%2060.3486%2055.5228%2055.5228ZM36.6667%2026.6667V36.6667M36.6667%2036.6667V46.6667M36.6667%2036.6667H26.6667M36.6667%2036.6667H46.6667%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%223%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
  background-size: cover;
}
.ico-hand {
  width: 6rem;
  height: 6rem;
  border: 1px solid #dadada;
  border-radius: 50%;
  background: #fff url(/rStatic/images/common/ico-hand.svg) no-repeat 50% 50%;
}
.ico-bigX {
  display: block;
  width: 7.4rem;
  height: 7.4rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2274%22%20height%3D%2274%22%20viewBox%3D%220%200%2074%2074%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M72%2072L2%202%22%20stroke%3D%22%23222222%22%20stroke-width%3D%223%22/%3E%3Cpath%20d%3D%22M2%2072L72%202%22%20stroke%3D%22%23222222%22%20stroke-width%3D%223%22/%3E%3C/svg%3E");
  background-size: cover;
}
.ico-phone {
  display: block;
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M20.6051%204.97446C19.0209%2012.8316%2012.8316%2019.0209%204.97446%2020.6051C2.8089%2021.0417%201%2019.2091%201%2017V14.5C1%2013.9477%201.44844%2013.5042%201.99901%2013.4607C3.24947%2013.3618%204.44815%2013.0789%205.56797%2012.639L7.46707%2014.5381C10.5559%2013.06%2013.06%2010.5559%2014.5381%207.46708L12.639%205.56798C13.0789%204.44816%2013.3618%203.24948%2013.4607%201.99901C13.5042%201.44844%2013.9477%201%2014.5%201H17C19.2091%201%2021.0417%202.8089%2020.6051%204.97446Z%22%20stroke%3D%22%23222222%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
  background-size: cover;
}
.ico-email {
  display: block;
  width: 2.06rem;
  height: 1.4rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2223%22 height%3D%2216%22 viewBox%3D%220 0 23 16%22 fill%3D%22none%22%3E%3Cpath d%3D%22M1.28602 1.59246L10.4918 10.056C10.9306 10.4598 11.6456 10.4598 12.0893 10.056L21.2901 1.59246M1.09372 14.4143L7.58754 9.74597M21.2901 14.4143L14.7963 9.74597M1.98615 1H20.5899C21.1323 1 21.5761 1.45422 21.5761 2.00937V13.9906C21.5761 14.5458 21.1323 15 20.5899 15H1.98615C1.44377 15 1 14.5458 1 13.9906V2.00937C1 1.45422 1.44377 1 1.98615 1Z%22 stroke%3D%22%23222222%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
  background-size: cover;
}
.ico-mouse {
  display: block;
  width: 1.7rem;
  height: 2.2rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2217%22 height%3D%2222%22 viewBox%3D%220 0 17 22%22 fill%3D%22none%22%3E%3Cg clip-path%3D%22url(%23clip0_2766_22109)%22%3E%3Cpath d%3D%22M8.04658 21.1064C4.09778 21.1064 0.894043 17.9027 0.894043 13.9539V8.04706C0.894043 4.09827 4.09778 0.894531 8.04658 0.894531C11.9954 0.894531 15.1991 4.09827 15.1991 8.04706V13.9539C15.1991 17.9027 11.9954 21.1064 8.04658 21.1064Z%22 stroke%3D%22%23222222%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M8.04639 6.74769V0.894531%22 stroke%3D%22%23222222%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M0.894043 8.04688H15.1991%22 stroke%3D%22%23222222%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M8.04667 10.6496C7.30459 10.6496 6.70557 10.0505 6.70557 9.30846V6.62626C6.70557 5.88418 7.30459 5.28516 8.04667 5.28516C8.78874 5.28516 9.38777 5.88418 9.38777 6.62626V9.30846C9.38777 10.0505 8.78874 10.6496 8.04667 10.6496Z%22 fill%3D%22white%22 stroke%3D%22%23222222%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id%3D%22clip0_2766_22109%22%3E%3Crect width%3D%2216.0932%22 height%3D%2222%22 fill%3D%22white%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: cover;
}
.ico-tIco1 {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M3 20V6.86439L9.5 3L17 6.86439V9.5' stroke='%23222222' stroke-width='2'/%3E%3Cpath d='M11 9H13' stroke='%23222222' stroke-width='2'/%3E%3Cpath d='M7 9H9' stroke='%23222222' stroke-width='2'/%3E%3Cpath d='M7 13H9' stroke='%23222222' stroke-width='2'/%3E%3Cpath d='M7 17H9' stroke='%23222222' stroke-width='2'/%3E%3Ccircle cx='16.5' cy='16.5' r='4.5' stroke='%23222222' stroke-width='2'/%3E%3C/svg%3E");
  background-size: cover;
}
.ico-tIco2 {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cg clip-path='url(%23clip0_4233_7677)'%3E%3Cpath d='M1.50037 21.8203H7.49939V9.34277C7.49939 8.45871 6.72395 7.4144 5.24939 6.51074C4.05269 5.77747 2.64087 5.29749 1.50037 5.16406V21.8203Z' stroke='%23222222' stroke-width='2'/%3E%3Cpath d='M23.4998 21.8203H17.5007V9.34277C17.5007 8.45871 18.2762 7.4144 19.7507 6.51074C20.9474 5.77747 22.3592 5.29749 23.4998 5.16406V21.8203Z' stroke='%23222222' stroke-width='2'/%3E%3Cpath d='M12.7189 5.125C15.2928 5.125 17.4998 7.15919 17.5001 9.4248V21.9824C17.4031 22.0095 17.3114 22.0365 17.2325 22.0557C17.1805 22.0683 17.1413 22.0768 17.1144 22.082H7.50012V9.4248C7.50028 8.34808 8.09384 7.28488 9.10754 6.45703C10.1204 5.62997 11.4553 5.125 12.7189 5.125Z' stroke='%23222222' stroke-width='2'/%3E%3Cpath d='M4.14624 12.7383L4.85335 12.0312' stroke='%23222222' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M3.8634 15.9688L5.1362 14.696' stroke='%23222222' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M20.1462 11.5273L20.8533 10.8202' stroke='%23222222' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M19.8634 14.6602L21.1362 13.3874' stroke='%23222222' stroke-width='1.2' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4233_7677'%3E%3Crect width='24' height='24' fill='white' transform='translate(0.5 0.125)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: cover;
}
.ico-tIco3 {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M20.9041 6.5V10.5H12.9041V2.5H19.3424' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.90405 2.5H1.90405V10.5H9.90405V2.5Z' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.0938 5.34375L17.75 7.5L21.6875 2.46875' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.90405 13.6133H1.90405V21.6133H9.90405V13.6133Z' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.9041 13.6133H12.9041V21.6133H20.9041V13.6133Z' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: cover;
}
.ico-tList {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M8 6.5H21M8 12.5H21M8 18.5H21' stroke='%23222222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='3' y='18.5' width='0.01' height='0.01' stroke='%23222222' stroke-width='3' stroke-linejoin='round'/%3E%3Crect x='3' y='12.5' width='0.01' height='0.01' stroke='%23222222' stroke-width='3' stroke-linejoin='round'/%3E%3Crect x='3' y='6.5' width='0.01' height='0.01' stroke='%23222222' stroke-width='3' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: cover;
}
.ico-tMap {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Crect x='11.5' y='11.5' width='0.01' height='0.01' stroke='%23222222' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M11.5 22.5L17 17C20.0376 13.9624 20.0376 9.03757 17 6C13.9624 2.96244 9.03757 2.96244 6 6C2.96244 9.03757 2.96244 13.9624 6 17L11.5 22.5Z' stroke='%23222222' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: cover;
}
.ico-phone {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background: url(/rStatic/images/common/ico-phone.svg) no-repeat 50% 50%;
  background-size: cover;
}
.ico-time {
  display: block;
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background: url(/rStatic/images/common/ico-time.svg) no-repeat 50% 50%;
  background-size: cover;
}
.ico-info {
  display: block;
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background: url(/rStatic/images/common/ico-info.svg) no-repeat 50% 50%;
  background-size: cover;
}
.ico-addr {
  display: block;
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background: url(/rStatic/images/common/ico-addr.svg) no-repeat 50% 50%;
  background-size: cover;
}
.ico-hp {
  display: block;
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='20' viewBox='0 0 17 20' fill='none'%3E%3Cg clip-path='url(%23clip0_3933_6472)'%3E%3Cpath d='M7.5539 18H2.54209C1.69137 18 1 17.3071 1 16.4545V2.54545C1 1.69288 1.69137 1 2.54209 1H10.2526C11.1033 1 11.7947 1.69288 11.7947 2.54545V10.0152' stroke='%23222222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.25781 14.1367H6.88132' stroke='%23222222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.25781 4.09375H11.7955' stroke='%23222222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.5693 12.9688C11.735 12.9688 11.869 13.103 11.8691 13.2686C11.8691 13.4342 11.735 13.5684 11.5693 13.5684C11.4037 13.5683 11.2695 13.4342 11.2695 13.2686C11.2696 13.103 11.4038 12.9689 11.5693 12.9688Z' fill='%23222222' stroke='%23222222'/%3E%3Cpath d='M10.7695 14.3477H12.3695V16.9492H10.7695V14.3477Z' fill='%23222222'/%3E%3Cpath d='M11.5689 18.9531C13.911 18.9531 15.8096 17.0503 15.8096 14.7031C15.8096 12.3559 13.911 10.4531 11.5689 10.4531C9.22678 10.4531 7.32812 12.3559 7.32812 14.7031C7.32812 17.0503 9.22678 18.9531 11.5689 18.9531Z' stroke='%23222222' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3933_6472'%3E%3Crect width='17' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: auto 100%;
}
.ico-down {
  display: block;
  width: 1.4rem;
  height: 1.2rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12' fill='none'%3E%3Cline x1='0.75' y1='7.5' x2='0.75' y2='11.5' stroke='%23222222' stroke-width='1.5'/%3E%3Cline x1='13.25' y1='7.5' x2='13.25' y2='11.5' stroke='%23222222' stroke-width='1.5'/%3E%3Cline y1='11.25' x2='14' y2='11.25' stroke='%23222222' stroke-width='1.5'/%3E%3Cpath d='M4 5.375L7 8.375L10 5.375' stroke='%23222222' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M7 8V1' stroke='%23222222' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: auto 100%;
}
.ico-award {
  display: block;
  width: 3.2rem;
  height: 3.5rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='35' viewBox='0 0 32 35' fill='none'%3E%3Cg clip-path='url(%23clip0_5397_5260)'%3E%3Cpath d='M14.2319 21.0699C12.1058 20.6828 7.70711 17.2941 7.22439 13.8949L5.54846 0.53125H26.1586L24.4881 13.8949C24.0054 17.2941 19.6122 20.6828 17.4915 21.0699' stroke='%23222222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.7532 23.8633H19.9539C20.4203 23.8633 20.838 24.1549 20.9844 24.5898L21.8197 31.8178H9.88745L10.7227 24.5898C10.8691 24.1549 11.2868 23.8633 11.7532 23.8633Z' stroke='%23222222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.53151 31.8164H23.1756L23.7179 34.4679H7.98914L8.53151 31.8164Z' stroke='%23222222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.51727 15.7435C3.54168 14.8526 0.542358 10.8965 0.542358 6.15563V4.24124C0.542358 3.94957 0.786426 3.71094 1.08473 3.71094H5.96609' stroke='%23222222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.4827 15.7435C28.4583 14.8526 31.4576 10.8965 31.4576 6.15563V4.24124C31.4576 3.94957 31.2136 3.71094 30.9153 3.71094H26.0339' stroke='%23222222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.2264 21.2109V23.8625' stroke='%23222222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.4807 21.2109V23.8625' stroke='%23222222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5397_5260'%3E%3Crect width='32' height='35' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: 100% auto;
}

.ico-plus {
  display: inline-block;
  vertical-align: top;
  width: 3rem;
  height: 3rem;
  position: relative;
}
.ico-plus::before, .ico-plus::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center;
}
.ico-plus::after {
  transform: translate(-50%, -50%) rotate(-90deg);
}

#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 7rem;
  padding: 0 6rem;
  z-index: 101;
  transition: all 0.3s ease;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1440px) {
  #header {
    padding: 0 2rem;
  }
}
@media (max-width: 1024px) {
  #header {
    padding: 0 3rem;
  }
}
@media (max-width: 768px) {
  #header {
    height: 5rem;
    padding: 0 2rem;
  }
}
@media (max-width: 480px) {
  #header {
    padding: 1.5rem;
  }
  #header.fixed {
    background-color: #fff;
  }
}
#header .logo-link {
  display: block;
  width: 12.9rem;
  height: 2.4rem;
}
@media (max-width: 768px) {
  #header .logo-link {
    width: 8.6rem;
    height: 1.6rem;
  }
}
#header .header-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
#header .header-logo .logo {
  display: block;
}
#header .header-logo .logo-link {
  background: url(/rStatic/images/common/logo-skview-w.svg) no-repeat 50% 50%;
  background-size: cover;
}
@media (max-width: 1024px) {
  #header .header-logo {
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
#header .header-gnb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: transparent;
  transition: all 0.5s cubic-bezier(0.46, 0.87, 0.18, 1.01);
  display: flex;
  justify-content: center;
}
#header .header-gnb .gnb {
  display: flex;
  position: relative;
  z-index: 2;
}
#header .header-gnb .gnb > li {
  height: 100%;
}
#header .header-gnb .gnb > li > a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.8rem;
  color: #fff;
  height: 7rem;
  line-height: 2;
  letter-spacing: -0.36px;
  font-weight: 500;
  min-width: 23rem;
}
@media (max-width: 1920px) {
  #header .header-gnb .gnb > li > a {
    min-width: 11.98vw;
  }
}
#header .header-gnb .gnb > li ul {
  display: block;
  padding-top: 2rem;
}
#header .header-gnb .gnb > li ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.6rem;
  text-align: center;
  letter-spacing: -0.32px;
  color: #555;
  height: 4rem;
  font-weight: 400;
}
#header .header-gnb .gnb > li:nth-child(2) {
  padding-right: 14.1rem;
}
@media (max-width: 1920px) {
  #header .header-gnb .gnb > li:nth-child(2) {
    padding-right: 7.34vw;
  }
}
#header .header-gnb .gnb > li:nth-child(3) {
  padding-left: 14.1rem;
}
@media (max-width: 1920px) {
  #header .header-gnb .gnb > li:nth-child(3) {
    padding-left: 7.34vw;
  }
}
@media (max-width: 1024px) {
  #header .header-gnb {
    display: none;
  }
}
#header .header-util {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
}
@media (max-width: 1024px) {
  #header .header-util > .btn-login {
    display: none;
  }
}
#header .header-util-nav, #header .header-util-log {
  position: relative;
}
@media (max-width: 1024px) {
  #header .header-util-nav {
    position: absolute;
    right: 3rem;
  }
}
@media (max-width: 768px) {
  #header .header-util-nav {
    right: 2rem;
  }
}
@media (max-width: 1024px) {
  #header .header-util-log {
    display: none;
  }
}
#header.fixed {
  background-color: #fff;
  border-bottom: 1px solid #dadada;
}
#header.fixed .header-gnb {
  background-color: #fff;
}
#header.fixed .header-logo .logo-link {
  background: url(/rStatic/images/common/logo-skview.svg) no-repeat 50% 50%;
  background-size: cover;
}
#header.fixed .gnb > li > a {
  color: #222;
}
#header.fixed .btn-sitemap .bar:before, #header.fixed .btn-sitemap .bar:after,
#header.fixed .btn-sitemap .bar em {
  background-color: #222;
}
#header.fixed .btn-navbar .bar em, #header.fixed .btn-navbar .bar::before, #header.fixed .btn-navbar .bar::after {
  background-color: #000;
}
#header.fixed .btn-login {
  color: #222;
}
#header.fixed .btn-login .ico-login {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2226%22 height%3D%2227%22 viewBox%3D%220 0 26 27%22 fill%3D%22none%22%3E%3Ccircle cx%3D%2214%22 cy%3D%227%22 r%3D%226.25%22 stroke%3D%22%23222222%22 stroke-width%3D%221.5%22/%3E%3Cpath d%3D%22M3.01413 26C2.81069 22 4.72305 14 14 14C23.277 14 25.1893 22 24.9859 26%22 stroke%3D%22%23222222%22 stroke-width%3D%221.5%22/%3E%3C/svg%3E");
}
#header.fixed .btn-login .ico-logout {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='26' viewBox='0 0 25 26' fill='none'%3E%3Cpath d='M17 9V1H1V25H17V17' stroke='%23222222' stroke-width='1.5'/%3E%3Cpath d='M9 13H23' stroke='%23222222' stroke-width='1.5'/%3E%3Cpath d='M19.5 9.5L23 13L19.5 16.5' stroke='%23222222' stroke-width='1.5'/%3E%3C/svg%3E");
}
#header.open .header-logo .logo-link {
  background: url(/rStatic/images/common/logo-skview.svg) no-repeat 50% 50%;
  background-size: cover;
}
#header.open .header-gnb {
  height: 44rem;
  background-color: #fff;
}
#header.open .header-gnb:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 7rem;
  background-color: #fff;
}
#header.open .header-gnb:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 70px;
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
}
#header.open .gnb > li > a {
  color: #222;
}
#header.open .btn-navbar .bar:before, #header.open .btn-navbar .bar:after,
#header.open .btn-navbar .bar em {
  background-color: #222;
}
#header.open .btn-login {
  color: #fff;
}
#header.open .btn-login .ico-login {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2226%22 height%3D%2227%22 viewBox%3D%220 0 26 27%22 fill%3D%22none%22%3E%3Ccircle cx%3D%2214%22 cy%3D%227%22 r%3D%226.25%22 stroke%3D%22%23222222%22 stroke-width%3D%221.5%22/%3E%3Cpath d%3D%22M3.01413 26C2.81069 22 4.72305 14 14 14C23.277 14 25.1893 22 24.9859 26%22 stroke%3D%22%23222222%22 stroke-width%3D%221.5%22/%3E%3C/svg%3E");
}
#header.open .btn-login .ico-logout {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='26' viewBox='0 0 25 26' fill='none'%3E%3Cpath d='M17 9V1H1V25H17V17' stroke='%23222222' stroke-width='1.5'/%3E%3Cpath d='M9 13H23' stroke='%23222222' stroke-width='1.5'/%3E%3Cpath d='M19.5 9.5L23 13L19.5 16.5' stroke='%23222222' stroke-width='1.5'/%3E%3C/svg%3E");
}
#header.on .sitemap {
  display: flex;
}
@media (max-width: 1024px) {
  #header.on .sitemap {
    display: none;
  }
}
@media (max-width: 1024px) {
  #header.on .gnb-mo {
    display: flex;
  }
}
#header.on .btn-login .ico-logout {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='26' viewBox='0 0 25 26' fill='none'%3E%3Cpath d='M17 9V1H1V25H17V17' stroke='%23222222' stroke-width='1.5'/%3E%3Cpath d='M9 13H23' stroke='%23222222' stroke-width='1.5'/%3E%3Cpath d='M19.5 9.5L23 13L19.5 16.5' stroke='%23222222' stroke-width='1.5'/%3E%3C/svg%3E");
}
#header.down {
  transform: translateY(-100%);
}
#header:not(.down) {
  transform: translateY(0);
}
#header.up .header-logo .logo-link {
  background: url(/rStatic/images/common/logo-skview.svg) no-repeat 50% 50%;
  background-size: cover;
}
#header.up .header-gnb {
  background: #fff;
}
#header.up .header-gnb .gnb li > a {
  color: #222;
}
#header.up .btn-navbar .bar:before, #header.up .btn-navbar .bar:after,
#header.up .btn-navbar .bar em {
  background-color: #222;
}
#header.up .btn-login {
  color: #fff;
}
#header.up .btn-login .ico-login {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2226%22 height%3D%2227%22 viewBox%3D%220 0 26 27%22 fill%3D%22none%22%3E%3Ccircle cx%3D%2214%22 cy%3D%227%22 r%3D%226.25%22 stroke%3D%22%23222222%22 stroke-width%3D%221.5%22/%3E%3Cpath d%3D%22M3.01413 26C2.81069 22 4.72305 14 14 14C23.277 14 25.1893 22 24.9859 26%22 stroke%3D%22%23222222%22 stroke-width%3D%221.5%22/%3E%3C/svg%3E");
}
#header.up .btn-login .ico-logout {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='26' viewBox='0 0 25 26' fill='none'%3E%3Cpath d='M17 9V1H1V25H17V17' stroke='%23222222' stroke-width='1.5'/%3E%3Cpath d='M9 13H23' stroke='%23222222' stroke-width='1.5'/%3E%3Cpath d='M19.5 9.5L23 13L19.5 16.5' stroke='%23222222' stroke-width='1.5'/%3E%3C/svg%3E");
}
#header.hWhite .gnb > li > a {
  color: #fff;
}
#header.hWhite .ico-login {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2226%22 height%3D%2227%22 viewBox%3D%220 0 26 27%22 fill%3D%22none%22%3E%3Ccircle cx%3D%2214%22 cy%3D%227%22 r%3D%226.25%22 stroke%3D%22%23ffffff%22 stroke-width%3D%221.5%22/%3E%3Cpath d%3D%22M3.01413 26C2.81069 22 4.72305 14 14 14C23.277 14 25.1893 22 24.9859 26%22 stroke%3D%22%23ffffff%22 stroke-width%3D%221.5%22/%3E%3C/svg%3E");
}

.sitemap {
  display: none;
  flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 102;
  width: 100%;
  height: 100vh;
  background-color: #F0EDE7;
}
.sitemap-top {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 7rem;
  padding: 0 6rem;
}
.sitemap-top .logo-link {
  background: url(/rStatic/images/common/logo-skview.svg) no-repeat 50% 50%;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sitemap-top .btn-login {
  position: absolute;
  right: 6rem;
  color: #222;
}
.sitemap-top .btn-login .ico-login {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2226%22 height%3D%2227%22 viewBox%3D%220 0 26 27%22 fill%3D%22none%22%3E%3Ccircle cx%3D%2214%22 cy%3D%227%22 r%3D%226.25%22 stroke%3D%22%23222222%22 stroke-width%3D%221.5%22/%3E%3Cpath d%3D%22M3.01413 26C2.81069 22 4.72305 14 14 14C23.277 14 25.1893 22 24.9859 26%22 stroke%3D%22%23222222%22 stroke-width%3D%221.5%22/%3E%3C/svg%3E");
}
.sitemap-top .btn-close {
  position: absolute;
  top: 50%;
  left: 6rem;
  transform: translateY(-50%);
  width: 2.8rem;
  height: 2.8rem;
  background-color: transparent;
}
.sitemap-body {
  height: calc(100% - 7rem);
  overflow: hidden;
  overflow-y: auto;
}
.sitemap-links {
  padding: 5rem 6vw;
}
.sitemap-links > li {
  display: flex;
  border-top: 1px solid #E2D7C1;
  padding: 4rem 0 4rem;
  align-items: flex-start;
}
.sitemap-links > li:first-child {
  border-top: 0;
}
.sitemap-links > li > a {
  font-size: 3.2rem;
  letter-spacing: -0.64px;
  width: 16%;
  font-weight: 600;
}
@media (max-width: 1024px) {
  .sitemap-links > li > a {
    width: 20%;
  }
}
.sitemap-links-2depth {
  display: flex;
  flex-wrap: wrap;
  width: 84%;
  gap: 2.4rem;
}
.sitemap-links-2depth > li {
  min-width: 11%;
}
@media (max-width: 1024px) {
  .sitemap-links-2depth > li {
    min-width: auto;
    width: auto;
  }
}
.sitemap-links-2depth > li > a {
  display: flex;
  align-items: center;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: -0.4px;
  vertical-align: top;
  height: 4rem;
  white-space: nowrap;
}
.sitemap-links-3depth {
  margin-top: 1rem;
}
.sitemap-links-3depth > li > a {
  font-size: 1.6rem;
  color: #555;
  letter-spacing: -0.32px;
}
.sitemap-links-3depth > li + li {
  margin-top: 1rem;
}
@media (max-width: 1024px) {
  .sitemap {
    display: none;
  }
}

.gnb-mo {
  display: none;
  flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  background: #fff;
  z-index: 102;
}
.gnb-mo-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 6rem;
  width: calc(100% - 5.5rem);
  padding: 0 3rem;
}
.gnb-mo-header .btn-login {
  color: #222;
  gap: 0.75rem;
}
.gnb-mo-header .btn-login .ico-login {
  display: block;
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2226%22 height%3D%2227%22 viewBox%3D%220 0 26 27%22 fill%3D%22none%22%3E%3Ccircle cx%3D%2214%22 cy%3D%227%22 r%3D%226.25%22 stroke%3D%22%23222222%22 stroke-width%3D%221.5%22/%3E%3Cpath d%3D%22M3.01413 26C2.81069 22 4.72305 14 14 14C23.277 14 25.1893 22 24.9859 26%22 stroke%3D%22%23222222%22 stroke-width%3D%221.5%22/%3E%3C/svg%3E");
}
.gnb-mo-header .btn-login .ico-logout {
  display: block;
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2226%22 height%3D%2227%22 viewBox%3D%220 0 26 27%22 fill%3D%22none%22%3E%3Ccircle cx%3D%2214%22 cy%3D%227%22 r%3D%226.25%22 stroke%3D%22%23222222%22 stroke-width%3D%221.5%22/%3E%3Cpath d%3D%22M3.01413 26C2.81069 22 4.72305 14 14 14C23.277 14 25.1893 22 24.9859 26%22 stroke%3D%22%23222222%22 stroke-width%3D%221.5%22/%3E%3C/svg%3E");
}
@media (max-width: 768px) {
  .gnb-mo-header {
    padding: 0 1rem;
  }
}
.gnb-mo-body {
  height: calc(100% - 6rem);
  overflow: hidden;
  overflow-y: auto;
}
.gnb-mo-links > li {
  border-bottom: 1px solid #ddd;
}
.gnb-mo-links > li .depth1 {
  display: block;
  width: 100%;
  padding: 2rem 3rem;
  text-align: left;
}
.gnb-mo-links > li .depth1 span {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: 2rem;
  letter-spacing: -0.4px;
  gap: 1rem;
  font-weight: 600;
}
.gnb-mo-links > li .depth1 span:after {
  content: "";
  display: block;
  width: 1.8rem;
  height: 0.2rem;
  background: #222;
  position: relative;
}
.gnb-mo-links > li .depth1 span:before {
  content: "";
  display: block;
  width: 0.2rem;
  height: 1.8rem;
  background: #222;
  position: absolute;
  top: 0.3rem;
  right: 0.8rem;
  transform: rotate(0);
  transition: all 0.5s;
}
.gnb-mo-links > li .depth2 {
  border-top: 1px solid #dadada;
  display: none;
}
.gnb-mo-links > li .depth2 > li > button, .gnb-mo-links > li .depth2 > li > a {
  font-size: 1.6rem;
  letter-spacing: -0.3px;
  display: flex;
  width: 100%;
  padding: 1.8rem 3rem;
  background: #f8f8f8;
}
.gnb-mo-links > li .depth2 > li + li {
  border-top: 1px solid #ddd;
}
.gnb-mo-links > li .depth2 .has {
  position: relative;
}
.gnb-mo-links > li .depth2 .has:after, .gnb-mo-links > li .depth2 .has:before {
  content: "";
  display: block;
  position: absolute;
  background: #222;
}
.gnb-mo-links > li .depth2 .has:after {
  width: 13px;
  height: 2px;
  right: 3rem;
  top: 50%;
  transform: translateY(-50%);
}
.gnb-mo-links > li .depth2 .has:before {
  width: 2px;
  height: 13px;
  top: 50%;
  right: 3.553rem;
  transform: translateY(-50%) rotate(0);
  transition: all 0.3s;
}
.gnb-mo-links > li .depth3 {
  display: none;
  padding: 0.8rem 0;
}
.gnb-mo-links > li .depth3 > li > a {
  display: block;
  padding: 1.2rem 2rem;
  font-size: 1.4rem;
  color: #666;
  background: #fff;
}
.gnb-mo-links > li.active .depth1 span {
  color: #5B3A29;
}
.gnb-mo-links > li.active .depth1 span::after {
  background: #5B3A29;
}
.gnb-mo-links > li.active .depth1 span::before {
  content: "";
  display: block;
  width: 0.2rem;
  height: 1.8rem;
  background: #5B3A29;
  position: absolute;
  top: 0.3rem;
  right: 0.8rem;
  transform: rotate(-90deg);
}
.gnb-mo-links > li.active .depth2 {
  display: block;
}
.gnb-mo-links > li.active .depth2 > li.active .has::before {
  transform: translateY(-50%) rotate(-90deg);
}
.gnb-mo-links > li.active .depth2 > li.active .depth3 {
  display: block;
}
.gnb-mo-links > li.active .depth3 > li > a:hover, .gnb-mo-links > li.active .depth3 > li > a:active {
  color: #222;
}
@media (max-width: 768px) {
  .gnb-mo-links > li .depth1 {
    padding: 1.8rem 2rem;
  }
  .gnb-mo-links > li .depth2 > li > button, .gnb-mo-links > li .depth2 > li > a {
    padding: 1.7rem 2rem;
  }
  .gnb-mo-links > li .depth2 .has:after {
    right: 2rem;
  }
  .gnb-mo-links > li .depth2 .has:before {
    right: 2.553rem;
  }
}
@media (max-width: 768px) {
  .gnb-mo-header {
    width: calc(100% - 8rem);
  }
}
@media (max-width: 768px) {
  .gnb-mo-header {
    height: 5rem;
    width: calc(100% - 6rem);
  }
  .gnb-mo-body {
    height: calc(100% - 5rem);
  }
}
@media (max-width: 480px) {
  .gnb-mo {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(var(--vh, 1vh) * 100);
    background-color: #fff;
    transition: all 0.4s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s;
    opacity: 0;
    visibility: hidden;
    z-index: 101;
  }
  .gnb-mo.open {
    opacity: 1;
    visibility: visible;
  }
}

@media (max-width: 480px) {
  .on .gnb-mo {
    display: block;
    opacity: 1;
    visibility: visible;
  }
}
#footer {
  position: relative;
  background: #000000;
}
#footer .footer-top {
  padding: 2.5rem 8rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1920px) {
  #footer .footer-top {
    padding: 3.3rem 5.21vw;
  }
}
@media (max-width: 1024px) {
  #footer .footer-top {
    display: block;
  }
}
@media (max-width: 768px) {
  #footer .footer-top {
    padding: 4rem 2rem 2rem;
    display: block;
  }
}
#footer .footer-btm {
  padding: 3rem 8rem 8rem;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
  display: flex;
  gap: 5rem;
}
@media (max-width: 1920px) {
  #footer .footer-btm {
    padding: 3rem 5.21vw 8rem;
    gap: 2.6vw;
  }
}
@media (max-width: 1024px) {
  #footer .footer-btm {
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  #footer .footer-btm {
    gap: 2rem;
    padding: 0 2rem 5rem;
    border-top: 0;
  }
}
#footer .footer-links {
  display: flex;
  flex-wrap: wrap;
}
#footer .footer-links > li {
  display: flex;
  align-items: center;
}
#footer .footer-links > li::before {
  content: "";
  display: block;
  width: 1px;
  height: 1.2rem;
  background: rgba(255, 255, 255, 0.2);
}
#footer .footer-links > li:first-child::before {
  display: none;
}
#footer .footer-links > li:first-child a {
  padding-left: 0;
  color: #fff;
}
#footer .footer-links a {
  padding: 0 1.4rem;
  color: #777;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: -0.36px;
}
@media (max-width: 768px) {
  #footer .footer-links {
    flex-direction: column;
    gap: 1.4rem;
  }
  #footer .footer-links li::before {
    display: none;
  }
  #footer .footer-links a {
    font-size: 1.3rem;
    padding: 0;
  }
}
#footer .footer-infos .infos span {
  display: inline-flex;
  align-items: center;
  gap: 1.2rem;
  color: #777;
  font-size: 1.5rem;
  line-height: 1.33;
  letter-spacing: -0.3px;
  padding-right: 1rem;
  font-weight: 500;
}
#footer .footer-infos .infos span::after {
  content: "";
  display: block;
  width: 1px;
  height: 1.2rem;
  background-color: rgba(255, 255, 255, 0.3);
}
#footer .footer-infos .infos span:last-child::after {
  display: none;
}
#footer .footer-infos .infos span.email::after {
  display: none;
}
@media (max-width: 768px) {
  #footer .footer-infos .infos {
    width: auto;
  }
  #footer .footer-infos .infos span {
    font-size: 1.2rem;
    line-height: 1.5;
    vertical-align: top;
  }
  #footer .footer-infos .infos span.adr::after {
    display: none;
  }
}
@media (max-width: 480px) {
  #footer .footer-infos .infos {
    width: auto;
  }
  #footer .footer-infos .infos span.tel::after, #footer .footer-infos .infos span.adr::after {
    display: none;
  }
}
#footer .footer-infos .copy {
  margin-top: 3rem;
  font-size: 1.4rem;
  line-height: 1.42;
  color: #777;
  letter-spacing: -0.28px;
}
@media (max-width: 768px) {
  #footer .footer-infos {
    order: 2;
  }
  #footer .footer-infos .copy {
    font-size: 1.2rem;
    margin-top: 2rem;
  }
}
#footer .footer-certi {
  display: flex;
  justify-content: flex-end;
  height: 4.6rem;
  gap: 1rem;
}
@media (max-width: 1024px) {
  #footer .footer-certi {
    text-align: right;
    margin-bottom: 2rem;
  }
}
@media (max-width: 768px) {
  #footer .footer-certi {
    justify-content: flex-start;
    order: 1;
    margin: 0;
  }
}
#footer .footer-logo {
  margin-left: auto;
  width: 12.9rem;
  height: 2.5rem;
  background: url(/rStatic/images/common/logo-footer.svg) no-repeat 50% 0;
  background-size: 100% auto;
  margin-top: 1.2rem;
}
@media (max-width: 768px) {
  #footer .footer-logo {
    display: none;
  }
}
#footer .footer-aside {
  display: flex;
  justify-content: flex-end;
}
#footer .footer-aside .sns {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}
#footer .footer-aside .sns a {
  display: flex;
  justify-content: center;
  align-items: center;
}
#footer .footer-aside .dropdown {
  margin-left: 3rem;
}
@media (max-width: 1024px) {
  #footer .footer-aside {
    margin-top: 5rem;
  }
}
@media (max-width: 768px) {
  #footer .footer-aside {
    flex-direction: column;
    gap: 2rem;
    margin-top: 2rem;
  }
  #footer .footer-aside .dropdown {
    width: 100%;
    margin-left: 0;
  }
}

.dropdown {
  position: relative;
  width: 24rem;
  transition: all 0.5s;
}
.dropdown button {
  width: 100%;
  height: 5rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 1.6rem 1.5rem;
  color: #fff;
  letter-spacing: -0.3px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.5rem;
}
.dropdown ul {
  display: none;
  position: absolute;
  width: 100%;
  bottom: 5rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: #fff;
}
.dropdown ul li a {
  padding: 1.6rem 1.5rem;
  display: flex;
  justify-content: flex-start;
  color: #222;
}
.dropdown.open button i {
  transform: rotate(180deg);
}
.dropdown.open ul {
  display: block;
}
@media (max-width: 768px) {
  .dropdown button {
    font-size: 1.3rem;
  }
  .dropdown ul li a {
    font-size: 1.3rem;
  }
}

.btn-outline {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding: 1.6rem 3rem;
  font-size: 1.8rem;
  border: 1px solid #222;
  transition: background 0.3s;
  line-height: 1.1;
  min-width: 10rem;
  height: 6rem;
  border-radius: 3.5rem;
  letter-spacing: -0.36px;
  vertical-align: middle;
  font-weight: 500;
}
.btn-outline .ico-prev {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2213%22 height%3D%2220%22 viewBox%3D%220 0 13 20%22 fill%3D%22none%22%3E%3Cpath d%3D%22M12 1L2 10L12 19%22 stroke%3D%22%23222222%22 stroke-width%3D%221.5%22/%3E%3C/svg%3E");
}
.btn-outline .ico-next {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2213%22 height%3D%2220%22 viewBox%3D%220 0 13 20%22 fill%3D%22none%22%3E%3Cpath d%3D%22M1 1L11 10L1 19%22 stroke%3D%22%23222222%22 stroke-width%3D%221.5%22/%3E%3C/svg%3E");
}
.btn-outline:hover {
  background-color: #000;
  color: #fff;
}
.btn-outline:hover .ico-prev {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2213%22 height%3D%2220%22 viewBox%3D%220 0 13 20%22 fill%3D%22none%22%3E%3Cpath d%3D%22M12 1L2 10L12 19%22 stroke%3D%22%23ffffff%22 stroke-width%3D%221.5%22/%3E%3C/svg%3E");
}
.btn-outline:hover .ico-next {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2213%22 height%3D%2220%22 viewBox%3D%220 0 13 20%22 fill%3D%22none%22%3E%3Cpath d%3D%22M1 1L11 10L1 19%22 stroke%3D%22%23ffffff%22 stroke-width%3D%221.5%22/%3E%3C/svg%3E");
}
.btn-outline:focus-visible {
  outline: 2px solid #0066cc;
  outline-offset: 2px;
}
.btn-outline.small {
  min-width: 10rem;
  height: 4.4rem;
  padding: 1.2rem 3.2rem;
  font-size: 1.4rem;
}
.btn-outline.large {
  min-width: 20rem;
  height: 8rem;
  padding: 2.6rem 3.2rem;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: -0.4px;
  border-radius: 4rem;
}
@media (max-width: 768px) {
  .btn-outline {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    padding: 1.6rem 3rem;
    font-size: 1.8rem;
    border: 1px solid #222;
    transition: background 0.3s;
    line-height: 1.1;
    min-width: 7rem;
    height: 5rem;
    border-radius: 3.5rem;
    letter-spacing: -0.36px;
    vertical-align: middle;
    font-weight: 500;
    font-size: 1.4rem;
  }
  .btn-outline.large {
    min-width: 12rem;
    height: 5rem;
    padding: 2.6rem 3.2rem;
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: -0.4px;
    border-radius: 4rem;
    padding: 1.5rem 2rem;
    font-size: 1.5rem;
  }
}
.btn-fill {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding: 1.6rem 3rem;
  font-size: 1.8rem;
  border: 1px solid #222;
  transition: background 0.3s;
  line-height: 1.1;
  min-width: 10rem;
  height: 6rem;
  border-radius: 3.5rem;
  letter-spacing: -0.36px;
  vertical-align: middle;
  font-weight: 500;
  background: #222;
  color: #fff;
}
.btn-fill:hover {
  background-color: #fff;
  color: #222;
}
.btn-fill:hover .ico-home2 {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cpath d='M14 24V10H23V24' stroke='%23000000' stroke-width='2'/%3E%3Cpath d='M17.5 20H19.5' stroke='%23000000' stroke-width='2'/%3E%3Cpath d='M17.5 15H19.5' stroke='%23000000' stroke-width='2'/%3E%3Cpath d='M2 24V4H14V24' stroke='%23000000' stroke-width='2'/%3E%3Cpath d='M5 20H7' stroke='%23000000' stroke-width='2'/%3E%3Cpath d='M9 20H11' stroke='%23000000' stroke-width='2'/%3E%3Cpath d='M5 15H7' stroke='%23000000' stroke-width='2'/%3E%3Cpath d='M9 15H11' stroke='%23000000' stroke-width='2'/%3E%3Cpath d='M5 10H7' stroke='%23000000' stroke-width='2'/%3E%3Cpath d='M9 10H11' stroke='%23000000' stroke-width='2'/%3E%3C/svg%3E");
}
.btn-fill:hover .ico-prev {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2213%22 height%3D%2220%22 viewBox%3D%220 0 13 20%22 fill%3D%22none%22%3E%3Cpath d%3D%22M12 1L2 10L12 19%22 stroke%3D%22%23222222%22 stroke-width%3D%221.5%22/%3E%3C/svg%3E");
}
.btn-fill:hover .ico-next {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2213%22 height%3D%2220%22 viewBox%3D%220 0 13 20%22 fill%3D%22none%22%3E%3Cpath d%3D%22M1 1L11 10L1 19%22 stroke%3D%22%23222222%22 stroke-width%3D%221.5%22/%3E%3C/svg%3E");
}
.btn-fill:focus-visible {
  outline: 2px solid #0066cc;
  outline-offset: 2px;
}
.btn-fill.small {
  min-width: 10rem;
  height: 4.4rem;
  padding: 1.2rem 3.2rem;
  font-size: 1.4rem;
}
.btn-fill.large {
  min-width: 20rem;
  height: 8rem;
  padding: 2.6rem 3.2rem;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: -0.4px;
  border-radius: 4rem;
}
@media (max-width: 768px) {
  .btn-fill {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    padding: 1.6rem 3rem;
    font-size: 1.8rem;
    border: 1px solid #222;
    transition: background 0.3s;
    line-height: 1.1;
    min-width: 7rem;
    height: 5rem;
    border-radius: 3.5rem;
    letter-spacing: -0.36px;
    vertical-align: middle;
    font-weight: 500;
    font-size: 1.4rem;
  }
  .btn-fill.large {
    min-width: 12rem;
    height: 5rem;
    padding: 2.6rem 3.2rem;
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: -0.4px;
    border-radius: 4rem;
    padding: 1.5rem 2rem;
    font-size: 1.5rem;
  }
}

.btn-login {
  display: inline-flex;
  align-items: center;
  height: 4.4rem;
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: -0.28px;
}

.btn-navbar {
  position: relative;
  display: block;
  width: 2.8rem;
  height: 2.4rem;
  z-index: 104;
}
.btn-navbar .bar {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: 103;
}
.btn-navbar .bar em, .btn-navbar .bar::before, .btn-navbar .bar::after {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #fff;
  transition: transform 0.3s ease-in-out;
}
.btn-navbar .bar::before, .btn-navbar .bar::after {
  content: "";
}
.btn-navbar.open .bar em {
  display: none;
}
.btn-navbar.open .bar::before, .btn-navbar.open .bar::after {
  position: absolute;
  top: 50%;
  background-color: #222;
}
.btn-navbar.open .bar::before {
  transform: rotate(45deg);
}
.btn-navbar.open .bar::after {
  transform: rotate(-45deg);
}
@media (max-width: 768px) {
  .btn-navbar {
    width: 2.2rem;
    height: 2rem;
  }
}

.btns-col1 {
  display: flex;
  justify-content: center;
  margin-top: 6rem;
}
.btns-col2 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  margin-top: 6rem;
}
@media (max-width: 768px) {
  .btns-col1 {
    margin-top: 3rem;
  }
  .btns-col2 {
    margin-top: 3rem;
    gap: 1rem;
  }
}

.btn-viewMore {
  display: inline-flex;
  align-items: center;
  padding: 0 2rem;
  border-radius: 5rem;
  border: 1px solid #555;
  height: 5.2rem;
  gap: 0.6rem;
  font-size: 1.6rem;
  letter-spacing: -0.32px;
  line-height: 1;
}
.btn-viewMore .ico-arrow {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M0.596194%2015.396L14.7383%201.25386M14.7383%201.25386H5.54594M14.7383%201.25386V10.4463%22%20stroke%3D%22%23222222%22%20stroke-width%3D%221.5%22/%3E%3C/svg%3E");
  background-size: cover;
}
@media (max-width: 768px) {
  .btn-viewMore {
    font-size: 1.2rem;
    padding: 0 1.4rem;
    height: 3.4rem;
  }
  .btn-viewMore .ico-arrow {
    display: block;
    width: 1rem;
    height: 1rem;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
  }
}

.btn-detail {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.5rem 2rem;
  gap: 0.6rem;
  border-radius: 5rem;
  background: #fff;
  height: 4.5rem;
  min-width: 16rem;
}
.btn-detail span {
  font-weight: 600;
  vertical-align: middle;
  font-size: 1.8rem;
}
.btn-detail .ico-arr {
  display: block;
  width: 0.6rem;
  height: 0.9rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='9' viewBox='0 0 6 9' fill='none'%3E%3Cpath d='M0.75 1L4.25 4.5L0.75 8' stroke='%23222222' stroke-width='1.5'/%3E%3C/svg%3E");
  vertical-align: middle;
}

.btn-sh-detail {
  display: flex;
  gap: 0.9rem;
  align-items: center;
  padding: 2.8rem 3.4rem;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: -0.4px;
}
.btn-sh-detail::after {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.8rem;
  background: url(/rStatic/images/common/ico-detail.svg) no-repeat 50% 50%;
  background-size: cover;
}

.btn-gray {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 1rem 2.1rem;
  gap: 0.6rem;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.32px;
  border: 1px solid #222;
  background: #f3f3f3;
  color: #222;
  border-radius: 2.4rem;
  line-height: 1;
  height: 4.4rem;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .btn-gray {
    border-radius: 2.2rem;
    font-size: 1.3rem;
    height: 4rem;
    padding: 1rem 1.2rem;
  }
  .btn-gray .ico-arrb {
    display: block;
    width: 0.4rem;
    height: 0.8rem;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
  }
}

.btn-x {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 2.4rem;
  height: 2.4rem;
  border: 1px solid #222;
  background: #f3f3f3;
  border-radius: 0.3rem;
}
.btn-x i {
  width: 1.2rem;
  height: 1.2rem;
}
@media (max-width: 768px) {
  .btn-x {
    width: 2rem;
    height: 2rem;
  }
  .btn-x i {
    width: 1rem;
    height: 1rem;
  }
}

.btn-fav {
  width: 2rem;
  height: 2rem;
  background: url(/rStatic/images/common/ico-fav.svg) no-repeat 50% 50%;
  background-size: cover;
}
.btn-fav.active {
  background: url(/rStatic/images/common/ico-fav-on.svg) no-repeat 50% 50%;
  background-size: cover;
}

input[type=text],
input[type=password],
input[type=search],
input[type=date],
input[type=number],
textarea,
select {
  border: 1px solid #dadada;
  color: #222;
  padding: 0 2rem;
  font-size: 1.8rem;
  box-sizing: border-box;
  line-height: 1.2;
  border-radius: 0.3rem;
  letter-spacing: -0.36px;
  color: #666;
  font-weight: 500;
}
input[type=text] ::-ms-expand,
input[type=password] ::-ms-expand,
input[type=search] ::-ms-expand,
input[type=date] ::-ms-expand,
input[type=number] ::-ms-expand,
textarea ::-ms-expand,
select ::-ms-expand {
  display: none;
}
@media (max-width: 768px) {
  input[type=text],
  input[type=password],
  input[type=search],
  input[type=date],
  input[type=number],
  textarea,
  select {
    height: 4rem;
    font-size: 1.3rem;
  }
}

.input,
.inputCalendar {
  height: 6rem;
}
.input.dim,
.inputCalendar.dim {
  background: #f3f3f3;
}
.input:read-only,
.inputCalendar:read-only {
  background: #f3f3f3;
}
@media (max-width: 768px) {
  .input,
  .inputCalendar {
    height: 5rem;
    font-size: 1.3rem;
  }
}
.input.disabled,
.inputCalendar.disabled {
  background: #f3f3f3;
}

.disabled {
  background: #f3f3f3;
  pointer-events: none;
  opacity: 0.5;
}

.input-calendar.dim {
  background: #f3f3f3;
}

.select {
  background: #fff url(/rStatic/images/common/ico-select-arr.svg) right 1rem center no-repeat;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 4rem;
  height: 6rem;
}
.select.job {
  min-width: 32rem;
}
.select.mm {
  min-width: 12rem;
}
@media (max-width: 768px) {
  .select {
    padding-left: 2rem;
    padding-right: 3rem;
    height: 5rem;
    font-size: 1.3rem;
  }
}

.input-check {
  position: relative;
}
.input-check input {
  width: 100%;
}
.input-check .btn-x {
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  width: 1.7rem;
  height: 1.7rem;
}
.input-check .btn-x .ico-x {
  display: block;
  width: 100%;
  height: 100%;
}

.input-search {
  display: inline-flex;
  background: #fff;
  border: 1px solid #dadada;
}
.input-search input {
  border: 0;
}

.checkForm {
  display: inline-block;
}
.checkForm input {
  position: absolute;
  width: 2.5rem;
  height: 2.5rem;
  cursor: pointer;
}
.checkForm label {
  position: relative;
  display: block;
  padding-left: 3.5rem;
  font-size: 1.6rem;
  line-height: 2.5rem;
  color: #666;
  font-weight: 600;
}
.checkForm label::before {
  content: "";
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  top: 0;
  left: 0;
  border: 0.1rem solid #dadada;
  box-sizing: border-box;
}
.checkForm label::after {
  content: "";
  display: block;
  transform: rotate(-45deg) scale(0);
  transition: all 0.3s;
}
.checkForm input[type=checkbox] + label::before {
  border-radius: 0.5rem;
}
.checkForm input[type=radio] + label::before {
  border-radius: 50%;
}
.checkForm input[type=radio] + label::after {
  border-radius: 50%;
}
.checkForm input[type=checkbox]:checked + label::before {
  border: 0.1rem solid #222;
  background-color: #222;
}
.checkForm input[type=checkbox]:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.5rem;
  left: 0.55rem;
  width: 1.4rem;
  height: 1rem;
  border-top: 0;
  border-right: 0;
  border-bottom: 0.3rem solid #fff;
  border-left: 0.3rem solid #fff;
  transform: rotate(-45deg) scale(1);
}
.checkForm input[type=radio]:checked + label::before {
  border: 0.1rem solid #222;
}
.checkForm input[type=radio]:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  background: #222;
  border-radius: 50%;
  top: 0.5rem;
  left: 0.5rem;
  transform: rotate(-45deg) scale(1);
}
.checkForm input:focus + label::before {
  box-shadow: 0 0 0 0.1rem rgba(0, 0, 0, 0.4);
  border-color: #222;
}
@media (max-width: 768px) {
  .checkForm input {
    width: 2rem;
    height: 2rem;
  }
  .checkForm label {
    padding-left: 2.5rem;
    font-size: 1.3rem;
    line-height: 2rem;
  }
  .checkForm label::before {
    width: 2rem;
    height: 2rem;
  }
  .checkForm input[type=checkbox]:checked + label::after {
    top: 0.4rem;
    left: 0.35rem;
    width: 1.2rem;
    height: 0.8rem;
    border-bottom: 0.2rem solid #fff;
    border-left: 0.2rem solid #fff;
  }
  .checkForm input[type=radio]:checked + label::after {
    width: 1.2rem;
    height: 1.2rem;
    background: #222;
    top: 0.4rem;
    left: 0.4rem;
  }
}

.search-box {
  background: #f6f6f6;
  border-radius: 0.3rem;
  padding: 4.8rem 5.56%;
}
.search-box-top {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.search-box-top select {
  width: 23.44%;
  height: 7.6rem;
  padding: 0 2.4rem;
}
.search-box-top .input-search {
  width: 62.5%;
  height: 7.6rem;
  padding: 0;
  border-radius: 0.3rem;
}
.search-box-top .input-search input[type=text] {
  width: calc(100% - 7.6rem);
  padding: 2.7rem 3rem;
  font-size: 1.8rem;
}
.search-box-top .input-search button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 7.6rem;
}
.search-box-top .btn-fill {
  width: 12.5%;
  height: 7.6rem;
  background: #81503B;
  border: 0;
}
.search-box-top .btn-fill:hover, .search-box-top .btn-fill:focus {
  background-color: #5A3227;
  color: var(--white);
}
.search-box-top .btn-fill.on {
  background-color: #222;
}
.search-box-detail {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  margin-top: 4.8rem;
  display: none;
}
.search-box-detail.open {
  display: flex;
}
.search-box-detail.open select {
  width: 30rem;
}
@media (max-width: 768px) {
  .search-box {
    padding: 2rem 1rem;
  }
  .search-box-top select,
  .search-box-top .btn-fill {
    display: none;
  }
  .search-box-top .input-search {
    width: 100%;
    height: 5rem;
  }
  .search-box-top .input-search input[type=text] {
    width: calc(100% - 5rem);
    height: 100%;
    font-size: 1.2rem;
    padding: 1.6rem 1.5rem;
  }
  .search-box-top .input-search button {
    width: 5rem;
    height: 100%;
  }
  .search-box-top .input-search button .ico-search {
    width: 1.6rem;
    height: 1.6rem;
  }
}

.form-channels {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem 5rem;
}
@media (max-width: 768px) {
  .form-channels {
    gap: 2rem 1rem;
  }
}

.form-elt {
  margin-top: 2rem;
}

.form-col-phone {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  max-width: 42rem;
}
.form-col-phone input {
  width: 30%;
  text-align: center;
}
.form-col-phone select {
  width: 30%;
}
.form-col-phone .dash {
  width: 1.2rem;
  height: 0.2rem;
  background-color: #000;
}
@media (max-width: 768px) {
  .form-col-phone input,
  .form-col-phone select {
    flex: 1;
  }
  .form-col-phone .dash {
    width: 0.6rem;
    height: 0.1rem;
  }
}

.form-email {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  max-width: 64.2rem;
}
.form-email-ipt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.form-email select {
  min-width: 12rem;
}
.form-email input {
  width: 45%;
}
@media (max-width: 768px) {
  .form-email {
    flex-wrap: wrap;
  }
  .form-email-ipt {
    gap: 0.7rem;
  }
  .form-email select {
    width: 100%;
  }
}

.form-zipcode {
  display: flex;
  width: 100%;
  gap: 1rem;
}
.form-zipcode input {
  width: 15rem;
}
.form-zipcode button {
  width: 14rem;
}

.form-address {
  width: 100%;
  padding-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 64.2rem;
}

.checkForm-lists {
  display: flex;
  gap: 4rem;
}

.input-calendar {
  border: 1px solid #dadada;
  border-radius: 0.3rem;
  width: 24rem;
  height: 4.4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 1rem;
}
.input-calendar input {
  height: 100%;
  width: 86%;
  border: 0;
}
@media (max-width: 768px) {
  .input-calendar {
    width: 61%;
    height: 4rem;
  }
}
.form-ui {
  border-top: 1px solid #222;
  margin-top: 5rem;
}
@media (max-width: 768px) {
  .form-ui {
    margin-top: 3rem;
  }
}
.form-ui .form-row {
  display: flex;
  border-bottom: 1px solid #dadada;
}
.form-ui .form-row:last-child {
  border-bottom: 1px solid #222;
}
.form-ui .form-tit {
  width: 18rem;
  background: #f3f3f3;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: -0.36px;
}
.form-ui .form-col {
  width: calc(100% - 18rem);
  padding: 1.3rem 4rem;
  min-height: 7rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 1.8rem;
  color: #666;
  font-weight: 500;
  letter-spacing: -0.36px;
}
.form-ui .form-col strong {
  color: #222;
  font-weight: 500;
}
.form-ui .form-col .noti {
  width: 100%;
  margin-top: 1rem;
  font-size: 1.6rem;
  color: #666;
  font-weight: 300;
  display: flex;
  gap: 0.5rem;
}
.form-ui .form-col .noti.astr::before {
  content: "※";
}
.form-ui .form-col .noti + .noti {
  margin-top: 0.3rem;
}
.form-ui .form-col .input,
.form-ui .form-col .select {
  height: 4.4rem;
}
.form-ui .form-col .textar {
  width: 100%;
  height: 20rem;
}
.form-ui .form-col .movein-btns {
  display: flex;
  gap: 1rem;
  margin-left: 1rem;
}
.form-ui .form-col.mbr-fav {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.form-ui .form-id-check .input {
  margin-right: 1rem;
}
.form-ui .form-col-time {
  display: flex;
}
.form-ui .form-col-time .input-calendar {
  margin-right: 1rem;
}
.form-ui .form-col-title {
  display: flex;
  gap: 1rem;
  width: 100%;
}
.form-ui .form-col-title .select {
  width: 20%;
}
.form-ui .form-col-title .input {
  width: 80%;
}
@media (max-width: 768px) {
  .form-ui .form-row {
    flex-direction: column;
  }
  .form-ui .form-tit {
    width: 100%;
    padding: 1rem 1.5rem;
    justify-content: flex-start;
    font-size: 1.3rem;
    border-bottom: 1px solid #dadada;
  }
  .form-ui .form-col {
    width: 100%;
    min-height: 5rem;
    padding: 1rem 1.5rem;
    font-size: 1.3rem;
  }
  .form-ui .form-col .noti {
    font-size: 1.3rem;
    letter-spacing: -0.26px;
    font-weight: 500;
  }
  .form-ui .form-col .input,
  .form-ui .form-col .select {
    width: 100%;
    height: 4rem;
  }
  .form-ui .form-col .form-time {
    width: 100%;
  }
  .form-ui .form-col .form-time select {
    width: 100%;
  }
  .form-ui .form-col .form-id-check {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
  }
  .form-ui .form-col .form-id-check .input {
    width: calc(100% - 9rem);
    margin-right: 0;
  }
  .form-ui .form-col.has-btns2 span {
    display: block;
    width: 100%;
  }
  .form-ui .form-col.has-btns2 .movein-btns {
    margin-left: 0;
    margin-top: 1rem;
  }
  .form-ui .form-col .form-zipcode .btn-gray {
    margin: 0;
  }
  .form-ui .form-col-title {
    flex-direction: column;
  }
  .form-ui .form-col-title .select,
  .form-ui .form-col-title .input {
    width: 100%;
  }
}

.form-no-content {
  padding: 2.56rem 2rem;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: -0.36px;
  color: #666;
  text-align: center;
  width: 100%;
}
@media (max-width: 768px) {
  .form-no-content {
    font-size: 1.3rem;
  }
}

.form-col-apt {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.form-col-apt1 {
  display: flex;
  align-items: center;
  gap: 4rem;
  padding: 0.9rem 0;
}

.form-col-apt2 {
  width: 100%;
  margin-top: 1rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}
.form-col-apt2 .select {
  width: 24rem;
}
@media (max-width: 768px) {
  .form-col-apt2 .select.dong {
    width: 40%;
  }
  .form-col-apt2 .select.ho {
    width: 40%;
  }
  .form-col-apt2 .btn-gray {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 10rem;
  }
}

.form-col-apt3 {
  width: 100%;
  margin-top: 1.2rem;
}
.form-col-apt3 .apt3-items {
  max-width: 80rem;
  border: 1px solid #dadada;
  padding: 1.2rem 2rem;
  border-radius: 0.3rem;
}
.form-col-apt3 .apt3-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.form-col-apt3 .apt3-item:not(:first-child) {
  margin-top: 0.7rem;
}
.form-col-apt3 .apt3-item span {
  font-size: 1.8rem;
}
@media (max-width: 768px) {
  .form-col-apt3 .apt3-items {
    padding: 1rem;
  }
  .form-col-apt3 .apt3-item span {
    font-size: 1.3rem;
  }
}

.form-col-row {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.form-col-row:not(:first-child) {
  margin-top: 1rem;
}
.form-col-row-tit {
  font-size: 1.8rem;
  color: #666;
  font-weight: 500;
  letter-spacing: -0.36px;
}
.form-col-row-col {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.form-col-row-col .select {
  min-width: 20rem;
}
.form-col-row-col .input {
  width: 20rem;
}
.form-col-row-col .checkForm-lists {
  display: flex;
  align-items: center;
  gap: 4rem;
  padding: 0.9rem 0;
}
.form-col-row.mbr-hope-local {
  align-items: flex-start;
}
.form-col-row.mbr-hope-local .form-col-row-tit {
  padding-top: 1rem;
}
@media (max-width: 768px) {
  .form-col-row-tit {
    font-size: 1.3rem;
  }
}

.mbr-house .form-col-row-tit {
  width: 11rem;
}
@media (max-width: 768px) {
  .mbr-house .form-col-row-tit {
    width: 8rem;
  }
  .mbr-house .form-col-row-col {
    width: calc(100% - 8rem);
  }
  .mbr-house .form-col-row-col.has-txt {
    display: flex;
    align-items: center;
  }
  .mbr-house .form-col-row-col.has-txt .input {
    width: 62%;
  }
}

.mbr-subscrip .form-col-row-tit {
  width: 7rem;
}
.mbr-subscrip .select.mm {
  min-width: 12rem;
}
@media (max-width: 768px) {
  .mbr-subscrip .form-col-row-tit {
    width: 8rem;
  }
  .mbr-subscrip .form-col-row-col {
    width: calc(100% - 8rem);
  }
  .mbr-subscrip .form-col-row-col.has-txt {
    display: flex;
    align-items: center;
  }
  .mbr-subscrip .form-col-row-col.has-txt .input {
    width: 80%;
  }
}

.mbr-hope .form-col-row-tit {
  width: 11rem;
}
.mbr-hope .select.mm {
  min-width: 12rem;
}
.mbr-hope-local .form-col-row-col {
  width: calc(100% - 12rem);
}
.mbr-hope-local .mbr-ranking {
  display: flex;
  align-items: center;
  gap: 2rem;
  width: 100%;
}
.mbr-hope-local .mbr-ranking span {
  font-size: 1.8rem;
  color: #666;
}
@media (max-width: 768px) {
  .mbr-hope-local .mbr-ranking {
    gap: 1rem;
  }
  .mbr-hope-local .mbr-ranking span {
    font-size: 1.3rem;
  }
  .mbr-hope-local .mbr-ranking .select {
    width: calc(100% - 4rem);
    min-width: 10%;
  }
}
@media (max-width: 768px) {
  .mbr-hope .form-col-row-tit {
    width: 8rem;
  }
  .mbr-hope .form-col-row-col {
    width: calc(100% - 8rem);
  }
  .mbr-hope .form-col-row-col.has-txt {
    display: flex;
    align-items: center;
  }
  .mbr-hope .form-col-row-col.has-txt .input {
    width: 80%;
  }
  .mbr-hope .form-col-row-col.yymm .select {
    min-width: 30%;
    width: 47%;
  }
}

.form-pass-change {
  border: 1px solid #dadada;
  border-radius: 0.5rem;
  padding: 6rem 2rem;
  margin-top: 5rem;
}
@media (max-width: 768px) {
  .form-pass-change {
    margin-top: 3rem;
  }
}
.form-pass-change .form-row {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  max-width: 46%;
  margin: 0 auto;
}
.form-pass-change .form-row:not(:first-child) {
  margin-top: 2rem;
}
.form-pass-change .form-tit {
  width: 14.5rem;
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: -0.36px;
  padding-top: 1.8rem;
}
.form-pass-change .form-col .input {
  width: 30rem;
}
.form-pass-change .form-col .noti {
  color: #666;
  font-weight: 300;
  line-height: 1.37;
  letter-spacing: -0.32px;
  margin-top: 1rem;
}
@media (max-width: 1280px) {
  .form-pass-change .form-row {
    max-width: 60%;
  }
  .form-pass-change .form-tit {
    width: 18rem;
  }
  .form-pass-change .form-col {
    width: calc(100% - 18rem);
  }
  .form-pass-change .form-col .input {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .form-pass-change {
    padding: 3rem 2rem;
  }
  .form-pass-change .form-row {
    flex-direction: column;
    max-width: 100%;
    gap: 1rem;
  }
  .form-pass-change .form-tit {
    padding-top: 0;
    width: 100%;
    font-size: 1.3rem;
  }
  .form-pass-change .form-col {
    font-size: 1.3rem;
    width: 100%;
  }
  .form-pass-change .form-col .input {
    width: 100%;
  }
}

.password-enter {
  border: 1px solid #dadada;
  border-radius: 0.5rem;
  padding: 5rem 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  margin-top: 5rem;
}
@media (max-width: 768px) {
  .password-enter {
    margin-top: 3rem;
  }
}
.password-enter label {
  font-size: 1.8rem;
  font-weight: 600;
}
.password-enter .input {
  width: 40rem;
}
.password-enter .btn-fill {
  min-width: 14rem;
}
@media (max-width: 1024px) {
  .password-enter .input {
    width: 50%;
  }
}
@media (max-width: 768px) {
  .password-enter {
    padding: 3rem 2rem;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 0;
  }
  .password-enter label {
    width: 100%;
    margin-bottom: 1rem;
    font-size: 1.3rem;
  }
  .password-enter .input {
    width: calc(100% - 10rem);
  }
  .password-enter .btn-fill {
    margin-left: 1rem;
    height: 4rem;
    min-width: auto;
  }
}

.input.job {
  margin-left: 1rem;
  width: calc(100% - 40rem);
}

@media (max-width: 768px) {
  .row {
    flex-direction: column;
  }
  .row .col-th {
    background: transparent;
    padding: 2rem 1rem 0;
  }
  .row .col-td {
    width: 100%;
  }
  .input.job {
    margin-left: 0;
    margin-top: 1rem;
    width: 100%;
  }
}
.pagination {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 5rem;
}
@media (max-width: 768px) {
  .pagination {
    margin-top: 3rem;
  }
}
.pagination a, .pagination button {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 4rem;
  height: 4rem;
  padding: 0.4rem;
  font-size: 1.6rem;
  border-left: 0;
  color: #888;
  letter-spacing: -0.36px;
  border-radius: 50%;
}
.pagination a[aria-current=page], .pagination button[aria-current=page] {
  color: #fff;
  background: #222;
}
.pagination a:focus-visible, .pagination button:focus-visible {
  outline: 2px solid #007bff;
  outline-offset: 2px;
}
.pagination .paging-prev,
.pagination .paging-next {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 4rem;
  height: 4rem;
}
.pagination .paging-prev {
  margin-right: 1rem;
}
.pagination .paging-prev:before {
  content: "";
  display: block;
  width: 1.3rem;
  height: 2rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='20' viewBox='0 0 13 20' fill='none'%3E%3Cpath d='M1 1L11 10L1 19' stroke='%23222222' stroke-width='2'/%3E%3C/svg%3E");
  background-size: cover;
  transform: rotate(180deg);
}
.pagination .paging-next {
  margin-left: 1rem;
}
.pagination .paging-next:before {
  content: "";
  display: block;
  width: 1.3rem;
  height: 2rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='20' viewBox='0 0 13 20' fill='none'%3E%3Cpath d='M1 1L11 10L1 19' stroke='%23222222' stroke-width='2'/%3E%3C/svg%3E");
  background-size: cover;
}
@media (max-width: 768px) {
  .pagination a, .pagination button {
    min-width: 3rem;
    height: 3rem;
    font-size: 1.3rem;
  }
  .pagination .paging-prev,
  .pagination .paging-next {
    width: 3rem;
    height: 3rem;
  }
  .pagination .paging-prev::before,
  .pagination .paging-next::before {
    transform: scale(0.8);
  }
  .pagination .paging-prev::before {
    transform: rotate(180deg) scale(0.8);
  }
}

.breadcrumb {
  display: flex;
  align-items: center;
  gap: 3rem;
}
.breadcrumb li {
  position: relative;
  font-weight: 500;
}
.breadcrumb li:not(:last-child) {
  padding-right: 3.6rem;
}
.breadcrumb li:not(:last-child)::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 0.6rem;
  height: 1.2rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%229%22 height%3D%2214%22 viewBox%3D%220 0 9 14%22 fill%3D%22none%22%3E%3Cpath d%3D%22M1 13L7 7L1 1%22 stroke%3D%22%23222222%22 stroke-width%3D%221.5%22/%3E%3C/svg%3E");
  background-size: auto 100%;
}
@media (max-width: 768px) {
  .breadcrumb {
    gap: 1rem;
  }
  .breadcrumb li {
    font-size: 1.2rem;
  }
  .breadcrumb li:not(:last-child) {
    padding-right: 2rem;
  }
  .breadcrumb li:not(:last-child)::after {
    display: block;
    width: 0.3rem;
    height: 0.6rem;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
  }
  .breadcrumb li .ico-home {
    display: block;
    width: 1.4rem;
    height: 1.4rem;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
  }
}

table.ty1 {
  width: 100%;
  border-collapse: separate;
  border-top: 1px solid #222;
  border-bottom: 1px solid #222;
}
table.ty1 th,
table.ty1 td {
  font-size: 1.6rem;
  line-height: 140%;
  padding: 2rem 1%;
  text-align: center;
  border-right: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
}
table.ty1 th:last-child,
table.ty1 td:last-child {
  border-right: 0;
}
table.ty1 th {
  background: #f3f3f3;
  font-weight: 500;
}
table.ty1 td {
  color: #666;
}
table.ty1 tfoot tr td {
  border-bottom: 0;
  border-top: 1px solid #dadada;
}
table.ty1 tr:last-child td {
  border-bottom: 0;
}
table.ty2 {
  width: 100%;
  border-collapse: separate;
  border-top: 1px solid #222;
  border-bottom: 1px solid #222;
}
table.ty2 th,
table.ty2 td {
  font-size: 1.6rem;
  line-height: 1.4;
  text-align: center;
  border-bottom: 1px solid #dadada;
}
table.ty2 th:last-child,
table.ty2 td:last-child {
  border-right: 0;
}
table.ty2 th {
  padding: 1.3rem 0;
  font-weight: 500;
  letter-spacing: -0.32px;
  border-bottom: 1px solid #222;
  color: #222;
}
table.ty2 td {
  color: #666;
  padding: 1.3rem 2%;
}
table.ty2 tr:last-child td {
  border-bottom: 0;
}
table.ty2 .title {
  text-align: left;
}
table.ty2 .link-file {
  text-decoration: underline;
  text-underline-offset: 4px;
}
table.ty2 .link-dt {
  display: inline-block;
  padding-left: 4rem;
}
table.ty2 .ag-l {
  text-align: left;
  padding-left: 4rem;
}
table.ty2 strong.link-file {
  color: #222;
  font-weight: 500;
}
@media (max-width: 768px) {
  table.ty1 th, table.ty1 td {
    font-size: 1.3rem;
  }
  table.ty1 td {
    padding: 1.2rem 1%;
  }
  table.ty1 th {
    padding: 1.2rem 0;
  }
  table.ty2 th, table.ty2 td {
    font-size: 1.3rem;
  }
  table.ty2 td {
    padding: 1rem 1%;
  }
  table.ty2 th {
    padding: 0.9rem 0 0.8rem;
  }
  table.ty2 .ag-l {
    padding-left: 1rem;
  }
}

@media (max-width: 1024px) {
  .scroll-garo-wrap {
    position: relative;
  }
  .scroll-garo-wrap .scroll-garo-ctrl {
    display: block;
    width: 8rem;
    height: 8rem;
    background: rgba(0, 0, 0, 0.2) url(/rStatic/images/common/ico-scroll-hand.svg) no-repeat 50% 50%;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .scroll-garo-wrap .scroll-garo {
    overflow: hidden;
    overflow-x: auto;
    margin-left: -2rem;
    margin-right: -2rem;
    padding: 0 2rem;
  }
  .scroll-garo-wrap .scroll-garo .ty1-wp,
  .scroll-garo-wrap .scroll-garo .ty1-wrap, .scroll-garo-wrap .scroll-garo .ty2-wrap {
    width: 144rem;
  }
  .scroll-garo-wrap .scroll-garo .ty2-lifebook {
    width: 144rem;
  }
}
@media (max-width: 768px) {
  .scroll-garo-wrap .scroll-garo .ty2-lifebook {
    width: 90rem;
  }
}
.tab-wrap {
  border-bottom: 1px solid #dfdfdf;
}

.tab {
  display: flex;
  min-width: 100%;
  width: max-content;
}
.tab li {
  display: flex;
  justify-content: center;
  flex: 1;
  position: relative;
}
.tab li .tit {
  padding: 3rem 0 1.8rem;
  font-size: 2.6rem;
  font-weight: 600;
  color: #888;
  white-space: nowrap;
}
.tab li .tit strong {
  font-weight: 700;
}
.tab li button {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 2.6rem;
  font-weight: 500;
  color: #888;
  text-align: center;
  padding: 2.5rem 2rem 2.2rem;
  white-space: nowrap;
}
.tab li.active::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #222;
  position: absolute;
  bottom: 0;
  left: 0;
}
.tab li.active button {
  color: #000;
  font-weight: 700;
}
.tab li.active .tit {
  color: #000;
}
.tab li strong {
  padding-right: 1rem;
}
.tab-sub {
  display: flex;
  justify-content: center;
  gap: 4rem;
  margin: 8rem 0 4rem 0;
}
.tab-sub li {
  position: relative;
}
.tab-sub li a {
  color: #888;
  font-size: 2rem;
  font-weight: 500;
}
.tab-sub li a:hover, .tab-sub li a:active, .tab-sub li a:focus, .tab-sub li a.active {
  color: #000;
  font-weight: 600;
}
.tab-sub li:not(:last-child) {
  padding-right: 4rem;
}
.tab-sub li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  display: inline-block;
  width: 0.1rem;
  height: 1.8rem;
  margin-top: -0.9rem;
  background-color: #c1c1c1;
}
@media (max-width: 768px) {
  .tab li .tit, .tab li button {
    font-size: 1.6rem;
    padding: 1.6rem 0;
  }
}

.tab-container {
  margin-top: 5rem;
}
@media (max-width: 768px) {
  .tab-container {
    margin-top: 2rem;
  }
}
.tab-container > div {
  display: none;
}
.tab-container > div.active {
  display: block;
  animation: fadeInUpTab 0.5s;
}

.tab2-wrap {
  display: flex;
  justify-content: center;
  margin: 5rem 0;
}
@media (max-width: 768px) {
  .tab2-wrap {
    margin: 3rem 0;
  }
}

.tab2 {
  display: inline-flex;
  justify-content: center;
  border: 1px solid #e3e3e3;
  border-radius: 5rem;
  padding: 0.5rem;
}
.tab2 button, .tab2 a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2.8rem 5rem;
  font-size: 2rem;
  font-weight: 500;
  gap: 0.4rem;
  border-radius: 5rem;
}
.tab2 li.active button, .tab2 li.active a {
  background: #222;
  color: #fff;
  font-weight: 700;
}
.tab2 li.active button .ico-tIco1, .tab2 li.active a .ico-tIco1 {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M3 20V6.86439L9.5 3L17 6.86439V9.5' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M11 9H13' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M7 9H9' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M7 13H9' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M7 17H9' stroke='%23ffffff' stroke-width='2'/%3E%3Ccircle cx='16.5' cy='16.5' r='4.5' stroke='%23ffffff' stroke-width='2'/%3E%3C/svg%3E");
}
.tab2 li.active button .ico-tIco2, .tab2 li.active a .ico-tIco2 {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cg clip-path='url(%23clip0_4233_7677)'%3E%3Cpath d='M1.50037 21.8203H7.49939V9.34277C7.49939 8.45871 6.72395 7.4144 5.24939 6.51074C4.05269 5.77747 2.64087 5.29749 1.50037 5.16406V21.8203Z' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M23.4998 21.8203H17.5007V9.34277C17.5007 8.45871 18.2762 7.4144 19.7507 6.51074C20.9474 5.77747 22.3592 5.29749 23.4998 5.16406V21.8203Z' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M12.7189 5.125C15.2928 5.125 17.4998 7.15919 17.5001 9.4248V21.9824C17.4031 22.0095 17.3114 22.0365 17.2325 22.0557C17.1805 22.0683 17.1413 22.0768 17.1144 22.082H7.50012V9.4248C7.50028 8.34808 8.09384 7.28488 9.10754 6.45703C10.1204 5.62997 11.4553 5.125 12.7189 5.125Z' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M4.14624 12.7383L4.85335 12.0312' stroke='%23ffffff' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M3.8634 15.9688L5.1362 14.696' stroke='%23ffffff' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M20.1462 11.5273L20.8533 10.8202' stroke='%23ffffff' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M19.8634 14.6602L21.1362 13.3874' stroke='%23ffffff' stroke-width='1.2' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4233_7677'%3E%3Crect width='24' height='24' fill='white' transform='translate(0.5 0.125)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.tab2 li.active button .ico-tIco3, .tab2 li.active a .ico-tIco3 {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M20.9041 6.5V10.5H12.9041V2.5H19.3424' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.90405 2.5H1.90405V10.5H9.90405V2.5Z' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.0938 5.34375L17.75 7.5L21.6875 2.46875' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.90405 13.6133H1.90405V21.6133H9.90405V13.6133Z' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.9041 13.6133H12.9041V21.6133H20.9041V13.6133Z' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.tab2 li.active button .ico-tList, .tab2 li.active a .ico-tList {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M8 6.5H21M8 12.5H21M8 18.5H21' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='3' y='18.5' width='0.01' height='0.01' stroke='%23ffffff' stroke-width='3' stroke-linejoin='round'/%3E%3Crect x='3' y='12.5' width='0.01' height='0.01' stroke='%23ffffff' stroke-width='3' stroke-linejoin='round'/%3E%3Crect x='3' y='6.5' width='0.01' height='0.01' stroke='%23ffffff' stroke-width='3' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.tab2 li.active button .ico-tMap, .tab2 li.active a .ico-tMap {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Crect x='11.5' y='11.5' width='0.01' height='0.01' stroke='%23ffffff' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M11.5 22.5L17 17C20.0376 13.9624 20.0376 9.03757 17 6C13.9624 2.96244 9.03757 2.96244 6 6C2.96244 9.03757 2.96244 13.9624 6 17L11.5 22.5Z' stroke='%23ffffff' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
}
@media (max-width: 768px) {
  .tab2 button {
    padding: 1.7rem 2.6rem;
    font-size: 1.3rem;
  }
  .tab2 button i {
    display: none;
  }
}

.tab2-container {
  margin-top: 5rem;
}
@media (max-width: 768px) {
  .tab2-container {
    margin-top: 3rem;
  }
}
.tab2-container > div {
  display: none;
}
.tab2-container > div.active {
  display: block;
  animation: fadeInUpTab 0.5s;
}

.tab3-wrap {
  display: flex;
  justify-content: center;
  padding: 0 1.5rem;
}

.tab3 {
  display: flex;
  justify-content: center;
  border: 1px solid #e3e3e3;
  border-radius: 5rem;
  padding: 0.5rem;
}
.tab3 button, .tab3 a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2.8rem 5rem;
  font-size: 2rem;
  font-weight: 500;
  gap: 0.4rem;
  border-radius: 5rem;
  min-width: 18rem;
}
.tab3 li.active button, .tab3 li.active a {
  background: #222;
  color: #fff;
  font-weight: 700;
}
.tab3 li.active button .ico-tIco1, .tab3 li.active a .ico-tIco1 {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M3 20V6.86439L9.5 3L17 6.86439V9.5' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M11 9H13' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M7 9H9' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M7 13H9' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M7 17H9' stroke='%23ffffff' stroke-width='2'/%3E%3Ccircle cx='16.5' cy='16.5' r='4.5' stroke='%23ffffff' stroke-width='2'/%3E%3C/svg%3E");
}
.tab3 li.active button .ico-tIco2, .tab3 li.active a .ico-tIco2 {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cg clip-path='url(%23clip0_4233_7677)'%3E%3Cpath d='M1.50037 21.8203H7.49939V9.34277C7.49939 8.45871 6.72395 7.4144 5.24939 6.51074C4.05269 5.77747 2.64087 5.29749 1.50037 5.16406V21.8203Z' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M23.4998 21.8203H17.5007V9.34277C17.5007 8.45871 18.2762 7.4144 19.7507 6.51074C20.9474 5.77747 22.3592 5.29749 23.4998 5.16406V21.8203Z' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M12.7189 5.125C15.2928 5.125 17.4998 7.15919 17.5001 9.4248V21.9824C17.4031 22.0095 17.3114 22.0365 17.2325 22.0557C17.1805 22.0683 17.1413 22.0768 17.1144 22.082H7.50012V9.4248C7.50028 8.34808 8.09384 7.28488 9.10754 6.45703C10.1204 5.62997 11.4553 5.125 12.7189 5.125Z' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M4.14624 12.7383L4.85335 12.0312' stroke='%23ffffff' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M3.8634 15.9688L5.1362 14.696' stroke='%23ffffff' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M20.1462 11.5273L20.8533 10.8202' stroke='%23ffffff' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M19.8634 14.6602L21.1362 13.3874' stroke='%23ffffff' stroke-width='1.2' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4233_7677'%3E%3Crect width='24' height='24' fill='white' transform='translate(0.5 0.125)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.tab3 li.active button .ico-tIco3, .tab3 li.active a .ico-tIco3 {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M20.9041 6.5V10.5H12.9041V2.5H19.3424' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.90405 2.5H1.90405V10.5H9.90405V2.5Z' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.0938 5.34375L17.75 7.5L21.6875 2.46875' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.90405 13.6133H1.90405V21.6133H9.90405V13.6133Z' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.9041 13.6133H12.9041V21.6133H20.9041V13.6133Z' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.tab3 li.active button .ico-tList, .tab3 li.active a .ico-tList {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M8 6.5H21M8 12.5H21M8 18.5H21' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='3' y='18.5' width='0.01' height='0.01' stroke='%23ffffff' stroke-width='3' stroke-linejoin='round'/%3E%3Crect x='3' y='12.5' width='0.01' height='0.01' stroke='%23ffffff' stroke-width='3' stroke-linejoin='round'/%3E%3Crect x='3' y='6.5' width='0.01' height='0.01' stroke='%23ffffff' stroke-width='3' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.tab3 li.active button .ico-tMap, .tab3 li.active a .ico-tMap {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Crect x='11.5' y='11.5' width='0.01' height='0.01' stroke='%23ffffff' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M11.5 22.5L17 17C20.0376 13.9624 20.0376 9.03757 17 6C13.9624 2.96244 9.03757 2.96244 6 6C2.96244 9.03757 2.96244 13.9624 6 17L11.5 22.5Z' stroke='%23ffffff' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
}
@media (max-width: 768px) {
  .tab3 {
    width: 100%;
  }
  .tab3 li {
    flex: 1;
  }
  .tab3 button {
    padding: 1.7rem 0;
    font-size: 1.4rem;
    min-width: auto;
    width: 100%;
    flex: 1;
  }
  .tab3 button i {
    display: none;
  }
}

.tab4-wrap {
  display: flex;
  justify-content: center;
  padding: 0 1.5rem;
}

.tab4 {
  display: flex;
  justify-content: center;
  width: 100%;
}
.tab4 button, .tab4 a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2.1rem 5rem;
  font-size: 2.2rem;
  font-weight: 500;
  width: 100%;
  background: #f3f3f3;
}
.tab4 li {
  flex: 1;
}
.tab4 li.active button, .tab4 li.active a {
  background: #222;
  color: #fff;
  font-weight: 700;
}
.tab4 li.active button .ico-tIco1, .tab4 li.active a .ico-tIco1 {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M3 20V6.86439L9.5 3L17 6.86439V9.5' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M11 9H13' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M7 9H9' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M7 13H9' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M7 17H9' stroke='%23ffffff' stroke-width='2'/%3E%3Ccircle cx='16.5' cy='16.5' r='4.5' stroke='%23ffffff' stroke-width='2'/%3E%3C/svg%3E");
}
.tab4 li.active button .ico-tIco2, .tab4 li.active a .ico-tIco2 {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cg clip-path='url(%23clip0_4233_7677)'%3E%3Cpath d='M1.50037 21.8203H7.49939V9.34277C7.49939 8.45871 6.72395 7.4144 5.24939 6.51074C4.05269 5.77747 2.64087 5.29749 1.50037 5.16406V21.8203Z' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M23.4998 21.8203H17.5007V9.34277C17.5007 8.45871 18.2762 7.4144 19.7507 6.51074C20.9474 5.77747 22.3592 5.29749 23.4998 5.16406V21.8203Z' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M12.7189 5.125C15.2928 5.125 17.4998 7.15919 17.5001 9.4248V21.9824C17.4031 22.0095 17.3114 22.0365 17.2325 22.0557C17.1805 22.0683 17.1413 22.0768 17.1144 22.082H7.50012V9.4248C7.50028 8.34808 8.09384 7.28488 9.10754 6.45703C10.1204 5.62997 11.4553 5.125 12.7189 5.125Z' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M4.14624 12.7383L4.85335 12.0312' stroke='%23ffffff' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M3.8634 15.9688L5.1362 14.696' stroke='%23ffffff' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M20.1462 11.5273L20.8533 10.8202' stroke='%23ffffff' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M19.8634 14.6602L21.1362 13.3874' stroke='%23ffffff' stroke-width='1.2' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4233_7677'%3E%3Crect width='24' height='24' fill='white' transform='translate(0.5 0.125)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.tab4 li.active button .ico-tIco3, .tab4 li.active a .ico-tIco3 {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M20.9041 6.5V10.5H12.9041V2.5H19.3424' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.90405 2.5H1.90405V10.5H9.90405V2.5Z' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.0938 5.34375L17.75 7.5L21.6875 2.46875' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.90405 13.6133H1.90405V21.6133H9.90405V13.6133Z' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.9041 13.6133H12.9041V21.6133H20.9041V13.6133Z' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.tab4 li.active button .ico-tList, .tab4 li.active a .ico-tList {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M8 6.5H21M8 12.5H21M8 18.5H21' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='3' y='18.5' width='0.01' height='0.01' stroke='%23ffffff' stroke-width='3' stroke-linejoin='round'/%3E%3Crect x='3' y='12.5' width='0.01' height='0.01' stroke='%23ffffff' stroke-width='3' stroke-linejoin='round'/%3E%3Crect x='3' y='6.5' width='0.01' height='0.01' stroke='%23ffffff' stroke-width='3' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.tab4 li.active button .ico-tMap, .tab4 li.active a .ico-tMap {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Crect x='11.5' y='11.5' width='0.01' height='0.01' stroke='%23ffffff' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M11.5 22.5L17 17C20.0376 13.9624 20.0376 9.03757 17 6C13.9624 2.96244 9.03757 2.96244 6 6C2.96244 9.03757 2.96244 13.9624 6 17L11.5 22.5Z' stroke='%23ffffff' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
}
@media (max-width: 768px) {
  .tab4 {
    width: 100%;
  }
  .tab4 li {
    flex: 1;
  }
  .tab4 button {
    padding: 1.7rem 0;
    font-size: 1.4rem;
    min-width: auto;
    width: 100%;
    flex: 1;
  }
  .tab4 button i {
    display: none;
  }
}

.tab4-container {
  margin-top: 5rem;
}
@media (max-width: 768px) {
  .tab4-container {
    margin-top: 3rem;
  }
}
.tab4-container > div {
  display: none;
}
.tab4-container > div.active {
  display: block;
  animation: fadeInUpTab 0.5s;
}

@keyframes fadeInUpTab {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.modal-overlay {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  padding: 2rem;
  z-index: 1000;
}
.modal-overlay.hidden {
  display: none;
}

.modal {
  background: #fff;
  border-radius: 0.5rem;
  max-width: 60rem;
  width: 96%;
  text-align: center;
  padding: 3rem 2rem;
}
.modal-header {
  display: flex;
  justify-content: space-between;
  background: #222;
  padding: 2.5rem 2rem;
}
.modal-header h4 {
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: -0.4px;
  color: #fff;
}
.modal-header .ico-bigX {
  display: block;
  width: 2.8rem;
  height: 2.8rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2274%22%20height%3D%2274%22%20viewBox%3D%220%200%2074%2074%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M72%2072L2%202%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%223%22/%3E%3Cpath%20d%3D%22M2%2072L72%202%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%223%22/%3E%3C/svg%3E");
}
.modal-footer {
  padding-top: 5rem;
}
.modal-btns {
  display: flex;
  justify-content: center;
  gap: 1rem;
}
.modal .btn-fill,
.modal .btn-outline {
  font-size: 1.8rem;
  min-width: 15rem;
  padding: 0;
}
@media (max-width: 768px) {
  .modal-header {
    padding: 2rem 1.5rem;
  }
  .modal-header h4 {
    font-size: 1.8rem;
  }
  .modal-header .ico-bigX {
    display: block;
    width: 2rem;
    height: 2rem;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
  }
  .modal-footer {
    padding-top: 3rem;
  }
  .modal .btn-fill,
  .modal .btn-outline {
    font-size: 1.4rem;
    min-width: 12rem;
  }
}

.failed-s1 {
  background: #f3f3f3;
  border-radius: 0.5rem;
  padding: 3rem;
  font-size: 1.6rem;
  color: #666;
  font-weight: 500;
  letter-spacing: -0.32px;
}
@media (max-width: 768px) {
  .failed-s1 {
    padding: 2rem;
  }
}
.failed-s1 strong {
  color: #E1002B;
  font-weight: 600;
}
.failed-s2 {
  padding: 3rem;
}
@media (max-width: 768px) {
  .failed-s2 {
    padding: 2rem;
  }
}
.failed-s2 .t1 {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.36px;
}
.failed-s2 .t2 {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.32px;
  color: #666;
  margin-top: 2rem;
}
@media (max-width: 768px) {
  .failed-s2 .t2 {
    margin-top: 1rem;
  }
}
@media (max-width: 768px) {
  .failed-s1 {
    font-size: 1.3rem;
  }
  .failed-s2 .t1 {
    font-size: 1.4rem;
  }
  .failed-s2 .t2 {
    font-size: 1.3rem;
  }
}

.modal-main {
  width: 100%;
  height: 100%;
  position: relative;
}
.modal-main .modal-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 2.8rem;
  height: 2.8rem;
}
.modal-main .modal-close .ico-bigX {
  width: 100%;
  height: 100%;
}
.modal-main .modal-logo {
  width: 12.9rem;
  height: 2.4rem;
  margin: 0 auto;
  background: url(/rStatic/images/common/logo-skview.svg) no-repeat center;
  background-size: contain;
}
.modal-main .modal-info1 {
  margin-top: 4rem;
  text-align: center;
}
.modal-main .modal-info1 h3 {
  font-size: 2.8rem;
  font-weight: 600;
  letter-spacing: -0.56px;
}
.modal-main .modal-info1 p {
  font-size: 1.6rem;
  line-height: 1.4;
  letter-spacing: -0.36px;
  color: #666;
  margin-top: 0.5rem;
}
.modal-main .modal-info1 p.t1 {
  font-size: 1.8rem;
  font-weight: 500;
  margin-top: 1rem;
}
.modal-main .modal-info2 {
  background: #f3f3f3;
  border-radius: 0.5rem;
  padding: 3rem;
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}
.modal-main .modal-info2 ul {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.modal-main .modal-info2 li {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  justify-content: space-between;
}
.modal-main .modal-info2 li .dt {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.8rem;
  padding: 0.2rem 1rem;
  background: #222;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.32px;
  border-radius: 2rem;
}
.modal-main .modal-info2 li .dd {
  width: calc(100% - 5.5rem);
  font-size: 1.8rem;
  font-weight: 500;
  color: #666;
  letter-spacing: -0.36px;
  text-align: left;
}
@media (max-width: 768px) {
  .modal-main .modal-close {
    width: 2rem;
    height: 2rem;
    top: -0.2rem;
  }
  .modal-main .modal-logo {
    width: 9.3rem;
    height: 1.8rem;
  }
  .modal-main .modal-info1 {
    margin-top: 2rem;
  }
  .modal-main .modal-info1 h3 {
    font-size: 2rem;
  }
  .modal-main .modal-info1 p {
    font-size: 1.2rem;
    line-height: 1.4;
    letter-spacing: -0.28px;
  }
  .modal-main .modal-info1 p.t1 {
    font-size: 1.4rem;
    font-weight: 500;
    margin-top: 1rem;
  }
  .modal-main .modal-info2 {
    padding: 2rem;
    margin-top: 1rem;
  }
  .modal-main .modal-info2 ul {
    gap: 0.5rem;
  }
  .modal-main .modal-info2 li {
    gap: 0.5rem;
  }
  .modal-main .modal-info2 li .dt {
    width: 3.6rem;
    padding: 0.2rem 0.5rem;
    font-size: 1.2rem;
  }
  .modal-main .modal-info2 li .dd {
    width: calc(100% - 4.5rem);
    font-size: 1.4rem;
    text-align: left;
    padding-top: 0.2rem;
  }
}

.modal-idCheck .modal-header {
  background: transparent;
  padding: 0;
}
.modal-idCheck .modal-header h4 {
  color: #222;
}
.modal-idCheck .modal-header .ico-bigX {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2274%22%20height%3D%2274%22%20viewBox%3D%220%200%2074%2074%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M72%2072L2%202%22%20stroke%3D%22%23222222%22%20stroke-width%3D%223%22/%3E%3Cpath%20d%3D%22M2%2072L72%202%22%20stroke%3D%22%23222222%22%20stroke-width%3D%223%22/%3E%3C/svg%3E");
}
.modal-idCheck .id-result-box {
  background: #f3f3f3;
  padding: 3rem;
  margin: 2rem 0 2rem;
  font-weight: 500;
}
.modal-idCheck .btn-fill {
  margin-top: 2rem;
}
.modal-idCheck .id-result2 {
  margin-top: 3rem;
}
.modal-idCheck .id-result2 p {
  text-align: left;
  font-weight: 500;
}
.modal-idCheck .form-id-check2 {
  background: #f3f3f3;
  padding: 2rem;
  margin-top: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.modal-idCheck .form-id-check2 .input {
  height: 4.4rem;
  width: 80%;
}

/*pages/_main.scss*/
.intro {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 1003;
}

.logo-intro {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 11rem;
  z-index: 10;
  overflow: hidden;
}
.logo-intro-s {
  width: 1.8em;
  height: 2.4em;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2218%22 height%3D%2224%22 viewBox%3D%220 0 18 24%22 fill%3D%22none%22%3E%3Cpath d%3D%22M10.59 9.45892C8.63311 8.55131 6.97107 7.80837 6.97107 6.31483C6.97107 5.20808 7.90166 4.37706 9.76284 4.37706C10.4254 4.37706 10.996 4.4345 11.5589 4.56854C11.8576 4.59918 12.1563 4.62981 12.455 4.62981C14.0175 4.62981 14.9443 3.7222 15.5455 1.93762L15.8097 1.19468C15.5455 1.12957 12.9222 -0.0078125 9.49476 -0.0078125C4.04527 -0.000153334 1.19223 3.40435 1.19223 6.93139C1.19223 8.71215 1.75518 10.0104 2.65513 11.0137C3.81549 12.3081 5.4469 13.1851 6.97107 13.8897C9.23052 14.962 11.2602 15.7739 11.2602 17.3593C11.2602 18.7878 9.76284 19.5958 7.77528 19.5958C5.01798 19.5958 2.62449 18.041 2.32578 17.8802L0.0625 21.9625C0.460777 22.1884 3.38658 24.0037 8.13526 24.0037C13.2171 24.0037 17.0352 21.1545 17.0352 16.7849C17.0352 12.4154 13.4852 10.8222 10.59 9.46275V9.45892Z%22 fill%3D%22%23ea002c%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  display: none;
  opacity: 0;
  margin-right: 0.22em;
}
.logo-intro-k {
  width: 2.1em;
  height: 2.4em;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2221%22 height%3D%2224%22 viewBox%3D%220 0 21 24%22 fill%3D%22none%22%3E%3Cpath d%3D%22M10.4619 11.4925L19.6644 0.486328H13.1197L5.74771 9.97986H5.67878V0.486328H0.267578V23.774H0.562456C2.91765 23.774 5.67495 22.7362 5.67495 18.9487V13.5682H5.80899L13.3188 23.5136H20.1623L10.4619 11.4925Z%22 fill%3D%22%23ea002c%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  display: none;
  opacity: 0;
  margin-right: 0.53em;
}
.logo-intro-v {
  width: 2.4em;
  height: 2.4em;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22%3E%3Cpath d%3D%22M20.4097 0.394531C18.6979 5.89764 16.1244 12.6837 13.5701 18.4127C11.0196 12.6722 8.44226 5.88615 6.73426 0.394531H0.875C4.47098 7.90434 7.5155 15.3912 10.4145 23.529H14.3819L14.4356 23.3797C17.886 13.8402 19.8659 9.0762 23.9329 0.394531H20.4097Z%22 fill%3D%22%23864D34%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.logo-intro-i {
  width: 0.7em;
  height: 2.4em;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%227%22 height%3D%2224%22 viewBox%3D%220 0 7 24%22 fill%3D%22none%22%3E%3Cpath d%3D%22M6.11417 23.529C6.11417 23.4946 5.79249 19.9828 5.79249 11.9522C5.79249 3.92158 6.11034 0.425168 6.11417 0.394531H0.695312C0.699142 0.425168 1.017 3.92541 1.017 11.9522C1.017 19.979 0.702972 23.4946 0.702972 23.529H6.118H6.11417Z%22 fill%3D%22%23864D34%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 0.22em;
}
.logo-intro-e {
  width: 1.7em;
  height: 2.4em;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2217%22 height%3D%2224%22 viewBox%3D%220 0 17 24%22 fill%3D%22none%22%3E%3Cpath d%3D%22M16.8662 23.529V21.147H5.99021C5.91362 19.3931 5.82171 16.4443 5.82171 11.956C5.82171 7.46777 5.91362 4.53048 5.99021 2.78036H16.8662V0.394531H0.720703C0.720703 0.428998 1.03856 3.92541 1.03856 11.9522C1.03856 19.979 0.724533 23.4946 0.720703 23.529H16.8662Z M16.1999 10.5314H5.5498L7.60246 13.0551H16.1999V10.5314Z%22 fill%3D%22%23864D34%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.logo-intro-w {
  width: 3.3em;
  height: 2.4em;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2233%22 height%3D%2224%22 viewBox%3D%220 0 33 24%22 fill%3D%22none%22%3E%3Cpath d%3D%22M29.4122 0.394455C27.7004 5.88991 25.1307 12.6759 22.5802 18.4126C21.3624 15.686 20.114 12.6683 18.946 9.6046C20.0182 7.08474 21.3701 4.10149 23.1049 0.398284H19.5855C19.5855 0.398284 18.0077 5.06655 17.6631 6.09287C17.3146 5.06655 15.7406 0.402114 15.7406 0.402114H10.4673C12.6195 4.99378 14.1973 8.52466 15.5376 11.776C14.6339 14.0507 13.6803 16.3255 12.7535 18.4126C10.0039 12.7985 7.35381 6.34563 5.14031 0.394455H0.636719C4.70374 9.08378 6.74108 13.9971 10.1877 23.529H13.5577C13.5577 23.529 16.4146 15.9119 16.7899 14.9124C17.1652 15.9119 20.0182 23.5251 20.0182 23.5251H23.3921C26.8426 13.9971 28.8799 9.07995 32.9431 0.390625H29.4199L29.4122 0.394455Z%22 fill%3D%22%23864D34%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.logo-intro.wht .logo-intro-s {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2218%22 height%3D%2224%22 viewBox%3D%220 0 18 24%22 fill%3D%22none%22%3E%3Cpath d%3D%22M10.59 9.45892C8.63311 8.55131 6.97107 7.80837 6.97107 6.31483C6.97107 5.20808 7.90166 4.37706 9.76284 4.37706C10.4254 4.37706 10.996 4.4345 11.5589 4.56854C11.8576 4.59918 12.1563 4.62981 12.455 4.62981C14.0175 4.62981 14.9443 3.7222 15.5455 1.93762L15.8097 1.19468C15.5455 1.12957 12.9222 -0.0078125 9.49476 -0.0078125C4.04527 -0.000153334 1.19223 3.40435 1.19223 6.93139C1.19223 8.71215 1.75518 10.0104 2.65513 11.0137C3.81549 12.3081 5.4469 13.1851 6.97107 13.8897C9.23052 14.962 11.2602 15.7739 11.2602 17.3593C11.2602 18.7878 9.76284 19.5958 7.77528 19.5958C5.01798 19.5958 2.62449 18.041 2.32578 17.8802L0.0625 21.9625C0.460777 22.1884 3.38658 24.0037 8.13526 24.0037C13.2171 24.0037 17.0352 21.1545 17.0352 16.7849C17.0352 12.4154 13.4852 10.8222 10.59 9.46275V9.45892Z%22 fill%3D%22%23ffffff%22/%3E%3C/svg%3E");
}
.logo-intro.wht .logo-intro-k {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2221%22 height%3D%2224%22 viewBox%3D%220 0 21 24%22 fill%3D%22none%22%3E%3Cpath d%3D%22M10.4619 11.4925L19.6644 0.486328H13.1197L5.74771 9.97986H5.67878V0.486328H0.267578V23.774H0.562456C2.91765 23.774 5.67495 22.7362 5.67495 18.9487V13.5682H5.80899L13.3188 23.5136H20.1623L10.4619 11.4925Z%22 fill%3D%22%23ffffff%22/%3E%3C/svg%3E");
}
.logo-intro.wht .logo-intro-v {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22%3E%3Cpath d%3D%22M20.4097 0.394531C18.6979 5.89764 16.1244 12.6837 13.5701 18.4127C11.0196 12.6722 8.44226 5.88615 6.73426 0.394531H0.875C4.47098 7.90434 7.5155 15.3912 10.4145 23.529H14.3819L14.4356 23.3797C17.886 13.8402 19.8659 9.0762 23.9329 0.394531H20.4097Z%22 fill%3D%22%23ffffff%22/%3E%3C/svg%3E");
}
.logo-intro.wht .logo-intro-i {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%227%22 height%3D%2224%22 viewBox%3D%220 0 7 24%22 fill%3D%22none%22%3E%3Cpath d%3D%22M6.11417 23.529C6.11417 23.4946 5.79249 19.9828 5.79249 11.9522C5.79249 3.92158 6.11034 0.425168 6.11417 0.394531H0.695312C0.699142 0.425168 1.017 3.92541 1.017 11.9522C1.017 19.979 0.702972 23.4946 0.702972 23.529H6.118H6.11417Z%22 fill%3D%22%23ffffff%22/%3E%3C/svg%3E");
}
.logo-intro.wht .logo-intro-e {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2217%22 height%3D%2224%22 viewBox%3D%220 0 17 24%22 fill%3D%22none%22%3E%3Cpath d%3D%22M16.8662 23.529V21.147H5.99021C5.91362 19.3931 5.82171 16.4443 5.82171 11.956C5.82171 7.46777 5.91362 4.53048 5.99021 2.78036H16.8662V0.394531H0.720703C0.720703 0.428998 1.03856 3.92541 1.03856 11.9522C1.03856 19.979 0.724533 23.4946 0.720703 23.529H16.8662Z M16.1999 10.5314H5.5498L7.60246 13.0551H16.1999V10.5314Z%22 fill%3D%22%23ffffff%22/%3E%3C/svg%3E");
}
.logo-intro.wht .logo-intro-w {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2233%22 height%3D%2224%22 viewBox%3D%220 0 33 24%22 fill%3D%22none%22%3E%3Cpath d%3D%22M29.4122 0.394455C27.7004 5.88991 25.1307 12.6759 22.5802 18.4126C21.3624 15.686 20.114 12.6683 18.946 9.6046C20.0182 7.08474 21.3701 4.10149 23.1049 0.398284H19.5855C19.5855 0.398284 18.0077 5.06655 17.6631 6.09287C17.3146 5.06655 15.7406 0.402114 15.7406 0.402114H10.4673C12.6195 4.99378 14.1973 8.52466 15.5376 11.776C14.6339 14.0507 13.6803 16.3255 12.7535 18.4126C10.0039 12.7985 7.35381 6.34563 5.14031 0.394455H0.636719C4.70374 9.08378 6.74108 13.9971 10.1877 23.529H13.5577C13.5577 23.529 16.4146 15.9119 16.7899 14.9124C17.1652 15.9119 20.0182 23.5251 20.0182 23.5251H23.3921C26.8426 13.9971 28.8799 9.07995 32.9431 0.390625H29.4199L29.4122 0.394455Z%22 fill%3D%22%23ffffff%22/%3E%3C/svg%3E");
}

.scroll {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.4rem;
  z-index: 10;
}
.scroll::after {
  content: "";
  display: block;
  width: 1px;
  height: 40px;
  background: rgba(0, 0, 0, 0.3);
}
.scroll.wht {
  color: #fff;
}
.scroll.wht::after {
  background: rgba(255, 255, 255, 0.3);
}
.swiper-visual {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}
.swiper-visual .swiper-wrapper {
  will-change: transform;
}
.swiper-visual .swiper-slide {
  will-change: transform;
}
.swiper-visual .swiper-slide .video-frame,
.swiper-visual .swiper-slide picture,
.swiper-visual .swiper-slide video,
.swiper-visual .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper-visual .swiper-slide .video-frame::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.swiper-visual .swiper-slide .video-frame.bg1::after {
  background: linear-gradient(0deg, rgba(215, 200, 154, 0.18) 0%, rgba(215, 200, 154, 0.18) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%);
}
.swiper-visual .swiper-slide .video-frame.bg2::after {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
}
.swiper-visual .swiper-slide .video-frame.bg3::after {
  background: linear-gradient(0deg, rgba(215, 200, 154, 0.15) 0%, rgba(215, 200, 154, 0.15) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
}
.swiper-visual .swiper-slide .video-frame,
.swiper-visual .swiper-slide .video-frame::after {
  will-change: transform, opacity;
  backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-visual .swiper-slide .text {
  position: absolute;
  bottom: 43vh;
  left: 0;
  width: 100%;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  line-height: 1.6;
  z-index: 2;
}
.swiper-visual .swiper-slide .text-1 {
  font-size: 10rem;
  font-family: "Playfair Display", serif;
  font-weight: 400;
  transform: translateY(10rem);
  opacity: 0;
  text-align: center;
}
.swiper-visual .swiper-slide .text-2 {
  font-size: 3.6rem;
  font-weight: 500;
  letter-spacing: -0.6px;
  transform: translateY(10rem);
  letter-spacing: -0.72px;
  opacity: 0;
}
.swiper-visual .swiper-nav {
  position: absolute;
  left: 0;
  bottom: 35.56vh;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  z-index: 2;
}
.swiper-visual .swiper-controls {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.swiper-visual .swiper-controls .swiper-pagination {
  position: initial;
  width: auto;
  display: flex;
  gap: 0;
}
.swiper-visual .swiper-controls .swiper-pagination-bullet {
  width: 4rem;
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  position: relative;
}
.swiper-visual .swiper-controls .swiper-pagination-bullet span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: 1.6rem;
  color: rgba(255, 255, 255, 0.8);
}
.swiper-visual .swiper-controls .swiper-pagination-bullet .progress {
  opacity: 0;
  stroke-dashoffset: 540;
}
.swiper-visual .swiper-controls .swiper-pagination-bullet-active .progress {
  opacity: 1;
  stroke: #fff;
  stroke-width: 4;
  fill: transparent;
  stroke-dasharray: 540;
  animation: progress-stroke 15s forwards;
}
.swiper-visual .swiper-controls .swiper-pagination-bullet-active span {
  border: 2px solid rgba(255, 255, 255, 0.15);
  border-radius: 50%;
  color: #fff;
}
.swiper-visual .swiper-controls .swiper-pagination-bullet.stop .progress {
  animation-play-state: paused;
}
.swiper-visual .swiper-controls .swiper-button-next,
.swiper-visual .swiper-controls .swiper-button-prev {
  position: initial;
  width: 4rem;
  height: 4rem;
  margin: 0;
  z-index: 12;
  border-radius: 50%;
}
.swiper-visual .swiper-controls .swiper-button-next:after,
.swiper-visual .swiper-controls .swiper-button-prev:after {
  display: none;
}
.swiper-visual .btn-pause {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper-visual .btn-pause.on .ico-pause {
  display: block;
  width: 1.6rem;
  height: 2.1rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2212%22 height%3D%2220%22 viewBox%3D%220 0 12 20%22 fill%3D%22none%22%3E%3Cpath d%3D%22M12 10L9.72255e-08 19.0933L8.92184e-07 0.906733L12 10Z%22 fill%3D%22%23ffffff%22/%3E%3C/svg%3E");
  background-size: auto 100%;
}
@media (max-width: 1024px) {
  .swiper-visual .swiper-slide .text-1 {
    font-size: 8rem;
  }
  .swiper-visual .swiper-slide .text-2 {
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .swiper-visual .swiper-slide .text {
    padding: 0;
    justify-content: center;
    text-align: center;
    bottom: 40vh;
  }
  .swiper-visual .swiper-slide .text-1 {
    font-size: 5rem;
    transform: translateY(10rem);
    opacity: 0;
    line-height: 1.2;
  }
  .swiper-visual .swiper-slide .text-2 {
    line-height: 1.2;
    font-size: 2.2rem;
    letter-spacing: -0.44px;
    transform: translateY(10rem);
    opacity: 0;
    margin-top: 2rem;
  }
  .swiper-visual .swiper-nav {
    flex-direction: column;
    bottom: 24vh;
    left: 0;
    gap: 4.5vh;
  }
  .swiper-visual .swiper-nav .swiper-progress {
    width: 100%;
    order: 2;
  }
  .swiper-visual .swiper-nav .swiper-progress .progressBar em {
    height: 2px;
  }
  .swiper-visual .swiper-nav .swiper-controls {
    order: 1;
  }
  .swiper-visual .swiper-nav .swiper-controls .swiper-button-next,
  .swiper-visual .swiper-nav .swiper-controls .swiper-button-prev,
  .swiper-visual .swiper-nav .swiper-controls .btn-pause {
    width: 4rem;
    height: 4rem;
  }
}
@media (max-width: 480px) {
  .swiper-visual {
    height: 100vh;
  }
}

@keyframes progress-stroke {
  from {
    stroke-dashoffset: 540;
  }
  to {
    stroke-dashoffset: 0;
  }
}
.main-visual-wrap {
  position: relative;
  height: 240vh;
}
@media (max-width: 1024px) {
  .main-visual-wrap {
    height: auto;
  }
}

.scene-logo {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: relative;
}
.scene-logo-inner {
  display: flex;
  justify-content: center;
  width: 100vw;
  position: sticky;
  bottom: 10vh;
}
.scene-logo-wrap {
  width: 100%;
  display: flex;
  justify-content: center;
}

.scene-slide {
  height: 100vh;
  margin-top: -10vh;
}
.scene-slide-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.scene-slide .swiper-visual-wrap {
  width: 100%;
  height: 100%;
  transition: all 0.5s;
}
.scene-slide .scene-slide-inner {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.scene-slide .mask {
  clip-path: polygon(10% 18%, 90% 18%, 90% 80%, 10% 80%);
}
@media (max-width: 1024px) {
  .scene-slide {
    margin-top: 0;
    overflow: hidden;
  }
}
@media (max-width: 768px) {
  .scene-slide {
    max-height: 91.5rem;
    margin-top: 0;
  }
}

@media (max-width: 1024px) {
  .scene-logo {
    display: none;
  }
  .scene-slide .mask {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
  .main-visual-wrapper {
    overflow: hidden;
    height: auto;
  }
  #footer {
    position: relative;
    z-index: 2;
  }
}
.main-title {
  text-align: center;
}
.main-title h3 {
  font-size: 6.4rem;
  font-weight: 600;
  letter-spacing: -1.28px;
  line-height: 1;
}
.main-title p {
  font-size: 2rem;
  letter-spacing: -0.4px;
  color: #666;
  margin-top: 1.4rem;
}
.main-title .btn-viewMore {
  margin-top: 2rem;
}
@media (max-width: 768px) {
  .main-title h3 {
    font-size: 4rem;
  }
  .main-title p {
    font-size: 1.6rem;
  }
}

.main-section-wrap {
  overflow: hidden;
}

/*quick*/
.main-quickMenu {
  width: 100%;
  height: 100vh;
  min-height: 108rem;
  background: url(/rStatic/images/main/info-b0.jpg) no-repeat 50% 50%;
  background-size: cover;
  padding: 14.81vh 2.4vw 12.96vh;
  transition: all 0.3s;
}
.main-quickMenu-title {
  font-size: 4rem;
  font-weight: 600;
  color: #fff;
  text-align: center;
  line-height: 1;
}
.main-quickMenu-search {
  margin: 2.8rem auto 0;
  width: 52.08vw;
  height: 7.2rem;
  border-radius: 0.3rem;
  background: #A69B89;
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1) inset;
  padding: 0 3rem 0 0;
}
.main-quickMenu-search form {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
.main-quickMenu-search .input {
  background: transparent;
  width: calc(100% - 5rem);
  height: 100%;
  color: #fff;
  border: 0;
}
.main-quickMenu-search .input::placeholder {
  color: #fff;
}
.main-quickMenu-search .btn-search {
  width: 4rem;
  height: 4rem;
}
.main-quickMenu-search .btn-search .ico-search {
  width: 100%;
  height: 100%;
}
@media (max-width: 1024px) {
  .main-quickMenu {
    min-height: 66.7rem;
    height: auto;
    padding: 12vh 2vw 5vh;
  }
}
@media (max-width: 768px) {
  .main-quickMenu {
    overflow: hidden;
    min-height: 60rem;
    height: auto;
    background: url(/rStatic/images/main/info-mb1.jpg) no-repeat 50% 50%;
    background-size: cover;
    padding: 8rem 2rem 0;
  }
  .main-quickMenu-title {
    font-size: 2.4rem;
  }
  .main-quickMenu-search {
    width: 100%;
    height: 4.8rem;
    margin-top: 2rem;
    padding-right: 1.3rem;
  }
  .main-quickMenu-search .input {
    font-size: 1.4rem;
    width: calc(100% - 4rem);
  }
  .main-quickMenu-search .btn-search {
    width: 2.6rem;
    height: 2.6rem;
  }
}

.quickSwiper {
  margin-top: 9.26vh;
  position: relative;
}
.quickSwiper .swiper-slide {
  width: 33.333%;
}
.quickSwiper-item {
  margin: 0 6rem;
  color: #fff;
  text-align: center;
  padding: 8rem 0;
  min-height: 50rem;
  height: 52vh;
  transition: all 0.5s;
}
.quickSwiper-item h4 {
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.333;
  letter-spacing: -0.6px;
}
.quickSwiper-item h4::after {
  content: "";
  display: block;
  width: 2rem;
  height: 0.2rem;
  background: rgba(255, 255, 255, 0.5);
  margin: 3.6rem auto 0;
  transition: all 0.5s;
}
.quickSwiper-item ul {
  margin-top: 3.8rem;
}
.quickSwiper-item ul a {
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: -0.4px;
  line-height: 2;
}
.quickSwiper-item.hover {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(15px);
}
.quickSwiper-item.hover h4::after {
  width: 60%;
}
.quickSwiper .swiper-button-prev,
.quickSwiper .swiper-button-next {
  display: none;
}
@media (max-width: 1024px) {
  .quickSwiper {
    margin-top: 2rem;
  }
  .quickSwiper .swiper-button-prev,
  .quickSwiper .swiper-button-next {
    display: flex;
    width: 4rem;
    height: 4rem;
    margin-top: 0;
    top: 30%;
    z-index: 2;
    background: transparent;
  }
  .quickSwiper .swiper-button-prev::after {
    content: "";
    width: 2.4rem;
    height: 4rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2213%22%20height%3D%2220%22%20viewBox%3D%220%200%2013%2020%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1%201L11%2010L1%2019%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22/%3E%3C/svg%3E");
    background-size: cover;
    transform: rotate(180deg);
  }
  .quickSwiper .swiper-button-next::after {
    content: "";
    width: 2.4rem;
    height: 4rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2213%22%20height%3D%2220%22%20viewBox%3D%220%200%2013%2020%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1%201L11%2010L1%2019%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22/%3E%3C/svg%3E");
    background-size: cover;
  }
}
@media (max-width: 768px) {
  .quickSwiper {
    margin-top: 9rem;
  }
  .quickSwiper-item {
    margin: 0;
    padding: 0;
    height: 30rem;
    min-height: 25rem;
  }
  .quickSwiper-item h4 {
    font-size: 2.2rem;
    line-height: 1.36;
    transition: all 0.5s;
  }
  .quickSwiper-item h4::after {
    margin-top: 3rem;
  }
  .quickSwiper-item ul {
    margin-top: 3rem;
    transform: translateY(50px);
    opacity: 0;
    transition: all 0.5s;
  }
  .quickSwiper-item ul a {
    font-size: 1.6rem;
    letter-spacing: -0.32px;
  }
  .quickSwiper .swiper-slide-active .quickSwiper-item h4 {
    transition-delay: 0.5s;
  }
  .quickSwiper .swiper-slide-active .quickSwiper-item h4.motion {
    transform: translateY(50px);
    opacity: 0;
  }
  .quickSwiper .swiper-slide-active .quickSwiper-item h4.motion.active {
    transform: translateY(0);
    opacity: 1;
  }
  .quickSwiper .swiper-slide-active .quickSwiper-item ul {
    transition-delay: 0.8s;
  }
  .quickSwiper .swiper-slide-active .quickSwiper-item ul.motion {
    transform: translateY(50px);
    opacity: 0;
  }
  .quickSwiper .swiper-slide-active .quickSwiper-item ul.motion.active {
    transform: translateY(0);
    opacity: 1;
  }
  .quickSwiper .swiper-button-prev,
  .quickSwiper .swiper-button-next {
    display: flex;
    width: 4rem;
    height: 4rem;
    margin-top: 0;
    top: 30%;
    z-index: 2;
    background: transparent;
  }
  .quickSwiper .swiper-button-prev::after {
    content: "";
    width: 1.2rem;
    height: 2rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2213%22%20height%3D%2220%22%20viewBox%3D%220%200%2013%2020%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1%201L11%2010L1%2019%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22/%3E%3C/svg%3E");
    background-size: cover;
    transform: rotate(180deg);
  }
  .quickSwiper .swiper-button-next::after {
    content: "";
    width: 1.2rem;
    height: 2rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2213%22%20height%3D%2220%22%20viewBox%3D%220%200%2013%2020%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1%201L11%2010L1%2019%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22/%3E%3C/svg%3E");
    background-size: cover;
  }
}

/*brand*/
.main-brandNews {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100vh;
  min-height: 108rem;
  background: linear-gradient(0deg, #E8E5E0 0%, #E8E5E0 100%), linear-gradient(0deg, rgba(186, 174, 154, 0.5) 0%, rgba(186, 174, 154, 0.5) 100%), #FFF;
}
.main-brandNews .main-title {
  padding-top: 18.52vh;
  padding-bottom: 12vh;
}
.main-brandNews-item {
  display: block;
  width: 40rem;
  background: #fff;
  padding: 3.8rem 2rem 2rem;
  position: relative;
  bottom: -4rem;
  transition: all 0.5s;
}
.main-brandNews-item h4 {
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: -0.48px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.3;
  height: 2.6;
}
.main-brandNews-item .info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 2.4rem 0 2.5rem;
}
.main-brandNews-item .info .date {
  font-size: 1.6rem;
  color: #555;
}
.main-brandNews-item .thumb {
  overflow: hidden;
  width: 100%;
}
.main-brandNews-item .thumb img {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  transition: all 0.5s;
}
.main-brandNews-item.hover, .main-brandNews-item:focus {
  bottom: 0rem;
}
.main-brandNews-item.hover .thumb img, .main-brandNews-item:focus .thumb img {
  transform: scale(1.06);
}
@media (max-width: 1024px) {
  .main-brandNews {
    height: auto;
  }
  .main-brandNews .main-title {
    padding-top: 10vw;
    padding-bottom: 2vw;
  }
}
@media (max-width: 1440px) {
  .main-brandNews .main-title {
    padding-top: 10vw;
    padding-bottom: 2vw;
  }
}
@media (max-width: 768px) {
  .main-brandNews {
    padding: 6rem 2rem 3rem;
    height: auto;
    max-height: inherit;
  }
  .main-brandNews .main-title {
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-brandNews-item {
    width: 100%;
    bottom: 0;
    padding: 2rem 2rem 0;
  }
  .main-brandNews-item h4 {
    font-size: 1.8rem;
  }
  .main-brandNews-item .info {
    margin: 1rem 0;
  }
  .main-brandNews-item .info .date {
    font-size: 1.4rem;
  }
  .main-brandNews-item .info .ico-plus {
    width: 2rem;
    height: 2rem;
  }
}

.main-brandNews-swiper {
  position: relative;
  padding-right: 16rem;
}
.main-brandNews-swiper::before {
  content: "";
  display: block;
  width: 100%;
  height: 3.9rem;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.2) 100%);
  position: absolute;
  left: 0;
  bottom: 7.5rem;
}
.main-brandNews-swiper::after {
  content: "";
  display: block;
  width: 100%;
  height: 7.5rem;
  background: linear-gradient(0deg, #E8E5E0 0%, #E8E5E0 100%), linear-gradient(0deg, rgba(186, 174, 154, 0.5) 0%, rgba(186, 174, 154, 0.5) 100%), #FFF;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
}
.main-brandNews-swiper .swiper-wrapper {
  padding-left: 8rem;
  padding-right: 16rem;
}
.main-brandNews-swiper .swiper-slide {
  width: auto;
  padding-bottom: 9.5rem;
}
@media (max-width: 1024px) {
  .main-brandNews-swiper .swiper-wrapper {
    padding-left: 0;
    padding-right: 8rem;
  }
}
@media (max-width: 768px) {
  .main-brandNews-swiper {
    margin-top: 3.2rem;
    padding-right: 0;
  }
  .main-brandNews-swiper::before, .main-brandNews-swiper::after {
    display: none;
  }
  .main-brandNews-swiper .swiper-wrapper {
    padding: 0;
    flex-direction: column;
    gap: 3rem;
  }
  .main-brandNews-swiper .swiper-slide {
    width: 100%;
    padding-bottom: 0;
  }
}

/*SNS*/
.main-sns {
  display: flex;
  background: #C2CAD4;
}
.main-sns-link {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 5.7rem 3.65vw 5.7rem 4.17vw;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  transition: all 0.5s;
}
.main-sns-link span {
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1.5;
  color: #5B3A29;
}
.main-sns-link:first-child {
  border-left: 0;
}
.main-sns-link .ico-youtube {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2732%27%20height%3D%2732%27%20viewBox%3D%270%200%2032%2032%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M16.0645%204.84961C16.1063%204.84969%2016.1686%204.85027%2016.248%204.85059C16.4069%204.85122%2016.6373%204.85293%2016.9248%204.85547C17.5002%204.86054%2018.3053%204.87033%2019.2236%204.89062C21.0521%204.93104%2023.3566%205.01214%2025.1982%205.17676C25.722%205.20923%2027.0878%205.2684%2028.3369%206.4873L28.5889%206.75195L28.5928%206.75586L28.6953%206.87891C29.1919%207.50926%2029.4682%208.36764%2029.6201%208.93848C29.7089%209.27233%2029.7712%209.57442%2029.8115%209.79297C29.8318%209.90277%2029.8473%209.99325%2029.8574%2010.0576C29.8625%2010.0898%2029.8664%2010.1161%2029.8691%2010.1348C29.8705%2010.144%2029.8713%2010.1516%2029.8721%2010.1572C29.8724%2010.1599%2029.8728%2010.1622%2029.873%2010.1641V10.167L29.874%2010.168C29.874%2010.1682%2029.8737%2010.1683%2028.7344%2010.3223L29.874%2010.1689L29.876%2010.1904H29.877V10.1982C29.8775%2010.2033%2029.8788%2010.2113%2029.8799%2010.2207C29.882%2010.2395%2029.8849%2010.2668%2029.8887%2010.3018C29.8963%2010.3719%2029.9071%2010.4738%2029.9199%2010.6025C29.9455%2010.86%2029.9797%2011.2262%2030.0137%2011.665C30.0814%2012.5403%2030.1504%2013.7178%2030.1504%2014.9033V17.0645C30.1504%2018.2659%2030.0815%2019.4435%2030.0137%2020.3154C29.9797%2020.7525%2029.9456%2021.1159%2029.9199%2021.3711C29.9071%2021.4987%2029.8963%2021.5995%2029.8887%2021.6689C29.8849%2021.7035%2029.882%2021.7304%2029.8799%2021.749C29.8789%2021.7581%2029.8775%2021.7655%2029.877%2021.7705C29.8767%2021.773%2029.8771%2021.7759%2029.877%2021.7773L29.876%2021.7783V21.7793L29.874%2021.7969V21.7988L29.873%2021.8008C29.8728%2021.8027%2029.8725%2021.8057%2029.8721%2021.8086C29.8713%2021.8143%2029.8705%2021.8219%2029.8691%2021.8311C29.8664%2021.8499%2029.8624%2021.8758%2029.8574%2021.9082C29.8473%2021.9734%2029.8327%2022.0654%2029.8125%2022.1768C29.7722%2022.3982%2029.7098%2022.7042%2029.6211%2023.042C29.4598%2023.6564%2029.1565%2024.604%2028.5928%2025.2441L28.5889%2025.248C27.2533%2026.7491%2025.668%2026.7642%2025.2461%2026.8184L25.2197%2026.8213L25.1924%2026.8232C23.3568%2026.9711%2021.0555%2027.0532%2019.2266%2027.0977C18.3094%2027.12%2017.5054%2027.133%2016.9307%2027.1406C16.6433%2027.1444%2016.4126%2027.147%2016.2539%2027.1484C16.1746%2027.1492%2016.1131%2027.1491%2016.0713%2027.1494C16.0504%2027.1496%2016.0343%2027.1493%2016.0234%2027.1494C16.0181%2027.1494%2016.0135%2027.1504%2016.0107%2027.1504H15.9951L15.9834%2027.1494H15.9639C15.9509%2027.1492%2015.9313%2027.1488%2015.9062%2027.1484C15.8558%2027.1477%2015.7814%2027.1471%2015.6865%2027.1455C15.4966%2027.1424%2015.2231%2027.1372%2014.8887%2027.1309C14.22%2027.1182%2013.306%2027.0996%2012.3271%2027.0732C10.3928%2027.0212%208.13192%2026.9394%207.04102%2026.8203L7.00586%2026.8164L6.9707%2026.8105C6.66163%2026.7573%204.75665%2026.7603%203.41113%2025.248L3.40723%2025.2441C2.84346%2024.604%202.54022%2023.6564%202.37891%2023.042C2.29021%2022.7042%202.22776%2022.3982%202.1875%2022.1768C2.16726%2022.0654%202.15266%2021.9734%202.14258%2021.9082C2.13757%2021.8758%202.13355%2021.8499%202.13086%2021.8311C2.12955%2021.8219%202.12871%2021.8143%202.12793%2021.8086C2.12753%2021.8057%202.12721%2021.8027%202.12695%2021.8008L2.12598%2021.7988V21.7969L2.12402%2021.7793V21.7783L2.12305%2021.7773C2.12288%2021.7759%202.12334%2021.773%202.12305%2021.7705C2.12246%2021.7655%202.12115%2021.7581%202.12012%2021.749C2.118%2021.7304%202.11512%2021.7035%202.11133%2021.6689C2.1037%2021.5995%202.09291%2021.4987%202.08008%2021.3711C2.05443%2021.1159%202.02032%2020.7525%201.98633%2020.3154C1.91852%2019.4435%201.84961%2018.2659%201.84961%2017.0645V14.9033C1.84961%2013.7178%201.91858%2012.5403%201.98633%2011.665C2.0203%2011.2262%202.05446%2010.86%202.08008%2010.6025C2.09289%2010.4738%202.10372%2010.3719%202.11133%2010.3018C2.11512%2010.2668%202.11801%2010.2395%202.12012%2010.2207C2.12117%2010.2113%202.12246%2010.2033%202.12305%2010.1982V10.1904H2.12402L2.12598%2010.1689L3.26562%2010.3223L2.12598%2010.168L2.12695%2010.167V10.1641C2.12721%2010.1622%202.12755%2010.1599%202.12793%2010.1572C2.12872%2010.1516%202.12951%2010.144%202.13086%2010.1348C2.13358%2010.1161%202.13751%2010.0898%202.14258%2010.0576C2.1527%209.99325%202.16821%209.90277%202.18848%209.79297C2.22883%209.57442%202.29105%209.27233%202.37988%208.93848C2.54193%208.32953%202.8457%207.39346%203.40723%206.75586L3.41113%206.75195L3.66309%206.4873C4.93214%205.24894%206.3216%205.2072%206.82617%205.1748L6.85938%205.17285L15.959%204.85059L15.9795%204.84961H16.0645Z%27%20stroke%3D%27%23C32F4B%27%20stroke-width%3D%272.3%27/%3E%3Cpath%20d%3D%27M14%2020.1919V11.8125L21.1823%2016.036L14%2020.1919Z%27%20fill%3D%27%23C32F4B%27/%3E%3C/svg%3E");
  margin-right: 0.8rem;
}
.main-sns-link .ico-kakaoch {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2730%27%20height%3D%2730%27%20viewBox%3D%270%200%2030%2030%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M14.5012%203.05859C8.14925%203.05859%203%207.73383%203%2013.5027C3%2017.7633%204.81767%2019.7978%207.3071%2021.6504L7.31945%2021.6553V26.6554C7.31945%2026.8931%207.59358%2027.0264%207.78621%2026.8858L12.1476%2023.7067L12.2415%2023.7455C12.9725%2023.8789%2013.7282%2023.9468%2014.5012%2023.9468C20.8532%2023.9468%2026%2019.2716%2026%2013.5027C26%207.73383%2020.8507%203.05859%2014.5012%203.05859Z%27%20stroke%3D%27%235B3A29%27%20stroke-width%3D%272.3%27%20stroke-miterlimit%3D%2710%27/%3E%3C/svg%3E");
  margin-right: 0.6rem;
}
.main-sns-link .ico-instagram {
  background: url(/rStatic/images/common/ico-insta.svg) no-repeat 50% 50%;
  background-size: cover;
  margin-right: 0.8rem;
}
.main-sns-link .link {
  margin-left: auto;
  font-size: 1.6rem;
  color: rgba(91, 58, 41, 0.9);
}
.main-sns-link:hover {
  background: #371C1D;
}
.main-sns-link:hover .ico-youtube {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2732%27%20height%3D%2732%27%20viewBox%3D%270%200%2032%2032%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M16.0645%204.84961C16.1063%204.84969%2016.1686%204.85027%2016.248%204.85059C16.4069%204.85122%2016.6373%204.85293%2016.9248%204.85547C17.5002%204.86054%2018.3053%204.87033%2019.2236%204.89062C21.0521%204.93104%2023.3566%205.01214%2025.1982%205.17676C25.722%205.20923%2027.0878%205.2684%2028.3369%206.4873L28.5889%206.75195L28.5928%206.75586L28.6953%206.87891C29.1919%207.50926%2029.4682%208.36764%2029.6201%208.93848C29.7089%209.27233%2029.7712%209.57442%2029.8115%209.79297C29.8318%209.90277%2029.8473%209.99325%2029.8574%2010.0576C29.8625%2010.0898%2029.8664%2010.1161%2029.8691%2010.1348C29.8705%2010.144%2029.8713%2010.1516%2029.8721%2010.1572C29.8724%2010.1599%2029.8728%2010.1622%2029.873%2010.1641V10.167L29.874%2010.168C29.874%2010.1682%2029.8737%2010.1683%2028.7344%2010.3223L29.874%2010.1689L29.876%2010.1904H29.877V10.1982C29.8775%2010.2033%2029.8788%2010.2113%2029.8799%2010.2207C29.882%2010.2395%2029.8849%2010.2668%2029.8887%2010.3018C29.8963%2010.3719%2029.9071%2010.4738%2029.9199%2010.6025C29.9455%2010.86%2029.9797%2011.2262%2030.0137%2011.665C30.0814%2012.5403%2030.1504%2013.7178%2030.1504%2014.9033V17.0645C30.1504%2018.2659%2030.0815%2019.4435%2030.0137%2020.3154C29.9797%2020.7525%2029.9456%2021.1159%2029.9199%2021.3711C29.9071%2021.4987%2029.8963%2021.5995%2029.8887%2021.6689C29.8849%2021.7035%2029.882%2021.7304%2029.8799%2021.749C29.8789%2021.7581%2029.8775%2021.7655%2029.877%2021.7705C29.8767%2021.773%2029.8771%2021.7759%2029.877%2021.7773L29.876%2021.7783V21.7793L29.874%2021.7969V21.7988L29.873%2021.8008C29.8728%2021.8027%2029.8725%2021.8057%2029.8721%2021.8086C29.8713%2021.8143%2029.8705%2021.8219%2029.8691%2021.8311C29.8664%2021.8499%2029.8624%2021.8758%2029.8574%2021.9082C29.8473%2021.9734%2029.8327%2022.0654%2029.8125%2022.1768C29.7722%2022.3982%2029.7098%2022.7042%2029.6211%2023.042C29.4598%2023.6564%2029.1565%2024.604%2028.5928%2025.2441L28.5889%2025.248C27.2533%2026.7491%2025.668%2026.7642%2025.2461%2026.8184L25.2197%2026.8213L25.1924%2026.8232C23.3568%2026.9711%2021.0555%2027.0532%2019.2266%2027.0977C18.3094%2027.12%2017.5054%2027.133%2016.9307%2027.1406C16.6433%2027.1444%2016.4126%2027.147%2016.2539%2027.1484C16.1746%2027.1492%2016.1131%2027.1491%2016.0713%2027.1494C16.0504%2027.1496%2016.0343%2027.1493%2016.0234%2027.1494C16.0181%2027.1494%2016.0135%2027.1504%2016.0107%2027.1504H15.9951L15.9834%2027.1494H15.9639C15.9509%2027.1492%2015.9313%2027.1488%2015.9062%2027.1484C15.8558%2027.1477%2015.7814%2027.1471%2015.6865%2027.1455C15.4966%2027.1424%2015.2231%2027.1372%2014.8887%2027.1309C14.22%2027.1182%2013.306%2027.0996%2012.3271%2027.0732C10.3928%2027.0212%208.13192%2026.9394%207.04102%2026.8203L7.00586%2026.8164L6.9707%2026.8105C6.66163%2026.7573%204.75665%2026.7603%203.41113%2025.248L3.40723%2025.2441C2.84346%2024.604%202.54022%2023.6564%202.37891%2023.042C2.29021%2022.7042%202.22776%2022.3982%202.1875%2022.1768C2.16726%2022.0654%202.15266%2021.9734%202.14258%2021.9082C2.13757%2021.8758%202.13355%2021.8499%202.13086%2021.8311C2.12955%2021.8219%202.12871%2021.8143%202.12793%2021.8086C2.12753%2021.8057%202.12721%2021.8027%202.12695%2021.8008L2.12598%2021.7988V21.7969L2.12402%2021.7793V21.7783L2.12305%2021.7773C2.12288%2021.7759%202.12334%2021.773%202.12305%2021.7705C2.12246%2021.7655%202.12115%2021.7581%202.12012%2021.749C2.118%2021.7304%202.11512%2021.7035%202.11133%2021.6689C2.1037%2021.5995%202.09291%2021.4987%202.08008%2021.3711C2.05443%2021.1159%202.02032%2020.7525%201.98633%2020.3154C1.91852%2019.4435%201.84961%2018.2659%201.84961%2017.0645V14.9033C1.84961%2013.7178%201.91858%2012.5403%201.98633%2011.665C2.0203%2011.2262%202.05446%2010.86%202.08008%2010.6025C2.09289%2010.4738%202.10372%2010.3719%202.11133%2010.3018C2.11512%2010.2668%202.11801%2010.2395%202.12012%2010.2207C2.12117%2010.2113%202.12246%2010.2033%202.12305%2010.1982V10.1904H2.12402L2.12598%2010.1689L3.26562%2010.3223L2.12598%2010.168L2.12695%2010.167V10.1641C2.12721%2010.1622%202.12755%2010.1599%202.12793%2010.1572C2.12872%2010.1516%202.12951%2010.144%202.13086%2010.1348C2.13358%2010.1161%202.13751%2010.0898%202.14258%2010.0576C2.1527%209.99325%202.16821%209.90277%202.18848%209.79297C2.22883%209.57442%202.29105%209.27233%202.37988%208.93848C2.54193%208.32953%202.8457%207.39346%203.40723%206.75586L3.41113%206.75195L3.66309%206.4873C4.93214%205.24894%206.3216%205.2072%206.82617%205.1748L6.85938%205.17285L15.959%204.85059L15.9795%204.84961H16.0645Z%27%20stroke%3D%27%23CE193B%27%20stroke-width%3D%272.3%27/%3E%3Cpath%20d%3D%27M14%2020.1919V11.8125L21.1823%2016.036L14%2020.1919Z%27%20fill%3D%27%23CE193B%27/%3E%3C/svg%3E");
}
.main-sns-link:hover .ico-kakaoch {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2730%27%20height%3D%2730%27%20viewBox%3D%270%200%2030%2030%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M14.5012%203.05859C8.14925%203.05859%203%207.73383%203%2013.5027C3%2017.7633%204.81767%2019.7978%207.3071%2021.6504L7.31945%2021.6553V26.6554C7.31945%2026.8931%207.59358%2027.0264%207.78621%2026.8858L12.1476%2023.7067L12.2415%2023.7455C12.9725%2023.8789%2013.7282%2023.9468%2014.5012%2023.9468C20.8532%2023.9468%2026%2019.2716%2026%2013.5027C26%207.73383%2020.8507%203.05859%2014.5012%203.05859Z%27%20stroke%3D%27%23FFCC00%27%20stroke-width%3D%272.3%27%20stroke-miterlimit%3D%2710%27/%3E%3C/svg%3E");
}
.main-sns-link:hover .ico-youtube + span {
  color: #CE193B;
}
.main-sns-link:hover .ico-kakaoch + span {
  color: #FFCC00;
}
.main-sns-link:hover .ico-instagram + span {
  color: #F02AED;
}
.main-sns-link:hover:nth-child(1) .link {
  color: #CE193B;
}
.main-sns-link:hover:nth-child(2) .link {
  color: #FFCC00;
}
.main-sns-link:hover:nth-child(3) .link {
  color: #F02AED;
}
.main-sns-link:focus-visible {
  background: #371C1D;
}
.main-sns-link:focus-visible .ico-youtube {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2732%27%20height%3D%2732%27%20viewBox%3D%270%200%2032%2032%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M16.0645%204.84961C16.1063%204.84969%2016.1686%204.85027%2016.248%204.85059C16.4069%204.85122%2016.6373%204.85293%2016.9248%204.85547C17.5002%204.86054%2018.3053%204.87033%2019.2236%204.89062C21.0521%204.93104%2023.3566%205.01214%2025.1982%205.17676C25.722%205.20923%2027.0878%205.2684%2028.3369%206.4873L28.5889%206.75195L28.5928%206.75586L28.6953%206.87891C29.1919%207.50926%2029.4682%208.36764%2029.6201%208.93848C29.7089%209.27233%2029.7712%209.57442%2029.8115%209.79297C29.8318%209.90277%2029.8473%209.99325%2029.8574%2010.0576C29.8625%2010.0898%2029.8664%2010.1161%2029.8691%2010.1348C29.8705%2010.144%2029.8713%2010.1516%2029.8721%2010.1572C29.8724%2010.1599%2029.8728%2010.1622%2029.873%2010.1641V10.167L29.874%2010.168C29.874%2010.1682%2029.8737%2010.1683%2028.7344%2010.3223L29.874%2010.1689L29.876%2010.1904H29.877V10.1982C29.8775%2010.2033%2029.8788%2010.2113%2029.8799%2010.2207C29.882%2010.2395%2029.8849%2010.2668%2029.8887%2010.3018C29.8963%2010.3719%2029.9071%2010.4738%2029.9199%2010.6025C29.9455%2010.86%2029.9797%2011.2262%2030.0137%2011.665C30.0814%2012.5403%2030.1504%2013.7178%2030.1504%2014.9033V17.0645C30.1504%2018.2659%2030.0815%2019.4435%2030.0137%2020.3154C29.9797%2020.7525%2029.9456%2021.1159%2029.9199%2021.3711C29.9071%2021.4987%2029.8963%2021.5995%2029.8887%2021.6689C29.8849%2021.7035%2029.882%2021.7304%2029.8799%2021.749C29.8789%2021.7581%2029.8775%2021.7655%2029.877%2021.7705C29.8767%2021.773%2029.8771%2021.7759%2029.877%2021.7773L29.876%2021.7783V21.7793L29.874%2021.7969V21.7988L29.873%2021.8008C29.8728%2021.8027%2029.8725%2021.8057%2029.8721%2021.8086C29.8713%2021.8143%2029.8705%2021.8219%2029.8691%2021.8311C29.8664%2021.8499%2029.8624%2021.8758%2029.8574%2021.9082C29.8473%2021.9734%2029.8327%2022.0654%2029.8125%2022.1768C29.7722%2022.3982%2029.7098%2022.7042%2029.6211%2023.042C29.4598%2023.6564%2029.1565%2024.604%2028.5928%2025.2441L28.5889%2025.248C27.2533%2026.7491%2025.668%2026.7642%2025.2461%2026.8184L25.2197%2026.8213L25.1924%2026.8232C23.3568%2026.9711%2021.0555%2027.0532%2019.2266%2027.0977C18.3094%2027.12%2017.5054%2027.133%2016.9307%2027.1406C16.6433%2027.1444%2016.4126%2027.147%2016.2539%2027.1484C16.1746%2027.1492%2016.1131%2027.1491%2016.0713%2027.1494C16.0504%2027.1496%2016.0343%2027.1493%2016.0234%2027.1494C16.0181%2027.1494%2016.0135%2027.1504%2016.0107%2027.1504H15.9951L15.9834%2027.1494H15.9639C15.9509%2027.1492%2015.9313%2027.1488%2015.9062%2027.1484C15.8558%2027.1477%2015.7814%2027.1471%2015.6865%2027.1455C15.4966%2027.1424%2015.2231%2027.1372%2014.8887%2027.1309C14.22%2027.1182%2013.306%2027.0996%2012.3271%2027.0732C10.3928%2027.0212%208.13192%2026.9394%207.04102%2026.8203L7.00586%2026.8164L6.9707%2026.8105C6.66163%2026.7573%204.75665%2026.7603%203.41113%2025.248L3.40723%2025.2441C2.84346%2024.604%202.54022%2023.6564%202.37891%2023.042C2.29021%2022.7042%202.22776%2022.3982%202.1875%2022.1768C2.16726%2022.0654%202.15266%2021.9734%202.14258%2021.9082C2.13757%2021.8758%202.13355%2021.8499%202.13086%2021.8311C2.12955%2021.8219%202.12871%2021.8143%202.12793%2021.8086C2.12753%2021.8057%202.12721%2021.8027%202.12695%2021.8008L2.12598%2021.7988V21.7969L2.12402%2021.7793V21.7783L2.12305%2021.7773C2.12288%2021.7759%202.12334%2021.773%202.12305%2021.7705C2.12246%2021.7655%202.12115%2021.7581%202.12012%2021.749C2.118%2021.7304%202.11512%2021.7035%202.11133%2021.6689C2.1037%2021.5995%202.09291%2021.4987%202.08008%2021.3711C2.05443%2021.1159%202.02032%2020.7525%201.98633%2020.3154C1.91852%2019.4435%201.84961%2018.2659%201.84961%2017.0645V14.9033C1.84961%2013.7178%201.91858%2012.5403%201.98633%2011.665C2.0203%2011.2262%202.05446%2010.86%202.08008%2010.6025C2.09289%2010.4738%202.10372%2010.3719%202.11133%2010.3018C2.11512%2010.2668%202.11801%2010.2395%202.12012%2010.2207C2.12117%2010.2113%202.12246%2010.2033%202.12305%2010.1982V10.1904H2.12402L2.12598%2010.1689L3.26562%2010.3223L2.12598%2010.168L2.12695%2010.167V10.1641C2.12721%2010.1622%202.12755%2010.1599%202.12793%2010.1572C2.12872%2010.1516%202.12951%2010.144%202.13086%2010.1348C2.13358%2010.1161%202.13751%2010.0898%202.14258%2010.0576C2.1527%209.99325%202.16821%209.90277%202.18848%209.79297C2.22883%209.57442%202.29105%209.27233%202.37988%208.93848C2.54193%208.32953%202.8457%207.39346%203.40723%206.75586L3.41113%206.75195L3.66309%206.4873C4.93214%205.24894%206.3216%205.2072%206.82617%205.1748L6.85938%205.17285L15.959%204.85059L15.9795%204.84961H16.0645Z%27%20stroke%3D%27%23CE193B%27%20stroke-width%3D%272.3%27/%3E%3Cpath%20d%3D%27M14%2020.1919V11.8125L21.1823%2016.036L14%2020.1919Z%27%20fill%3D%27%23CE193B%27/%3E%3C/svg%3E");
}
.main-sns-link:focus-visible .ico-kakaoch {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2730%27%20height%3D%2730%27%20viewBox%3D%270%200%2030%2030%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M14.5012%203.05859C8.14925%203.05859%203%207.73383%203%2013.5027C3%2017.7633%204.81767%2019.7978%207.3071%2021.6504L7.31945%2021.6553V26.6554C7.31945%2026.8931%207.59358%2027.0264%207.78621%2026.8858L12.1476%2023.7067L12.2415%2023.7455C12.9725%2023.8789%2013.7282%2023.9468%2014.5012%2023.9468C20.8532%2023.9468%2026%2019.2716%2026%2013.5027C26%207.73383%2020.8507%203.05859%2014.5012%203.05859Z%27%20stroke%3D%27%23FFCC00%27%20stroke-width%3D%272.3%27%20stroke-miterlimit%3D%2710%27/%3E%3C/svg%3E");
}
.main-sns-link:focus-visible .ico-youtube + span {
  color: #CE193B;
}
.main-sns-link:focus-visible .ico-kakaoch + span {
  color: #FFCC00;
}
.main-sns-link:focus-visible .ico-instagram + span {
  color: #F02AED;
}
.main-sns-link:focus-visible:nth-child(1) .link {
  color: #CE193B;
}
.main-sns-link:focus-visible:nth-child(2) .link {
  color: #FFCC00;
}
.main-sns-link:focus-visible:nth-child(3) .link {
  color: #F02AED;
}
@media (max-width: 1280px) {
  .main-sns-link {
    padding: 4rem 2rem;
  }
}
@media (max-width: 768px) {
  .main-sns-link {
    flex-direction: column;
    padding: 2rem 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  .main-sns-link i {
    display: block;
    width: 2rem;
    height: 2rem;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
  }
  .main-sns-link span {
    font-size: 1.6rem;
    text-align: center;
    line-height: 1.1;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 4.2rem;
  }
  .main-sns-link .link {
    font-size: 1.4rem;
    display: none;
  }
  .main-sns-link .ico-youtube,
  .main-sns-link .ico-kakaoch,
  .main-sns-link .ico-instagram {
    margin: 0 0 1rem;
  }
}

/*Quick*/
aside {
  position: fixed;
  right: 5rem;
  bottom: 6rem;
  z-index: 114;
  transition: all 0.5s;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
aside .btn-toTop {
  margin-top: 2rem;
}
aside.hide {
  position: absolute;
  bottom: 36rem;
  display: none;
}
aside .btn-quick {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  background: #000;
  color: #fff;
}
aside .btn-quick .ico-plus {
  width: 2rem;
  height: 2rem;
}
aside .btn-quick .ico-plus::before, aside .btn-quick .ico-plus::after {
  background: #fff;
  height: 2px;
}
aside .btn-quick span {
  font-size: 1.4rem;
  font-weight: 800;
  letter-spacing: -0.28px;
}
aside .btn-quick.hide {
  display: none;
}
aside .btn-quick:focus-visible {
  outline: 2px solid #0066cc;
  outline-offset: 2px;
}
@media (max-width: 1024px) {
  aside {
    display: none !important;
  }
}

.quick-wrap {
  position: absolute;
  right: 0;
  bottom: 0;
  display: none;
}
.quick-wrap ul {
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
}
.quick-wrap .quick-btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1.4rem;
  width: 19rem;
}
.quick-wrap .quick-btn .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 8rem;
  height: 8rem;
  background: #fff;
  border-radius: 50%;
}
.quick-wrap .quick-btn .tx {
  color: #fff;
  font-size: 1.6rem;
  transition: all 0.3s;
}
.quick-wrap .quick-btn:hover .tx, .quick-wrap .quick-btn:focus .tx {
  text-decoration: underline;
  text-underline-offset: 2px;
  font-weight: 700;
}
.quick-wrap .quick-btn:hover .icon, .quick-wrap .quick-btn:focus .icon {
  background: #804F3A;
  position: relative;
}
.quick-wrap .quick-btn:hover .ico-danji, .quick-wrap .quick-btn:focus .ico-danji {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2234%22 height%3D%2232%22 viewBox%3D%220 0 34 32%22 fill%3D%22none%22%3E%3Cpath d%3D%22M1 1V29C1 30.1046 1.89543 31 3 31H25.8889H31C32.1046 31 33 30.1046 33 29V8.5H25.8889%22 stroke%3D%22%23ffffff%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M1 1H25.5V29C25.5 30.1046 26.3954 31 27.5 31H29%22 stroke%3D%22%23ffffff%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M6.5625 7.5H10.3125V11.25%22 stroke%3D%22%23ffffff%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M6.5625 17.75H10.3125V21.5%22 stroke%3D%22%23ffffff%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M15.9375 7.5H19.6875V11.25%22 stroke%3D%22%23ffffff%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M15.9375 17.75H19.6875V21.5%22 stroke%3D%22%23ffffff%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
}
.quick-wrap .quick-btn:hover .ico-cashSh, .quick-wrap .quick-btn:focus .ico-cashSh {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2236%22 height%3D%2233%22 viewBox%3D%220 0 36 33%22 fill%3D%22none%22%3E%3Cpath d%3D%22M35 31L27.7614 23.7614M27.7614 23.7614C30.1743 21.3486 31.6667 18.0152 31.6667 14.3333C31.6667 6.96954 25.6971 1 18.3333 1C10.9695 1 5 6.96954 5 14.3333C5 16.1303 5.3555 17.8443 6 19.4088M27.7614 23.7614C25.3486 26.1743 22.0152 27.6667 18.3333 27.6667C17.0009 27.6667 15.7141 27.4712 14.5 27.1074%22 stroke%3D%22%23ffffff%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M15.4717 5.65251C20.0833 4.02771 25.1389 6.44897 26.7637 11.0605%22 stroke%3D%22%23ffffff%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M14 26V30C14 30.5 11.6421 32 7.5 32C3.35786 32 1 30.5 1 30V26%22 stroke%3D%22%23ffffff%22 stroke-width%3D%222%22/%3E%3Cpath d%3D%22M14 22V26C14 26.5 11.6421 28 7.5 28C3.35786 28 1 26.5 1 26V22%22 stroke%3D%22%23ffffff%22 stroke-width%3D%222%22/%3E%3Cpath d%3D%22M7.5 20C9.47638 20 11.2194 20.3227 12.4316 20.8076C13.0405 21.0512 13.4666 21.3155 13.7236 21.5586C13.9786 21.7997 14 21.9494 14 22C14 22.0506 13.9786 22.2003 13.7236 22.4414C13.4666 22.6845 13.0405 22.9488 12.4316 23.1924C11.2194 23.6773 9.47638 24 7.5 24C5.52362 24 3.78059 23.6773 2.56836 23.1924C1.9595 22.9488 1.53343 22.6845 1.27637 22.4414C1.02142 22.2003 1 22.0506 1 22C1 21.9494 1.02142 21.7997 1.27637 21.5586C1.53343 21.3155 1.9595 21.0512 2.56836 20.8076C3.78059 20.3227 5.52362 20 7.5 20Z%22 stroke%3D%22%23ffffff%22 stroke-width%3D%222%22/%3E%3C/svg%3E");
}
.quick-wrap .quick-btn:hover .ico-pencil, .quick-wrap .quick-btn:focus .ico-pencil {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2231%22 height%3D%2231%22 viewBox%3D%220 0 31 31%22 fill%3D%22none%22%3E%3Cpath d%3D%22M2.70588 23.1765L1 30L7.82353 28.2941L28.5858 7.53186C29.3668 6.75081 29.3668 5.48448 28.5858 4.70343L26.2966 2.41421C25.5155 1.63317 24.2492 1.63317 23.4681 2.41421L2.70588 23.1765Z%22 stroke%3D%22%23ffffff%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M19.7656 6.11719L24.8833 11.2348%22 stroke%3D%22%23ffffff%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M16.3535 30H30.0006%22 stroke%3D%22%23ffffff%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
}
.quick-wrap .quick-btn:hover .ico-book, .quick-wrap .quick-btn:focus .ico-book {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2232%22 height%3D%2232%22 viewBox%3D%220 0 32 32%22 fill%3D%22none%22%3E%3Cpath d%3D%22M22 9.5V1H1V30H13.5%22 stroke%3D%22%23ffffff%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22/%3E%3Cpath d%3D%22M17.1426 23H26.8574L25.791 31H18.209L17.1426 23Z%22 stroke%3D%22%23ffffff%22 stroke-width%3D%222%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M22.1169 18.4716C21.8643 16.131 23.0821 11.6944 29.974 12.6734C29.2884 15.2403 26.7572 19.9938 22.1169 18.4716Z%22 stroke%3D%22%23ffffff%22 stroke-width%3D%222%22/%3E%3Cpath d%3D%22M23 17C23 16.4477 22.5523 16 22 16C21.4477 16 21 16.4477 21 17L23 17ZM22 23L23 23L23 17L22 17L21 17L21 23L22 23Z%22 fill%3D%22%23ffffff%22/%3E%3Cpath d%3D%22M21.9286 17.9934C21.872 15.799 20.3764 11.7755 14.8467 13.2363C15.6965 15.5659 18.3026 19.7786 21.9286 17.9934Z%22 stroke%3D%22%23ffffff%22 stroke-width%3D%222%22/%3E%3Cpath d%3D%22M6.5 7.5H16.5%22 stroke%3D%22%23ffffff%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22/%3E%3C/svg%3E");
}
.quick-wrap .quick-btn:hover .ico-talk, .quick-wrap .quick-btn:focus .ico-talk {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2232%22 height%3D%2232%22 viewBox%3D%220 0 32 32%22 fill%3D%22none%22%3E%3Cpath d%3D%22M2 1H30C30.5523 1 31 1.44772 31 2V22C31 22.5523 30.5523 23 30 23H22.1084C21.0741 23 20.1127 23.533 19.5645 24.4102L16.8477 28.7568C16.4803 29.3439 15.6557 29.3803 15.2314 28.8662L15.1523 28.7568L12.4355 24.4102C11.8873 23.533 10.9259 23 9.8916 23H2C1.44772 23 1 22.5523 1 22V2C1 1.44772 1.44771 1 2 1Z%22 stroke%3D%22%23ffffff%22 stroke-width%3D%222%22 stroke-linejoin%3D%22round%22/%3E%3Ccircle cx%3D%2210%22 cy%3D%2212.5%22 r%3D%221.5%22 fill%3D%22%23ffffff%22/%3E%3Ccircle cx%3D%2216%22 cy%3D%2212.5%22 r%3D%221.5%22 fill%3D%22%23ffffff%22/%3E%3Ccircle cx%3D%2222%22 cy%3D%2212.5%22 r%3D%221.5%22 fill%3D%22%23ffffff%22/%3E%3C/svg%3E");
}
.quick-wrap .quick-btn:hover .ico-headset, .quick-wrap .quick-btn:focus .ico-headset {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2225%22 height%3D%2232%22 viewBox%3D%220 0 25 32%22 fill%3D%22none%22%3E%3Cpath d%3D%22M1 16.3184H5.10642C5.65871 16.3184 6.10642 16.7661 6.10642 17.3184V21.978C6.10642 23.0826 5.21099 23.978 4.10642 23.978H3C1.89543 23.978 1 23.0826 1 21.978V16.3184Z%22 stroke%3D%22%23ffffff%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22/%3E%3Cpath d%3D%22M18.873 17.3203C18.873 16.768 19.3208 16.3203 19.873 16.3203H23.9795V21.9799C23.9795 23.0845 23.084 23.9799 21.9795 23.9799H20.873C19.7685 23.9799 18.873 23.0845 18.873 21.9799V17.3203Z%22 stroke%3D%22%23ffffff%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22/%3E%3Cpath d%3D%22M23.9792 20.1484C23.9792 22.0633 24.6175 29.0847 18.8728 29.0847C17.3409 29.0847 17.1706 29.0847 15.043 29.0847%22 stroke%3D%22%23ffffff%22 stroke-width%3D%222%22/%3E%3Cpath d%3D%22M12.4902 29.0859H15.0434%22 stroke%3D%22%23ffffff%22 stroke-width%3D%224%22 stroke-linecap%3D%22round%22/%3E%3Cpath d%3D%22M23.9789 16.3193V12.4894C23.9789 6.144 18.8349 1 12.4894 1C6.144 1 1 6.144 1 12.4894V16.3193%22 stroke%3D%22%23ffffff%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22/%3E%3C/svg%3E");
}
.quick-wrap .quick-close {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 8rem;
  height: 8rem;
  background: #000;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all 0.5s;
  gap: 0.5rem;
  display: none;
}
.quick-wrap .quick-close .ico-close {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2220%22 height%3D%2220%22 viewBox%3D%220 0 20 20%22 fill%3D%22none%22%3E%3Cpath d%3D%22M1 19L19 1M19 19L1 1%22 stroke%3D%22%23ffffff%22 stroke-width%3D%222%22/%3E%3C/svg%3E");
}
.quick-wrap .quick-close span {
  font-size: 1.4rem;
  letter-spacing: -0.28px;
  margin-top: 0.35rem;
  font-weight: 800;
  color: #fff;
}
.quick-wrap.open {
  bottom: 0;
}

.aside-dim::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 113;
  background: rgba(0, 0, 0, 0.4);
  transition: all 0.3s;
}

/*분양단지*/
.horizontal-title {
  width: 1300px;
}

.horizontal-items {
  width: 1300px;
}

@media (max-width: 1920px) {
  .horizontal-title {
    width: 960px;
  }
  .horizontal-items {
    width: 960px;
  }
}
@media (max-width: 1920px) and (max-width: 1024px) {
  .horizontal-items {
    width: auto;
  }
}
.main-garo {
  overflow: hidden;
}

.horizontal-wrap {
  background: #fff;
}
.horizontal-wrap .horizontal {
  display: flex;
  flex-wrap: nowrap;
  width: max-content;
  height: 100vh;
  background: #fff;
}
@media (max-width: 1024px) {
  .horizontal-wrap .horizontal {
    display: block;
    height: auto;
    width: 100vw;
    overflow: hidden;
  }
}

.horizontal-title {
  width: 50vw;
  height: 100vh;
  overflow: hidden;
}
.horizontal-title-inner {
  position: relative;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.horizontal-title-title h3 {
  font-size: 6rem;
  color: #78594C;
  letter-spacing: -1.2px;
  line-height: 1.2;
  font-weight: 600;
}
.horizontal-title-title p {
  margin-top: 2rem;
  font-size: 2rem;
  letter-spacing: -0.4px;
  color: #666;
}
.horizontal-title-view {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.horizontal-title-view .logo-view {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 11rem;
  overflow: hidden;
  margin-bottom: 2rem;
}
.horizontal-title-view .logo-view-v {
  width: 2.4em;
  height: 2.4em;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22%3E%3Cpath d%3D%22M20.4097 0.394531C18.6979 5.89764 16.1244 12.6837 13.5701 18.4127C11.0196 12.6722 8.44226 5.88615 6.73426 0.394531H0.875C4.47098 7.90434 7.5155 15.3912 10.4145 23.529H14.3819L14.4356 23.3797C17.886 13.8402 19.8659 9.0762 23.9329 0.394531H20.4097Z%22 fill%3D%22%23F0EDE7%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.horizontal-title-view .logo-view-i {
  width: 0.7em;
  height: 2.4em;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%227%22 height%3D%2224%22 viewBox%3D%220 0 7 24%22 fill%3D%22none%22%3E%3Cpath d%3D%22M6.11417 23.529C6.11417 23.4946 5.79249 19.9828 5.79249 11.9522C5.79249 3.92158 6.11034 0.425168 6.11417 0.394531H0.695312C0.699142 0.425168 1.017 3.92541 1.017 11.9522C1.017 19.979 0.702972 23.4946 0.702972 23.529H6.118H6.11417Z%22 fill%3D%22%23F0EDE7%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.horizontal-title-view .logo-view-e {
  width: 1.7em;
  height: 2.4em;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2217%22 height%3D%2224%22 viewBox%3D%220 0 17 24%22 fill%3D%22none%22%3E%3Cpath d%3D%22M16.8662 23.529V21.147H5.99021C5.91362 19.3931 5.82171 16.4443 5.82171 11.956C5.82171 7.46777 5.91362 4.53048 5.99021 2.78036H16.8662V0.394531H0.720703C0.720703 0.428998 1.03856 3.92541 1.03856 11.9522C1.03856 19.979 0.724533 23.4946 0.720703 23.529H16.8662Z M16.1999 10.5314H5.5498L7.60246 13.0551H16.1999V10.5314Z%22 fill%3D%22%23F0EDE7%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.horizontal-title-view .logo-view-w {
  width: 3.3em;
  height: 2.4em;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2233%22 height%3D%2224%22 viewBox%3D%220 0 33 24%22 fill%3D%22none%22%3E%3Cpath d%3D%22M29.4122 0.394455C27.7004 5.88991 25.1307 12.6759 22.5802 18.4126C21.3624 15.686 20.114 12.6683 18.946 9.6046C20.0182 7.08474 21.3701 4.10149 23.1049 0.398284H19.5855C19.5855 0.398284 18.0077 5.06655 17.6631 6.09287C17.3146 5.06655 15.7406 0.402114 15.7406 0.402114H10.4673C12.6195 4.99378 14.1973 8.52466 15.5376 11.776C14.6339 14.0507 13.6803 16.3255 12.7535 18.4126C10.0039 12.7985 7.35381 6.34563 5.14031 0.394455H0.636719C4.70374 9.08378 6.74108 13.9971 10.1877 23.529H13.5577C13.5577 23.529 16.4146 15.9119 16.7899 14.9124C17.1652 15.9119 20.0182 23.5251 20.0182 23.5251H23.3921C26.8426 13.9971 28.8799 9.07995 32.9431 0.390625H29.4199L29.4122 0.394455Z%22 fill%3D%22%23F0EDE7%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 1024px) {
  .horizontal-title {
    width: 100vw;
    height: 50vh;
    min-height: 34rem;
  }
  .horizontal-title-title {
    margin-bottom: 10vh;
  }
  .horizontal-title-title h3 {
    font-size: 4rem;
  }
  .horizontal-title-title p {
    font-size: 1.6rem;
    margin-top: 2rem;
  }
  .horizontal-title-view .logo-view {
    font-size: 4rem;
  }
}

.horizontal-items-inner {
  display: flex;
  height: 100%;
  width: fit-content;
  flex-wrap: nowrap;
}
@media (max-width: 1024px) {
  .horizontal-items-inner {
    display: block;
    width: 100%;
  }
  .horizontal-items-inner .horizontal-item {
    width: 100%;
    height: auto;
  }
}

.horizontal-item {
  position: relative;
  pointer-events: auto;
  width: 60vw;
  height: 100vh;
}
.horizontal-item-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.horizontal-item:nth-child(3n+1) {
  z-index: 10;
}
.horizontal-item:nth-child(3n+1) .horizontal-item-bg {
  background: #E8E5E0;
}
.horizontal-item:nth-child(3n+2) {
  z-index: 20;
}
.horizontal-item:nth-child(3n+2) .horizontal-item-bg {
  background: #C2CAD4;
}
.horizontal-item:nth-child(3n) {
  z-index: 30;
}
.horizontal-item:nth-child(3n) .horizontal-item-bg {
  background: #DDCDC1;
}
.horizontal-item-wrap {
  width: 100%;
  transition: all 0.3s;
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.horizontal-item-thumb {
  aspect-ratio: 1280/720;
  max-height: 70vh;
  transform-origin: top left;
  transition: transform 0.5s ease;
  position: relative;
  width: 100%;
}
.horizontal-item-thumb .thumb {
  width: 100%;
  height: 100%;
}
.horizontal-item-thumb .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.horizontal-item-desc {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  width: 98%;
}
@media (max-width: 1024px) {
  .horizontal-item {
    display: block;
    width: 100vw;
  }
  .horizontal-item-wrap {
    height: auto;
    display: block;
  }
  .horizontal-item-thumb .thumb {
    width: 100%;
    height: auto;
  }
  .horizontal-item-thumb .thumb img {
    width: 100%;
    height: auto;
  }
}

.horizontal-item-desc .desc-num {
  position: absolute;
  left: 2rem;
  bottom: 2rem;
  font-size: 1.6rem;
  font-weight: 600;
}
.horizontal-item-desc .desc-top {
  display: flex;
  justify-content: center;
  position: absolute;
  top: -5.5rem;
  left: 50%;
  margin-left: -5.5rem;
}
.horizontal-item-desc .desc-top .cate {
  border-radius: 50%;
  padding: 0 2rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 11rem;
  height: 11rem;
  transition: all 0.5s;
  font-size: 2rem;
  color: #fff;
}
.horizontal-item-desc .desc-top .cate1 {
  background: #8B642B;
}
.horizontal-item-desc .desc-top .cate2 {
  background: #888;
}
.horizontal-item-desc .desc-top .cate3 {
  background: #552B15;
}
.horizontal-item-desc .desc-title {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.horizontal-item-desc .desc-title h4 {
  font-size: 6rem;
  font-weight: 600;
}
.horizontal-item-desc .desc-link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  border: 1px solid #222;
  position: absolute;
  right: 2rem;
  bottom: 2rem;
  transition: all 0.5s;
  z-index: 2;
}
.horizontal-item-desc .desc-link .ico-arrow {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M0.596194%2015.396L14.7383%201.25386M14.7383%201.25386H5.54594M14.7383%201.25386V10.4463%22%20stroke%3D%22%23222222%22%20stroke-width%3D%221.5%22/%3E%3C/svg%3E");
}
@media (max-width: 1024px) {
  .horizontal-item-desc .desc-link {
    opacity: 1;
  }
}
.horizontal-item-desc .desc-top,
.horizontal-item-desc .desc-title,
.horizontal-item-desc .desc-title h4 {
  overflow: hidden;
}
.horizontal-item-desc .desc-top .cate {
  transform: translateY(11rem);
  transition: all 0.5s;
}
.horizontal-item-desc .desc-title h4 .char {
  display: inline-block;
  white-space: pre;
}
@media (max-width: 1024px) {
  .horizontal-item-desc {
    display: flex;
  }
  .horizontal-item-desc .desc-num {
    top: 2rem;
    left: 1rem;
    bottom: initial;
    font-size: 1.8rem;
  }
  .horizontal-item-desc .desc-title {
    order: 1;
  }
  .horizontal-item-desc .desc-title h4 {
    padding: 10rem 3rem 10rem;
  }
  .horizontal-item-desc .desc-top {
    display: block;
  }
  .horizontal-item-desc .desc-top .cate {
    transform: translate(0, 0);
  }
}
@media (max-width: 768px) {
  .horizontal-item-desc .desc-title {
    order: 1;
  }
  .horizontal-item-desc .desc-title h4 {
    font-size: 3.2rem;
    padding: 8rem 2rem 6rem;
  }
  .horizontal-item-desc .desc-top {
    top: -4rem;
    margin-left: -4rem;
  }
  .horizontal-item-desc .desc-top .cate {
    width: 8rem;
    height: 8rem;
    font-size: 1.6rem;
  }
  .horizontal-item-desc .desc-link {
    width: 3.2rem;
    height: 3.2rem;
    bottom: 1rem;
    right: 1rem;
  }
  .horizontal-item-desc .desc-link .ico-arrow {
    width: 1rem;
    height: 1rem;
  }
}

.active .desc-top .cate,
.active .desc-title h4 {
  transform: translateY(0);
}

.horizontal-item:focus .desc-top .cate,
.horizontal-item:focus .desc-title h4 {
  transform: translateY(0);
}

@media (max-width: 1024px) {
  .active .desc-top .cate {
    transform: translate(0, 0);
  }
}
.main-quickMenu.bg-0 {
  background: url("/rStatic/images/main/info-b0.jpg") no-repeat center/cover;
}
.main-quickMenu.bg-1 {
  background: url("/rStatic/images/main/info-b1.jpg") no-repeat center/cover;
}
.main-quickMenu.bg-2 {
  background: url("/rStatic/images/main/info-b2.jpg") no-repeat center/cover;
}
.main-quickMenu.bg-3 {
  background: url("/rStatic/images/main/info-b3.jpg") no-repeat center/cover;
}
.main-quickMenu.bg-mb1 {
  background: url("/rStatic/images/main/info-mb1.jpg") no-repeat center/cover;
}
.main-quickMenu.bg-mb2 {
  background: url("/rStatic/images/main/info-mb2.jpg") no-repeat center/cover;
}
.main-quickMenu.bg-mb3 {
  background: url("/rStatic/images/main/info-mb3.jpg") no-repeat center/cover;
}

.sub-top {
  padding-top: 9rem;
}
@media (max-width: 768px) {
  .sub-top {
    padding-top: 6rem;
  }
}

.sub-contents {
  overflow: hidden;
  padding-bottom: 18rem;
}
@media (max-width: 768px) {
  .sub-contents {
    padding-bottom: 8rem;
  }
}

@media (max-width: 768px) {
  .sub-etc .sub-top {
    padding-top: 7rem;
  }
}

.sub-title {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.sub-title.ty1 {
  align-items: center;
  text-align: center;
  padding: 8rem 0 6rem;
  gap: 1rem;
}
.sub-title.ty1 h2 {
  font-size: 6.4rem;
  font-weight: 600;
  letter-spacing: -0.48px;
}
.sub-title.ty1 p {
  font-size: 2.4rem;
  color: #666;
}
.sub-title.ty2 {
  padding: 8rem 0 5rem;
}
.sub-title.ty2 h2 {
  text-align: center;
  font-size: 6.4rem;
  font-weight: 600;
}
@media (max-width: 768px) {
  .sub-title.ty1 {
    padding: 2rem 0 2rem;
    gap: 0.5rem;
  }
  .sub-title.ty1 h2 {
    font-size: 3.2rem;
  }
  .sub-title.ty1 p {
    font-size: 1.4rem;
  }
  .sub-title.ty2 {
    padding: 4rem 0 2rem;
  }
  .sub-title.ty2 h2 {
    font-size: 3.2rem;
  }
}

.sub-hty1 {
  padding-top: 6rem;
  margin: 0 0 5rem;
  font-size: 4rem;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.8px;
  margin: 0;
}

.sub-hty2 {
  font-size: 3.8rem;
  font-weight: 700;
  letter-spacing: -0.76px;
  margin: 5rem 0 2rem;
}
@media (max-width: 768px) {
  .sub-hty2 {
    font-size: 2rem;
    letter-spacing: -0.4px;
    margin: 3rem 0 1rem;
  }
}

.sub-hty3 {
  font-size: 2.6rem;
  font-weight: 700;
  margin: 5rem 0 2rem;
}
@media (max-width: 768px) {
  .sub-hty3 {
    font-size: 1.5rem;
    margin: 3rem 0 1rem;
  }
}

.sub-hty2-wp {
  display: flex;
  align-items: flex-end;
  gap: 1.5rem;
  margin: 5rem 0 2rem;
}
.sub-hty2-wp .sub-hty2 {
  margin: 0;
}
.sub-hty2-wp p {
  margin-bottom: 0.6rem;
  color: #666;
}
@media (max-width: 768px) {
  .sub-hty2-wp {
    margin: 3rem 0 1rem;
    display: block;
  }
  .sub-hty2-wp p {
    font-size: 1.3rem;
    margin-top: 0.5rem;
  }
}

.sub-hty2-wp + .form-ui {
  margin-top: 0;
}

.sub-hty2 + .form-ui {
  margin-top: 0;
}

.sub-top-visual {
  width: 100%;
  height: 100dvh;
  position: relative;
  background: #fff;
}
.sub-top-visual .title {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.sub-top-visual h2 {
  width: 100%;
  font-size: 16rem;
  font-weight: 600;
  letter-spacing: -3.2px;
  text-align: center;
  color: #fff;
  padding: 3.5rem 0;
}
.sub-top-visual .visual {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20vw;
  height: 43vh;
}
.sub-top-visual .visual.vs-danji-view {
  position: relative;
}
.sub-top-visual .visual.vs-danji-view img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sub-top-visual .visual.vs-danji-view::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
}
.sub-top-visual .visual.vs-danji {
  background: url("/rStatic/images/sub/vs-danji.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.sub-top-visual .visual.vs-join {
  background: url("/rStatic/images/sub/vs-join.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.sub-top-visual .visual.vs-info-const {
  background: url("/rStatic/images/sub/vs-info-const.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.sub-top-visual .visual.vs-info-movein {
  background: url("/rStatic/images/sub/vs-info-movein.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.sub-top-visual .visual.vs-service {
  background: url("/rStatic/images/sub/vs-service.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.sub-top-visual .visual.vs-service-ha {
  background: url("/rStatic/images/sub/vs-service-ha.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.sub-top-visual .visual.vs-service-guest {
  background: url("/rStatic/images/sub/vs-service-guest.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.sub-top-visual .visual.vs-service-movein {
  background: url("/rStatic/images/sub/vs-service-movein.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.sub-top-visual .visual.vs-service-as {
  background: url("/rStatic/images/sub/vs-service-as.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.sub-top-visual .visual.vs-service-lifebook {
  background: url("/rStatic/images/sub/vs-service-lifebook.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.sub-top-visual .visual.vs-service-qa {
  background: url("/rStatic/images/sub/vs-service-qa.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.sub-top-visual .visual.vs-service-my {
  background: url("/rStatic/images/sub/vs-service-my.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.sub-top-visual .visual.vs-service-pw {
  background: url("/rStatic/images/sub/vs-service-pw.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.sub-top-visual .visual.vs-service-out {
  background: url("/rStatic/images/sub/vs-service-out.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.sub-top-visual .visual.vs-service-fav {
  background: url("/rStatic/images/sub/vs-service-fav.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.sub-top-visual .visual.vs-service-happy {
  background: url("/rStatic/images/sub/vs-service-happy.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.sub-top-visual .visual.vs-service-guide {
  background: url("/rStatic/images/sub/vs-service-guide.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.sub-top-visual .visual.vs-find-id {
  background: url("/rStatic/images/sub/vs-find-id.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.sub-top-visual .visual.vs-find-pw {
  background: url("/rStatic/images/sub/vs-find-pw.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.sub-top-visual .visual.vs-goods-es {
  background: url("/rStatic/images/sub/vs-goods-es.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.sub-top-visual .visual.vs-goods-is {
  background: url("/rStatic/images/sub/vs-goods-is.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.sub-top-visual .visual.vs-goods-gc {
  background: url("/rStatic/images/sub/vs-goods-gc.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.sub-top-visual .visual.vs-goods-col {
  background: url("/rStatic/images/sub/vs-goods-col.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.sub-top-visual .visual.vs-brand-signature {
  background: url("/rStatic/images/sub/vs-brand-signature.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.sub-top-visual .visual.vs-brand-news {
  background: url("/rStatic/images/sub/vs-brand-news.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.sub-top-visual .visual.vs-brand-story {
  background: url("/rStatic/images/sub/vs-brand-story.jpg") no-repeat 50% 50%;
  background-size: cover;
}
@media (max-width: 1024px) {
  .sub-top-visual .visual.vs-danji {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(0, 0);
  }
}
@media (max-width: 1440px) {
  .sub-top-visual h2 {
    font-size: 11vw;
  }
}
@media (max-width: 1024px) {
  .sub-top-visual {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    object-fit: cover;
    position: relative;
    overflow: hidden;
  }
  .sub-top-visual h2 {
    font-size: 8vw;
    padding: 2rem 0;
  }
  .sub-top-visual .visual {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(0, 0);
  }
  .sub-top-visual .visual.vs-danji-view + .title h2 {
    font-size: 8.4vw;
    letter-spacing: -0.1rem;
  }
}
@media (max-width: 768px) {
  .sub-top-visual h2 {
    font-size: 3rem;
    padding: 1rem 0;
    letter-spacing: -0.6px;
  }
}

.sub-contents-wrap {
  position: relative;
  width: 100%;
  background: #fff;
}
.sub-contents-wrap .sub-top {
  padding-top: 2rem;
  padding-bottom: 5rem;
}
@media (max-width: 768px) {
  .sub-contents-wrap .sub-top {
    padding-top: 1rem;
    padding-bottom: 3rem;
  }
}

.sub-ment {
  padding: 6rem 0 0;
  font-size: 3.4rem;
  font-weight: 600;
  letter-spacing: -0.8px;
  line-height: 1.25;
}
@media (max-width: 768px) {
  .sub-ment {
    font-size: 1.8rem;
    padding: 3rem 0 0;
  }
}

.sub-ment + .info-items {
  margin-top: 5rem;
}
@media (max-width: 768px) {
  .sub-ment + .info-items {
    margin-top: 2rem;
  }
}

.sub-ment-box {
  padding: 4rem 2rem;
  background: #f3f3f3;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  gap: 0.7rem;
}
.sub-ment-box .tx-xl {
  font-weight: 700;
}
.sub-ment-box .tx-md {
  color: #666;
}
.sub-ment-box .btn-gray {
  margin-top: 2rem;
}
@media (max-width: 768px) {
  .sub-ment-box {
    gap: 0.8rem;
    padding: 2rem;
  }
}

.tx-md {
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .tx-md {
    font-size: 1.3rem;
  }
}

.tx-xl {
  font-size: 2rem;
}
@media (max-width: 768px) {
  .tx-xl {
    font-size: 1.6rem;
  }
}

.sub-ment + .sub-ment-box {
  margin-top: 5rem;
}
@media (max-width: 768px) {
  .sub-ment + .sub-ment-box {
    margin-top: 2rem;
  }
}

.vphoto {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
.vphoto img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tb-type1 {
  border-top: 1px solid #222;
  border-bottom: 1px solid #222;
}
.tb-type1 .tb-row {
  display: flex;
  border-bottom: 1px solid #dadada;
}
.tb-type1 .tb-row .tb-col {
  padding: 1.2rem 4rem;
  min-height: 7rem;
  font-size: 1.8rem;
  font-weight: 500;
  color: #666;
  width: calc(100% - 14rem);
  display: flex;
  align-items: center;
}
.tb-type1 .tb-row .tb-col:first-child {
  background: #f3f3f3;
  width: 14rem;
  justify-content: center;
  padding: 1.2rem 0;
  color: #222;
}
.tb-type1 .tb-row .tb-col strong {
  font-weight: 600;
  color: #222;
}
.tb-type1 .tb-row .tb-col strong + .btn-gray {
  margin-left: 2rem;
}
@media (max-width: 768px) {
  .tb-type1 .tb-row .tb-col strong + .btn-gray {
    margin-left: 1rem;
  }
}
.tb-type1 .tb-row .tb-col strong + .btn-fav {
  margin-left: 2rem;
}
@media (max-width: 768px) {
  .tb-type1 .tb-row .tb-col strong + .btn-fav {
    margin-left: 1rem;
  }
}
.tb-type1 .tb-row .tb-col .btn-loc-view {
  margin-left: 2rem;
  width: 11rem;
}
.tb-type1 .tb-row .tb-col .btn-gray {
  margin-left: 2rem;
}
@media (max-width: 768px) {
  .tb-type1 .tb-row .tb-col .btn-gray {
    margin-left: 1rem;
  }
}
.tb-type1 .tb-row .tb-col .input {
  height: 4.4rem;
  width: 24rem;
}
.tb-type1 .tb-row .tb-col .select {
  height: 4.4rem;
}
.tb-type1 .tb-row2 {
  display: flex;
}
.tb-type1 .tb-row2 .tb-row {
  flex: 1;
}
.tb-type1 .tb-row3 {
  display: flex;
}
.tb-type1 .tb-row3 .tb-row {
  flex: 1;
  border-bottom: 0;
}
.tb-type1.tb-type-hasBtn {
  display: flex;
}
.tb-type1.tb-type-hasBtn .tb-row2 {
  width: 43.75%;
  flex-direction: column;
}
.tb-type1.tb-type-hasBtn .tb-btns {
  width: 12.5%;
  background: #F3F3F3;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tb-type1.tb-type-hasBtn .tb-btns .btn-fill {
  width: 12.8rem;
}
.tb-type1.tb-type-hasBtn .select {
  width: 24rem;
}
.tb-type1.tb-type-hasBtn .input {
  width: 24rem;
}
@media (max-width: 1024px) {
  .tb-type1 .tb-row .tb-col .input {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .tb-type1 .tb-row .tb-col {
    font-size: 1.3rem;
    padding: 1.6rem 2rem;
    width: 65%;
    height: auto;
    min-height: 5rem;
  }
  .tb-type1 .tb-row .tb-col:first-child {
    width: 35%;
    padding: 1.6rem 0;
  }
  .tb-type1 .tb-row .tb-col .btn-loc-view {
    margin-left: 0;
    margin-top: 1rem;
  }
  .tb-type1 .tb-row .tb-col .btn-gray {
    margin-left: 0;
    margin-top: 1rem;
    height: 3.6rem;
  }
  .tb-type1 .tb-row .tb-col .select {
    width: 100%;
  }
  .tb-type1 .tb-row .tb-col .input {
    width: 100%;
  }
  .tb-type1 .tb-row .tb-col .input-calendar {
    width: 100%;
  }
  .tb-type1 .tb-row2 {
    display: block;
  }
  .tb-type1 .tb-row3 {
    display: block;
  }
  .tb-type1 .tb-row3 .tb-row + .tb-row {
    border-top: 1px solid #dadada;
  }
  .tb-type1.tb-type-hasBtn {
    display: block;
  }
  .tb-type1.tb-type-hasBtn .tb-row2 {
    width: 100%;
  }
  .tb-type1.tb-type-hasBtn .tb-btns {
    width: 100%;
    padding: 1.2rem 0;
  }
}

.tb-type2 {
  display: flex;
  margin-top: 5rem;
  border-top: 1px solid #222;
  border-bottom: 1px solid #222;
}
.tb-type2 .tb-row {
  flex: 1;
}
.tb-type2 .tb-col {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: -0.36px;
  padding: 1.9rem 0;
}
.tb-type2 .tb-col:nth-child(1) {
  background: #f3f3f3;
  text-align: center;
}
.tb-type2 .tb-col:nth-child(2) {
  color: #666;
}
.tb-type2 .tb-col + .tb-col {
  border-top: 1px solid #dadada;
}
.tb-type2 .tb-row + .tb-row {
  border-left: 1px solid #dadada;
}
@media (max-width: 768px) {
  .tb-type2 {
    flex-direction: column;
    margin-top: 3rem;
  }
  .tb-type2 .tb-row {
    display: flex;
  }
  .tb-type2 .tb-col {
    padding: 1.6rem 0;
    border-top: 1px solid #dadada;
  }
  .tb-type2 .tb-col:nth-child(1) {
    width: 12rem;
    font-size: 1.3rem;
  }
  .tb-type2 .tb-col:nth-child(2) {
    width: calc(100% - 12rem);
    font-size: 1.3rem;
  }
  .tb-type2 .tb-row + .tb-row {
    border-left: 0;
  }
}

.sub-search {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background: #f3f3f3;
  padding: 2.5rem 2rem;
}
.sub-search .input-search {
  width: 50%;
  height: 6rem;
  border: 1px solid #dadada;
  border-radius: 0.3rem;
}
.sub-search .input-search input {
  width: 100%;
  height: 100%;
}
.sub-search .input-search button {
  padding: 0 2rem;
}
.sub-search .input-search button .ico-search {
  display: block;
  width: 2.2rem;
  height: 2.2rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2239%22%20height%3D%2239%22%20viewBox%3D%220%200%2039%2039%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M34.8053%2038.4218C35.5906%2039.1986%2036.8569%2039.1918%2037.6337%2038.4066C38.4106%2037.6213%2038.4037%2036.355%2037.6185%2035.5782L34.8053%2038.4218ZM30.5368%2016.0107H28.5368C28.5368%2022.6238%2023.1118%2028.0215%2016.3743%2028.0215V30.0215V32.0215C25.2802%2032.0215%2032.5368%2024.8735%2032.5368%2016.0107H30.5368ZM16.3743%2030.0215V28.0215C9.63686%2028.0215%204.21191%2022.6238%204.21191%2016.0107H2.21191H0.211914C0.211914%2024.8735%207.46844%2032.0215%2016.3743%2032.0215V30.0215ZM2.21191%2016.0107H4.21191C4.21191%209.39764%209.63686%204%2016.3743%204V2V0C7.46844%200%200.211914%207.148%200.211914%2016.0107H2.21191ZM16.3743%202V4C23.1118%204%2028.5368%209.39764%2028.5368%2016.0107H30.5368H32.5368C32.5368%207.148%2025.2802%200%2016.3743%200V2ZM24.9458%2025.8545L23.5392%2027.2763C25.739%2029.4526%2028.5556%2032.239%2030.8222%2034.4813C31.9554%2035.6024%2032.9512%2036.5876%2033.6637%2037.2924C34.0199%2037.6448%2034.3054%2037.9272%2034.5017%2038.1214C34.5999%2038.2185%2034.6758%2038.2937%2034.7271%2038.3445C34.7529%2038.3699%2034.7724%2038.3892%2034.7855%2038.4022C34.7921%2038.4087%2034.797%2038.4135%2034.8003%2038.4169C34.8022%2038.4187%2034.8031%2038.4196%2034.8041%2038.4206C34.8046%2038.4211%2034.8047%2038.4212%2034.805%2038.4215C34.8051%2038.4216%2034.8052%2038.4217%2034.8053%2038.4217C34.8053%2038.4218%2034.8053%2038.4218%2036.2119%2037C37.6185%2035.5782%2037.6185%2035.5782%2037.6184%2035.5781C37.6184%2035.5781%2037.6183%2035.578%2037.6182%2035.5779C37.6181%2035.5778%2037.6175%2035.5772%2037.6172%2035.577C37.6165%2035.5762%2037.6151%2035.5748%2037.6135%2035.5733C37.6102%2035.57%2037.6052%2035.5651%2037.5987%2035.5586C37.5855%2035.5456%2037.566%2035.5263%2037.5403%2035.5008C37.4889%2035.45%2037.413%2035.3749%2037.3149%2035.2778C37.1185%2035.0836%2036.8331%2034.8012%2036.4769%2034.4488C35.7644%2033.744%2034.7686%2032.7588%2033.6353%2031.6377C31.3687%2029.3954%2028.5522%2026.609%2026.3524%2024.4327L24.9458%2025.8545Z%22%20fill%3D%22%23222222%22/%3E%3C/svg%3E");
}
@media (max-width: 768px) {
  .sub-search {
    margin-top: 3rem;
    padding: 2rem 2rem;
  }
  .sub-search .input-search {
    width: 100%;
    height: 5rem;
  }
  .sub-search .input-search input {
    font-size: 1.4rem;
  }
}

form + .scroll-garo-wrap,
.sub-ment-box + .scroll-garo-wrap,
.sub-search + .scroll-garo-wrap {
  margin-top: 5rem;
}
@media (max-width: 768px) {
  form + .scroll-garo-wrap,
  .sub-ment-box + .scroll-garo-wrap,
  .sub-search + .scroll-garo-wrap {
    margin-top: 3rem;
  }
}

.ui-datepicker.ui-widget .ui-datepicker-header .ui-datepicker-next:before,
.ui-datepicker.ui-widget .ui-datepicker-header .ui-datepicker-prev:before {
  content: "";
  width: 2rem;
  height: 2rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2213%22 height%3D%2220%22 viewBox%3D%220 0 13 20%22 fill%3D%22none%22%3E%3Cpath d%3D%22M12 1L2 10L12 19%22 stroke%3D%22%23222222%22 stroke-width%3D%221.5%22/%3E%3C/svg%3E");
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.ui-datepicker.ui-widget .ui-datepicker-header .ui-datepicker-next:before {
  transform: rotate(180deg);
}

aside {
  opacity: 0;
}

.lists-astr > li {
  font-size: 1.8rem;
  color: #666;
  line-height: 1.4;
  letter-spacing: -0.36px;
  display: flex;
}
.lists-astr > li::before {
  content: "※";
  display: inline-block;
  margin-right: 0.5rem;
}
@media (max-width: 768px) {
  .lists-astr > li {
    font-size: 1.3rem;
  }
}

.p-astr {
  color: #666;
  display: flex;
}
.p-astr::before {
  content: "※";
  display: inline-block;
  margin-right: 0.5rem;
}
@media (max-width: 768px) {
  .p-astr {
    font-size: 1.3rem;
  }
}

/*sub motion*/
.n-motion {
  opacity: 0;
  transition: all 0.5s;
}
.n-motion.n-active {
  opacity: 1;
}
.n-motion.n-left {
  transform: translateX(-7rem);
}
.n-motion.n-left.n-active {
  transform: translateX(0);
}
.n-motion.n-right {
  transform: translateX(7rem);
}
.n-motion.n-right.n-active {
  transform: translateX(0);
}
.n-motion.n-top {
  transform: translateY(-7rem);
}
.n-motion.n-top.n-active {
  transform: translateY(0);
}
.n-motion.n-bottom {
  transform: translateY(7rem);
}
.n-motion.n-bottom.n-active {
  transform: translateY(0);
}

/*etc*/
.apartment-sect1 {
  padding-bottom: 5rem;
  border-bottom: 1px solid #dadada;
}
@media (max-width: 768px) {
  .apartment-sect1 {
    padding-bottom: 3rem;
  }
}
.apartment-sect1 .p-astr {
  color: #666;
  margin-top: 1rem;
}
.apartment-sect2 {
  border-bottom: 1px solid #dadada;
  padding: 5rem 0;
  display: flex;
}
.apartment-sect2 .sub-hty2 {
  margin: 0;
  width: 28%;
}
.apartment-sect2 .olists-numbers {
  width: 72%;
}
.apartment-sect2 .olists-numbers > li {
  font-size: 2rem;
  color: #222;
  font-weight: 600;
}
.apartment-sect2 .olists-numbers > li .lists-bars {
  margin-left: -1.6rem;
}
.apartment-sect2 .olists-numbers > li .lists-bars > li {
  color: #666;
  font-weight: 500;
}
.apartment-sect2 .olists-numbers > li .lists-bars > li::before {
  top: 0.7em;
}
.apartment-sect2 .olists-numbers > li + li {
  margin-top: 2rem;
}
@media (max-width: 768px) {
  .apartment-sect2 {
    flex-direction: column;
    padding: 3rem 0;
  }
  .apartment-sect2 .sub-hty2 {
    width: 100%;
    margin-bottom: 1.5rem;
  }
  .apartment-sect2 .olists-numbers {
    width: auto;
  }
  .apartment-sect2 .olists-numbers > li {
    font-size: 1.6rem;
  }
  .apartment-sect2 .olists-numbers > li .lists-bars {
    margin-left: -1.2rem;
  }
  .apartment-sect2 .olists-numbers > li .lists-bars > li {
    font-size: 1.3rem;
  }
}

/*sitemap*/
.sub-sitemap-links {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4rem;
}
.sub-sitemap-links > li {
  border: 1px solid #dadada;
  border-radius: 0.3rem;
}
.sub-sitemap-links > li h3 {
  font-size: 2rem;
  background: #222;
  color: #fff;
  padding: 1.5rem 2rem;
  border-radius: 0.3rem 0.3rem 0 0;
}
.sub-sitemap-links > li > ul {
  padding: 2rem 3rem 5rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.sub-sitemap-links > li > ul > li {
  font-size: 1.8rem;
}
.sub-sitemap-links > li > ul > li > ul > li {
  font-size: 1.4rem;
  margin-top: 1rem;
  padding-left: 1rem;
}
@media (max-width: 1024px) {
  .sub-sitemap-links {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .sub-sitemap-links {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem 1.5rem;
  }
  .sub-sitemap-links > li h3 {
    font-size: 1.6rem;
    padding: 1rem 2rem;
  }
  .sub-sitemap-links > li ul {
    padding: 2rem;
    gap: 1rem;
  }
  .sub-sitemap-links > li ul > li {
    font-size: 1.3rem;
  }
}

/*page/_map.scss*/
.korMap {
  position: relative;
  width: 43.5rem;
  height: 64.2rem;
}
.korMap .korMap-btn {
  position: absolute;
}
.korMap .korMap-btn .local {
  letter-spacing: -0.32px;
}
.korMap .korMap-btn .num {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  background: #222;
  color: #fff;
  margin-top: 0.4rem;
}
.korMap .metro {
  position: relative;
  display: inline-block;
  top: 3.4rem;
  left: 9.9rem;
}
.korMap-gyeonggi {
  position: relative;
  width: 14.3rem;
  height: 18rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%22144%22 height%3D%22180%22 viewBox%3D%220 0 144 180%22 fill%3D%22none%22%3E%3Cpath d%3D%22M140.721 99.4836C137.161 97.3932 132.588 94.6494 128.593 91.383C123.595 87.2891 119.512 82.3677 119.512 76.8693V49.5404C119.512 47.7112 117.563 45.109 114.602 41.7881C109.169 35.7126 100.307 27.22 93.6 16.5498C88.4176 8.29666 80.1648 3.11397 73.2077 0C71.0955 2.10138 68.9507 4.40964 65.3251 6.3477C55.9074 11.378 46.4788 22.0482 38.9447 28.3306C31.4105 34.6129 19.4669 43.4104 13.8163 47.1777C12.0851 48.3318 10.1036 48.5387 8.20919 48.2774C3.91951 47.6785 0 44.6626 0 44.6626L5.03004 53.4601C5.03004 53.4601 5.42199 54.1896 6.00992 55.4199C6.00992 55.4308 6.0208 55.4417 6.03169 55.4635C8.18742 59.9384 13.0215 71.0115 12.5098 79.1013C14.6002 78.9924 18.5088 78.6005 18.5088 78.6005C18.5088 78.6005 19.0314 82.2806 21.1327 83.3367C22.4936 84.0227 23.6695 85.6123 24.3227 86.6467L30.3653 85.0026L37.9648 85.9499L48.3188 88.0295L51.9335 80.9414L55.0582 75.5954L61.656 77.4028L66.5228 73.6464L68.8853 69.4763L80.0015 70.7067C80.0015 70.7067 83.344 71.3708 84.6614 73.3416C85.9788 75.3123 86.1856 77.185 86.1856 77.185L86.7409 80.9414L86.6756 85.9499L86.2292 90.9148L85.5759 93.5388L89.5172 96.1628H95.4291L98.7172 97.4802L95.4291 102.086C95.4291 102.086 94.7759 106.027 94.7759 107.998C94.7759 109.969 92.8052 114.574 92.8052 114.574L85.5759 119.833L79.664 125.745H71.1173L67.176 122.457C67.176 122.457 66.5228 119.822 64.5521 119.822C62.5815 119.822 56.6696 121.793 56.6696 121.793H50.0935L42.2109 115.217L36.299 111.275L32.3577 110.404C31.2472 112.691 29.037 115.925 29.037 115.925L27.9809 121.706L25.357 123.807C24.486 124.504 22.8747 125.473 21.1109 126.475V126.41C19.4016 127.03 10.0601 130.71 10.0601 136.993C10.0601 143.907 18.2257 145.79 32.042 142.546C35.7764 141.675 37.4857 141.696 37.8777 142.317C38.9229 143.983 30.3435 150.004 25.7599 154.588C19.4778 160.87 29.527 168.405 29.527 168.405C27.9047 167.806 26.5873 169.787 27.7523 171.061C32.0529 175.743 38.2043 180.273 45.5425 179.554C60.1536 178.139 70.7907 170.909 80.4043 176.255C84.6396 178.607 88.5482 176.277 88.5482 176.277C88.5482 176.277 92.1846 175.308 99.7188 169.657C107.253 164.006 102.55 159.76 111.967 161.643C121.385 163.527 135.06 150.635 135.06 150.635C134.298 149.209 133.775 146.716 131.75 142.535C127.515 133.803 135.517 119.234 135.985 114.052C136.453 108.869 148.702 104.155 140.699 99.4401L140.721 99.4836Z%22 fill%3D%22%23ffffff%22/%3E%3C/svg%3E");
  background-size: cover;
}
.korMap-gyeonggi .korMap-btn {
  bottom: 3rem;
  right: 1.8rem;
  z-index: 2;
}
.korMap-gyeonggi.on {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%22144%22 height%3D%22180%22 viewBox%3D%220 0 144 180%22 fill%3D%22none%22%3E%3Cpath d%3D%22M140.721 99.4836C137.161 97.3932 132.588 94.6494 128.593 91.383C123.595 87.2891 119.512 82.3677 119.512 76.8693V49.5404C119.512 47.7112 117.563 45.109 114.602 41.7881C109.169 35.7126 100.307 27.22 93.6 16.5498C88.4176 8.29666 80.1648 3.11397 73.2077 0C71.0955 2.10138 68.9507 4.40964 65.3251 6.3477C55.9074 11.378 46.4788 22.0482 38.9447 28.3306C31.4105 34.6129 19.4669 43.4104 13.8163 47.1777C12.0851 48.3318 10.1036 48.5387 8.20919 48.2774C3.91951 47.6785 0 44.6626 0 44.6626L5.03004 53.4601C5.03004 53.4601 5.42199 54.1896 6.00992 55.4199C6.00992 55.4308 6.0208 55.4417 6.03169 55.4635C8.18742 59.9384 13.0215 71.0115 12.5098 79.1013C14.6002 78.9924 18.5088 78.6005 18.5088 78.6005C18.5088 78.6005 19.0314 82.2806 21.1327 83.3367C22.4936 84.0227 23.6695 85.6123 24.3227 86.6467L30.3653 85.0026L37.9648 85.9499L48.3188 88.0295L51.9335 80.9414L55.0582 75.5954L61.656 77.4028L66.5228 73.6464L68.8853 69.4763L80.0015 70.7067C80.0015 70.7067 83.344 71.3708 84.6614 73.3416C85.9788 75.3123 86.1856 77.185 86.1856 77.185L86.7409 80.9414L86.6756 85.9499L86.2292 90.9148L85.5759 93.5388L89.5172 96.1628H95.4291L98.7172 97.4802L95.4291 102.086C95.4291 102.086 94.7759 106.027 94.7759 107.998C94.7759 109.969 92.8052 114.574 92.8052 114.574L85.5759 119.833L79.664 125.745H71.1173L67.176 122.457C67.176 122.457 66.5228 119.822 64.5521 119.822C62.5815 119.822 56.6696 121.793 56.6696 121.793H50.0935L42.2109 115.217L36.299 111.275L32.3577 110.404C31.2472 112.691 29.037 115.925 29.037 115.925L27.9809 121.706L25.357 123.807C24.486 124.504 22.8747 125.473 21.1109 126.475V126.41C19.4016 127.03 10.0601 130.71 10.0601 136.993C10.0601 143.907 18.2257 145.79 32.042 142.546C35.7764 141.675 37.4857 141.696 37.8777 142.317C38.9229 143.983 30.3435 150.004 25.7599 154.588C19.4778 160.87 29.527 168.405 29.527 168.405C27.9047 167.806 26.5873 169.787 27.7523 171.061C32.0529 175.743 38.2043 180.273 45.5425 179.554C60.1536 178.139 70.7907 170.909 80.4043 176.255C84.6396 178.607 88.5482 176.277 88.5482 176.277C88.5482 176.277 92.1846 175.308 99.7188 169.657C107.253 164.006 102.55 159.76 111.967 161.643C121.385 163.527 135.06 150.635 135.06 150.635C134.298 149.209 133.775 146.716 131.75 142.535C127.515 133.803 135.517 119.234 135.985 114.052C136.453 108.869 148.702 104.155 140.699 99.4401L140.721 99.4836Z%22 fill%3D%22%2381503B%22/%3E%3C/svg%3E");
}
.korMap-seoul {
  width: 6.1rem;
  height: 4.5rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2261%22 height%3D%2246%22 viewBox%3D%220 0 61 46%22 fill%3D%22none%22%3E%3Cpath d%3D%22M54.4811 23.8681L50.1588 20.1553L50.8121 15.4952L51.302 10.9114L51.3347 6.96994C51.3347 6.96994 52.1839 3.71444 51.1387 2.13568C50.0826 0.556917 46.8599 0.785559 46.8599 0.785559L40.1532 0.317383L37.5837 3.70354L31.4976 7.56879L25.7163 5.99003L23.0924 11.2489L19.4451 17.9342L11.7367 15.8546L5.43287 14.3629L1.01253 14.3302L2.13395 16.9325L0 22.2458V22.2785L2.19928 23.1495L4.38767 25.8606L4.34412 29.0508L3.67998 31.3482L10.2234 33.7762L15.0248 37.391L21.0673 40.8425L25.8143 40.6356C25.8143 40.6356 33.1525 38.752 34.7312 38.752C36.3099 38.752 38.6289 42.2471 38.6289 42.2471L40.1967 44.2613L42.6355 45.4808L47.9051 44.392L50.5399 41.8551L57.7365 35.8232C57.7365 35.8232 59.2499 33.5476 59.2499 31.9688C59.2499 30.39 60.8612 28.3213 60.8612 28.3213L60.3713 26.1982L58.847 26.2199L54.4703 23.8572L54.4811 23.8681Z%22 fill%3D%22%23ffffff%22/%3E%3C/svg%3E");
  background-size: cover;
  position: absolute;
  bottom: 5.915rem;
  right: 5.15rem;
}
.korMap-seoul .korMap-btn {
  left: 50%;
  transform: translateX(-50%);
  bottom: 0.65rem;
}
.korMap-seoul.on {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2261%22 height%3D%2246%22 viewBox%3D%220 0 61 46%22 fill%3D%22none%22%3E%3Cpath d%3D%22M54.4811 23.8681L50.1588 20.1553L50.8121 15.4952L51.302 10.9114L51.3347 6.96994C51.3347 6.96994 52.1839 3.71444 51.1387 2.13568C50.0826 0.556917 46.8599 0.785559 46.8599 0.785559L40.1532 0.317383L37.5837 3.70354L31.4976 7.56879L25.7163 5.99003L23.0924 11.2489L19.4451 17.9342L11.7367 15.8546L5.43287 14.3629L1.01253 14.3302L2.13395 16.9325L0 22.2458V22.2785L2.19928 23.1495L4.38767 25.8606L4.34412 29.0508L3.67998 31.3482L10.2234 33.7762L15.0248 37.391L21.0673 40.8425L25.8143 40.6356C25.8143 40.6356 33.1525 38.752 34.7312 38.752C36.3099 38.752 38.6289 42.2471 38.6289 42.2471L40.1967 44.2613L42.6355 45.4808L47.9051 44.392L50.5399 41.8551L57.7365 35.8232C57.7365 35.8232 59.2499 33.5476 59.2499 31.9688C59.2499 30.39 60.8612 28.3213 60.8612 28.3213L60.3713 26.1982L58.847 26.2199L54.4703 23.8572L54.4811 23.8681Z%22 fill%3D%22%2381503B%22/%3E%3C/svg%3E");
}
.korMap-seoul.on button.korMap-btn .local {
  color: #222;
}
.korMap-incheon {
  position: absolute;
  right: 11.2rem;
  bottom: 5.8rem;
  width: 4.5rem;
  height: 5.2rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2246%22 height%3D%2253%22 viewBox%3D%220 0 46 53%22 fill%3D%22none%22%3E%3Cpath d%3D%22M44.4471 32.6331L40.1792 28.9203L41.5293 26.1656L42.7487 23.1605L42.2696 22.5726L41.4531 20.972L37.5662 22.4419C36.913 21.4076 35.2363 20.1663 33.8753 19.4804C31.774 18.4242 30.1627 13.6553 30.1627 13.6553C30.1627 13.6553 27.3319 14.0473 25.2524 14.1561C25.2524 14.1997 25.2524 14.2324 25.2415 14.2759C25.0673 13.7424 24.8605 13.2089 24.5883 12.6972C24.5883 12.6863 24.5774 12.6645 24.5665 12.6536C21.8337 7.62335 10.5869 -2.97068 8.18078 2.32089C8.18078 2.32089 -3.35998 3.27904 0.973249 13.3831C5.2956 23.4763 5.77464 26.8407 4.09796 31.1741C2.42128 35.4966 8.19168 38.3819 15.3992 38.3819C18.9703 38.3819 21.714 39.0897 23.4669 38.7521C22.9769 39.6667 22.4326 40.4942 21.8446 41.2128C20.2986 43.1073 21.4418 45.9491 23.8806 46.1342L24.523 46.1886C32.6886 46.8201 33.0261 52.6779 33.0261 52.6779C33.0261 52.6779 32.9281 51.6217 32.7539 51.6871V52.8412C34.5286 51.8395 35.0512 51.9484 35.9222 51.2624L38.5461 49.1611L39.6022 44.4683C39.6022 44.4683 40.778 42.9876 41.8886 40.712L43.489 38.7739L45.0677 37.2714L44.4689 32.6657L44.4471 32.6331Z%22 fill%3D%22%23ffffff%22/%3E%3C/svg%3E");
  background-size: cover;
}
.korMap-incheon.on {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2246%22 height%3D%2253%22 viewBox%3D%220 0 46 53%22 fill%3D%22none%22%3E%3Cpath d%3D%22M44.4471 32.6331L40.1792 28.9203L41.5293 26.1656L42.7487 23.1605L42.2696 22.5726L41.4531 20.972L37.5662 22.4419C36.913 21.4076 35.2363 20.1663 33.8753 19.4804C31.774 18.4242 30.1627 13.6553 30.1627 13.6553C30.1627 13.6553 27.3319 14.0473 25.2524 14.1561C25.2524 14.1997 25.2524 14.2324 25.2415 14.2759C25.0673 13.7424 24.8605 13.2089 24.5883 12.6972C24.5883 12.6863 24.5774 12.6645 24.5665 12.6536C21.8337 7.62335 10.5869 -2.97068 8.18078 2.32089C8.18078 2.32089 -3.35998 3.27904 0.973249 13.3831C5.2956 23.4763 5.77464 26.8407 4.09796 31.1741C2.42128 35.4966 8.19168 38.3819 15.3992 38.3819C18.9703 38.3819 21.714 39.0897 23.4669 38.7521C22.9769 39.6667 22.4326 40.4942 21.8446 41.2128C20.2986 43.1073 21.4418 45.9491 23.8806 46.1342L24.523 46.1886C32.6886 46.8201 33.0261 52.6779 33.0261 52.6779C33.0261 52.6779 32.9281 51.6217 32.7539 51.6871V52.8412C34.5286 51.8395 35.0512 51.9484 35.9222 51.2624L38.5461 49.1611L39.6022 44.4683C39.6022 44.4683 40.778 42.9876 41.8886 40.712L43.489 38.7739L45.0677 37.2714L44.4689 32.6657L44.4471 32.6331Z%22 fill%3D%22%2381503B%22/%3E%3C/svg%3E");
}
.korMap-gangwon {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 2.139rem;
  width: 23.2rem;
  height: 20.8rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%22234%22 height%3D%22209%22 viewBox%3D%220 0 234 209%22 fill%3D%22none%22%3E%3Cpath d%3D%22M223.498 164.594C220.536 152.933 215.768 142.774 210.542 133.999C199.164 114.879 185.642 102.38 183.922 95.4878C182.016 87.8661 177.226 78.448 172.011 69.1388C170.345 66.1664 168.636 63.2048 166.959 60.3086C160.045 48.3754 162.56 32.664 156.278 24.498C149.996 16.332 146.86 0 146.86 0C146.86 0 141.21 3.76725 137.443 12.5648C134.307 19.8924 126.795 27.6337 118.205 30.7477C116.484 31.3683 114.721 31.8256 112.946 32.0325C105.346 32.9253 88.8627 31.9127 79.9676 31.2486C76.3529 30.9764 73.9903 30.7695 73.9903 30.7695C73.9903 30.7695 31.8992 25.7392 16.8199 25.7392C7.54377 25.7392 4.21219 28.5919 0.826172 31.9563C7.7833 35.0811 16.0251 40.2638 21.2185 48.506C26.8256 57.4233 33.946 64.8271 39.3027 70.5651C43.8536 75.4321 47.1308 79.1122 47.1308 81.4967V108.826C47.1308 118.723 60.3265 126.725 68.3288 131.44C68.9712 131.821 69.472 132.191 69.8748 132.572C74.4367 136.906 64.0609 141.272 63.6254 146.041C63.1572 151.223 55.144 165.792 59.3901 174.524C61.4152 178.694 61.9378 181.198 62.7 182.624C63.5274 184.181 64.6488 184.454 68.3397 184.203C75.4057 183.735 86.7178 175.721 92.3684 177.137C96.7561 178.237 111.922 181.884 122.244 185.891C125.216 187.045 127.796 188.232 129.593 189.386C137.606 194.569 148.439 197.399 153.622 202.103C158.804 206.818 171.445 208.233 171.445 208.233C171.445 208.233 168.646 204.096 177.313 202.626C179.196 202.31 181.603 202.103 184.716 202.103C202.147 202.103 196.497 203.518 214.875 200.219C224.761 198.445 229.725 198.445 233.318 198.379C230.553 189.495 227.178 178.988 223.509 164.561L223.498 164.594Z%22 fill%3D%22%23ffffff%22/%3E%3C/svg%3E");
  background-size: cover;
}
.korMap-gangwon.on {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%22234%22 height%3D%22209%22 viewBox%3D%220 0 234 209%22 fill%3D%22none%22%3E%3Cpath d%3D%22M223.498 164.594C220.536 152.933 215.768 142.774 210.542 133.999C199.164 114.879 185.642 102.38 183.922 95.4878C182.016 87.8661 177.226 78.448 172.011 69.1388C170.345 66.1664 168.636 63.2048 166.959 60.3086C160.045 48.3754 162.56 32.664 156.278 24.498C149.996 16.332 146.86 0 146.86 0C146.86 0 141.21 3.76725 137.443 12.5648C134.307 19.8924 126.795 27.6337 118.205 30.7477C116.484 31.3683 114.721 31.8256 112.946 32.0325C105.346 32.9253 88.8627 31.9127 79.9676 31.2486C76.3529 30.9764 73.9903 30.7695 73.9903 30.7695C73.9903 30.7695 31.8992 25.7392 16.8199 25.7392C7.54377 25.7392 4.21219 28.5919 0.826172 31.9563C7.7833 35.0811 16.0251 40.2638 21.2185 48.506C26.8256 57.4233 33.946 64.8271 39.3027 70.5651C43.8536 75.4321 47.1308 79.1122 47.1308 81.4967V108.826C47.1308 118.723 60.3265 126.725 68.3288 131.44C68.9712 131.821 69.472 132.191 69.8748 132.572C74.4367 136.906 64.0609 141.272 63.6254 146.041C63.1572 151.223 55.144 165.792 59.3901 174.524C61.4152 178.694 61.9378 181.198 62.7 182.624C63.5274 184.181 64.6488 184.454 68.3397 184.203C75.4057 183.735 86.7178 175.721 92.3684 177.137C96.7561 178.237 111.922 181.884 122.244 185.891C125.216 187.045 127.796 188.232 129.593 189.386C137.606 194.569 148.439 197.399 153.622 202.103C158.804 206.818 171.445 208.233 171.445 208.233C171.445 208.233 168.646 204.096 177.313 202.626C179.196 202.31 181.603 202.103 184.716 202.103C202.147 202.103 196.497 203.518 214.875 200.219C224.761 198.445 229.725 198.445 233.318 198.379C230.553 189.495 227.178 178.988 223.509 164.561L223.498 164.594Z%22 fill%3D%22%2381503B%22/%3E%3C/svg%3E");
}
.korMap-chungcheong {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 18.6rem;
  left: 6rem;
  width: 27.2rem;
  height: 15.5rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%22272%22 height%3D%22155%22 viewBox%3D%220 0 272 155%22 fill%3D%22none%22%3E%3Cpath d%3D%22M210.575 0.163778C209.573 -0.0866463 208.398 -0.032197 207.102 0.207339C201.059 1.35058 192.36 6.84902 186.546 7.2301C182.855 7.48052 181.734 7.20832 180.907 5.65134C180.907 5.65134 167.232 18.5427 157.814 16.6591C153.829 15.8643 152.37 16.1691 151.445 17.2035C150.182 18.6189 149.91 21.4063 145.566 24.6727C142.887 26.6761 139.959 28.3419 137.28 29.6485C133.219 31.2381 127.492 32.904 121.896 32.5556C120.492 32.4685 119.022 32.4249 117.53 32.4031C113.567 31.7825 109.397 31.5103 105.119 31.837C105.064 31.837 105.042 31.8261 105.042 31.8261V31.8479C102.462 32.0438 99.849 32.4467 97.2251 33.1435C92.9027 34.2868 88.2211 35.5171 83.0386 36.0289C76.5823 36.6495 71.0515 33.2306 66.8815 29.213C62.9185 25.3913 58.4437 22.1467 53.5226 19.7513C52.6951 19.3484 51.8568 18.9565 51.0075 18.6081C47.8066 17.2797 44.7581 15.9405 42.5262 14.8299C34.992 11.0627 15.5142 14.8299 15.5142 17.345C15.5142 19.3702 17.9748 28.7883 17.9204 35.3102C17.9095 36.8563 17.7571 38.25 17.3978 39.3388C15.5142 44.9897 7.34858 19.2396 4.83356 21.1232C2.31855 23.0068 -1.44853 34.3194 1.06648 51.2829C3.5815 68.2464 9.23213 61.3326 19.9128 67.6149C30.5934 73.8973 26.1949 73.2658 28.7099 89.6849C31.2249 106.104 34.3605 96.5117 32.477 104.678C31.9762 106.833 31.6169 108.63 31.3011 110.339C30.4192 115.108 29.9293 119.137 28.0784 127.924C26.1187 137.222 39.8043 145.388 42.6677 147.936C46.2061 147.805 51.4321 146.509 58.5417 142.056C72.4668 133.357 71.9334 121.14 89.2119 134.086C90.6381 135.153 92.1841 136.384 93.8717 137.821C100.001 143.003 100.47 142.339 108.951 138.191C117.432 134.053 120.263 146.771 124.498 147.947C128.734 149.123 132.512 146.771 139.578 151.006C144.967 154.24 145.446 155.274 151.02 154.752C151.02 154.752 151.02 154.752 151.031 154.752C151.064 154.752 151.097 154.752 151.118 154.741C152.229 154.632 153.514 154.468 155.092 154.251C155.092 154.24 155.092 154.218 155.092 154.207C161.712 153.303 172.371 151.823 172.817 151.757C176.268 151.659 179.001 152.073 180.732 153.173C191.326 147.838 192.284 146.923 195.049 135.415C197.88 123.634 197.129 134.282 204.195 131.016C211.261 127.76 190.814 120.335 186.1 115.62C181.386 110.906 189.399 101.008 190.814 92.3089C192.001 84.9704 190.531 78.111 192.012 72.2315C192.284 71.1426 192.654 70.0756 193.166 69.0522C194.581 66.2648 197.292 65.862 199.938 66.3193C203.455 66.929 206.83 69.0522 206.83 69.0522C206.83 69.0522 224.086 57.8049 232.851 54.3751C234.724 53.6348 236.226 53.2537 237.064 53.417C241.866 54.3642 251.577 52.4697 255.355 44.4671C259.122 36.4535 271.85 25.1517 271.85 25.1517C266.668 20.4372 255.834 17.6172 247.821 12.4346C239.808 7.25187 216.258 1.601 210.597 0.185558L210.575 0.163778Z%22 fill%3D%22%23ffffff%22/%3E%3C/svg%3E");
  background-size: cover;
}
.korMap-chungcheong.on {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%22272%22 height%3D%22155%22 viewBox%3D%220 0 272 155%22 fill%3D%22none%22%3E%3Cpath d%3D%22M210.575 0.163778C209.573 -0.0866463 208.398 -0.032197 207.102 0.207339C201.059 1.35058 192.36 6.84902 186.546 7.2301C182.855 7.48052 181.734 7.20832 180.907 5.65134C180.907 5.65134 167.232 18.5427 157.814 16.6591C153.829 15.8643 152.37 16.1691 151.445 17.2035C150.182 18.6189 149.91 21.4063 145.566 24.6727C142.887 26.6761 139.959 28.3419 137.28 29.6485C133.219 31.2381 127.492 32.904 121.896 32.5556C120.492 32.4685 119.022 32.4249 117.53 32.4031C113.567 31.7825 109.397 31.5103 105.119 31.837C105.064 31.837 105.042 31.8261 105.042 31.8261V31.8479C102.462 32.0438 99.849 32.4467 97.2251 33.1435C92.9027 34.2868 88.2211 35.5171 83.0386 36.0289C76.5823 36.6495 71.0515 33.2306 66.8815 29.213C62.9185 25.3913 58.4437 22.1467 53.5226 19.7513C52.6951 19.3484 51.8568 18.9565 51.0075 18.6081C47.8066 17.2797 44.7581 15.9405 42.5262 14.8299C34.992 11.0627 15.5142 14.8299 15.5142 17.345C15.5142 19.3702 17.9748 28.7883 17.9204 35.3102C17.9095 36.8563 17.7571 38.25 17.3978 39.3388C15.5142 44.9897 7.34858 19.2396 4.83356 21.1232C2.31855 23.0068 -1.44853 34.3194 1.06648 51.2829C3.5815 68.2464 9.23213 61.3326 19.9128 67.6149C30.5934 73.8973 26.1949 73.2658 28.7099 89.6849C31.2249 106.104 34.3605 96.5117 32.477 104.678C31.9762 106.833 31.6169 108.63 31.3011 110.339C30.4192 115.108 29.9293 119.137 28.0784 127.924C26.1187 137.222 39.8043 145.388 42.6677 147.936C46.2061 147.805 51.4321 146.509 58.5417 142.056C72.4668 133.357 71.9334 121.14 89.2119 134.086C90.6381 135.153 92.1841 136.384 93.8717 137.821C100.001 143.003 100.47 142.339 108.951 138.191C117.432 134.053 120.263 146.771 124.498 147.947C128.734 149.123 132.512 146.771 139.578 151.006C144.967 154.24 145.446 155.274 151.02 154.752C151.02 154.752 151.02 154.752 151.031 154.752C151.064 154.752 151.097 154.752 151.118 154.741C152.229 154.632 153.514 154.468 155.092 154.251C155.092 154.24 155.092 154.218 155.092 154.207C161.712 153.303 172.371 151.823 172.817 151.757C176.268 151.659 179.001 152.073 180.732 153.173C191.326 147.838 192.284 146.923 195.049 135.415C197.88 123.634 197.129 134.282 204.195 131.016C211.261 127.76 190.814 120.335 186.1 115.62C181.386 110.906 189.399 101.008 190.814 92.3089C192.001 84.9704 190.531 78.111 192.012 72.2315C192.284 71.1426 192.654 70.0756 193.166 69.0522C194.581 66.2648 197.292 65.862 199.938 66.3193C203.455 66.929 206.83 69.0522 206.83 69.0522C206.83 69.0522 224.086 57.8049 232.851 54.3751C234.724 53.6348 236.226 53.2537 237.064 53.417C241.866 54.3642 251.577 52.4697 255.355 44.4671C259.122 36.4535 271.85 25.1517 271.85 25.1517C266.668 20.4372 255.834 17.6172 247.821 12.4346C239.808 7.25187 216.258 1.601 210.597 0.185558L210.575 0.163778Z%22 fill%3D%22%2381503B%22/%3E%3C/svg%3E");
}
.korMap-gyeongsang {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 21.3rem;
  right: 0;
  width: 22.9rem;
  height: 30.4rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%22230%22 height%3D%22305%22 viewBox%3D%220 0 230 305%22 fill%3D%22none%22%3E%3Cpath d%3D%22M111.906 267.264C105.177 271.107 110.948 270.149 108.542 274.962C106.136 279.774 99.8861 271.597 99.8861 271.597C97.8393 269.322 92.7657 269.986 94.5948 275.441C96.4239 280.896 93.1576 286.013 97.0009 286.503C100.844 286.982 99.4071 291.794 99.8861 298.044C100.365 304.294 104.208 304.294 108.063 304.294C111.917 304.294 109.5 298.044 117.197 291.794C124.895 285.545 126.811 282.18 125.374 271.88C123.937 261.58 118.645 263.431 111.917 267.275L111.906 267.264Z%22 fill%3D%22%23ffffff%22/%3E%3Cpath d%3D%22M229.285 125.241C226.149 117.075 221.119 139.057 212.322 140.941C205.659 142.367 205.844 135.856 207.695 119.252C208.283 113.928 209.045 107.58 209.807 100.111C212.953 69.3307 218.604 63.0483 218.604 39.171C218.604 24.581 215.784 14.6839 211.451 0.736328C207.858 0.801656 202.893 0.801642 193.007 2.57639C174.629 5.87545 180.291 4.46002 162.849 4.46002C145.407 4.46002 153.431 10.59 153.431 10.59C153.431 10.59 139.963 9.43584 133.551 5.73392C132.865 5.34195 132.266 4.91732 131.765 4.46002C131.765 4.46002 119.048 15.7726 115.27 23.7753C111.503 31.7889 101.781 33.6725 96.9794 32.7253C92.864 31.9195 73.6039 43.9726 68.1711 47.435C67.2674 48.012 66.7339 48.3604 66.7339 48.3604C66.7339 48.3604 56.369 41.8494 53.0701 48.3604C49.7712 54.8715 51.1212 62.9068 49.7058 71.6172C48.2905 80.3167 41.8559 85.0965 46.5702 89.811C51.2845 94.5255 78.6884 102.996 71.6224 106.263C64.5564 109.518 57.7953 102.942 54.9645 114.723C52.1991 126.231 51.241 127.146 40.6474 132.481C43.206 134.114 43.587 137.261 40.8325 142.52L38.078 150.435C32.4164 161.269 20.6362 152.319 13.5702 168.335C6.50415 184.352 7.91953 199.431 9.33491 203.678C9.82485 205.159 9.05183 207.227 7.83243 209.274C5.56782 213.085 1.78985 216.863 1.78985 216.863C-3.08776 222.677 6.97232 239.946 10.2712 246.076C12.5358 250.278 18.5566 261.123 22.1277 267.525C22.585 268.352 23.2818 268.984 24.0875 269.463C24.3053 269.594 24.523 269.713 24.7516 269.822C25.4593 270.16 25.8404 271.227 25.5029 273.241C24.2508 280.776 29.9014 287.69 39.3191 287.69C48.7368 287.69 48.1163 287.058 53.7669 280.776C53.8431 280.689 53.9193 280.601 53.9955 280.525C54.7794 279.6 55.1496 278.478 55.1496 277.324C55.1714 277.324 55.1823 277.357 55.204 277.368C55.3347 275.735 54.7032 274.482 54.0391 273.807C53.952 273.622 53.8431 273.437 53.7669 273.252C53.2007 271.848 54.2786 271.956 55.1278 273.056C57.0005 275.495 60.4518 276.159 62.9342 274.319C63.7834 273.698 64.6979 272.925 65.7105 271.989C66.2549 271.488 66.7775 271.042 67.2892 270.628C74.5947 264.792 79.5703 267.166 80.1582 270.105C80.7897 273.241 75.7597 280.787 80.1582 282.039C84.5568 283.291 84.5568 290.205 85.8088 292.088C87.0609 293.972 90.2074 283.922 90.8389 275.756C91.4703 267.59 96.4895 263.823 103.403 261.406C110.317 258.989 114.715 258.793 125.385 258.793C125.679 258.793 125.962 258.793 126.245 258.793C136.327 258.825 141.422 259.468 153.018 261.297C157.971 262.081 164.439 257.987 170.797 252.086C178.07 245.346 185.201 236.244 189.806 229.308C189.806 229.308 189.806 229.286 189.817 229.286C189.937 229.112 190.057 228.938 190.166 228.764C190.155 228.753 190.133 228.731 190.111 228.72C191.091 226.608 192.909 220.848 192.909 220.848C193.835 219.433 194.651 218.115 195.337 216.939C202.251 205.006 206.018 203.743 206.018 203.743L211.669 196.829C217.319 189.915 212.921 185.517 217.951 169.816C222.981 154.116 232.398 133.374 229.263 125.208L229.285 125.241Z%22 fill%3D%22%23ffffff%22/%3E%3C/svg%3E");
  background-size: cover;
}
.korMap-gyeongsang.on {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%22230%22 height%3D%22305%22 viewBox%3D%220 0 230 305%22 fill%3D%22none%22%3E%3Cpath d%3D%22M111.906 267.264C105.177 271.107 110.948 270.149 108.542 274.962C106.136 279.774 99.8861 271.597 99.8861 271.597C97.8393 269.322 92.7657 269.986 94.5948 275.441C96.4239 280.896 93.1576 286.013 97.0009 286.503C100.844 286.982 99.4071 291.794 99.8861 298.044C100.365 304.294 104.208 304.294 108.063 304.294C111.917 304.294 109.5 298.044 117.197 291.794C124.895 285.545 126.811 282.18 125.374 271.88C123.937 261.58 118.645 263.431 111.917 267.275L111.906 267.264Z%22 fill%3D%22%2381503B%22/%3E%3Cpath d%3D%22M229.285 125.241C226.149 117.075 221.119 139.057 212.322 140.941C205.659 142.367 205.844 135.856 207.695 119.252C208.283 113.928 209.045 107.58 209.807 100.111C212.953 69.3307 218.604 63.0483 218.604 39.171C218.604 24.581 215.784 14.6839 211.451 0.736328C207.858 0.801656 202.893 0.801642 193.007 2.57639C174.629 5.87545 180.291 4.46002 162.849 4.46002C145.407 4.46002 153.431 10.59 153.431 10.59C153.431 10.59 139.963 9.43584 133.551 5.73392C132.865 5.34195 132.266 4.91732 131.765 4.46002C131.765 4.46002 119.048 15.7726 115.27 23.7753C111.503 31.7889 101.781 33.6725 96.9794 32.7253C92.864 31.9195 73.6039 43.9726 68.1711 47.435C67.2674 48.012 66.7339 48.3604 66.7339 48.3604C66.7339 48.3604 56.369 41.8494 53.0701 48.3604C49.7712 54.8715 51.1212 62.9068 49.7058 71.6172C48.2905 80.3167 41.8559 85.0965 46.5702 89.811C51.2845 94.5255 78.6884 102.996 71.6224 106.263C64.5564 109.518 57.7953 102.942 54.9645 114.723C52.1991 126.231 51.241 127.146 40.6474 132.481C43.206 134.114 43.587 137.261 40.8325 142.52L38.078 150.435C32.4164 161.269 20.6362 152.319 13.5702 168.335C6.50415 184.352 7.91953 199.431 9.33491 203.678C9.82485 205.159 9.05183 207.227 7.83243 209.274C5.56782 213.085 1.78985 216.863 1.78985 216.863C-3.08776 222.677 6.97232 239.946 10.2712 246.076C12.5358 250.278 18.5566 261.123 22.1277 267.525C22.585 268.352 23.2818 268.984 24.0875 269.463C24.3053 269.594 24.523 269.713 24.7516 269.822C25.4593 270.16 25.8404 271.227 25.5029 273.241C24.2508 280.776 29.9014 287.69 39.3191 287.69C48.7368 287.69 48.1163 287.058 53.7669 280.776C53.8431 280.689 53.9193 280.601 53.9955 280.525C54.7794 279.6 55.1496 278.478 55.1496 277.324C55.1714 277.324 55.1823 277.357 55.204 277.368C55.3347 275.735 54.7032 274.482 54.0391 273.807C53.952 273.622 53.8431 273.437 53.7669 273.252C53.2007 271.848 54.2786 271.956 55.1278 273.056C57.0005 275.495 60.4518 276.159 62.9342 274.319C63.7834 273.698 64.6979 272.925 65.7105 271.989C66.2549 271.488 66.7775 271.042 67.2892 270.628C74.5947 264.792 79.5703 267.166 80.1582 270.105C80.7897 273.241 75.7597 280.787 80.1582 282.039C84.5568 283.291 84.5568 290.205 85.8088 292.088C87.0609 293.972 90.2074 283.922 90.8389 275.756C91.4703 267.59 96.4895 263.823 103.403 261.406C110.317 258.989 114.715 258.793 125.385 258.793C125.679 258.793 125.962 258.793 126.245 258.793C136.327 258.825 141.422 259.468 153.018 261.297C157.971 262.081 164.439 257.987 170.797 252.086C178.07 245.346 185.201 236.244 189.806 229.308C189.806 229.308 189.806 229.286 189.817 229.286C189.937 229.112 190.057 228.938 190.166 228.764C190.155 228.753 190.133 228.731 190.111 228.72C191.091 226.608 192.909 220.848 192.909 220.848C193.835 219.433 194.651 218.115 195.337 216.939C202.251 205.006 206.018 203.743 206.018 203.743L211.669 196.829C217.319 189.915 212.921 185.517 217.951 169.816C222.981 154.116 232.398 133.374 229.263 125.208L229.285 125.241Z%22 fill%3D%22%2381503B%22/%3E%3C/svg%3E");
}
.korMap-jeolla {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 32.281rem;
  left: 2.722rem;
  width: 20.9rem;
  height: 23.7rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%22210%22 height%3D%22238%22 viewBox%3D%220 0 210 238%22 fill%3D%22none%22%3E%3Cpath d%3D%22M193.219 26.2034C180.503 28.0871 181.907 27.6189 174.841 23.3726C171.88 21.5978 169.506 20.9772 167.416 20.7812C164.531 20.4982 162.223 20.999 159.762 20.3131C155.527 19.1372 152.696 6.40907 144.215 10.5574C135.733 14.6948 135.265 15.3699 129.136 10.1872C123.746 5.62514 119.783 2.99025 116.658 1.72724C106.914 -2.19244 105.216 7.29102 93.8056 14.4227C86.6851 18.8758 81.4591 20.1715 77.9315 20.3022C78.7372 21.0208 78.6828 21.3039 77.1585 21.0208C70.245 19.7687 62.0793 24.788 77.1585 32.3334C92.2378 39.8679 84.6927 41.7515 77.79 41.7515C73.7834 41.7515 75.471 44.7131 73.8052 48.9267C72.5967 51.9645 69.6353 55.6555 61.4587 59.3465C41.981 68.144 51.4096 66.2604 65.2258 72.3359C79.0421 78.4114 63.3423 77.5621 53.9137 82.5924C50.9632 84.1603 49.624 86.5339 48.9272 89.2994C48.9272 89.2994 48.9272 89.3321 48.9163 89.3538C48.6768 90.3229 48.5135 91.3246 48.3937 92.3698C47.8167 96.7142 48.1106 100.013 48.1106 100.013C47.5227 105.457 47.98 112.055 43.7121 116.683C43.429 116.998 43.1459 117.292 42.8846 117.586C36.0581 124.958 34.6537 126.33 43.7121 131.763C53.1298 137.413 46.8586 138.045 45.5956 145.579C44.3436 153.114 33.6629 138.666 26.1178 139.297C18.5837 139.929 21.7193 148.095 29.2643 144.948C36.7985 141.801 40.5765 147.463 38.6929 151.862C36.8094 156.261 28.0123 158.144 25.4973 165.058C22.9822 171.972 31.1479 171.972 29.8958 177.623C28.6437 183.274 33.0423 194.586 33.0423 194.586C33.0423 194.586 28.0123 189.556 19.8466 179.507C11.681 169.457 21.7302 188.304 23.6137 197.102C25.4973 205.899 32.4108 200.248 38.6929 205.268C41.1644 207.249 43.1459 209.623 44.5286 212.377C46.6626 216.624 47.3703 221.785 46.238 227.882C44.3544 237.931 53.1516 236.679 62.5693 227.882C71.9978 219.084 71.3664 222.852 76.3855 212.181C81.4156 201.5 82.6676 209.035 82.6676 217.908C82.6676 226.782 88.3182 223.494 99.6304 217.908C109.647 212.965 105.379 213.76 109.07 207.02C109.549 206.149 110.148 205.159 110.943 204.015C117.856 193.966 119.74 195.218 130.42 188.315C141.101 181.401 135.45 181.401 141.101 187.683C146.752 193.966 138.586 192.714 132.935 198.365C127.285 204.015 124.138 200.248 117.236 211.561C110.322 222.873 121.634 210.929 132.935 213.444C138.02 214.577 138.782 216.21 138.662 217.157C139 216.743 139.566 216.156 140.48 215.328C146.762 209.677 147.394 219.095 154.928 215.328C162.462 211.561 152.413 207.794 151.128 204.647C149.844 201.511 163.725 203.395 161.842 197.733C159.958 192.082 150.53 192.082 151.161 181.401C151.411 177.068 151.88 175.532 152.707 175.021C153.937 174.269 155.962 175.728 159.327 173.867C164.977 170.731 159.958 166.953 168.679 170.099C177.4 173.235 169.376 171.983 168.744 186.431C168.113 200.88 171.891 193.345 171.891 197.112C171.891 200.88 176.289 208.425 181.94 209.677C187.591 210.929 176.91 202.143 176.91 191.462C176.91 180.78 181.309 185.179 185.076 190.209C188.843 195.24 185.076 198.375 185.076 198.375C185.076 198.375 190.106 202.143 193.241 198.375C196.377 194.608 190.095 182.043 188.843 173.877C188.483 171.558 188.941 169.446 189.746 167.78C191.292 164.579 191.162 160.823 189.431 157.709C185.979 151.503 181.711 143.805 179.893 140.429C176.79 134.659 167.677 119.002 170.715 112.338C170.987 111.979 171.227 111.598 171.412 111.206C171.673 110.662 171.891 110.128 172.076 109.616C172.141 109.453 172.207 109.279 172.261 109.061C172.261 109.05 172.261 109.028 172.272 109.018C172.392 108.615 172.49 108.234 172.566 107.853C173.927 102.779 176.257 97.9554 176.257 97.9554C178.151 95.3096 179.763 92.2936 179.109 90.3011C178.217 87.6336 177.335 80.6652 178.554 71.8677C179.273 66.6959 180.732 60.8926 183.345 54.9587C190.411 38.9424 202.191 47.8923 207.852 37.0588C213.514 26.2252 205.958 24.3416 193.241 26.2252L193.219 26.2034Z%22 fill%3D%22%23ffffff%22/%3E%3Cpath d%3D%22M27.555 234.11C31.3983 238.922 35.2525 218.246 34.7625 215.361C34.6972 214.958 34.3597 214.424 33.8153 213.815C29.3079 208.632 21.3818 208.512 16.33 213.15C15.8836 213.553 15.4045 213.978 14.871 214.402C5.43155 222.1 -3.22402 224.017 2.06731 229.308C7.35865 234.6 23.7008 229.308 27.5441 234.121L27.555 234.11Z%22 fill%3D%22%23ffffff%22/%3E%3Cpath d%3D%22M71.301 232.183C71.301 232.183 62.1664 234.763 65.0516 236.353C67.9368 237.942 73.7072 238.127 74.6653 236.353C75.6234 234.578 71.301 232.183 71.301 232.183Z%22 fill%3D%22%23ffffff%22/%3E%3C/svg%3E");
  background-size: cover;
}
.korMap-jeolla.on {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%22210%22 height%3D%22238%22 viewBox%3D%220 0 210 238%22 fill%3D%22none%22%3E%3Cpath d%3D%22M193.219 26.2034C180.503 28.0871 181.907 27.6189 174.841 23.3726C171.88 21.5978 169.506 20.9772 167.416 20.7812C164.531 20.4982 162.223 20.999 159.762 20.3131C155.527 19.1372 152.696 6.40907 144.215 10.5574C135.733 14.6948 135.265 15.3699 129.136 10.1872C123.746 5.62514 119.783 2.99025 116.658 1.72724C106.914 -2.19244 105.216 7.29102 93.8056 14.4227C86.6851 18.8758 81.4591 20.1715 77.9315 20.3022C78.7372 21.0208 78.6828 21.3039 77.1585 21.0208C70.245 19.7687 62.0793 24.788 77.1585 32.3334C92.2378 39.8679 84.6927 41.7515 77.79 41.7515C73.7834 41.7515 75.471 44.7131 73.8052 48.9267C72.5967 51.9645 69.6353 55.6555 61.4587 59.3465C41.981 68.144 51.4096 66.2604 65.2258 72.3359C79.0421 78.4114 63.3423 77.5621 53.9137 82.5924C50.9632 84.1603 49.624 86.5339 48.9272 89.2994C48.9272 89.2994 48.9272 89.3321 48.9163 89.3538C48.6768 90.3229 48.5135 91.3246 48.3937 92.3698C47.8167 96.7142 48.1106 100.013 48.1106 100.013C47.5227 105.457 47.98 112.055 43.7121 116.683C43.429 116.998 43.1459 117.292 42.8846 117.586C36.0581 124.958 34.6537 126.33 43.7121 131.763C53.1298 137.413 46.8586 138.045 45.5956 145.579C44.3436 153.114 33.6629 138.666 26.1178 139.297C18.5837 139.929 21.7193 148.095 29.2643 144.948C36.7985 141.801 40.5765 147.463 38.6929 151.862C36.8094 156.261 28.0123 158.144 25.4973 165.058C22.9822 171.972 31.1479 171.972 29.8958 177.623C28.6437 183.274 33.0423 194.586 33.0423 194.586C33.0423 194.586 28.0123 189.556 19.8466 179.507C11.681 169.457 21.7302 188.304 23.6137 197.102C25.4973 205.899 32.4108 200.248 38.6929 205.268C41.1644 207.249 43.1459 209.623 44.5286 212.377C46.6626 216.624 47.3703 221.785 46.238 227.882C44.3544 237.931 53.1516 236.679 62.5693 227.882C71.9978 219.084 71.3664 222.852 76.3855 212.181C81.4156 201.5 82.6676 209.035 82.6676 217.908C82.6676 226.782 88.3182 223.494 99.6304 217.908C109.647 212.965 105.379 213.76 109.07 207.02C109.549 206.149 110.148 205.159 110.943 204.015C117.856 193.966 119.74 195.218 130.42 188.315C141.101 181.401 135.45 181.401 141.101 187.683C146.752 193.966 138.586 192.714 132.935 198.365C127.285 204.015 124.138 200.248 117.236 211.561C110.322 222.873 121.634 210.929 132.935 213.444C138.02 214.577 138.782 216.21 138.662 217.157C139 216.743 139.566 216.156 140.48 215.328C146.762 209.677 147.394 219.095 154.928 215.328C162.462 211.561 152.413 207.794 151.128 204.647C149.844 201.511 163.725 203.395 161.842 197.733C159.958 192.082 150.53 192.082 151.161 181.401C151.411 177.068 151.88 175.532 152.707 175.021C153.937 174.269 155.962 175.728 159.327 173.867C164.977 170.731 159.958 166.953 168.679 170.099C177.4 173.235 169.376 171.983 168.744 186.431C168.113 200.88 171.891 193.345 171.891 197.112C171.891 200.88 176.289 208.425 181.94 209.677C187.591 210.929 176.91 202.143 176.91 191.462C176.91 180.78 181.309 185.179 185.076 190.209C188.843 195.24 185.076 198.375 185.076 198.375C185.076 198.375 190.106 202.143 193.241 198.375C196.377 194.608 190.095 182.043 188.843 173.877C188.483 171.558 188.941 169.446 189.746 167.78C191.292 164.579 191.162 160.823 189.431 157.709C185.979 151.503 181.711 143.805 179.893 140.429C176.79 134.659 167.677 119.002 170.715 112.338C170.987 111.979 171.227 111.598 171.412 111.206C171.673 110.662 171.891 110.128 172.076 109.616C172.141 109.453 172.207 109.279 172.261 109.061C172.261 109.05 172.261 109.028 172.272 109.018C172.392 108.615 172.49 108.234 172.566 107.853C173.927 102.779 176.257 97.9554 176.257 97.9554C178.151 95.3096 179.763 92.2936 179.109 90.3011C178.217 87.6336 177.335 80.6652 178.554 71.8677C179.273 66.6959 180.732 60.8926 183.345 54.9587C190.411 38.9424 202.191 47.8923 207.852 37.0588C213.514 26.2252 205.958 24.3416 193.241 26.2252L193.219 26.2034Z%22 fill%3D%22%2381503B%22/%3E%3Cpath d%3D%22M27.555 234.11C31.3983 238.922 35.2525 218.246 34.7625 215.361C34.6972 214.958 34.3597 214.424 33.8153 213.815C29.3079 208.632 21.3818 208.512 16.33 213.15C15.8836 213.553 15.4045 213.978 14.871 214.402C5.43155 222.1 -3.22402 224.017 2.06731 229.308C7.35865 234.6 23.7008 229.308 27.5441 234.121L27.555 234.11Z%22 fill%3D%22%2381503B%22/%3E%3Cpath d%3D%22M71.301 232.183C71.301 232.183 62.1664 234.763 65.0516 236.353C67.9368 237.942 73.7072 238.127 74.6653 236.353C75.6234 234.578 71.301 232.183 71.301 232.183Z%22 fill%3D%22%2381503B%22/%3E%3C/svg%3E");
}
.korMap-jeju {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 7.7533rem;
  height: 4.1906rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2278%22 height%3D%2242%22 viewBox%3D%220 0 78 42%22 fill%3D%22none%22%3E%3Cpath d%3D%22M54.7501 0.233566C53.509 0.331558 52.2351 0.451265 50.896 0.647249C36.7204 2.67242 24.5808 7.73535 24.5808 7.73535C24.5808 7.73535 20.5307 6.72276 12.4304 11.2739C4.33004 15.8251 0.791592 19.3746 0.279878 31.0139C0.247216 31.6889 0.236328 32.2878 0.236328 32.8322C0.236328 41.695 4.02519 34.3674 7.36765 39.6154C10.9061 45.1792 10.9061 39.6154 19.0064 37.0894C27.1067 34.5634 32.6702 39.1146 41.2714 37.0894C47.2486 35.6849 53.7049 33.5399 58.9636 31.5257C61.2718 30.6328 63.3513 29.7727 65.0497 28.9996C70.6133 26.4736 80.2269 13.31 77.1893 7.74624C74.4348 2.7051 66.6937 -0.659306 54.7393 0.244398L54.7501 0.233566Z%22 fill%3D%22%23ffffff%22/%3E%3C/svg%3E");
  background-size: cover;
}
.korMap-jeju.on {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2278%22 height%3D%2242%22 viewBox%3D%220 0 78 42%22 fill%3D%22none%22%3E%3Cpath d%3D%22M54.7501 0.233566C53.509 0.331558 52.2351 0.451265 50.896 0.647249C36.7204 2.67242 24.5808 7.73535 24.5808 7.73535C24.5808 7.73535 20.5307 6.72276 12.4304 11.2739C4.33004 15.8251 0.791592 19.3746 0.279878 31.0139C0.247216 31.6889 0.236328 32.2878 0.236328 32.8322C0.236328 41.695 4.02519 34.3674 7.36765 39.6154C10.9061 45.1792 10.9061 39.6154 19.0064 37.0894C27.1067 34.5634 32.6702 39.1146 41.2714 37.0894C47.2486 35.6849 53.7049 33.5399 58.9636 31.5257C61.2718 30.6328 63.3513 29.7727 65.0497 28.9996C70.6133 26.4736 80.2269 13.31 77.1893 7.74624C74.4348 2.7051 66.6937 -0.659306 54.7393 0.244398L54.7501 0.233566Z%22 fill%3D%22%2381503B%22/%3E%3C/svg%3E");
}
.korMap .on .korMap-btn .local {
  color: #fff;
}
.korMap .on .korMap-btn .num {
  background: #fff;
  color: #5B3A29;
}

@media (max-width: 768px) {
  .terms .sub-top {
    padding-top: 6rem;
  }
}

.terms-anchor {
  padding: 5rem 0;
  background: #f3f3f3;
}
.terms-anchor > ul {
  display: grid;
  width: 100%;
  max-width: 144rem;
  grid-template-columns: repeat(3, 1fr);
  gap: 5rem 3rem;
  margin: 0 auto;
}
.terms-anchor > ul div > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 6rem;
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
  background: #222;
  border-radius: 5px;
}
.terms-anchor > ul div + ul {
  padding-left: 2rem;
  margin-top: 3rem;
}
.terms-anchor > ul div + ul li a {
  font-size: 1.8rem;
  color: #666;
  border-bottom: 1px solid #666;
}
.terms-anchor > ul div + ul li + li {
  margin-top: 1.2rem;
}
@media (max-width: 1440px) {
  .terms-anchor {
    padding: 4rem 2rem;
  }
}
@media (max-width: 1024px) {
  .terms-anchor > ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .terms-anchor {
    padding: 2rem;
  }
  .terms-anchor > ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem 0;
  }
  .terms-anchor > ul div > a {
    height: 4rem;
    font-size: 1.3rem;
  }
  .terms-anchor > ul div + ul {
    margin-top: 1rem;
  }
  .terms-anchor > ul div + ul li a {
    font-size: 1.3rem;
  }
  .terms-anchor > ul div + ul li + li {
    margin-top: 0.8rem;
  }
}

.terms-sect {
  padding-top: 5rem;
}
.terms-sect h3, .terms-sect strong {
  font-size: 2.4rem;
  font-weight: 700;
}
.terms-sect * + h3, .terms-sect * + strong {
  display: block;
  margin-top: 5rem;
}
.terms-sect h4 {
  font-size: 2rem;
  font-weight: 600;
  border-bottom: 1px solid #dadada;
  padding-bottom: 1rem;
  margin: 2rem 0 1rem;
}
.terms-sect p {
  color: #666;
  font-size: 1.6rem;
  line-height: 160%;
}
.terms-sect * + h4 {
  margin-top: 2rem;
}
@media (max-width: 768px) {
  .terms-sect {
    padding-top: 3rem;
  }
  .terms-sect .static {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .terms-sect h3, .terms-sect strong {
    font-size: 1.8rem;
  }
  .terms-sect * + h3, .terms-sect * + strong {
    display: block;
    margin-top: 3rem;
  }
  .terms-sect h4 {
    font-size: 1.4rem;
    margin: 2rem 0 1rem;
    padding-bottom: 1rem;
  }
  .terms-sect p {
    font-size: 1.4rem;
    line-height: 1.4;
  }
  .terms-sect .olists-circle > li {
    font-size: 1.3rem;
    color: #666;
    line-height: 1.4;
    padding-left: 1.6rem;
  }
  .terms-sect .olists-circle > li::before {
    top: 0.85em;
    left: 0;
    width: 1.3rem;
  }
  .terms-sect .olists-circle > li::after {
    width: 1.3rem;
    height: 1.3rem;
    top: 0.15rem;
    color: #666;
  }
  .terms-sect .olists-numbers > li {
    font-size: 1.3rem;
  }
}

.mem-scroll-box {
  padding: 2rem 1.5rem;
}

.privacy h3 {
  font-size: 3.8rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.64px;
  text-align: center;
}
.privacy h3 span {
  font-weight: 400;
}
.privacy h4 {
  font-size: 2.4rem;
  font-weight: 500;
}
@media (max-width: 768px) {
  .privacy h3 {
    font-size: 2rem;
  }
  .privacy .sub-top {
    padding-top: 7rem;
  }
}

.privacy-top {
  padding-bottom: 5rem;
}
@media (max-width: 768px) {
  .privacy-top {
    padding-bottom: 2rem;
  }
}
.privacy-top .box {
  background: #f3f3f3;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 6rem 4rem 4rem;
}
.privacy-top .box h3 {
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: -0.32px;
}
.privacy-top .box p {
  font-size: 1.6rem;
  letter-spacing: -0.32px;
  margin-top: 0.8rem;
  color: #666;
}
.privacy-top .tooltip {
  display: flex;
  gap: 2rem;
  margin-top: 1rem;
}
.privacy-top .tooltip h3 {
  font-size: 1.8rem;
  font-weight: 500;
}
.privacy-top .tooltip p {
  font-size: 1.6rem;
  line-height: 1.4;
  letter-spacing: -0.32px;
  color: #666;
}
@media (max-width: 768px) {
  .privacy-top .tooltip {
    gap: 1rem;
  }
  .privacy-top .tooltip h3 {
    font-size: 1.3rem;
  }
  .privacy-top .tooltip p {
    font-size: 1.2rem;
  }
}

.privacy .privacy-ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 6rem 8rem;
  margin-top: 6rem;
}
@media (max-width: 768px) {
  .privacy .privacy-ul {
    margin-top: 3rem;
  }
}
.privacy .privacy-ul li {
  width: calc(50% - 6rem);
  display: flex;
}
.privacy .privacy-ul li .desc {
  width: calc(100% - 10rem);
  padding-left: 3rem;
}
.privacy .privacy-ul li .desc h4 {
  font-size: 2rem;
  font-weight: 600;
}
.privacy .privacy-ul li i {
  display: block;
  width: 10rem;
  height: 10rem;
  border: 1px solid #dadada;
  border-radius: 50%;
}
.privacy .privacy-ul li p {
  font-size: 2rem;
  line-height: 1.4;
  letter-spacing: -0.4px;
  color: #666;
  margin-top: 1rem;
  margin-top: 1.5rem;
}
@media (max-width: 768px) {
  .privacy .privacy-ul li p {
    margin-top: 0.5rem;
  }
}
.privacy .privacy-ul li p.p-astr {
  font-size: 1.8rem;
  margin-top: 0;
}
.privacy-content1 .static {
  padding-top: 5rem;
  padding-bottom: 5rem;
  border-top: 1px solid #dadada;
}
.privacy-content1 ul .ico-prv1-1 {
  background: url(/rStatic/images/privacy/ico-prv1-1.svg) no-repeat 50% 50%;
}
.privacy-content1 ul .ico-prv1-2 {
  background: url(/rStatic/images/privacy/ico-prv1-2.svg) no-repeat 50% 50%;
}
.privacy-content1 ul .ico-prv1-3 {
  background: url(/rStatic/images/privacy/ico-prv1-3.svg) no-repeat 50% 50%;
}
.privacy-content1 ul .ico-prv1-4 {
  background: url(/rStatic/images/privacy/ico-prv1-4.svg) no-repeat 50% 50%;
}
.privacy-content1 ul .ico-prv1-1 {
  background-size: 39% auto;
}
.privacy-content1 ul .ico-prv1-2 {
  background-size: 40% auto;
}
.privacy-content1 ul .ico-prv1-3 {
  background-size: 32% auto;
}
.privacy-content1 ul .ico-prv1-4 {
  background-size: 35% auto;
}
.privacy-content2 {
  background-color: #414141;
  background-size: auto 100%;
  padding: 8.5rem 0 8.5rem;
  color: #fff;
  position: relative;
}
.privacy-content2::before, .privacy-content2::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 4rem solid transparent;
  border-right: 4rem solid transparent;
  border-top: 4rem solid #414141;
  position: absolute;
}
.privacy-content2::before {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border-top: 4rem solid #fff;
}
.privacy-content2::after {
  bottom: -4rem;
  left: 50%;
  transform: translateX(-50%);
}
.privacy-content2 li .desc p {
  color: #fff;
}
.privacy-content2 .ico-prv2-1 {
  background: #fff url(/rStatic/images/privacy/ico-prv2-1.svg) no-repeat 50% 50%;
}
.privacy-content2 .ico-prv2-2 {
  background: #fff url(/rStatic/images/privacy/ico-prv2-2.svg) no-repeat 50% 50%;
}
.privacy-content2 .ico-prv2-3 {
  background: #fff url(/rStatic/images/privacy/ico-prv2-3.svg) no-repeat 50% 50%;
}
.privacy-content2 .ico-prv2-4 {
  background: #fff url(/rStatic/images/privacy/ico-prv2-4.svg) no-repeat 50% 50%;
}
.privacy-content2 .ico-prv2-1 {
  background-size: 34% auto;
}
.privacy-content2 .ico-prv2-2 {
  background-size: 39% auto;
}
.privacy-content2 .ico-prv2-3 {
  background-size: 37% auto;
}
.privacy-content2 .ico-prv2-4 {
  background-size: 36% auto;
}
.privacy-content3 {
  padding: 9rem 0 5rem;
}
.privacy-content3 .ico-prv3-1 {
  background: url(/rStatic/images/privacy/ico-prv3-1.svg) no-repeat 50% 50%;
}
.privacy-content3 .ico-prv3-2 {
  background: url(/rStatic/images/privacy/ico-prv3-2.svg) no-repeat 50% 50%;
}
.privacy-content3 .ico-prv3-1 {
  background-size: 30% auto;
}
.privacy-content3 .ico-prv3-2 {
  background-size: 41% auto;
}
.privacy-content4 .static {
  padding-top: 5rem;
  padding-bottom: 5rem;
  border-top: 1px solid #dadada;
  margin-top: 6rem;
}
@media (max-width: 768px) {
  .privacy-content4 .static {
    margin-top: 0;
  }
}
.privacy-content4 h4 {
  margin-top: 2.4rem;
}
.privacy-content4 ul {
  display: flex;
  justify-content: space-between;
  gap: 8rem;
  margin-top: 6rem;
}
@media (max-width: 768px) {
  .privacy-content4 ul {
    margin-top: 3rem;
  }
}
.privacy-content4 ul li {
  text-align: center;
  flex: 1;
}
.privacy-content4 ul li i {
  display: inline-block;
  width: 16rem;
  height: 16rem;
  background: #222;
  border-radius: 50%;
}
.privacy-content4 ul li p {
  font-size: 2rem;
  line-height: 1.4;
  letter-spacing: -0.4px;
  margin-top: 1rem;
  color: #666;
}
.privacy-content4 ul .ico-prv4-1 {
  background: #222 url(/rStatic/images/privacy/ico-prv4-1.svg) no-repeat 50% 50%;
}
.privacy-content4 ul .ico-prv4-2 {
  background: #222 url(/rStatic/images/privacy/ico-prv4-2.svg) no-repeat 50% 50%;
}
.privacy-content4 ul .ico-prv4-3 {
  background: #222 url(/rStatic/images/privacy/ico-prv4-3.svg) no-repeat 50% 50%;
}
.privacy-content4 ul .ico-prv4-1 {
  background-size: 30.63% auto;
}
.privacy-content4 ul .ico-prv4-2 {
  background-size: 32.5% auto;
}
.privacy-content4 ul .ico-prv4-3 {
  background-size: 31.25% auto;
}
.privacy-bottom .static {
  background: #f3f3f3;
  padding: 6rem 12rem 6rem 6rem;
  display: flex;
  justify-content: space-between;
}
.privacy-bottom .static h3 {
  text-align: left;
  font-size: 3.2rem;
}
.privacy-bottom .static h4 {
  margin-top: 2rem;
}
.privacy-bottom .static p {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  color: #666;
  font-size: 2rem;
  line-height: 1.4;
  letter-spacing: -0.4px;
  margin-top: 2rem;
}
.privacy-bottom .static p a {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.privacy-bottom .static p + p {
  margin-top: 1rem;
}
.privacy-bottom .static ul {
  display: flex;
  gap: 8rem;
}
@media (max-width: 768px) {
  .privacy .privacy-ul {
    flex-direction: column;
    gap: 2rem;
  }
  .privacy .privacy-ul li {
    width: 100%;
    display: flex;
  }
  .privacy .privacy-ul li .desc {
    width: calc(100% - 7rem);
    padding-left: 1.5rem;
  }
  .privacy .privacy-ul li .desc h4 {
    font-size: 1.6rem;
  }
  .privacy .privacy-ul li .desc p {
    font-size: 1.6rem;
  }
  .privacy .privacy-ul li i {
    width: 7rem;
    height: 7rem;
  }
  .privacy-content1 .static {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .privacy-content2 {
    padding: 5rem 0 5rem;
  }
  .privacy-content2::before, .privacy-content2::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 2.6rem solid transparent;
    border-right: 2.6rem solid transparent;
    border-top: 2.5rem solid #414141;
    position: absolute;
  }
  .privacy-content2::before {
    border-top: 2.5rem solid #fff;
  }
  .privacy-content2::after {
    bottom: -2.4rem;
  }
  .privacy-content3 {
    padding: 5rem 0 3rem;
  }
  .privacy-content4 .static {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .privacy-content4 ul {
    flex-direction: column;
    gap: 3rem;
  }
  .privacy-content4 ul > li i {
    width: 12rem;
    height: 12rem;
  }
  .privacy-content4 ul > li h4 {
    font-size: 1.8rem;
  }
  .privacy-content4 ul > li p {
    font-size: 1.6rem;
  }
  .privacy-bottom {
    padding: 2rem;
  }
  .privacy-bottom .static {
    padding: 2rem;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
  }
  .privacy-bottom .static h3 {
    font-size: 1.8rem;
  }
  .privacy-bottom .static h4 {
    font-size: 1.6rem;
    margin-top: 1rem;
  }
  .privacy-bottom .static p {
    font-size: 1.6rem;
    margin-top: 1rem;
  }
  .privacy-bottom .static p a {
    font-size: 1.6rem;
  }
  .privacy-bottom .static p:not(:first-of-type) {
    margin-top: 0.5rem;
  }
  .privacy-bottom .static ul {
    flex-direction: column;
    gap: 2rem;
    margin-top: 1rem;
  }
  .privacy-bottom .static ul h4 {
    margin-top: 0;
  }
  .privacy-bottom .static .privacy-bottom2 {
    margin-top: 3rem;
  }
  .privacy-bottom .ico-phone {
    width: 1.6rem;
    height: 1.6rem;
  }
  .privacy-bottom .ico-email {
    width: 1.6rem;
    height: 1.1rem;
  }
  .privacy-bottom .ico-mouse {
    width: 1.3rem;
    height: 1.8rem;
  }
}

.privacy-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101;
}
.privacy-popup::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.privacy-popup-wrap {
  width: 90%;
  max-width: 140rem;
  background: #fff;
  border: 1px solid #222;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 768px) {
  .privacy-popup-wrap {
    height: 80%;
  }
}

.privacy-popup.is-open {
  display: block;
}

.privacy-popup-title {
  display: flex;
  justify-content: space-between;
  margin: 0 4rem;
  padding: 4rem 0 2rem;
  border-bottom: 1px solid #dadada;
}
.privacy-popup-title h3 {
  font-size: 3.2rem;
}
.privacy-popup-title .btn-x {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0;
  background: transparent;
}
.privacy-popup-title .ico-bigX {
  width: 2.4rem;
  height: 2.4rem;
}
@media (max-width: 768px) {
  .privacy-popup-title {
    padding: 1.5rem 0;
    margin: 0 1.5rem;
  }
  .privacy-popup-title h3 {
    font-size: 1.6rem;
  }
  .privacy-popup-title .ico-bigX {
    width: 1.8rem;
    height: 1.8rem;
  }
}

.privacy-popup-content {
  padding: 3rem 4rem;
  max-height: calc(100vh - 30rem);
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 1.6rem;
  line-height: 1.4;
  letter-spacing: -0.32px;
  color: #666;
}
.privacy-popup-content h4 {
  font-size: 2rem;
  color: #222;
  margin: 4rem 0 1rem;
}
.privacy-popup-content .labeling {
  display: flex;
  justify-content: space-between;
  margin: 3rem 0;
}
.privacy-popup-content .labeling button {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 100%;
  border: 1px solid #ddd;
}
.privacy-popup-content .labeling button::before {
  content: "";
  display: block;
  width: 25%;
  height: 26.25%;
  background-size: 100% auto;
  margin: 0 auto 0.8rem;
}
.privacy-popup-content .labeling button span {
  font-weight: 500;
  color: #222;
}
.privacy-popup-content .labeling .hover {
  position: absolute;
  top: 110%;
  left: 0;
  border: 1px solid #dadada;
  background: #f3f3f3;
  border-radius: 0.5rem;
  width: 210%;
  z-index: 2;
  padding: 1.5rem;
}
.privacy-popup-content .labeling .hover h5 {
  font-size: 1.6rem;
  font-weight: 600;
  color: #222;
  letter-spacing: -0.32px;
  line-height: 1.4;
  margin-bottom: 0.5rem;
}
.privacy-popup-content .labeling .hover p {
  font-size: 1.4rem;
  line-height: 1.4;
  letter-spacing: -0.28px;
  font-weight: 500;
}
.privacy-popup-content .labeling .hover .arr {
  position: absolute;
  left: 20%;
  top: -1rem;
  display: block;
  width: 0;
  height: 0;
  border-left: 6.5px solid transparent;
  border-right: 6.5px solid transparent;
  border-bottom: 9px solid #dadada;
}
.privacy-popup-content .labeling .hover .arr::before {
  content: "";
  position: absolute;
  top: 1px;
  left: -5px;
  width: 0;
  height: 0;
  border-left: 5.5px solid transparent;
  border-right: 5.5px solid transparent;
  border-bottom: 9px solid #f3f3f3;
}
.privacy-popup-content .labeling > li {
  position: relative;
  width: 12.7%;
}
.privacy-popup-content .labeling > li:last-child .hover {
  left: initial;
  right: 0;
}
.privacy-popup-content .labeling > li:last-child .hover .arr {
  left: initial;
  right: 20%;
}
.privacy-popup-content .labeling-btn1::before {
  background: url(/rStatic/images/privacy/ico-prv-s1.svg) no-repeat 50% 50%;
  background-size: 100% auto;
}
.privacy-popup-content .labeling-btn2::before {
  background: url(/rStatic/images/privacy/ico-prv-s2.svg) no-repeat 50% 50%;
  background-size: 100% auto;
}
.privacy-popup-content .labeling-btn3::before {
  background: url(/rStatic/images/privacy/ico-prv-s3.svg) no-repeat 50% 50%;
  background-size: 100% auto;
}
.privacy-popup-content .labeling-btn4::before {
  background: url(/rStatic/images/privacy/ico-prv-s4.svg) no-repeat 50% 50%;
  background-size: 100% auto;
}
.privacy-popup-content .labeling-btn5::before {
  background: url(/rStatic/images/privacy/ico-prv-s5.svg) no-repeat 50% 50%;
  background-size: 100% auto;
}
.privacy-popup-content .labeling-btn6::before {
  background: url(/rStatic/images/privacy/ico-prv-s6.svg) no-repeat 50% 50%;
  background-size: 100% auto;
}
.privacy-popup-content .accordion {
  margin-top: 8rem;
  border-bottom: 1px solid #000;
}
@media (max-width: 768px) {
  .privacy-popup-content .accordion {
    margin-top: 3rem;
  }
}
.privacy-popup-content .accordion-btn {
  width: 100%;
  font-size: 1.8rem;
  font-weight: 500;
  padding: 1.4rem 4rem 1.4rem 1rem;
  border-top: 1px solid #000;
  text-align: left;
  position: relative;
  color: #222;
}
.privacy-popup-content .accordion-btn::after {
  content: "";
  display: block;
  display: block;
  width: 2.1rem;
  height: 1.2rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2212%22 height%3D%228%22 viewBox%3D%220 0 12 8%22 fill%3D%22none%22%3E%3Cpath d%3D%22M1 7L6 2L11 7%22 stroke%3D%22%23222222%22 stroke-width%3D%221.5%22/%3E%3C/svg%3E");
  background-size: cover;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
}
.privacy-popup-content .accordion-btn[aria-expanded=true]::after {
  transform: translateY(-50%) rotate(0);
}
.privacy-popup-content .accordion-con {
  font-size: 1.4rem;
  padding: 2rem;
  border-top: 1px solid #222;
}
@media (max-width: 768px) {
  .privacy-popup-content .accordion-con {
    padding: 1rem;
  }
}
.privacy-popup-content .accordion .tbl1 {
  width: 100%;
  text-align: center;
  margin-top: 1rem;
}
.privacy-popup-content .accordion .tbl1 thead th {
  font-weight: 500;
  padding: 1rem 0;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  background: #f3f3f3;
  color: #222;
}
.privacy-popup-content .accordion .tbl1 tbody td {
  border-bottom: 1px solid #dadada;
  padding: 1rem 2rem;
}
.privacy-popup-content .accordion .tbl1 tbody td em {
  text-decoration: underline;
  text-underline-offset: 2px;
  color: #222;
  font-weight: 500;
}
.privacy-popup-content .accordion .tbl1 + strong,
.privacy-popup-content .accordion .tbl1 + p {
  margin-top: 3rem;
}
.privacy-popup-content .accordion p + p {
  margin-top: 1rem;
}
.privacy-popup-content .accordion .btn-pop {
  margin-top: 1rem;
  text-decoration: underline;
  text-underline-offset: 2px;
  color: #222;
  font-weight: 500;
}
.privacy-popup-content .form_group {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
}
.privacy-popup-content .form_group .select {
  flex: 1;
  height: 4rem;
}
.privacy-popup-content .scroll-garo-wrap + p {
  margin-top: 2rem;
}
@media (max-width: 768px) {
  .privacy-popup-content .scroll-garo-wrap + p {
    margin-top: 2rem;
  }
}
@media (max-width: 1280px) {
  .privacy-popup-content .labeling > li {
    width: 14%;
  }
}
@media (max-width: 768px) {
  .privacy-popup-content {
    padding: 1rem 1.5rem;
    font-size: 1.2rem;
    line-height: 1.4;
    max-height: calc(100% - 5.2rem);
  }
  .privacy-popup-content h4 {
    font-size: 1.6rem;
    margin: 3rem 0 0.5rem;
  }
  .privacy-popup-content .form_group {
    flex-direction: column;
    gap: 1rem;
  }
  .privacy-popup-content .form_group .select {
    flex: auto;
  }
  .privacy-popup-content .labeling {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 1.5rem 2rem;
    margin: 2rem 0;
  }
  .privacy-popup-content .labeling > li {
    width: auto;
  }
  .privacy-popup-content .accordion-btn {
    font-size: 1.3rem;
    padding: 1rem 2rem 1rem 1rem;
  }
  .privacy-popup-content .accordion-btn::after {
    display: block;
    width: 1.1rem;
    height: 0.7rem;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
  }
  .privacy-popup-content .accordion-con {
    font-size: 1.2rem;
    padding: 1rem;
  }
  .privacy-popup-content .accordion .tbl1 {
    font-size: 1.3rem;
  }
  .privacy-popup-content .accordion .tbl1 td {
    padding: 0.8rem 1rem;
  }
  .privacy-popup-content .accordion .scroll-garo-wrap {
    margin-bottom: 1rem;
  }
  .privacy-popup-content .accordion .scroll-garo .tbl1 {
    width: 80rem;
  }
}

.privacy-popup-anchor {
  border: 1px solid #dadada;
  margin-top: 4rem;
  padding: 3rem 3rem 1rem;
}
@media (max-width: 768px) {
  .privacy-popup-anchor {
    margin-top: 2rem;
  }
}
.privacy-popup-anchor .olists-numbers {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 24rem;
  gap: 1.5rem 10rem;
}
.privacy-popup-anchor .olists-numbers > li {
  width: 32rem;
}
@media (max-width: 1280px) {
  .privacy-popup-anchor .olists-numbers {
    height: 30rem;
  }
}
@media (max-width: 768px) {
  .privacy-popup-anchor {
    padding: 1.5rem 1.5rem 1rem;
  }
  .privacy-popup-anchor .olists-numbers {
    height: auto;
    gap: 1rem;
  }
  .privacy-popup-anchor .olists-numbers > li {
    width: 100%;
  }
}

.privacy_wrap table {
  font-size: 1.5rem;
}
.privacy_wrap table td {
  border: 1px solid #ddd;
  padding: 0.5rem;
}

.privacy_area {
  font-size: 1.5rem;
  padding: 0 1rem 2rem;
}
.privacy_area .privacy_h3 {
  font-size: 1.8rem;
  margin: 2rem 0 0.5rem;
}
.privacy_area table {
  margin-bottom: 0.5rem;
}
.privacy_area p + table {
  margin-top: 0.5rem;
}
.privacy_area table + table {
  margin-top: 1rem;
}

.tb_privacy th {
  background: #f4f4f4;
  text-align: center;
  padding: 0.5rem;
}
.tb_privacy th, .tb_privacy td {
  border: 1px solid #ddd;
}
.tb_privacy td {
  padding: 0.5rem;
}
.tb_privacy .align_c {
  text-align: center;
}

.mem-box {
  width: 100%;
  font-size: 1.6rem;
  font-weight: 500;
  color: #666;
  border-radius: 0.5rem;
  background: #F3F3F3;
}
.mem-box strong {
  color: #222;
}
.mem-scroll-box {
  width: 100%;
  height: 45rem;
  padding: 4rem;
  overflow-y: auto;
  border: 1px solid #dadada;
}
.mem-scroll-box.bx3 {
  height: auto;
}
.mem-scroll-box.bx2 {
  height: 42rem;
}
.mem-scroll-box.bx1 {
  height: 32rem;
}
.mem-scroll-box > div + div {
  margin-top: 4rem;
}
.mem-scroll-box.member p {
  color: #666;
  font-size: 1.6rem;
  line-height: 140%;
}
.mem-scroll-box .terms-sect {
  padding-top: 0;
}
.mem-scroll-box .ty2 {
  margin-top: 2rem;
}
.mem-check {
  margin-top: 1.5rem;
  display: flex;
  gap: 4rem;
}
@media (max-width: 768px) {
  .mem-scroll-box {
    padding: 2rem 1.5rem;
    height: 35.7rem;
  }
  .mem-scroll-box p {
    font-size: 1.3rem;
    color: #666;
  }
  .mem-check {
    margin-top: 1rem;
  }
}

.login-form {
  width: 100%;
  max-width: 46rem;
  margin: 0 auto;
}
.login-form .log-row + .log-row {
  margin-top: 1rem;
}
.login-form .log-save {
  margin-top: 1.5rem;
}
.login-form input[type=text],
.login-form input[type=password] {
  width: 100%;
}
.login-form .btn-fill {
  width: 100%;
  margin-top: 2rem;
  height: 6rem;
}
.login-form ul {
  display: flex;
  justify-content: center;
  gap: 2.8rem;
  margin-top: 3rem;
}
.login-form ul li {
  position: relative;
  font-weight: 500;
  font-size: 1.8rem;
}
.login-form ul li:not(:last-child)::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -1.4rem;
  display: inline-block;
  width: 0.1rem;
  height: 1.8rem;
  margin-top: -0.9rem;
  background-color: #dadada;
}
.login-form .mem-box {
  text-align: center;
  padding: 3rem 2rem;
  margin-top: 2rem;
  font-size: 1.8rem;
  letter-spacing: -0.36px;
  font-weight: 500;
  line-height: 1.2;
}
@media (max-width: 768px) {
  .login-form .mem-box {
    font-size: 1.3rem;
  }
  .login-form .btn-fill {
    height: 5rem;
  }
  .login-form ul li {
    font-size: 1.3rem;
  }
}

.join .btns-col2 {
  margin-top: 6rem;
}
@media (max-width: 768px) {
  .join .btns-col2 {
    margin-top: 3rem;
  }
}
.join-box {
  border-radius: 0.5rem;
  background: #f3f3f3;
  padding: 3rem;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: -0.36px;
  text-align: center;
  color: #666;
}
@media (max-width: 768px) {
  .join-box {
    padding: 2rem;
  }
}
.join-box h3 {
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: -0.48px;
  margin: 0;
  color: #222;
}
.join-box h3 + p {
  margin-top: 0.8rem;
}
.join-box p + p {
  margin-top: 0.5rem;
}
.join-type-tab {
  display: flex;
  gap: 1px;
}
.join-type-tab > li {
  flex: 1;
  position: relative;
  height: 7rem;
}
.join-type-tab > li input {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  cursor: pointer;
}
.join-type-tab > li label {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: #f3f3f3;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  font-size: 2rem;
  font-weight: 600;
}
.join-type-tab > li.active label {
  background: #000;
  color: #fff;
}
.join-type-conts .authen {
  display: flex;
  justify-content: center;
  gap: 2rem;
}
.join-type-conts .authen button {
  width: 50rem;
  height: 16rem;
  border: 1px solid #DADADA;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}
.join-type-conts .authen button i {
  width: 10rem;
  height: 10rem;
  border-radius: 50%;
  background: #f3f3f3;
}
.join-type-conts .authen button span {
  text-align: left;
  font-weight: 500;
  font-size: 2.4rem;
}
.join-type-conts .authen button .ico-hp {
  background: #F3F3F3 url(/rStatic/images/sub/ico-hp.svg) no-repeat 50% 50%;
}
.join-type-conts .authen button .ico-ipin {
  background: #F3F3F3 url(/rStatic/images/sub/ico-ipin.svg) no-repeat 50% 50%;
}
.join-type-conts .authen2 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.join-type-conts .authen2 .form-row {
  display: flex;
  align-items: center;
  margin: 0;
}
.join-type-conts .authen2 .form-row .form-tit {
  width: auto;
  margin-right: 2rem;
  font-size: 1.8rem;
  font-weight: 600;
}
.join-type-conts .authen2 .form-row .form-col {
  width: 30rem;
}
.join-type-conts .authen2 .form-row .form-col input {
  width: 100%;
}
.join-type-conts .authen2 .form-row + .form-row {
  margin-left: 4rem;
}
.join-type-conts .authen2 .btn-fill {
  height: 6rem;
  margin-left: 2rem;
  min-width: 14rem;
}
.join-type-conts .noti {
  margin-top: 4rem;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.36px;
  color: #666;
}
.join-type-cont {
  padding: 6rem;
  border: 1px solid #dadada;
  border-top: 0;
}
@media (max-width: 768px) {
  .join-type-cont {
    padding: 1.6rem;
  }
}
.join-type-cont > div {
  display: none;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.join-type-cont > div.show {
  display: block;
  opacity: 1;
}
.join-type-noti {
  margin-top: 2rem;
}
@media (max-width: 768px) {
  .join-type-noti {
    margin-top: 1rem;
  }
}
.join-type-noti .p-dots {
  color: #666;
}
.join-type-noti .p-dots::before {
  background: #666;
}
@media (max-width: 1280px) {
  .join-type-conts .authen2 .form-row .form-col {
    width: 23vw;
  }
}
@media (max-width: 1024px) {
  .join-type-cont {
    padding: 4rem;
  }
}
@media (max-width: 768px) {
  .join .join-box {
    font-size: 1.3rem;
  }
  .join .join-box h3 {
    font-size: 1.6rem;
  }
  .join-type-tab li {
    height: 4.5rem;
  }
  .join-type-tab li label {
    font-size: 1.3rem;
  }
  .join-type-conts .authen {
    flex-direction: column;
    gap: 1rem;
  }
  .join-type-conts .authen button {
    width: 100%;
    height: 8rem;
  }
  .join-type-conts .authen button i {
    width: 6rem;
    height: 6rem;
    background-size: auto 50%;
  }
  .join-type-conts .authen button span {
    font-size: 1.3rem;
    width: 10rem;
  }
  .join-type-conts .authen2 {
    flex-direction: column;
  }
  .join-type-conts .authen2 .form-row + .form-row {
    margin: 0;
    margin-top: 1rem;
  }
  .join-type-conts .authen2 .form-row {
    flex-direction: column;
    width: 100%;
  }
  .join-type-conts .authen2 .form-row .form-tit {
    font-size: 1.3rem;
    width: 100%;
    margin: 0;
    padding-bottom: 0.5rem;
  }
  .join-type-conts .authen2 .form-row .form-col {
    width: 100%;
  }
  .join-type-conts .authen2 .btn-fill {
    height: 5rem;
    min-width: 12rem;
    margin: 1.5rem 0 0;
  }
  .join-type-cont {
    padding: 1.6rem;
  }
  .join-type-noti .p-dots {
    position: relative;
    padding-left: 0.75em;
    line-height: 1.5;
    font-size: 1.3rem;
  }
  .join-type-noti .p-dots:before {
    content: "";
    display: block;
    width: 0.25em;
    height: 0.25em;
    border-radius: 50%;
    background: #666;
    position: absolute;
    top: 0.6em;
    left: 0.1em;
  }
}
@media (max-width: 480px) {
  .join .tab-wrap .tab li .tit {
    font-size: 1.3rem;
  }
  .join .tab-wrap .tab li .tit strong {
    padding-right: 0.5rem;
    display: inline-block;
  }
}

.join .sub-ment {
  padding-top: 0;
}

.sign-up .sub-hty2 + .form-ui {
  margin-top: 0;
}
.sign-up .join-box {
  margin-top: 0;
}
.sign-up .sign-box {
  border: 1px solid #dadada;
  padding: 4rem;
  color: #666;
}
.sign-up .sign-box .ty2 {
  margin: 2rem 0 4rem;
}
.sign-up .sign-box p + p {
  margin-top: 1rem;
}
.sign-up .agree-check {
  margin-top: 2rem;
  display: flex;
  gap: 4rem;
}
.sign-up .link-file {
  color: #222;
  font-weight: 500;
}
@media (max-width: 768px) {
  .sign-up .sign-box {
    padding: 2rem 1.5rem;
    height: 34.7rem;
    overflow: hidden;
    overflow-y: auto;
  }
  .sign-up .sign-box p {
    font-size: 1.3rem;
  }
  .sign-up .agree-check {
    margin-top: 1rem;
  }
}

.join-comp {
  background: #f3f3f3;
  border-radius: 0.5rem;
  padding: 5rem 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  margin-top: 5rem;
}
.join-comp .sub-hty3 {
  text-align: center;
  line-height: 1.34;
  letter-spacing: -0.52px;
  margin: 0;
}
.join-comp .sub-hty3 span {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.join-comp .sub-hty3::before {
  content: "";
  display: block;
  width: 18rem;
  height: 18rem;
  border-radius: 50%;
  background: #fff url(/rStatic/images/common/ico-joinok.svg) no-repeat 50% 50%;
  margin: 0 auto 2rem;
}
.join-comp p {
  text-align: center;
}
.join-comp .t1 {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.44;
  letter-spacing: -0.36px;
}
.join-comp .t2 {
  color: #666;
  letter-spacing: -0.32px;
}
.join-comp button {
  margin-top: 1rem;
}
@media (max-width: 768px) {
  .join-comp {
    margin-top: 2rem;
    gap: 1rem;
    padding: 3rem 2rem;
  }
  .join-comp .sub-hty3 {
    font-size: 2rem;
  }
  .join-comp .sub-hty3::before {
    width: 12rem;
    height: 12rem;
    background-size: auto 8rem;
    margin-bottom: 1rem;
  }
  .join-comp .t1, .join-comp .t2 {
    font-size: 1.3rem;
  }
  .join-comp .btn-fill {
    margin-top: 1rem;
  }
}

.idpw-find-noti {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 2rem;
}
.idpw-find-noti .tit {
  display: flex;
  font-size: 1.6rem;
  font-weight: 500;
  color: #666;
}
.idpw-find-noti .tit::before {
  content: "";
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background: url(/rStatic/images/common/ico-i.svg) no-repeat 50% 50%;
  margin-right: 0.5em;
}
.idpw-find-noti .tit strong {
  font-weight: 600;
  color: #222;
  text-decoration: underline;
  text-underline-offset: 4px;
}
@media (max-width: 768px) {
  .idpw-find-noti .tit {
    font-size: 1.3rem;
  }
}

.authen-wrap {
  display: flex;
}
.authen-wrap .authen-ipt {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  padding-right: 6rem;
  width: 53rem;
}
.authen-wrap .authen-ipt .ln {
  width: 100%;
  display: flex;
  align-items: center;
}
.authen-wrap .authen-ipt label {
  display: inline-block;
  width: 25%;
  text-align: right;
  margin-right: 2rem;
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: -0.36px;
}
.authen-wrap .authen-ipt .input {
  width: 75%;
}
.authen-wrap .authen {
  flex-direction: column;
  flex: 1;
  padding-left: 6rem;
  border-left: 1px solid #dadada;
}
.authen-wrap .authen button {
  width: 100%;
}
.authen-wrap .authen button span {
  width: 18rem;
}
@media (max-width: 1024px) {
  .authen-wrap .authen-ipt {
    width: 100%;
    gap: 2rem;
    padding-right: 4rem;
  }
  .authen-wrap .authen-ipt .ln {
    flex-direction: column;
  }
  .authen-wrap .authen-ipt .ln label,
  .authen-wrap .authen-ipt .ln input {
    width: 100%;
  }
  .authen-wrap .authen-ipt .ln label {
    text-align: left;
    margin: 0 0 1rem;
  }
  .authen-wrap .authen {
    padding-left: 4rem;
  }
}
@media (max-width: 768px) {
  .authen-wrap {
    display: block;
  }
  .authen-wrap .authen-ipt {
    padding-right: 0;
    width: 100%;
    gap: 1rem;
  }
  .authen-wrap .authen-ipt .ln {
    flex-direction: column;
  }
  .authen-wrap .authen-ipt .ln label,
  .authen-wrap .authen-ipt .ln input {
    width: 100%;
  }
  .authen-wrap .authen-ipt .ln label {
    text-align: left;
    margin: 0 0 0.5rem;
    font-size: 1.3rem;
  }
  .authen-wrap .authen {
    padding-left: 0;
    border-left: 0;
    margin-top: 2rem;
  }
  .authen-wrap .authen button span {
    width: 10rem;
  }
}

.idSearch-result {
  margin-top: 5rem;
  padding: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: #f3f3f3;
  border-radius: 0.5rem;
}
@media (max-width: 768px) {
  .idSearch-result {
    margin-top: 3rem;
  }
}
@media (max-width: 768px) {
  .idSearch-result {
    padding: 3rem;
  }
}
.idSearch-result h4 {
  font-size: 2.6rem;
  font-weight: 600;
}
.idSearch-result h4::before {
  content: "";
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18rem;
  height: 18rem;
  background: #fff url(/rStatic/images/sub/ico-result.svg) no-repeat 50% 50%;
  background-size: 61% auto;
  border-radius: 50%;
  margin: 0 auto 2rem;
}
.idSearch-result p {
  font-size: 2.6rem;
  font-weight: 600;
}
.idSearch-result p strong {
  text-decoration: underline;
  font-weight: 600;
}
.idSearch-result .btn-fill {
  margin-top: 3rem;
}
@media (max-width: 768px) {
  .idSearch-result .btn-fill {
    margin-top: 2rem;
  }
}
@media (max-width: 768px) {
  .idSearch-result h4, .idSearch-result p {
    font-size: 1.4rem;
    text-align: center;
  }
  .idSearch-result h4::before {
    width: 12rem;
    height: 12rem;
  }
  .idSearch-result .btn-fill {
    min-width: 12rem;
  }
}

.pwSearch-result {
  margin-top: 5rem;
  text-align: center;
}
@media (max-width: 768px) {
  .pwSearch-result {
    margin-top: 2rem;
  }
}
.pwSearch-result-box {
  padding: 6rem;
  border: 1px solid #dadada;
  border-radius: 0.5rem;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
@media (max-width: 768px) {
  .pwSearch-result-box {
    padding: 2rem;
  }
}
.pwSearch-result-box::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 12rem);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #dadada;
}
.pwSearch-result-box > div {
  flex: 1;
}
.pwSearch-result-box .box1 {
  padding-left: 6rem;
}
.pwSearch-result-box .box1 label {
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: -0.36px;
  margin-right: 2rem;
}
.pwSearch-result-box .box1 .input {
  width: 61%;
}
.pwSearch-result-box .box1 .ln + .ln {
  margin-top: 2rem;
}
@media (max-width: 768px) {
  .pwSearch-result-box .box1 .ln + .ln {
    margin-top: 1rem;
  }
}
.pwSearch-result-box .box2 {
  padding-left: 6rem;
}
.pwSearch-result .lists-dots > li {
  color: #666;
}
.pwSearch-result .lists-dots li + li {
  margin-top: 0.4rem;
}
.pwSearch-result .btn-fill {
  margin: 6rem auto 0;
  min-width: 20rem;
}
@media (max-width: 1024px) {
  .pwSearch-result-box .box1 {
    padding-left: 0;
  }
}
@media (max-width: 768px) {
  .pwSearch-result-box {
    flex-direction: column;
  }
  .pwSearch-result-box::before {
    display: none;
    width: calc(100% - 4rem);
    height: 1px;
  }
  .pwSearch-result-box .box1 {
    width: 100%;
  }
  .pwSearch-result-box .box1 label {
    font-size: 1.4rem;
  }
  .pwSearch-result-box .box1 .input {
    width: 100%;
    margin: 1rem 0 2rem;
  }
  .pwSearch-result-box .box2 {
    padding-left: 0;
  }
  .pwSearch-result .btn-fill {
    margin: 3rem auto 0;
    min-width: 12rem;
  }
}

.tab-wrap + .join-box {
  margin-top: 3rem;
}
@media (max-width: 768px) {
  .tab-wrap + .join-box {
    margin-top: 2rem;
  }
}

.danji-info {
  display: flex;
  flex-direction: column;
}
.danji-info .tablist {
  display: flex;
}
.danji-info .tablist > li {
  flex: 1;
  background: #F3F3F3;
}
.danji-info .tablist > li button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 2.2rem;
  height: 7rem;
}
.danji-info .tablist > li.active {
  background: #000;
  color: #fff;
}
.danji-info .tabpanels > div {
  display: none;
}
.danji-info .tabpanels > div.active {
  display: block;
  animation: fadeInUpTab2 0.5s;
}
@media (max-width: 768px) {
  .danji-info .tablist > li button {
    font-size: 1.3rem;
    height: 4.5rem;
    white-space: nowrap;
    padding: 0 1rem;
  }
}

.photoDetailView {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.photoDetailView .wphoto {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  aspect-ratio: 9/5;
}
.photoDetailView .wphoto img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.photoDetailView .wphoto.excep img {
  object-fit: contain;
}
.photoDetailView .zoom {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.photoDetailView .zoom:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2280%22%20height%3D%2280%22%20viewBox%3D%220%200%2080%2080%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M70%2070L55.5228%2055.5228M55.5228%2055.5228C60.3486%2050.6971%2063.3333%2044.0305%2063.3333%2036.6667C63.3333%2021.9391%2051.3943%2010%2036.6667%2010C21.9391%2010%2010%2021.9391%2010%2036.6667C10%2051.3943%2021.9391%2063.3333%2036.6667%2063.3333C44.0305%2063.3333%2050.6971%2060.3486%2055.5228%2055.5228ZM36.6667%2026.6667V36.6667M36.6667%2036.6667V46.6667M36.6667%2036.6667H26.6667M36.6667%2036.6667H46.6667%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%223%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  opacity: 0;
}
.photoDetailView .zoom:hover:after, .photoDetailView .zoom:focus:after {
  opacity: 1;
}

#forImageViewBg {
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: none;
  overflow: hidden;
}

#forImageView {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1001;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}
#forImageView > a {
  display: block;
  width: 100%;
  height: 100%;
}
#forImageView > a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@keyframes fadeInUpTab2 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.state-loc {
  position: absolute;
  top: 2rem;
  right: 2rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.state-pre,
.state-end,
.state-ing {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 7rem;
  height: 7rem;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 600;
  border-radius: 50%;
}

.state-pre {
  background: #804F3A;
}

.state-end {
  background: #888;
}

.state-ing {
  background: #552B15;
}

@media (max-width: 768px) {
  .state-loc {
    top: 1rem;
    right: 1rem;
  }
  .state-pre,
  .state-end,
  .state-ing {
    width: 5rem;
    height: 5rem;
    font-size: 1.3rem;
  }
}
.LIST .sub-top,
.LIST .danji-top {
  background: #C2CAD4;
}
@media (max-width: 1024px) {
  .LIST .danji-top {
    padding-bottom: 3rem;
  }
}
@media (max-width: 768px) {
  .LIST .danji-top {
    padding-bottom: 2rem;
  }
}

@media (max-width: 768px) {
  .MAP .sub-top,
  .MAP .danji-top {
    background: #C2CAD4;
  }
  .MAP .sub-top .sub-ment,
  .MAP .danji-top .sub-ment {
    padding-bottom: 2rem;
  }
}
.danji-top .tab2-wrap {
  padding-top: 0;
  padding-bottom: 5rem;
  margin: 0;
}
@media (max-width: 1024px) {
  .danji-top .tab2-wrap {
    display: none;
  }
}

.danji-top + .tab2-container {
  margin-top: 0;
}
.danji-top + .tab2-container > div {
  display: none;
}
.danji-top + .tab2-container > div.active {
  display: block;
  animation: fadeInUpTab2 0.5s;
}
@media (max-width: 1024px) {
  .danji-top + .tab2-container > div.tab2-container-list {
    display: block;
  }
  .danji-top + .tab2-container > div.tab2-container-map {
    display: none;
  }
  .danji-top + .tab2-container > div.tab2-container-map.active {
    display: none;
  }
}
@media (max-width: 768px) {
  .danji-top + .tab2-container > div.tab2-container-list {
    display: block;
  }
}

.danji-lists-top {
  background: #C2CAD4;
  padding-bottom: 10rem;
}
.danji-lists-top .danji-lists-top-swiper .swiper-wrapper {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: 1fr 1fr;
}
.danji-lists-top .danji-lists-top-swiper .swiper-wrapper .info-item-top {
  position: relative;
}
.danji-lists-top .danji-lists-top-swiper .swiper-wrapper .info-item-top a:focus-visible {
  border: 1px dotted #000;
}
.danji-lists-top .danji-lists-top-swiper .swiper-wrapper .info-item-top a:hover .thumb img {
  transform: scale(1.2);
}
.danji-lists-top .danji-lists-top-swiper .swiper-wrapper .info-item-top .thumb {
  aspect-ratio: 480/313;
  overflow: hidden;
  position: relative;
}
.danji-lists-top .danji-lists-top-swiper .swiper-wrapper .info-item-top .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}
.danji-lists-top .danji-lists-top-swiper .swiper-wrapper .info-item-top .thumb::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 61.17%, rgba(0, 0, 0, 0.75) 100%), rgba(0, 0, 0, 0.05);
  position: absolute;
  bottom: 0;
  left: 0;
}
.danji-lists-top .danji-lists-top-swiper .swiper-wrapper .info-item-top .desc {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.danji-lists-top .danji-lists-top-swiper .swiper-wrapper .info-item-top .desc h4 {
  color: #fff;
  font-size: 2.3rem;
  letter-spacing: -0.46px;
  font-weight: 600;
}
.danji-lists-top .danji-lists-top-swiper .swiper-wrapper .info-item-top:nth-child(1) {
  grid-row: span 2;
}
.danji-lists-top .danji-lists-top-swiper .swiper-wrapper .info-item-top:nth-child(1) .desc {
  padding: 3rem;
}
.danji-lists-top .danji-lists-top-swiper .swiper-wrapper .info-item-top:nth-child(1) .desc h4 {
  font-size: 4rem;
  font-weight: 800;
  letter-spacing: -0.8px;
}
.danji-lists-list {
  padding-top: 10rem;
}
.danji-lists-map .static {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.danji-lists-map .korMap-wrap {
  width: 47.22%;
  background: #C2CAD4;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8rem 0 7rem;
  height: 90rem;
}
.danji-lists-map .map-items-wrap {
  width: 50%;
}
@media (max-width: 1024px) {
  .danji-lists-top {
    overflow: hidden;
    background: #fff;
    padding-bottom: 0;
  }
  .danji-lists-top .static {
    padding-left: 0;
    padding-right: 0;
  }
  .danji-lists-top .danji-lists-top-swiper {
    position: relative;
    padding-bottom: 3rem;
  }
  .danji-lists-top .danji-lists-top-swiper .swiper-wrapper {
    display: flex;
  }
  .danji-lists-top .danji-lists-top-swiper .swiper-wrapper .info-item-top:nth-child(1) .desc {
    padding: 2rem;
  }
  .danji-lists-top .danji-lists-top-swiper .swiper-wrapper .info-item-top:nth-child(1) .desc h4 {
    font-size: 2rem;
    line-height: 1.5;
  }
  .danji-lists-top .danji-lists-top-swiper .swiper-pagination {
    bottom: 0;
  }
  .danji-lists-top .danji-lists-top-swiper .swiper-pagination-bullet {
    border: 1px solid #dadada;
    background: #fff;
    opacity: 1;
    vertical-align: bottom;
  }
  .danji-lists-top .danji-lists-top-swiper .swiper-pagination-bullet-active {
    border: 1px solid #222;
    background: #222;
  }
  .danji-lists-top .danji-lists-top-swiper .swiper-button-prev,
  .danji-lists-top .danji-lists-top-swiper .swiper-button-next {
    width: 3rem;
    height: 3rem;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 50%;
  }
  .danji-lists-top .danji-lists-top-swiper .swiper-button-prev::after,
  .danji-lists-top .danji-lists-top-swiper .swiper-button-next::after {
    font-size: 1.3rem;
    color: #fff;
  }
  .danji-lists-list {
    padding-top: 2rem;
  }
  .danji-lists-map {
    display: none;
  }
}
@media (max-width: 768px) {
  .danji-lists-top .danji-lists-top-swiper {
    position: relative;
    padding-bottom: 2rem;
  }
  .danji-lists-top .danji-lists-top-swiper .swiper-wrapper {
    display: flex;
  }
  .danji-lists-top .danji-lists-top-swiper .swiper-wrapper .info-item-top {
    width: 100%;
  }
  .danji-lists-top .danji-lists-top-swiper .swiper-wrapper .info-item-top:nth-child(1) .desc {
    padding: 2rem;
  }
  .danji-lists-top .danji-lists-top-swiper .swiper-wrapper .info-item-top:nth-child(1) .desc h4 {
    font-size: 2rem;
    line-height: 1.5;
  }
  .danji-lists-top .danji-lists-top-swiper .swiper-wrapper .info-item-top .desc {
    align-items: flex-end;
  }
  .danji-lists-top .danji-lists-top-swiper .swiper-wrapper .info-item-top .desc h4 {
    font-size: 2rem;
  }
  .danji-lists-top .danji-lists-top-swiper .swiper-wrapper .info-item-top .desc .btn-detail {
    min-width: 8rem;
    height: 3rem;
  }
  .danji-lists-top .danji-lists-top-swiper .swiper-wrapper .info-item-top .desc .btn-detail span {
    font-size: 1.3rem;
  }
  .danji-lists-list {
    padding-top: 2rem;
  }
  .danji-lists-map {
    display: none;
  }
}

.danji-search-lists {
  margin-top: 5rem;
}
@media (max-width: 768px) {
  .danji-search-lists {
    margin-top: 2rem;
  }
}

.info-item-thumb {
  position: relative;
}
.info-item-thumb .thumb {
  aspect-ratio: 453/295;
  overflow: hidden;
}
.info-item-thumb .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.info-item-cont {
  border: 1px solid #dadada;
}
.info-item-cont-info {
  padding: 2rem 3rem 3rem;
  position: relative;
}
.info-item-cont-info h4 {
  font-size: 3rem;
  font-weight: 600;
  width: calc(100% - 3rem);
}
.info-item-cont-info ul {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 3rem;
}
.info-item-cont-info ul > li {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 2rem;
}
.info-item-cont-info ul .tit {
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: -0.36px;
  width: 6rem;
  text-align: justify;
  text-align-last: justify;
  white-space: nowrap;
}
.info-item-cont-info ul .con {
  display: block;
  font-size: 1.8rem;
  color: #555;
  width: calc(100% - 8rem);
}
.info-item-cont-info .btn-fav {
  position: absolute;
  top: 3rem;
  right: 3rem;
}
.info-item-cont-btns {
  display: flex;
  justify-content: space-between;
  gap: 0.2rem;
  background: #fff;
}
.info-item-cont-btns a {
  flex: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #E9E9E9;
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: -0.36px;
  height: 5.9rem;
}
@media (max-width: 768px) {
  .info-item-thumb .state-pre,
  .info-item-thumb .state-end,
  .info-item-thumb .state-ing {
    top: 1.5rem;
    right: 1.5rem;
  }
  .info-item-cont-info {
    padding: 2rem;
  }
  .info-item-cont-info h4 {
    font-size: 2rem;
  }
  .info-item-cont-info .btn-fav {
    top: 2.5rem;
    right: 2rem;
  }
  .info-item-cont-info ul {
    margin-top: 2rem;
    gap: 0.8rem;
  }
  .info-item-cont-info ul li {
    gap: 1.5rem;
  }
  .info-item-cont-info ul .tit,
  .info-item-cont-info ul .con {
    font-size: 1.3rem;
  }
  .info-item-cont-info ul .tit {
    width: 4.5rem;
  }
  .info-item-cont-info ul .con {
    width: calc(100% - 4.5rem);
  }
  .info-item-cont-btns a {
    height: 4rem;
    font-size: 1.3rem;
    letter-spacing: -0.26px;
  }
}
.info-item.const-info-item ul .tit {
  width: 8.8rem;
  text-align-last: auto;
}
.info-item.const-info-item ul .con {
  width: calc(100% - 8.8rem);
}
@media (max-width: 768px) {
  .info-item.const-info-item ul .tit {
    width: 6rem;
  }
  .info-item.const-info-item ul .con {
    width: calc(100% - 6rem);
  }
}
.info-item.movein-info-item ul .tit {
  width: 8rem;
}
.info-item.movein-info-item ul .con {
  width: calc(100% - 8rem);
}
@media (max-width: 768px) {
  .info-item.movein-info-item ul .tit {
    width: 5.8rem;
  }
  .info-item.movein-info-item ul .con {
    width: calc(100% - 5.8rem);
  }
}

.info-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 1fr;
  gap: 4rem 2.78%;
}
.info-items > .info-items-no-result {
  grid-column: 1/-1;
}
.info-items.none {
  grid-template-columns: repeat(1, 1fr);
}
.info-items .info-item {
  align-self: stretch;
  display: flex;
  flex-direction: column;
}
.info-items .info-item .info-item-cont {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.info-items .info-item .info-item-cont .info-item-cont-info {
  flex: 1;
}
@media (max-width: 1024px) {
  .info-items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .info-items {
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
  }
}

.map-items {
  overflow: hidden;
  overflow-y: auto;
  height: 91rem;
}
.map-items .info-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #dadada;
  min-height: 28.65rem;
}
.map-items .info-item-thumb {
  width: 40.32%;
}
.map-items .info-item-thumb .state-loc {
  top: 1rem;
  right: 1rem;
}
.map-items .info-item-thumb .thumb {
  aspect-ratio: 250/163;
  width: 100%;
  height: 100%;
}
.map-items .info-item-cont {
  display: flex;
  justify-content: space-between;
  padding: 3rem;
  gap: 4.84%;
  border: 0;
}
.map-items .info-item-cont-info {
  padding: 0;
  width: 54.84%;
}
.map-items .info-item-cont-info h4 {
  font-size: 2.4rem;
}
.map-items .info-item-cont-info .btn-fav {
  top: 0.6rem;
  right: 0;
}
.map-items .info-item-cont-info ul {
  margin-top: 2rem;
}
.map-items .info-item-cont-btns {
  width: 100%;
}
.map-items .info-item-cont-btns a {
  height: 5rem;
}
.map-items .info-item .state-pre,
.map-items .info-item .state-end,
.map-items .info-item .state-ing {
  width: 5rem;
  height: 5rem;
  font-size: 1.3rem;
}
.map-items .info-item + .info-item {
  margin-top: 2rem;
}
.map-items .no-data {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 1.8rem;
}

.danji-search-box {
  margin-bottom: 5rem;
  position: relative;
  z-index: 2;
}
@media (max-width: 768px) {
  .danji-search-box {
    margin-bottom: 2rem;
  }
}
.danji-search-box .search-input {
  width: 86.11%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 2px solid #222;
  padding-right: 1rem;
}
.danji-search-box .search-input .input {
  width: 96%;
  border: 0;
  padding: 2.5rem 0;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: -0.4px;
  height: 8rem;
}
.danji-search-box .search-input .ico-search {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2239%22%20height%3D%2239%22%20viewBox%3D%220%200%2039%2039%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M34.8053%2038.4218C35.5906%2039.1986%2036.8569%2039.1918%2037.6337%2038.4066C38.4106%2037.6213%2038.4037%2036.355%2037.6185%2035.5782L34.8053%2038.4218ZM30.5368%2016.0107H28.5368C28.5368%2022.6238%2023.1118%2028.0215%2016.3743%2028.0215V30.0215V32.0215C25.2802%2032.0215%2032.5368%2024.8735%2032.5368%2016.0107H30.5368ZM16.3743%2030.0215V28.0215C9.63686%2028.0215%204.21191%2022.6238%204.21191%2016.0107H2.21191H0.211914C0.211914%2024.8735%207.46844%2032.0215%2016.3743%2032.0215V30.0215ZM2.21191%2016.0107H4.21191C4.21191%209.39764%209.63686%204%2016.3743%204V2V0C7.46844%200%200.211914%207.148%200.211914%2016.0107H2.21191ZM16.3743%202V4C23.1118%204%2028.5368%209.39764%2028.5368%2016.0107H30.5368H32.5368C32.5368%207.148%2025.2802%200%2016.3743%200V2ZM24.9458%2025.8545L23.5392%2027.2763C25.739%2029.4526%2028.5556%2032.239%2030.8222%2034.4813C31.9554%2035.6024%2032.9512%2036.5876%2033.6637%2037.2924C34.0199%2037.6448%2034.3054%2037.9272%2034.5017%2038.1214C34.5999%2038.2185%2034.6758%2038.2937%2034.7271%2038.3445C34.7529%2038.3699%2034.7724%2038.3892%2034.7855%2038.4022C34.7921%2038.4087%2034.797%2038.4135%2034.8003%2038.4169C34.8022%2038.4187%2034.8031%2038.4196%2034.8041%2038.4206C34.8046%2038.4211%2034.8047%2038.4212%2034.805%2038.4215C34.8051%2038.4216%2034.8052%2038.4217%2034.8053%2038.4217C34.8053%2038.4218%2034.8053%2038.4218%2036.2119%2037C37.6185%2035.5782%2037.6185%2035.5782%2037.6184%2035.5781C37.6184%2035.5781%2037.6183%2035.578%2037.6182%2035.5779C37.6181%2035.5778%2037.6175%2035.5772%2037.6172%2035.577C37.6165%2035.5762%2037.6151%2035.5748%2037.6135%2035.5733C37.6102%2035.57%2037.6052%2035.5651%2037.5987%2035.5586C37.5855%2035.5456%2037.566%2035.5263%2037.5403%2035.5008C37.4889%2035.45%2037.413%2035.3749%2037.3149%2035.2778C37.1185%2035.0836%2036.8331%2034.8012%2036.4769%2034.4488C35.7644%2033.744%2034.7686%2032.7588%2033.6353%2031.6377C31.3687%2029.3954%2028.5522%2026.609%2026.3524%2024.4327L24.9458%2025.8545Z%22%20fill%3D%22%23222222%22/%3E%3C/svg%3E");
}
.danji-search-box-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 3rem;
  position: relative;
  z-index: 3;
}
.danji-search-box-detail {
  display: none;
  position: absolute;
  top: 12rem;
  left: 0;
  width: 100%;
  background: #fff;
}
.danji-search-box-detail::before {
  content: "";
  display: block;
  width: 16rem;
  height: 12.1rem;
  position: absolute;
  right: 0;
  top: -12rem;
  border: 1px solid #222;
  border-bottom: 1px solid #fff;
}
.danji-search-box-detail .inner {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5rem;
  padding: 2rem;
  width: 100%;
  border: 1px solid #222;
}
.danji-search-box-detail .inner-item {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.danji-search-box-detail .inner label {
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: -0.36px;
}
.danji-search-box-detail .inner .select {
  width: 30rem;
}
.danji-search-box-detail button {
  position: absolute;
  right: 6rem;
  top: 4.4rem;
}
.danji-search-box-detail button .ico-close {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.danji-search-box-detail.open {
  display: flex;
}
@media (max-width: 768px) {
  .danji-search-box .search-input {
    width: calc(100% - 8rem);
    padding-right: 0;
  }
  .danji-search-box .search-input .input {
    height: 4rem;
    font-size: 1.3rem;
    letter-spacing: -0.26px;
  }
  .danji-search-box .search-input .ico-search {
    width: 2rem;
    height: 2rem;
  }
  .danji-search-box-top {
    gap: 1.8rem;
  }
  .danji-search-box-top .btn-sh-detail {
    padding: 1.2rem 0.8rem;
    font-size: 1.3rem;
  }
  .danji-search-box-top .btn-sh-detail::after {
    width: 1.4rem;
    height: 1.6rem;
  }
  .danji-search-box-detail {
    top: 7rem;
  }
  .danji-search-box-detail::before {
    width: 9rem;
    height: 7rem;
    top: -6.9rem;
    background: #fff;
  }
  .danji-search-box-detail .inner {
    gap: 1rem;
    padding: 1.5rem;
  }
  .danji-search-box-detail .inner-item {
    width: 100%;
  }
  .danji-search-box-detail .inner label {
    font-size: 1.3rem;
  }
  .danji-search-box-detail .inner .select {
    width: calc(100% - 3.4rem);
  }
}

.btns-lots-top {
  display: flex;
  justify-content: flex-end;
}
.btns-lots-top .btn-fill {
  background: #552B15;
}
.btns-lots-top .btn-fill.large {
  min-width: 25rem;
}
.btns-lots-top .btn-fill:hover {
  color: #fff;
}
.btns-lots-top .btn-fill:hover .ico-home2 {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cpath d='M14 24V10H23V24' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M17.5 20H19.5' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M17.5 15H19.5' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M2 24V4H14V24' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M5 20H7' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M9 20H11' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M5 15H7' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M9 15H11' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M5 10H7' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M9 10H11' stroke='%23ffffff' stroke-width='2'/%3E%3C/svg%3E");
}
@media (max-width: 768px) {
  .btns-lots-top .btn-fill.large {
    min-width: 13rem;
  }
}

.btns-lots-top + .tab-wrap {
  margin-top: 3rem;
}
@media (max-width: 768px) {
  .btns-lots-top + .tab-wrap {
    margin-top: 2rem;
  }
}

.tab-plan-wrapper {
  border: 1px solid #dadada;
  display: flex;
}
.tab-plan-wrapper .tab-plan-container {
  width: 85.28%;
  order: 1;
}
.tab-plan-wrapper .tab-plan-listWp {
  order: 2;
  width: 14.72%;
  background: #f0f0f0;
}
.tab-plan-wrapper .tab-plan-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.tab-plan-wrapper .tab-plan-list li button {
  width: 100%;
  height: 8rem;
  font-size: 1.8rem;
  font-weight: 600;
}
.tab-plan-wrapper .tab-plan-list li.active button {
  background: #222;
  color: #fff;
}
.tab-plan-wrapper .photoDetailView .wphoto {
  width: 100%;
  height: 100%;
}
.tab-plan-wrapper .photoDetailView .wphoto img {
  object-fit: contain;
}
@media (max-width: 768px) {
  .tab-plan-wrapper .tab-plan-container {
    width: 75%;
  }
  .tab-plan-wrapper .tab-plan-listWp {
    width: 25%;
  }
  .tab-plan-wrapper .tab-plan-list li button {
    font-size: clamp(1.1rem, 1.8vw, 1.3rem);
    height: 4rem;
  }
}

.tab-plan-wrapper + .tb-type1 {
  margin-top: 5rem;
}
@media (max-width: 768px) {
  .tab-plan-wrapper + .tb-type1 {
    margin-top: 3rem;
  }
}

.tab-plan-container > div {
  display: none;
  height: 100%;
}
.tab-plan-container > div.active {
  display: block;
  animation: fadeInUpTab2 0.5s;
}

.tab-type-wrapper {
  position: relative;
  aspect-ratio: 307/200;
  width: 100%;
  height: 100%;
}
.tab-type-wrapper .tab-type-list {
  position: absolute;
  bottom: 3rem;
  right: 3rem;
  z-index: 2;
}
.tab-type-wrapper .tab-type-list > li {
  margin-top: 1.5rem;
}
.tab-type-wrapper .tab-type-list > li button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 6.5rem;
  height: 6.5rem;
  border-radius: 50%;
  background: #f3f3f3;
}
.tab-type-wrapper .tab-type-list > li.active button {
  background: #222;
  color: #fff;
}
@media (max-width: 768px) {
  .tab-type-wrapper .tab-type-list {
    bottom: 1rem;
    right: 1rem;
  }
  .tab-type-wrapper .tab-type-list > li {
    margin-top: 1rem;
  }
  .tab-type-wrapper .tab-type-list > li button {
    width: 4rem;
    height: 4rem;
    font-size: clamp(1rem, 1.56vw, 1.2rem);
  }
}

.tab-type-panels {
  width: 100%;
  height: 100%;
}
.tab-type-panels > div {
  display: none;
  width: 100%;
  height: 100%;
}
.tab-type-panels > div.active {
  display: flex;
  animation: fadeInUpTab2 0.5s;
}
.tab-type-panels .photoDetailView {
  padding: 0 8rem;
}
.tab-type-panels .photoDetailView .photo {
  aspect-ratio: 1228/800;
}
@media (max-width: 768px) {
  .tab-type-panels .photoDetailView {
    padding: 0 5rem 0 0;
  }
}

.danji-lists-list.const-lists {
  padding-top: 0;
}

.constr-status-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
}
@media (max-width: 1280px) {
  .constr-status-top {
    flex-direction: column;
    justify-content: center;
  }
}

.month-data-swiper button {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  font-size: 2rem;
  font-weight: 600;
  vertical-align: middle;
}
.month-data-swiper button .m {
  font-size: 1.6rem;
}
.month-data-swiper button:disabled {
  cursor: default;
  color: #888;
}
.month-data-swiper .active button {
  background: #222;
  color: #fff;
}
@media (max-width: 768px) {
  .month-data-swiper button {
    width: 4rem;
    height: 4rem;
    font-size: 1.6rem;
  }
}

.year-data {
  position: relative;
  width: 22rem;
  height: 5rem;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3rem;
}
.year-data .year-current {
  font-size: 3.6rem;
  font-weight: 600;
  letter-spacing: -0.72px;
}
.year-data .year-prev,
.year-data .year-next {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  border: 1px solid #dadada;
  border-radius: 50%;
  z-index: 2;
  background: #fff;
}
.year-data .year-prev::after,
.year-data .year-next::after {
  font-size: 2rem;
}
.year-data .year-prev.dim,
.year-data .year-next.dim {
  opacity: 0.5;
}
.year-data .ico-prev {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%229%22 height%3D%2214%22 viewBox%3D%220 0 9 14%22 fill%3D%22none%22%3E%3Cpath d%3D%22M1 13L7 7L1 1%22 stroke%3D%22%23222222%22 stroke-width%3D%221.5%22/%3E%3C/svg%3E");
  transform: rotate(180deg);
}
.year-data .ico-next {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%229%22 height%3D%2214%22 viewBox%3D%220 0 9 14%22 fill%3D%22none%22%3E%3Cpath d%3D%22M1 13L7 7L1 1%22 stroke%3D%22%23222222%22 stroke-width%3D%221.5%22/%3E%3C/svg%3E");
}
@media (max-width: 768px) {
  .year-data {
    gap: 2rem;
  }
  .year-data .year-current {
    font-size: 3rem;
  }
  .year-data .year-prev,
  .year-data .year-next {
    width: 2.8rem;
    height: 2.8rem;
  }
  .year-data .year-prev i,
  .year-data .year-next i {
    transform: scale(0.7);
  }
  .year-data .year-prev .ico-prev,
  .year-data .year-next .ico-prev {
    transform: rotate(180deg) scale(0.8);
  }
}

.month-data .month-data-swiper {
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
  width: 100%;
  scroll-behavior: smooth;
}
.month-data .month-data-swiper ul {
  display: flex;
  gap: 2.4rem;
}
.month-data ul {
  display: flex;
  gap: 4rem;
  font-size: 2.4rem;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  .month-data {
    width: 100%;
    margin-top: 1rem;
  }
  .month-data .month-data-swiper ul {
    gap: 1.2rem;
  }
}

.gallery-data {
  overflow: hidden;
}
.gallery-data .gallery-swiper {
  position: relative;
  padding-bottom: 3rem;
}
@media (max-width: 768px) {
  .gallery-data .gallery-swiper {
    padding-bottom: 1rem;
  }
}
.gallery-data .gallery-swiper .swiper-slide {
  aspect-ratio: 9/5;
  overflow: hidden;
  background: #f3f3f3;
}
.gallery-data .gallery-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gallery-data .gallery-swiper .swiper-pagination {
  bottom: 0;
}
.gallery-data .gallery-swiper .swiper-pagination-bullet {
  width: 1.6rem;
  height: 1.6rem;
  border: 1px solid #dadada;
  background: #fff;
  opacity: 1;
}
.gallery-data .gallery-swiper .swiper-pagination-bullet-active {
  background: #222;
  border: 1px solid #222;
}
.gallery-data .gallery-swiper .swiper-button-next,
.gallery-data .gallery-swiper .swiper-button-prev {
  width: 8rem;
  height: 8rem;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
}
.gallery-data .gallery-swiper .swiper-button-next::after,
.gallery-data .gallery-swiper .swiper-button-prev::after {
  color: #fff;
  font-size: 3.4rem;
}
.gallery-data .gallery-thumb-swiper .swiper-slide {
  aspect-ratio: 164/91;
  position: relative;
  background: #C4C4C4 url(/rStatic/images/sub/no-image.png) no-repeat 50% 50%;
  background-size: auto 100%;
}
.gallery-data .gallery-thumb-swiper .swiper-slide .thumb, .gallery-data .gallery-thumb-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gallery-data .gallery-thumb-swiper .swiper-slide .thumb {
  cursor: pointer;
}
.gallery-data .gallery-thumb-swiper .swiper-slide-thumb-active::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border: 2px solid #222;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 768px) {
  .gallery-data .gallery-swiper .swiper-button-next,
  .gallery-data .gallery-swiper .swiper-button-prev {
    width: 4rem;
    height: 4rem;
  }
  .gallery-data .gallery-swiper .swiper-button-next::after,
  .gallery-data .gallery-swiper .swiper-button-prev::after {
    font-size: 1.3rem;
  }
}

.const-cs {
  border: 1px solid #dadada;
  border-radius: 0.5rem;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 5rem;
  padding: 5rem;
  gap: 1.4rem;
}
@media (max-width: 768px) {
  .const-cs {
    margin-top: 3rem;
  }
}
@media (max-width: 768px) {
  .const-cs {
    padding: 2rem;
  }
}
.const-cs .dt {
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: -0.36px;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.const-cs .dd {
  font-size: 2.8rem;
  font-weight: 600;
}
@media (max-width: 768px) {
  .const-cs .dt {
    font-size: 1.4rem;
  }
  .const-cs .dd {
    font-size: 1.8rem;
  }
}

.progress-data {
  border: 1px solid #dadada;
  border-radius: 0.5rem;
  background: #fff;
  margin-top: 5rem;
  padding: 3rem;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .progress-data {
    margin-top: 3rem;
  }
}
@media (max-width: 768px) {
  .progress-data {
    padding: 2rem;
  }
}
.progress-data-state {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.progress-data-state h4 {
  font-size: 4rem;
  font-weight: 600;
  letter-spacing: -0.8px;
}
.progress-data-state .desc p {
  font-size: 1.8rem;
  line-height: 1.33;
  letter-spacing: -0.36px;
  margin-top: 2rem;
}
.progress-data-state .desc .lists-dots {
  margin-top: 2rem;
}
.progress-data-state .desc .lists-dots > li {
  color: #666;
  font-size: 1.8rem;
}
.progress-data-state .desc .lists-dots > li:before {
  width: 2px;
  height: 2px;
  top: 0.7em;
}
.progress-data-state .noti {
  margin-top: auto;
}
.progress-data-state .noti .p-dots {
  color: #666;
}
.progress-data-state .noti .p-dots:before {
  width: 2px;
  height: 2px;
  top: 0.7em;
}
.progress-data-perc {
  background: #f3f3f3 url(/rStatic/images/sub/info-const-apt.svg) no-repeat 50% 82%;
  background-size: 60% auto;
  width: 50.36%;
  height: 45rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 5rem 4rem 3rem 4rem;
}
.progress-data-perc-top {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.progress-data-perc h4 {
  font-size: 2.2rem;
  font-weight: 600;
  letter-spacing: -0.44px;
  text-align: center;
}
.progress-data-perc .percent {
  text-align: center;
}
.progress-data-perc .percent .num {
  font-size: 8rem;
  font-weight: 600;
  letter-spacing: -1.6px;
}
.progress-data-perc .percent .per {
  font-size: 3rem;
  font-weight: 500;
  letter-spacing: -0.6px;
}
.progress-data-perc .progress-bar {
  width: 100%;
  height: 1.5rem;
  border-radius: 6rem;
  background: #d7d7d7;
}
.progress-data-perc .progress-bar .progress-fill {
  width: 0;
  height: 100%;
  transition: width 2.5s cubic-bezier(0.4, 0, 0.2, 1);
  background: #222;
  border-radius: 6rem;
  position: relative;
  overflow: hidden;
}
@media (max-width: 768px) {
  .progress-data {
    flex-direction: column;
  }
  .progress-data-state h4 {
    font-size: 2rem;
  }
  .progress-data-state .desc p {
    font-size: 1.3rem;
  }
  .progress-data-state .desc p:first-child {
    margin-top: 0;
  }
  .progress-data-state .desc .lists-dots li {
    font-size: 1.3rem;
  }
  .progress-data-state .noti .p-dots {
    font-size: 1.3rem;
  }
  .progress-data-perc {
    width: 100%;
    padding: 2rem;
    margin-top: 2rem;
    height: 25rem;
  }
  .progress-data-perc h4 {
    font-size: 1.3rem;
    padding-bottom: 1rem;
  }
  .progress-data-perc .percent .num {
    font-size: 5rem;
  }
  .progress-data-perc .percent .per {
    font-size: 1.3rem;
  }
  .progress-data-perc .progress-bar {
    height: 1rem;
  }
}

.danji-gallery .gphoto {
  width: 100%;
}
.danji-gallery .gphoto img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.danji-gallery .gthumb {
  width: 10rem;
  height: 10rem;
}
.danji-gallery .gthumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.danji-gallery .static {
  position: relative;
}
.danji-gallery-swiper {
  position: relative;
  overflow: hidden;
  width: 120rem;
}
.danji-gallery-thumb-swiper {
  position: absolute;
  top: 0;
  right: 2rem;
  overflow: hidden;
  width: 20rem;
  height: 100%;
}
.danji-gallery-thumb-swiper .swiper-slide {
  width: 20rem;
  height: 10rem !important;
}
.danji-gallery-thumb-swiper .swiper-slide.swiper-slide-thumb-active {
  border: 1px solid blue;
}
.danji-gallery-thumb-swiper .swiper-slide .gthumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.danji-gallery-thumb-swiper .swiper-slide .gthumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.danji-gallery-thumb-swiper .swiper-button-prev {
  top: 0;
  right: 50%;
  bottom: initial;
  left: initial;
  transform: rotate(90deg) translateY(-50%);
  margin: 0;
  width: 4rem;
  height: 4rem;
}
.danji-gallery-thumb-swiper .swiper-button-next {
  top: initial;
  left: initial;
  bottom: 0;
  right: 50%;
  transform: rotate(90deg) translateY(-50%);
  margin: 0;
  width: 4rem;
  height: 4rem;
}

.info-items-no-result {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 7rem 0;
  font-size: 1.8rem;
  font-weight: 500;
  color: #666;
  background: #E9E9E9;
}
@media (max-width: 768px) {
  .info-items-no-result {
    font-size: 1.3rem;
  }
}

.movein-info-items .info-items-no-result {
  width: 100%;
}

.lotsView,
.moveinView {
  margin-top: -4rem;
}
@media (max-width: 768px) {
  .lotsView,
  .moveinView {
    margin-top: -2rem;
  }
}

.apt-search {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 4rem;
  gap: 2rem;
}
@media (max-width: 768px) {
  .apt-search {
    margin-top: 3rem;
  }
}
.apt-search h4, .apt-search label {
  color: #222;
  font-size: 2.6rem;
  font-weight: 600;
  letter-spacing: -0.52px;
}
.apt-search .apt-search-sel {
  display: flex;
  gap: 1rem;
  width: 36.81%;
}
.apt-search select {
  width: 79.25%;
  border: 1px solid #555;
  background-size: 1.2rem auto;
}
.apt-search button {
  width: 10rem;
}
@media (max-width: 1024px) {
  .apt-search .apt-search-sel {
    width: 48%;
  }
}
@media (max-width: 768px) {
  .apt-search {
    display: block;
  }
  .apt-search h4, .apt-search label {
    text-align: center;
    font-size: 2rem;
  }
  .apt-search .apt-search-sel {
    width: 100%;
    margin-top: 1rem;
    height: 5rem;
  }
  .apt-search button {
    width: 7rem;
    padding: 0;
  }
}

.apt-info1 {
  margin-top: 5rem;
}
@media (max-width: 768px) {
  .apt-info1 {
    margin-top: 3rem;
  }
}
.apt-info1 .tb-row .tb-col {
  width: calc(100% - 18rem);
}
.apt-info1 .tb-row .tb-col:first-child {
  width: 18rem;
}
.apt-info1 .tb-type1 + .tb-type1 {
  margin-top: 2rem;
}
.apt-info1 .tb-row2 .tb-row + .tb-row {
  border-bottom: 1px solid #dadada;
}
@media (max-width: 768px) {
  .apt-info1 .tb-row .tb-col {
    width: 65%;
  }
  .apt-info1 .tb-row .tb-col:first-child {
    width: 35%;
  }
}

.apt-info2 {
  margin-top: 5rem;
}
@media (max-width: 768px) {
  .apt-info2 {
    margin-top: 3rem;
  }
}
.apt-info2 .tb-row .tb-col {
  width: calc(100% - 18rem);
}
.apt-info2 .tb-row .tb-col:first-child {
  width: 18rem;
}
.apt-info2 .tb-type1 + .tb-type1 {
  margin-top: 2rem;
}
@media (max-width: 768px) {
  .apt-info2 .tb-row .tb-col {
    width: calc(100% - 12rem);
  }
  .apt-info2 .tb-row .tb-col:first-child {
    width: 12rem;
  }
}

.apt-table2 {
  margin-top: 5rem;
}

.customer-info {
  margin-top: 5rem;
}
.customer-info > div {
  display: flex;
  flex-wrap: wrap;
}
.customer-info > div + div {
  padding-top: 4rem;
  margin-top: 5rem;
  border-top: 1px solid #dfdfdf;
}
.customer-info > div > p {
  display: flex;
  flex-direction: column;
  width: 44rem;
  font-size: 2.8rem;
}
.customer-info > div > p strong {
  font-weight: 600;
}
.customer-info ul li {
  position: relative;
  font-size: 2rem;
  padding-left: 3rem;
}
.customer-info ul li + li {
  margin-top: 1.5rem;
}
.customer-info ul li span {
  color: #555;
  font-weight: 500;
}
.customer-info ul li strong {
  font-weight: 600;
}
.customer-info ul li small {
  color: #555;
  font-weight: 300;
}
.customer-info i {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -1rem;
}
.customer-info i.tel {
  background-image: url("data:image/svg+xml;charset=utf8,");
}
.customer-info i.note {
  background-image: url("data:image/svg+xml;charset=utf8,");
}
.customer-info i.time {
  background-image: url("data:image/svg+xml;charset=utf8,");
}
.customer-info i.map {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2225%22%20height%3D%2224%22%20viewBox%3D%220%200%2025%2024%22%20fill%3D%22none%22%3E%3Crect%20x%3D%2212%22%20y%3D%2211%22%20width%3D%220.01%22%20height%3D%220.01%22%20stroke%3D%22%23000000%22%20stroke-width%3D%223%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M12%2022L17.5%2016.5C20.5376%2013.4624%2020.5376%208.53757%2017.5%205.5C14.4624%202.46244%209.53757%202.46244%206.5%205.5C3.46244%208.53757%203.46244%2013.4624%206.5%2016.5L12%2022Z%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
}
.customer-info img {
  padding-top: 2.5rem;
}
.customer-info img + p {
  color: #555;
  font-size: 1.6rem;
  padding-top: 1rem;
}

.ty1-wrap {
  display: flex;
  gap: 2rem;
}
.ty1-wrap .ty1:nth-child(1) {
  width: 36%;
}
.ty1-wrap .ty1:nth-child(2) {
  width: 64%;
}
.ty1-wrap .ty1 td {
  padding: 2rem 0.5%;
}

.apt-bank {
  border: 1px solid #dadada;
  padding: 4rem;
  margin-top: 5rem;
}
@media (max-width: 768px) {
  .apt-bank {
    padding: 2rem;
  }
}
@media (max-width: 768px) {
  .apt-bank {
    margin-top: 3rem;
  }
}
.apt-bank h4 {
  font-size: 2.4rem;
  font-weight: 600;
}
.apt-bank .bank {
  font-size: 2rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  color: #222;
  line-height: 1.2;
  margin: 1rem 0 2rem;
}
.apt-bank .bank:before {
  content: "";
  display: block;
  width: 2.4rem;
  height: 2rem;
  background: url(/rStatic/images/common/ico-bank.svg) no-repeat 50% 50%;
  background-size: auto 100%;
}
.apt-bank ul {
  border-top: 1px solid #dadada;
  padding-top: 2rem;
  font-size: 1.8rem;
  line-height: 1.4;
  letter-spacing: -0.36px;
  color: #666;
}
.apt-bank ul li {
  display: flex;
}
.apt-bank ul li:before {
  content: "※";
  margin-right: 0.5rem;
}
@media (max-width: 768px) {
  .apt-bank h4 {
    font-size: 2rem;
  }
  .apt-bank .bank {
    font-size: 1.4rem;
    margin-bottom: 1rem;
  }
  .apt-bank ul {
    font-size: 1.3rem;
    padding-top: 1rem;
  }
}

.qa-apply {
  padding: 4rem;
  margin-top: 5rem;
  border: 1px solid #dadada;
}
@media (max-width: 768px) {
  .qa-apply {
    padding: 2rem;
  }
}
@media (max-width: 768px) {
  .qa-apply {
    margin-top: 3rem;
  }
}
.qa-apply h3 {
  font-size: 2.4rem;
  font-weight: 600;
}
.qa-apply h3 + p {
  margin-top: 1rem;
  font-weight: 600;
}
.qa-apply p {
  font-size: 1.8rem;
  line-height: 1.4;
  letter-spacing: -0.36px;
  color: #666;
}
.qa-apply .p1 {
  font-weight: 500;
}
.qa-apply .p2 {
  padding-top: 2rem;
  margin-top: 2rem;
  border-top: 1px solid #dadada;
  font-weight: 400;
}
@media (max-width: 768px) {
  .qa-apply h3 {
    font-size: 2rem;
  }
  .qa-apply .p1 {
    font-size: 1.4rem;
  }
  .qa-apply .p2 {
    font-size: 1.3rem;
    margin-top: 1rem;
    padding-top: 1rem;
  }
}

.qa-sect {
  padding: 5rem 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 1px solid #dadada;
}
.qa-sect .sub-hty2 {
  margin: 0;
}
.qa-sect .con {
  width: 67.92%;
}
.qa-sect .con ul li + li {
  margin-top: 1.5rem;
}
.qa-sect .con .map {
  margin-top: 1rem;
}
@media (max-width: 768px) {
  .qa-sect {
    padding: 3rem 0;
    flex-direction: column;
  }
  .qa-sect .con {
    width: 100%;
    margin-top: 1rem;
  }
  .qa-sect .con ul li + li {
    margin-top: 1rem;
  }
  .qa-sect .con .map {
    width: 65rem;
  }
}

.qa-sect-qr {
  width: 100%;
  border: 1px solid #dadada;
  border-radius: 0.5rem;
  padding: 3rem 3rem 2.5rem;
  display: flex;
  justify-content: space-between;
}
.qa-sect-qr h4 {
  font-size: 2rem;
  font-weight: 500;
  color: #222;
  margin-bottom: 1rem;
}
.qa-sect-qr p {
  font-size: 1.6rem;
  color: #666;
}
.qa-sect-qr p + p {
  margin-top: 0.6rem;
}
.qa-sect-qr .qr-box {
  display: flex;
  justify-content: space-between;
  gap: 3rem;
}
.qa-sect-qr .qr-box .qr {
  text-align: center;
}
.qa-sect-qr .qr-box .qr img {
  border: 1px solid #222;
}
.qa-sect-qr .qr-box .qr span {
  font-size: 1.4rem;
  color: #222;
  margin-top: 0.5rem;
}
@media (max-width: 768px) {
  .qa-sect-qr {
    padding: 1.6rem;
    flex-direction: column;
  }
  .qa-sect-qr h4 {
    font-size: 1.4rem;
  }
  .qa-sect-qr p {
    font-size: 1.3rem;
  }
  .qa-sect-qr .qr-box {
    justify-content: flex-start;
    margin-top: 1rem;
    gap: 1rem;
  }
  .qa-sect-qr .qr-box .qr {
    width: 6rem;
  }
  .qa-sect-qr .qr-box .qr span {
    font-size: 1.2rem;
  }
}

.qa-sect2 .form-ui {
  margin-top: 0;
}

.qa-apply-view {
  border: 1px solid #dadada;
  padding: 4rem;
}
.qa-apply-view .tit {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.qa-apply-view .tit h4 {
  font-size: 2.4rem;
  font-weight: 500;
}
.qa-apply-view .tit .bar {
  display: inline-block;
  width: 1px;
  height: 1.8rem;
  background: #dadada;
}
.qa-apply-view .tit .phone {
  font-size: 1.8rem;
  font-weight: 600;
  color: #666;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.qa-apply-view .tit .phone::before {
  content: "";
  display: block;
  width: 2.2rem;
  height: 2rem;
  background: url(/rStatic/images/common/ico-set.svg) no-repeat 50% 50%;
  background-size: cover;
}
.qa-apply-view .desc {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid #dadada;
  color: #666;
}

.accordions {
  border-top: 1px solid #222;
  border-bottom: 1px solid #222;
  margin-top: 5rem;
}
@media (max-width: 768px) {
  .accordions {
    margin-top: 3rem;
  }
}
.accordions > li + li {
  border-top: 1px solid #dadada;
}
.accordions i {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: -0.32px;
  font-style: normal;
}
.accordions-label {
  position: relative;
  background: #fff;
  padding: 2rem;
}
.accordions-label button {
  display: flex;
  gap: 1rem;
  width: calc(100% - 6rem);
}
.accordions-label button i {
  display: flex;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  background: #222;
  border-radius: 50%;
}
.accordions-label button .tit {
  display: block;
  text-align: left;
  width: calc(100% - 4rem);
  line-height: 1.5;
  padding-top: 0.25rem;
  color: #222;
  font-weight: 500;
}
.accordions-label button .tit strong {
  font-weight: 600;
}
.accordions-label::after {
  content: "";
  display: block;
  transition: all 0.3s ease 0s;
  display: block;
  width: 4rem;
  height: 4rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2212%22 height%3D%228%22 viewBox%3D%220 0 12 8%22 fill%3D%22none%22%3E%3Cpath d%3D%22M1 7L6 2L11 7%22 stroke%3D%22%23222222%22 stroke-width%3D%221.5%22/%3E%3C/svg%3E");
  background-size: 50% auto;
  position: absolute;
  right: 4rem;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
}
.accordions-content .q {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #dadada;
  padding: 2rem 8rem;
  color: #666;
  font-weight: 500;
}
.accordions-content .a {
  background: #f3f3f3;
  gap: 1rem;
  border-top: 1px solid #dadada;
  transition: all 0.3s;
  overflow: hidden;
  padding: 2rem 8rem;
  box-sizing: border-box;
  display: flex;
}
.accordions-content .a i {
  display: flex;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  background: #5B3A29;
  border-radius: 50%;
  color: #fff;
}
.accordions-content .a div {
  width: calc(100% - 4rem);
  text-align: left;
  color: #666;
  font-weight: 500;
}
@media (max-width: 768px) {
  .accordions li {
    font-size: 1.3rem;
  }
  .accordions-label {
    padding: 1rem;
  }
  .accordions-label::after {
    right: 1rem;
    width: 2.4rem;
    height: 2.4rem;
  }
  .accordions-label button {
    width: calc(100% - 3rem);
  }
  .accordions-label button i {
    width: 2.2rem;
    height: 2.2rem;
    font-size: 1.3rem;
  }
  .accordions-label button .tit {
    width: calc(100% - 3rem);
    padding-top: 0.1rem;
  }
  .accordions-content .q {
    padding: 1.2rem 2rem 1.2rem 4rem;
    flex-direction: column;
    gap: 1rem;
  }
  .accordions-content .a {
    padding: 1rem;
  }
  .accordions-content .a i {
    width: 2.2rem;
    height: 2.2rem;
    font-size: 1.3rem;
  }
}

.show .accordions-label::after {
  transform: translateY(-50%) rotate(0);
}

.sub-ment-box2 {
  margin-top: 5rem;
  border: 1px solid #dadada;
  padding: 3rem 4rem;
  border-radius: 0.5rem;
  font-weight: 600;
}
@media (max-width: 768px) {
  .sub-ment-box2 {
    margin-top: 3rem;
  }
}
.sub-ment-box2 .tx1 {
  font-size: 2.4rem;
  color: #222;
}
.sub-ment-box2 .tx2 {
  font-size: 1.8rem;
  color: #666;
  margin-top: 1rem;
}
@media (max-width: 768px) {
  .sub-ment-box2 {
    padding: 2rem 2rem;
  }
  .sub-ment-box2 .tx1 {
    font-size: 1.6rem;
  }
  .sub-ment-box2 .tx2 {
    font-size: 1.3rem;
  }
}

.seervice-as1 {
  border: 1px solid #dadada;
  border-radius: 0.3rem;
  padding: 4rem;
}
@media (max-width: 768px) {
  .seervice-as1 {
    padding: 2rem;
  }
}
.seervice-as1 h4 {
  font-size: 2.4rem;
  font-weight: 600;
}
.seervice-as1 h4:not(:first-child) {
  margin-top: 3rem;
}
.seervice-as1 p {
  font-size: 1.8rem;
  color: #666;
  margin-top: 1rem;
}
.seervice-as1-p {
  display: flex;
  align-items: center;
  margin-top: 0;
  gap: 1rem;
}
.seervice-as1 .qa-sect-qr {
  margin-top: 1rem;
  background: #f3f3f3;
  border-radius: 0.3rem;
  border: 0;
}
.seervice-as1 .qa-sect-qr h4 {
  font-size: 2rem;
}
@media (max-width: 768px) {
  .seervice-as1 h4 {
    font-size: 1.6rem;
  }
  .seervice-as1 h4:not(:first-child) {
    margin-top: 2rem;
  }
  .seervice-as1 p {
    font-size: 1.3rem;
  }
  .seervice-as1 .qa-sect-qr h4 {
    font-size: 1.6rem;
  }
  .seervice-as1-p {
    flex-direction: column;
    align-items: flex-start;
  }
}

.seervice-as2 {
  background: #f3f3f3;
  border-radius: 0.3rem;
  padding: 5rem 6rem;
  display: flex;
  justify-content: space-between;
}
.seervice-as2 .step {
  width: 12.12%;
}
.seervice-as2 .cir {
  width: 100%;
  aspect-ratio: 1/1;
  background: #222;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1.5rem;
}
.seervice-as2 .cir span {
  color: #fff;
}
.seervice-as2 .cir::after {
  content: "";
}
.seervice-as2 .cir.cir1:after {
  background: url(/rStatic/images/sub/ico-as1.svg) no-repeat 50% 50%;
  width: 25.63%;
  aspect-ratio: 41/44;
  background-size: cover;
}
.seervice-as2 .cir.cir2:after {
  width: 30.63%;
  aspect-ratio: 49/44;
  background: url(/rStatic/images/sub/ico-as2.svg) no-repeat 50% 50%;
  background-size: cover;
}
.seervice-as2 .cir.cir3:after {
  width: 28.75%;
  aspect-ratio: 46/48;
  background: url(/rStatic/images/sub/ico-as3.svg) no-repeat 50% 50%;
  background-size: cover;
}
.seervice-as2 .cir.cir4:after {
  width: 29.38%;
  aspect-ratio: 47/48;
  background: url(/rStatic/images/sub/ico-as4.svg) no-repeat 50% 50%;
  background-size: cover;
}
.seervice-as2 .cir.cir5:after {
  width: 27.5%;
  aspect-ratio: 44/44;
  background: url(/rStatic/images/sub/ico-as5.svg) no-repeat 50% 50%;
  background-size: cover;
}
.seervice-as2 .con {
  text-align: center;
  margin-top: 2rem;
}
.seervice-as2 .con h4 {
  font-size: 2.4rem;
  font-weight: 600;
}
.seervice-as2 .con p {
  font-size: 1.8rem;
  color: #666;
  margin-top: 1rem;
}
.seervice-as2 .ico-arr {
  display: block;
  width: 2.2rem;
  height: 4.2rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background: url(/rStatic/images/sub/ico-arr-step.svg) no-repeat 50% 50%;
  background-size: auto 100%;
}
.seervice-as2 .arr {
  padding-top: 6%;
}
@media (max-width: 1280px) {
  .seervice-as2 {
    padding: 4rem;
  }
  .seervice-as2 .step {
    width: 15%;
  }
  .seervice-as2 .arr .ico-arr {
    transform: scale(0.7);
  }
}
@media (max-width: 1024px) {
  .seervice-as2 .step {
    width: 17%;
  }
  .seervice-as2 .arr .ico-arr {
    transform: scale(0.6);
  }
}
@media (max-width: 768px) {
  .seervice-as2 {
    padding: 3rem 4rem;
    width: 100%;
    margin-bottom: 2rem;
    flex-direction: column;
    align-items: center;
  }
  .seervice-as2 .step {
    text-align: center;
    display: flex;
    align-items: center;
    width: 70%;
  }
  .seervice-as2 .step .con {
    margin-top: 0;
    text-align: left;
  }
  .seervice-as2 .step .con p {
    margin-top: 0.5rem;
  }
  .seervice-as2 .cir {
    width: 10rem;
    height: 10rem;
    margin: 0 1.4rem;
    gap: 0.8rem;
  }
  .seervice-as2 .cir span {
    font-size: 1.3rem;
  }
  .seervice-as2 .arr {
    padding: 0.5rem;
  }
  .seervice-as2 .arr .ico-arr {
    transform: rotate(90deg) scale(0.6);
    margin: 0 auto;
  }
  .seervice-as2 .con h4 {
    font-size: 1.6rem;
  }
  .seervice-as2 .con p {
    font-size: 1.3rem;
  }
}
@media (max-width: 480px) {
  .seervice-as2 .step {
    width: 100%;
  }
}

.guset-book1 {
  margin-top: 10rem;
}
@media (max-width: 768px) {
  .guset-book1 {
    margin-top: 5rem;
  }
}
.guset-book1 > p {
  font-size: 2.2rem;
  font-weight: 600;
}
.guset-book1 .as-qr {
  margin-top: 1rem;
  padding: 3rem;
  background: #f3f3f3;
  border-radius: 0.3rem;
  display: flex;
  justify-content: space-between;
}
.guset-book1 .as-qr h4 {
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: 1rem;
}
.guset-book1 .as-qr-qrt p {
  color: #666;
}
.guset-book1 .as-qr-qrt p + p {
  margin-top: 0.6rem;
}
.guset-book1 .as-qr-qrs {
  display: flex;
  gap: 3rem;
  text-align: center;
}
.guset-book1 .as-qr-qrs .qr img {
  border: 1px solid #222;
}
.guset-book1 .as-qr-qrs .qr span {
  margin-top: 0.5rem;
  font-size: 1.4rem;
}
@media (max-width: 768px) {
  .guset-book1 > p {
    font-size: 1.8rem;
  }
  .guset-book1 .as-qr {
    flex-direction: column;
    padding: 2rem;
    gap: 2rem;
  }
  .guset-book1 .as-qr h4 {
    font-size: 1.6rem;
  }
  .guset-book1 .as-qr-qrt p {
    font-size: 1.3rem;
  }
  .guset-book1 .as-qr-qrt p + p {
    margin-top: 0.6rem;
  }
  .guset-book1 .as-qr-qrs {
    justify-content: center;
  }
}

.service-notis {
  background: #f3f3f3;
  border-radius: 0.5rem;
  padding: 4rem;
  margin-top: 10rem;
}
@media (max-width: 768px) {
  .service-notis {
    margin-top: 5rem;
  }
}
.service-notis h4 {
  font-size: 2.4rem;
  font-weight: 600;
  padding-bottom: 1.6rem;
  border-bottom: 1px solid #dadada;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.service-notis h4::before {
  content: "";
  display: block;
  width: 1.9rem;
  height: 2.2rem;
  background: url(/rStatic/images/common/ico-bell.svg) no-repeat 50% 50%;
  background-size: cover;
}
.service-notis ul {
  margin-top: 2rem;
}
.service-notis ul > li {
  color: #552B15;
}
@media (max-width: 768px) {
  .service-notis {
    padding: 2rem;
  }
  .service-notis h4 {
    font-size: 1.8rem;
    padding-bottom: 1rem;
  }
  .service-notis ul {
    margin-top: 1rem;
  }
}

.csc-infos > li {
  display: flex;
  font-size: 2rem;
  font-weight: 500;
  color: #666;
  flex-wrap: wrap;
  gap: 1rem;
}
.csc-infos > li i {
  margin-top: 0.2rem;
}
.csc-infos > li i.ico-phone {
  margin-top: 0;
}
.csc-infos > li span {
  width: calc(100% - 4.4rem);
}
.csc-infos > li strong {
  font-weight: 600;
  color: #222;
}
.csc-infos > li .p-astr {
  width: 100%;
  font-size: 1.8rem;
  font-weight: 400;
  color: #666;
}
.csc-infos > li + li {
  margin-top: 1rem;
}
@media (max-width: 768px) {
  .csc-infos > li {
    gap: 0.5rem;
  }
  .csc-infos > li span {
    font-size: 1.4rem;
    width: calc(100% - 3rem);
  }
  .csc-infos > li i {
    width: 1.6rem;
    height: 1.6rem;
  }
  .csc-infos > li .p-astr {
    font-size: 1.3rem;
  }
}

.srvGuide-sect1 {
  margin-top: 5rem;
}
@media (max-width: 768px) {
  .srvGuide-sect1 {
    margin-top: 3rem;
  }
}
.srvGuide-sect1 h3 {
  font-size: 2.4rem;
  font-weight: 600;
  color: #222;
  margin-bottom: 2rem;
}
.srvGuide-sect1-1 {
  border: 1px solid #dadada;
  padding: 3rem 4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.srvGuide-sect1-1::before {
  content: "";
  display: block;
  width: 15rem;
  height: 15rem;
  background: #f3f3f3 url(/rStatic/images/sub/ico-center.svg) no-repeat 50% 50%;
  background-size: 42% auto;
  border-radius: 100%;
}
.srvGuide-sect1-1 > div {
  width: calc(100% - 20rem);
}
.srvGuide-sect1-2 {
  display: flex;
  border: 1px solid #dadada;
  border-top: 0;
}
.srvGuide-sect1-2 > div {
  flex: 1;
  padding: 3rem 4rem;
}
.srvGuide-sect1-2 > div + div {
  border-left: 1px solid #dadada;
}
.srvGuide-sect1 .p-astr {
  margin-top: 1rem;
  font-size: 1.8rem;
}
.srvGuide-sect4 .sub-hty2 span {
  color: #864D34;
}
.srvGuide-sect4 .box {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4rem;
  border: 1px solid #dadada;
  border-radius: 0.3rem;
}
@media (max-width: 768px) {
  .srvGuide-sect4 .box {
    padding: 0;
  }
}
.srvGuide-sect4 .p-astr {
  margin-top: 1rem;
  font-size: 1.8rem;
}
@media (max-width: 768px) {
  .srvGuide-sect1 h3 {
    font-size: 2rem;
    margin-bottom: 1rem;
  }
  .srvGuide-sect1-1 {
    flex-direction: column;
    padding: 2rem;
  }
  .srvGuide-sect1-1::before {
    display: none;
    width: 12rem;
    height: 12rem;
  }
  .srvGuide-sect1-1 > div {
    width: 100%;
    margin-top: 0;
  }
  .srvGuide-sect1-2 {
    flex-direction: column;
  }
  .srvGuide-sect1-2 > div {
    padding: 2rem;
  }
  .srvGuide-sect1-2 > div + div {
    border-left: 0;
    border-top: 1px solid #dadada;
  }
  .srvGuide-sect1 .p-astr {
    margin-top: 1rem;
    font-size: 1.3rem;
  }
  .srvGuide-sect4 .p-astr {
    font-size: 1.3rem;
  }
  .srvGuide-sect4 picture {
    max-width: 33.8rem;
  }
}

.service-asg {
  border: 1px solid #dadada;
  border-radius: 0.3rem;
  padding: 4rem;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .service-asg {
    padding: 2rem;
  }
}
.service-asg .qa-sect-srv h4 {
  font-size: 2.4rem;
  font-weight: 600;
}
.service-asg .qa-sect-srv h4:not(:first-of-type) {
  margin-top: 3rem;
}
@media (max-width: 768px) {
  .service-asg .qa-sect-srv h4:not(:first-of-type) {
    margin-top: 1rem;
  }
}
.service-asg .qa-sect-srv p {
  margin-top: 1rem;
  font-size: 1.8rem;
  color: #666;
}
.service-asg .qa-sect-srv .qa-sect-srv-p {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: -1rem 0;
}
.service-asg .qa-sect-qr {
  border: 0;
  background: #f3f3f3;
  width: 53.57%;
  flex-direction: column;
  gap: 2rem;
}
.service-asg .qa-sect-qr .qr-box {
  justify-content: flex-start;
}
@media (max-width: 1280px) {
  .service-asg .qa-sect-srv .qa-sect-srv-p {
    margin: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
}
@media (max-width: 768px) {
  .service-asg {
    flex-direction: column;
  }
  .service-asg .qa-sect-srv h4 {
    font-size: 1.8rem;
  }
  .service-asg .qa-sect-srv p {
    font-size: 1.4rem;
    margin-top: 0.5rem;
  }
  .service-asg .qa-sect-qr {
    width: 100%;
    margin-top: 2rem;
    gap: 1rem;
  }
  .service-asg .qa-sect-qr .qr-box {
    margin-top: 0;
  }
}

.lifeBook-ment {
  padding: 2rem 0 1rem;
  font-size: clamp(1.4rem, 1.4vw, 1.8rem);
  color: #222;
  margin-top: 1rem;
}

.goods-ins, .goods-gc, .goods-es, .goods-col {
  margin-top: -5rem;
}
@media (max-width: 768px) {
  .goods-ins, .goods-gc, .goods-es, .goods-col {
    margin-top: -3rem;
  }
}

.goods-sect1 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.goods-sect1 .static {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: clamp(0.8rem, 2.78vw, 4rem);
  padding-top: clamp(2.4rem, 10.24vw, 28rem);
  padding-bottom: clamp(4rem, 10.24vw, 28rem);
}
.goods-sect1 .t1 {
  font-size: clamp(1.5rem, 3.89vw, 5.6rem);
  font-weight: 500;
  line-height: 1.32;
  letter-spacing: -1.12px;
  color: #666;
}
.goods-sect1 .t1 span {
  display: block;
}
.goods-sect1 .t2 {
  font-size: clamp(1.6rem, 4.17vw, 6rem);
  font-weight: 700;
  letter-spacing: -1.2px;
}
.goods-sect1 .t2 span {
  display: block;
}

.goods-sect-title {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: clamp(2rem, 2.08vw, 3rem);
  padding-top: clamp(5rem, 10.42vw, 15rem);
  padding-bottom: clamp(3rem, 6.94vw, 10rem);
  text-align: center;
}
.goods-sect-title h3 {
  font-size: clamp(2.4rem, 4.17vw, 6rem);
  font-weight: 700;
  letter-spacing: -1.2px;
}
.goods-sect-title p {
  font-size: clamp(1.3rem, 1.39vw, 2rem);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.4px;
}

/*Inspirational Space*/
.ins-cate {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ins-cate span {
  display: inline-block;
  padding: 2.4rem 4.2rem;
  font-size: clamp(1.6rem, 1.81vw, 2.6rem);
  font-weight: 700;
  border-radius: 4rem;
  background: #fff;
  color: #222;
}
@media (max-width: 768px) {
  .ins-cate span {
    padding: 1rem 2rem;
  }
}

.ins-hty {
  font-size: clamp(2.4rem, 4.17vw, 6rem);
  font-weight: 700;
  letter-spacing: -1.2px;
  text-align: center;
}
.ins-hty em {
  font-weight: 400;
  margin: 0 1rem;
}
.ins-hty span {
  font-weight: 500;
}

.ins-sect1 {
  background: #0D0D0D url(/rStatic/images/sub/ins-sec2-bg.png) no-repeat 0 0;
  background-size: 100% auto;
}
.ins-sect1 .static {
  padding-top: clamp(3rem, 8.33vw, 12rem);
  padding-bottom: clamp(5rem, 12.5vw, 18rem);
}
.ins-sect1-title {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: clamp(2rem, 2.08vw, 3rem);
  text-align: center;
  color: #fff;
}
.ins-sect1-title h3 {
  font-size: 6rem;
  font-weight: 700;
  letter-spacing: -1.2px;
}
.ins-sect1-title h3 em {
  font-weight: 400;
}
.ins-sect1-title p {
  font-size: clamp(1.3rem, 1.39vw, 2rem);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.4px;
}
.ins-sect2 {
  background: url(/rStatic/images/sub/ins-sec3-bg.png) no-repeat 50% 0;
  background-size: 100% auto;
}
.ins-sect2-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(2rem, 2.08vw, 3rem);
  text-align: center;
}
.ins-sect2-title p {
  font-size: clamp(1.3rem, 1.39vw, 2rem);
  font-weight: 500;
  line-height: 1.5;
}
.ins-sect2 .ins-cate span {
  background: #222;
  color: #fff;
}
.ins-sect2 .static {
  padding-top: clamp(3rem, 8.33vw, 12rem);
}

.ins-interior {
  display: flex;
  height: 70rem;
  margin-top: clamp(3rem, 6.94vw, 10rem);
}
.ins-interior .ins-tab-wrap {
  max-width: 42rem;
  width: 29%;
  background: #222;
}
.ins-interior .ins-tab {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  margin: clamp(3rem, 14.29%, 6rem);
}
.ins-interior .ins-tab > li button {
  color: rgba(255, 255, 255, 0.4);
  font-size: clamp(2rem, 1.81vw, 2.6rem);
  font-weight: 500;
  letter-spacing: -0.52px;
}
.ins-interior .ins-tab > li button .tit-eng {
  display: none;
}
.ins-interior .ins-tab > li.active button {
  display: flex;
  flex-direction: column;
  color: #fff;
  text-align: left;
  gap: 0.8rem;
}
.ins-interior .ins-tab > li.active button .tit {
  font-size: clamp(2.6rem, 2.36vw, 3.4rem);
  font-weight: 700;
  letter-spacing: -0.68px;
}
.ins-interior .ins-tab > li.active button .tit-eng {
  font-size: 1.5rem;
  font-weight: 500;
  display: block;
}
.ins-interior .ins-tab-container {
  width: 71%;
}
.ins-interior .ins-tab-container > div {
  display: none;
  width: 100%;
  height: 100%;
}
.ins-interior .ins-tab-container > div.active {
  display: block;
  animation: fadeInUpTab 0.5s;
}
.ins-interior .hty6 {
  width: 50%;
  padding-top: 5rem;
  text-align: center;
}
.ins-interior .hty6 h6 {
  font-size: 3rem;
  font-weight: 600;
  letter-spacing: -0.6px;
}
.ins-interior .hty6 p {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #666;
  margin-top: 2rem;
}
.ins-interior .ins-tab-cont {
  display: flex;
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.ins-interior .ins-tab-cont > div {
  overflow: hidden;
  position: absolute;
  transition: all 0.5s;
  height: 100%;
}
.ins-interior .ins-tab-cont .inner {
  position: absolute;
  max-width: 102.3rem;
  width: 200%;
  height: 100%;
  top: 0;
  transition: all 0.5s;
}
.ins-interior .ins-tab-cont .hty6 {
  transition: all 0.5s;
}
.ins-interior .ins-tab-cont-lf {
  top: 0;
  left: 0;
  width: 50%;
  background: #f3f3f3;
  transition: all 0.5s;
  z-index: 1;
}
.ins-interior .ins-tab-cont-lf .inner {
  left: 0;
  width: 200%;
}
.ins-interior .ins-tab-cont-lf .hty6 {
  position: absolute;
  top: 0;
  left: 0;
}
.ins-interior .ins-tab-cont-lf .hty6 p {
  opacity: 0;
  transition: all 0.5s;
}
.ins-interior .ins-tab-cont-lf .floor {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
}
.ins-interior .ins-tab-cont-lf .floor > div {
  flex: 1;
  text-align: center;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: 10rem;
  transition: all 0.5s;
  position: relative;
}
.ins-interior .ins-tab-cont-lf .floor > div .thumb {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 31.2rem;
  padding-top: 2rem;
  transition: all 0.5s;
  max-width: initial;
}
.ins-interior .ins-tab-cont-lf .floor > div .thumb-floor {
  position: relative;
}
.ins-interior .ins-tab-cont-lf .floor > div .thumb-floor img {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
.ins-interior .ins-tab-cont-lf .floor > div .desc {
  opacity: 0;
  transform: translateY(3rem);
  transition: all 0.5s;
}
.ins-interior .ins-tab-cont-lf .floor > div .t1 {
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: -0.36px;
}
.ins-interior .ins-tab-cont-lf .floor > div .t2 {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.32px;
  color: #666;
  margin-top: 0.6rem;
}
.ins-interior .ins-tab-cont-lf .floor .photo-f2::after {
  content: "";
  display: block;
  width: 1px;
  height: 38rem;
  background: #dadada;
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translateY(-38%);
}
.ins-interior .ins-tab-cont-lf:hover {
  width: 100%;
  z-index: 3;
}
.ins-interior .ins-tab-cont-lf:hover .inner {
  width: 100%;
  transform: translateX(0);
}
.ins-interior .ins-tab-cont-lf:hover .hty6 {
  width: 100%;
}
.ins-interior .ins-tab-cont-lf:hover .hty6 p {
  opacity: 1;
}
.ins-interior .ins-tab-cont-lf:hover .hv {
  opacity: 0;
}
.ins-interior .ins-tab-cont-lf:hover .floor > div .desc {
  opacity: 1;
  transform: translateY(0);
}
.ins-interior .ins-tab-cont-lf.alone:hover .photo-f2 {
  display: none;
}
.ins-interior .ins-tab-cont-rt {
  top: 0;
  right: 0;
  width: 50%;
  overflow: hidden;
  z-index: 1;
}
.ins-interior .ins-tab-cont-rt .inner {
  right: 0;
}
.ins-interior .ins-tab-cont-rt .hty6 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
.ins-interior .ins-tab-cont-rt .hty6 h6 {
  color: #fff;
}
.ins-interior .ins-tab-cont-rt .photo {
  width: 100%;
  height: 100%;
  position: relative;
}
.ins-interior .ins-tab-cont-rt .photo img {
  width: 102.4rem;
  max-width: initial;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  right: 0;
}
.ins-interior .ins-tab-cont-rt:hover {
  width: 100%;
}
.ins-interior .ins-tab-cont-rt:hover .inner {
  width: 100%;
}
.ins-interior .ins-tab-cont-rt:hover .hty6 {
  width: 100%;
}
@media (max-width: 1024px) {
  .ins-interior .ins-tab-cont-lf .floor > div .thumb img {
    transform: scale(0.8);
  }
  .ins-interior .ins-tab-cont-lf .floor > div .thumb-floor img {
    transform: translate(-50%, -50%) scale(0.8);
  }
}
@media (max-width: 768px) {
  .ins-interior {
    display: none;
  }
}

.ins-exterior {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: clamp(3rem, 6.94vw, 10rem);
  gap: 3rem;
}
@media (max-width: 768px) {
  .ins-exterior {
    display: block;
  }
}

.ext-photos {
  position: relative;
}
.ext-photos .frame {
  position: relative;
  aspect-ratio: 460/260;
}
.ext-photos .frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ext-photos .frame p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: clamp(2rem, 1.81vw, 2.6rem);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.52px;
  color: #fff;
  text-align: center;
  width: 100%;
}
.ext-photos .frame.fir::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -1.9rem;
  width: 3.8rem;
  height: 3.8rem;
  background: url(/rStatic/images/sub/ins-ext-circle.png) no-repeat 50% 50%;
  background-size: cover;
}
.ext-photos .frame + .frame {
  margin-top: 3rem;
}
.ext-photos .line {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: #555;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  opacity: 1;
}
.ext-photos .swiper-wrapper {
  flex-direction: column;
}
.ext-photos .swiper-wrapper .swiper-slide {
  height: auto;
}
.ext-photos .swiper-pagination-bullet {
  background: #fff;
}
@media (max-width: 768px) {
  .ext-photos {
    width: 100%;
    margin-bottom: 2rem;
  }
  .ext-photos .frame.fir::after {
    bottom: initial;
    left: initial;
    top: 50%;
    right: -1.5rem;
    transform: translateX(0);
    transform: translateY(-50%);
    width: 3rem;
    height: 3rem;
  }
  .ext-photos .swiper-wrapper {
    flex-direction: row;
  }
  .ext-photos .frame + .frame {
    margin-top: 0;
  }
  .ext-photos .line {
    opacity: 0;
  }
}

.ins-interior-mo .interior-swiper-wrap {
  overflow: hidden;
  margin-top: 3rem;
}
.ins-interior-mo .interior-title {
  background: #222;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 1rem;
}
.ins-interior-mo .interior-title h5 {
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.36px;
}
.ins-interior-mo .interior-title p {
  font-size: 1rem;
  font-weight: 500;
}
.ins-interior-mo .interior-swiper {
  background: #f3f3f3;
  position: relative;
}
.ins-interior-mo .interior-swiper .swiper-pagination-bullet {
  background: #222;
}
.ins-interior-mo .interior-swiper .swiper-pagination.wht .swiper-pagination-bullet {
  background: #fff;
}
.ins-interior-mo .interior-swiper .swiper-slide:last-child h6 {
  color: #fff;
}
.ins-interior-mo .interior-switem {
  position: relative;
  width: 100%;
  height: 27.8rem;
}
.ins-interior-mo .interior-switem h6 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  font-size: 1.3rem;
  font-weight: 600;
  letter-spacing: -0.26px;
  padding: 2rem;
  text-align: center;
}
.ins-interior-mo .interior-switem .thumb {
  height: 56.31%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ins-interior-mo .interior-switem .thumb img {
  height: 100%;
}
.ins-interior-mo .interior-switem .desc {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 2rem;
}
.ins-interior-mo .interior-switem .desc .t1 {
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: -0.3px;
}
.ins-interior-mo .interior-switem .desc .t2 {
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: -0.24px;
}
.ins-interior-mo .interior-switem .plane {
  padding-top: 6rem;
  height: 100%;
}
.ins-interior-mo .interior-switem .photo {
  height: 100%;
}
.ins-interior-mo .interior-switem .photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*Colorful Lifestyle*/
.col-sect1 {
  background: #E8E5E0 url(/rStatic/images/sub/col-sect1-bg.png) no-repeat 0 0;
  background-size: 100% auto;
  padding-bottom: clamp(5rem, 12.5vw, 18rem);
}

.space-module {
  position: relative;
  width: 100%;
  height: 70rem;
}
.space-module .space-photos {
  position: relative;
  width: 100%;
  height: 100%;
}
.space-module .space-photos .space-photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #efefef;
  transition: all 0.5s;
  opacity: 0;
}
.space-module .space-photos .space-photo .photo {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.space-module .space-photos .space-photo .photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.space-module .space-photos .space-photo p {
  font-size: 3rem;
  font-weight: 700;
  color: #fff;
  transition: all 0.5s;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 1;
  transform: translate(-50%, 0);
  padding-bottom: 10rem;
}
.space-module .space-photos .space-photo.active {
  z-index: 2;
  opacity: 1;
}
.space-module .space-photos .space-photo.active p {
  opacity: 1;
  transform: translate(-50%, -50%);
}
.space-module .space-photos .space-photo.active p.n-motion {
  opacity: 0;
  margin-top: 10rem;
}
.space-module .space-photos .space-photo.active p.n-motion.n-active {
  opacity: 1;
  margin-top: 0;
}
.space-module .space-photos .swiper-pagination {
  display: none;
}
.space-module .space-nav {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  display: flex;
  z-index: 3;
}
.space-module .space-nav button {
  flex: 1;
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: -0.52px;
  color: #fff;
  padding: 3.5rem 0 3.4rem;
}
.space-module .space-nav button:hover {
  background: #222;
  color: #fff;
}
.space-module .space-nav button + button {
  border-left: 1px solid rgba(255, 255, 255, 0.25);
}
@media (max-width: 768px) {
  .space-module {
    aspect-ratio: 345/195;
    width: 100%;
    height: auto;
  }
  .space-module .space-photos .space-photo {
    opacity: 1;
    position: initial;
  }
  .space-module .space-photos .space-photo p {
    font-size: 1.5rem;
    top: 50%;
  }
  .space-module .space-photos .space-photo.swiper-slide-active p {
    top: 7.8%;
    transform: translate(-50%, 0);
  }
  .space-module .space-photos .swiper-pagination {
    display: block;
  }
  .space-module .space-photos .swiper-pagination-bullet {
    background: #fff;
    width: 0.6rem;
    height: 0.6rem;
  }
  .space-module .space-nav {
    display: none;
  }
}

.space-module + .space-module {
  margin-top: clamp(1.5rem, 3.47vw, 5rem);
}

.col-sect2 {
  background: url(/rStatic/images/sub/col-sect2-bg.png) no-repeat 0 0;
  background-size: 100% auto;
  padding-bottom: clamp(5rem, 12.5vw, 18rem);
}
.col-sect2 h3 {
  font-weight: 500;
}
.col-sect2 h3 strong {
  font-weight: 700;
}

.col-sect2-con p {
  font-size: 2.6rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.52px;
  padding-top: 9.5rem;
}
.col-sect2-con .thumb {
  position: relative;
  width: 100%;
  aspect-ratio: 9/4;
}
.col-sect2-con .thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}
.col-sect2-con .thumb:hover .hv {
  opacity: 0;
}
.col-sect2-con .thumb + .thumb {
  margin-top: 5rem;
}

@media (max-width: 768px) {
  .col-sect2-con {
    display: none;
  }
  .col-sect2-con-mo {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }
  .col-sect2-con-mo .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.col-sect3 {
  position: relative;
  width: 100%;
  margin-bottom: -18rem;
}
.col-sect3 .bg {
  position: relative;
  width: 100%;
  height: 56.25vw;
}
.col-sect3 .bg img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}
.col-sect3 .static {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.col-sect3 .goods-sect-title {
  color: #fff;
  padding-top: 0;
  padding-bottom: 18rem;
}
.col-sect3:hover .hv {
  opacity: 0;
}
@media (max-width: 768px) {
  .col-sect3 {
    margin-bottom: -8.1rem;
  }
  .col-sect3 .bg {
    display: none;
  }
  .col-sect3 .bg-mo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .col-sect3 .goods-sect-title {
    padding-bottom: 0;
  }
}

/*Greenary Comma*/
.gc-sect0 {
  position: relative;
  z-index: 2;
}

.tooltip-wrap {
  position: relative;
  display: inline-block;
}

.tooltip-trigger {
  font-size: clamp(1.2rem, 1.39vw, 2rem);
  color: #666;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.tooltip-trigger .ico-i {
  width: 2.4rem;
  height: 2.4rem;
  background: url(/rStatic/images/sub/ico-i.png) no-repeat 50% 50%;
  background-size: cover;
  font-size: 0;
}
@media (max-width: 768px) {
  .tooltip-trigger .ico-i {
    width: 1.4rem;
    height: 1.4rem;
  }
}

.tooltips {
  border: 1px solid #dadada;
  position: absolute;
  top: -10.5rem;
  left: 22rem;
  background: #fff;
  padding: 3rem;
  border-radius: 4rem;
  width: 48rem;
  line-height: 1;
  filter: drop-shadow(4px 6px 10px rgba(0, 0, 0, 0.15));
}
.tooltips::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: -1.4rem;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 0.8rem solid transparent;
  border-bottom: 0.8rem solid transparent;
  border-right: 1.4rem solid #dadada;
}
.tooltips::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 0.7rem solid transparent;
  border-bottom: 0.7rem solid transparent;
  border-right: 1.4rem solid #fff;
  position: absolute;
  left: 1px;
  top: 50%;
  transform: translateY(-50%);
  left: -1.3rem;
}
.tooltips .t1 {
  color: #37974C;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: -0.4px;
}
.tooltips .t2 {
  font-size: 1.6rem;
  line-height: 1.4;
  color: #666;
  margin-top: 1rem;
}
@media (max-width: 1024px) {
  .tooltips {
    left: 17.58vw;
  }
}
@media (max-width: 768px) {
  .tooltips {
    top: -8.8rem;
    left: 14rem;
    padding: 1.5rem;
    width: 50vw;
    height: auto;
    border-radius: 1rem;
  }
  .tooltips .t1 {
    font-size: 1.4rem;
  }
  .tooltips .t2 {
    font-size: 1.2rem;
    margin-top: 0.5rem;
  }
}
@media (max-width: 480px) {
  .tooltips {
    top: -10.8rem;
    left: 14rem;
    padding: 1rem;
  }
}

.gc-sect0 {
  padding-bottom: clamp(1rem, 1.39vw, 2rem);
}

.goods-gc {
  padding-bottom: 0;
}

.gc-sect1 {
  background: #263525 url(/rStatic/images/sub/gc-sect1-bg.jpg) no-repeat 50% 0;
  background-size: 100% auto;
  padding-bottom: clamp(3rem, 10vw, 15rem);
}
.gc-sect1 .goods-sect-title {
  color: #fff;
}
.gc-sect1 .masonry {
  column-count: 2;
  column-gap: clamp(1rem, 2vw, 3rem);
}
.gc-sect1 .masonry > img {
  break-inside: avoid;
  margin-bottom: clamp(1rem, 2vw, 3rem);
}

.gc-sect2 {
  width: 100%;
  height: 100vh;
  background: #263525 url(/rStatic/images/sub/gc-sect2-bg.jpg) no-repeat 50% 0;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gc-sect2 .goods-sect-title {
  padding-top: 0;
}

.btn-award {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.4rem;
  background: #fff;
  padding: 2.2rem 5.5rem;
  border-radius: 8rem;
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: -0.48px;
  transition: all 0.5s;
}
.btn-award:hover {
  background: #222;
  color: #fff;
}
.btn-award:hover .ico-award {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='35' viewBox='0 0 32 35' fill='none'%3E%3Cg clip-path='url(%23clip0_5397_5260)'%3E%3Cpath d='M14.2319 21.0699C12.1058 20.6828 7.70711 17.2941 7.22439 13.8949L5.54846 0.53125H26.1586L24.4881 13.8949C24.0054 17.2941 19.6122 20.6828 17.4915 21.0699' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.7532 23.8633H19.9539C20.4203 23.8633 20.838 24.1549 20.9844 24.5898L21.8197 31.8178H9.88745L10.7227 24.5898C10.8691 24.1549 11.2868 23.8633 11.7532 23.8633Z' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.53151 31.8164H23.1756L23.7179 34.4679H7.98914L8.53151 31.8164Z' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.51727 15.7435C3.54168 14.8526 0.542358 10.8965 0.542358 6.15563V4.24124C0.542358 3.94957 0.786426 3.71094 1.08473 3.71094H5.96609' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.4827 15.7435C28.4583 14.8526 31.4576 10.8965 31.4576 6.15563V4.24124C31.4576 3.94957 31.2136 3.71094 30.9153 3.71094H26.0339' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.2264 21.2109V23.8625' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.4807 21.2109V23.8625' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5397_5260'%3E%3Crect width='32' height='35' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
@media (max-width: 768px) {
  .btn-award {
    font-size: 1.4rem;
    padding: 1.2rem 2rem;
    gap: 0.9rem;
  }
  .btn-award .ico-award {
    width: 2rem;
    height: 2.1875rem;
  }
}

.gc-sect2-gallery {
  position: fixed;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 101;
  background: #fff;
  opacity: 0;
  transition: all 0.5s;
}
.gc-sect2-gallery.open {
  opacity: 1;
  top: 0;
}
.gc-sect2-gallery .btnX {
  position: absolute;
  top: 4rem;
  right: 4rem;
  z-index: 4;
  width: 4.4rem;
  height: 4.4rem;
}
.gc-sect2-gallery .btnX .ico-bigX {
  display: block;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2274%22%20height%3D%2274%22%20viewBox%3D%220%200%2074%2074%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M72%2072L2%202%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%223%22/%3E%3Cpath%20d%3D%22M2%2072L72%202%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%223%22/%3E%3C/svg%3E");
}
@media (max-width: 768px) {
  .gc-sect2-gallery .btnX {
    top: 2rem;
    right: 2rem;
    width: 2rem;
    height: 2rem;
  }
}

.award-swiper-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: clamp(2rem, 4.17vw, 6rem);
}
.award-swiper-wrap h4 {
  font-size: clamp(2.4rem, 4.17vw, 6rem);
  font-weight: 700;
  letter-spacing: -1.2px;
  color: #fff;
}

.award-swiper {
  position: relative;
  overflow: hidden;
  max-width: 160rem;
  width: 100%;
  padding: 0 8rem;
}
.award-swiper .swiper-button-prev,
.award-swiper .swiper-button-next {
  width: 6rem;
  height: 6rem;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
}
.award-swiper .swiper-button-prev.swiper-button-disabled,
.award-swiper .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}
.award-swiper .swiper-button-prev::after,
.award-swiper .swiper-button-next::after {
  font-size: 2.4rem;
  color: #fff;
}
.award-swiper .swiper-pagination {
  display: none;
}
.award-swiper .award-slide-item-desc .t1, .award-swiper .award-slide-item-desc .t2, .award-swiper .award-slide-item-desc h5 {
  transition: all 0.5s;
  transform: translateY(5rem);
  opacity: 0;
}
.award-swiper .swiper-slide-active .award-slide-item-desc .t1, .award-swiper .swiper-slide-active .award-slide-item-desc .t2, .award-swiper .swiper-slide-active .award-slide-item-desc h5 {
  transform: translateY(0);
  opacity: 1;
}
@media (max-width: 768px) {
  .award-swiper {
    max-width: 50rem;
    width: 100%;
    padding: 0 1.5rem 2rem;
  }
  .award-swiper .swiper-button-prev,
  .award-swiper .swiper-button-next {
    display: none;
  }
  .award-swiper .swiper-pagination {
    display: block;
    top: initial;
    bottom: -0.5rem;
  }
  .award-swiper .swiper-pagination-bullet {
    background: #fff;
  }
}

.award-slide-item {
  display: flex;
  justify-content: space-between;
}
.award-slide-item-desc {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.39vw, 2rem);
  background: #fff;
  width: 33.33%;
  padding: 5rem 4rem 4rem 5rem;
}
.award-slide-item-desc .t1 {
  font-size: clamp(1.2rem, 1.39vw, 2rem);
  font-weight: 500;
}
.award-slide-item-desc .t2 {
  font-size: clamp(1.3rem, 1.67vw, 2.4rem);
  font-weight: 500;
  letter-spacing: -0.48px;
}
.award-slide-item-desc h5 {
  font-size: clamp(2.4rem, 2.78vw, 4rem);
  font-weight: 700;
  letter-spacing: -0.8px;
}
.award-slide-item-desc .logo {
  width: 14.8rem;
  height: 8rem;
  background: url(/rStatic/images/sub/logo-gooddesign.png) no-repeat 50% 50%;
  background-size: cover;
  margin-top: auto;
}
.award-slide-item-desc .logo2 {
  width: 9.7rem;
  height: 7.6rem;
  background: url(/rStatic/images/sub/logo-daegu.png) no-repeat 50% 50%;
  background-size: cover;
  margin-top: auto;
}
.award-slide-item-photo {
  width: 66.67%;
  aspect-ratio: 3/2;
}
.award-slide-item-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 768px) {
  .award-slide-item {
    flex-direction: column;
  }
  .award-slide-item-desc, .award-slide-item-photo {
    width: 100%;
  }
  .award-slide-item-desc {
    padding: 2rem 1.5rem;
    position: relative;
  }
  .award-slide-item-desc .logo {
    position: absolute;
    bottom: 2rem;
    right: 1.5rem;
    width: 7.4rem;
    height: 4rem;
  }
  .award-slide-item-desc .logo2 {
    position: absolute;
    bottom: 2rem;
    right: 1.5rem;
    width: 5.1rem;
    height: 4rem;
  }
  .award-slide-item-photo {
    aspect-ratio: 67/76;
  }
}

.award-bg-swiper {
  width: 100%;
  height: 100%;
}
.award-bg-swiper .swiper-slide .bg {
  width: 100%;
  height: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.award-bg-swiper .swiper-slide:nth-child(1) .bg {
  background-image: url(/rStatic/images/sub/gc-award-bg1.jpg);
}
.award-bg-swiper .swiper-slide:nth-child(2) .bg {
  background-image: url(/rStatic/images/sub/gc-award-bg2.jpg);
}
.award-bg-swiper .swiper-slide:nth-child(3) .bg {
  background-image: url(/rStatic/images/sub/gc-award-bg3.jpg);
}
.award-bg-swiper .swiper-slide:nth-child(4) .bg {
  background-image: url(/rStatic/images/sub/gc-award-bg4.jpg);
}
.award-bg-swiper .swiper-slide:nth-child(5) .bg {
  background-image: url(/rStatic/images/sub/gc-award-bg5.jpg);
}

/*Evolving Solution*/
.es-sect {
  background: url(/rStatic/images/sub/es-sect-bg.png) no-repeat 50% 0;
  background-size: 100% auto;
  padding-top: 20rem;
}
@media (max-width: 768px) {
  .es-sect {
    padding-top: 0;
  }
}

.es-sect1 {
  position: relative;
}

.es-swiper-sect {
  position: relative;
  display: flex;
  align-items: flex-end;
  gap: 1rem;
  height: clamp(50rem, 43.4vw, 62.5rem);
}
.es-swiper-sect .goods-sect-title {
  position: absolute;
  right: 0;
  top: 0;
  width: 61.46%;
  height: 48%;
  padding-top: 0;
  padding-bottom: 0;
}
.es-swiper-sect .goods-sect-title h3 {
  font-weight: 500;
}
.es-swiper-sect .goods-sect-title h3 strong {
  font-weight: 800;
}
.es-swiper-sect .swiper-slide > div {
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
  position: relative;
  display: flex;
  flex-direction: column;
  padding: clamp(2rem, 2vw, 3rem);
}
.es-swiper-sect .swiper-slide .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.es-swiper-sect .swiper-slide .icon img {
  width: auto;
  height: 100%;
}
.es-swiper-sect .swiper-slide .text {
  margin-top: auto;
}
.es-swiper-sect .swiper-button-prev,
.es-swiper-sect .swiper-button-next {
  width: 6rem;
  height: 6rem;
  background: #f3f3f3;
  border-radius: 50%;
  top: 72%;
}
.es-swiper-sect .swiper-button-prev::after,
.es-swiper-sect .swiper-button-next::after {
  font-size: 2.4rem;
  color: #222;
}
.es-swiper-sect .swiper-button-prev {
  left: -8rem;
}
.es-swiper-sect .swiper-button-next {
  left: initial;
  right: -8rem;
}
.es-swiper-sect .es-tag {
  position: absolute;
  top: 0;
  right: 2rem;
  background: url(/rStatic/images/sub/es-tag.png) no-repeat 50% 0;
  background-size: 100% auto;
  width: 10.2rem;
  height: 12rem;
}
.es-swiper-sect .es-swiper-big {
  overflow: hidden;
  width: 38.54%;
  height: 100%;
}
.es-swiper-sect .es-swiper-big .icon {
  height: 55.86%;
  margin-top: 1rem;
}
.es-swiper-sect .es-swiper-big .text {
  background: #fff;
  border-radius: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 3rem);
  text-align: center;
  padding: clamp(1rem, 2vw, 1rem);
  height: 36.76%;
}
.es-swiper-sect .es-swiper-big .text h4 {
  font-size: clamp(1.6rem, 2.8vw, 3rem);
  font-weight: 700;
  letter-spacing: -0.6px;
}
.es-swiper-sect .es-swiper-big .text h4 br {
  display: none;
}
.es-swiper-sect .es-swiper-big .text h4 .sm {
  font-size: clamp(1.2rem, 0.97vw, 1.4rem);
}
.es-swiper-sect .es-swiper-big .text p {
  font-size: clamp(1.3rem, 2.4vw, 1.6rem);
}
.es-swiper-sect .es-swiper-big .swiper-pagination {
  display: none;
}
.es-swiper-sect .es-swiper-list {
  width: 61.46%;
  height: 51.36%;
  overflow: hidden;
}
.es-swiper-sect .es-swiper-list .es-tag {
  width: 7rem;
  height: 8.2rem;
}
.es-swiper-sect .es-swiper-list .icon {
  height: 70.5%;
}
.es-swiper-sect .es-swiper-list .text {
  height: 16%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.es-swiper-sect .es-swiper-list .text h4 {
  font-size: clamp(1.4rem, 2vw, 2rem);
  font-weight: 700;
  letter-spacing: -0.4px;
  text-align: center;
}
.es-swiper-sect .es-swiper-list .text p {
  display: none;
}
.es-swiper-sect .es-item1-1 {
  background: #C2CAD4;
}
.es-swiper-sect .es-item1-2 {
  background: #E8E5E0;
}
.es-swiper-sect .es-item1-3 {
  background: #F0F0F0;
}
.es-swiper-sect .es-item1-4 {
  background: #DDCDC1;
}
.es-swiper-sect .es-item1-5 {
  background: #C2CAD4;
}
.es-swiper-sect.even .goods-sect-title {
  right: initial;
  left: 0;
}
@media (max-width: 1440px) {
  .es-swiper-sect .swiper-button-prev {
    left: 0;
  }
  .es-swiper-sect .swiper-button-next {
    left: initial;
    right: 0;
  }
}
@media (max-width: 1024px) {
  .es-swiper-sect .goods-sect-title,
  .es-swiper-sect .es-swiper-big,
  .es-swiper-sect .es-swiper-list {
    width: 50%;
  }
}
@media (max-width: 768px) {
  .es-swiper-sect {
    position: initial;
    height: auto;
    display: block;
  }
  .es-swiper-sect .es-tag {
    width: 6rem;
    height: 7.06rem;
  }
  .es-swiper-sect .goods-sect-title {
    position: initial;
    width: 100%;
    height: auto;
    padding-top: 5rem;
    padding-bottom: 3rem;
  }
  .es-swiper-sect .es-swiper-big {
    width: 100%;
    position: relative;
    padding-bottom: 2.5rem;
  }
  .es-swiper-sect .es-swiper-big .swiper-slide > div {
    height: 40rem;
    justify-content: center;
  }
  .es-swiper-sect .es-swiper-big .swiper-pagination {
    display: block;
    bottom: 0;
  }
  .es-swiper-sect .es-swiper-big .swiper-pagination-bullet {
    background: #222;
  }
  .es-swiper-sect .es-swiper-big .icon {
    padding: 0 3rem;
    height: 55%;
    margin-top: 0;
  }
  .es-swiper-sect .es-swiper-big .text {
    margin-top: 2rem;
  }
  .es-swiper-sect .es-swiper-big .text p {
    padding: 0 2rem;
  }
  .es-swiper-sect .es-swiper-big .text p br {
    display: none;
  }
  .es-swiper-sect .es-swiper-list {
    display: none;
  }
}

.es-swiper-sect + .es-swiper-sect {
  margin-top: clamp(5rem, 13.89vw, 20rem);
}
@media (max-width: 768px) {
  .es-swiper-sect + .es-swiper-sect {
    margin-top: 0;
  }
}

/*signature*/
.signature-logo {
  border-bottom: 1px solid #dadada;
}
.signature-logo .sub-hty2 {
  margin-top: 2rem;
}
.signature-logo .logo {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #dadada;
  border-radius: 0.5rem;
  height: 24rem;
  background: url(/rStatic/images/sub/signature-pt.png) repeat;
}
.signature-logo .noti {
  font-size: 1.8rem;
  color: #555;
  margin-top: 1rem;
  line-height: 1.4;
}
.signature-logo .btns {
  display: flex;
  justify-content: center;
  padding: 5rem;
  gap: 2rem;
}
@media (max-width: 768px) {
  .signature-logo .btns {
    padding: 3rem;
  }
}
@media (max-width: 768px) {
  .signature-logo .btns {
    gap: 1rem;
  }
}
.signature-logo .btn-fill {
  min-width: 26rem;
  height: 8rem;
  border-radius: 8rem;
}
.signature-logo .btn-fill .ico-down {
  display: block;
  width: 1.6rem;
  height: 1.4rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12' fill='none'%3E%3Cline x1='0.75' y1='7.5' x2='0.75' y2='11.5' stroke='%23ffffff' stroke-width='1.5'/%3E%3Cline x1='13.25' y1='7.5' x2='13.25' y2='11.5' stroke='%23ffffff' stroke-width='1.5'/%3E%3Cline y1='11.25' x2='14' y2='11.25' stroke='%23ffffff' stroke-width='1.5'/%3E%3Cpath d='M4 5.375L7 8.375L10 5.375' stroke='%23ffffff' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M7 8V1' stroke='%23ffffff' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.signature-logo .btn-fill:hover .ico-down {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12' fill='none'%3E%3Cline x1='0.75' y1='7.5' x2='0.75' y2='11.5' stroke='%23222222' stroke-width='1.5'/%3E%3Cline x1='13.25' y1='7.5' x2='13.25' y2='11.5' stroke='%23222222' stroke-width='1.5'/%3E%3Cline y1='11.25' x2='14' y2='11.25' stroke='%23222222' stroke-width='1.5'/%3E%3Cpath d='M4 5.375L7 8.375L10 5.375' stroke='%23222222' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M7 8V1' stroke='%23222222' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
}
@media (max-width: 768px) {
  .signature-logo .noti {
    font-size: 1.3rem;
  }
  .signature-logo .logo {
    height: 10rem;
  }
  .signature-logo .logo img {
    width: 45%;
  }
  .signature-logo .btn-fill {
    min-width: 13rem;
    height: 5rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.signature-color .sub-hty2 {
  margin-bottom: 1rem;
}
.signature-color .text-md {
  color: #555;
}
.signature-color h4 {
  margin: 3rem 0 1.5rem;
  font-size: 2.4rem;
  font-weight: 600;
}
.signature-color .colors {
  display: flex;
  gap: 3rem 2.78%;
  flex-wrap: wrap;
}
.signature-color .colors > div {
  width: 22.9%;
}
.signature-color .colors .main-color.red .colors-tit {
  background: #CE2741;
  color: #fff;
}
.signature-color .colors .main-color.brown .colors-tit {
  background: #864D34;
  color: #fff;
}
.signature-color .colors .main-color.black .colors-tit {
  background: #231815;
  color: #fff;
}
.signature-color .colors .main-color.white .colors-tit {
  background: #fff;
  border: 1px solid #e1e1e1;
  border-bottom: 0;
}
.signature-color .colors-tit {
  height: 10rem;
  padding: 2rem;
}
.signature-color .colors-tit h5 {
  font-size: 1.8rem;
  font-weight: 600;
}
.signature-color .colors-tit span {
  font-size: 1.6;
}
.signature-color .colors-con {
  border: 1px solid #e1e1e1;
  padding: 2.4rem 2rem;
  font-size: 1.6rem;
  letter-spacing: -0.32px;
  line-height: 1.6;
}
.signature-color .colors-con .ct {
  font-weight: 600;
}
.signature-color .colors-con .cs {
  color: #666;
  margin: 0 1rem 0 0.5rem;
}
.signature-color .colors .sub-color {
  padding: 2rem;
  height: 10rem;
}
.signature-color .colors .sub-color h5 {
  font-size: 1.8rem;
  font-weight: 600;
}
.signature-color .colors .sub-color span {
  font-size: 1.6;
  line-height: 1.5;
  color: #666;
  letter-spacing: -0.32px;
}
.signature-color .colors .sub-color.beige {
  background: #F7F4DB;
}
.signature-color .colors .sub-color.light-brown {
  background: #EEE2C7;
}
.signature-color .colors .sub-color.dark-brown {
  background: #291301;
}
.signature-color .colors .sub-color.dark-brown h5, .signature-color .colors .sub-color.dark-brown span {
  color: #fff;
}
.signature-color .colors .sub-color.gold {
  background: #87642C;
}
.signature-color .colors .sub-color.gold h5, .signature-color .colors .sub-color.gold span {
  color: #fff;
}
.signature-color .colors .sub-color.light-gray {
  background: #F0F0F0;
}
.signature-color .colors .sub-color.gray {
  background: #B7AFAA;
}
.signature-color .colors .sub-color.silver {
  background: #B3B3B3;
}
@media (max-width: 768px) {
  .signature-color .text-md {
    font-size: 1.4rem;
  }
  .signature-color h4 {
    font-size: 1.8rem;
    margin: 1.5rem 0 0.8rem;
  }
  .signature-color .colors {
    gap: clamp(1.5rem, 4vw, 3rem);
    flex-wrap: wrap;
  }
  .signature-color .colors > div {
    width: 47.6%;
  }
  .signature-color .colors-tit {
    height: auto;
    padding: 1rem 1rem 2rem 1rem;
    min-height: 6.8rem;
  }
  .signature-color .colors-tit h5 {
    font-size: 1.3rem;
  }
  .signature-color .colors-tit span {
    font-size: 1.2rem;
  }
  .signature-color .colors-con {
    font-size: 1.2rem;
    padding: 1rem 1rem 2rem 1rem;
    height: auto;
  }
  .signature-color .colors-con .cs {
    margin: 0 0.5rem 0 0.25rem;
  }
  .signature-color .colors .sub-color {
    height: auto;
    padding: 1rem 1rem 2rem 1rem;
  }
  .signature-color .colors .sub-color h5 {
    font-size: 1.3rem;
  }
  .signature-color .colors .sub-color span {
    font-size: 1.2rem;
  }
}

/*story*/
html:has(.story-section) {
  scroll-behavior: smooth;
}

.story-section .sub-ment {
  margin-bottom: clamp(3rem, 2.08vw, 5rem);
}

.sticky-nav.sticky .sticky-tab-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 10;
}
.sticky-nav.sticky + .sticky-sections .sticky-section:nth-child(2) {
  padding-top: 15rem;
}
@media (max-width: 768px) {
  .sticky-nav.sticky + .sticky-sections .sticky-section:nth-child(1) {
    padding-top: 5rem;
  }
  .sticky-nav.sticky + .sticky-sections .sticky-section:nth-child(2) {
    padding-top: 5rem;
  }
}

.sticky-tab-container {
  width: 100%;
  background: #fff;
}

.sticky-tab {
  display: flex;
  position: relative;
  max-width: 144rem;
  width: 100%;
  margin: 0 auto;
}
.sticky-tab::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #efefef;
  position: absolute;
  left: 0;
  bottom: 0;
}
.sticky-tab-link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2.3rem 0;
  font-size: 2.4rem;
  color: #666;
}
.sticky-tab-item {
  flex: 1;
  position: relative;
}
.sticky-tab-item.active::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #222;
  position: absolute;
  bottom: 0;
  left: 0;
}
.sticky-tab-item.active .sticky-tab-link {
  font-weight: 700;
  color: #222;
}
@media (max-width: 768px) {
  .sticky-tab {
    width: calc(100% - 4rem);
  }
  .sticky-tab-link {
    padding: 1.5rem 0;
    font-size: 1.5rem;
  }
}

.story-title {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: clamp(0.4rem, 1.04vw, 1.5rem);
}
.story-title h3 {
  font-size: clamp(1.2rem, 1.67vw, 2.4rem);
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
}
.story-title p {
  font-size: clamp(2.4rem, 4.17vw, 6rem);
  font-weight: 700;
  color: #fff;
}
.story-title.black {
  padding-bottom: clamp(3rem, 10.42vw, 15rem);
}
.story-title.black h3 {
  color: rgba(34, 34, 34, 0.6);
}
.story-title.black p {
  color: #222;
}

.statement-visual {
  width: 100%;
  height: 100vh;
  background: url(/rStatic/images/sub/statement-bg.jpg) no-repeat 50% 50%;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: clamp(3rem, 3.47vw, 5rem);
}
@media (max-width: 768px) {
  .statement-visual {
    height: 56.27vw;
  }
}

.statement-con {
  background: #291301;
  padding-top: clamp(3rem, 10.42vw, 15rem);
  padding-bottom: clamp(5rem, 10.42vw, 15rem);
}
.statement-con .static {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: clamp(3rem, 8.33vw, 12rem);
}
.statement-con-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 112rem;
  gap: clamp(2rem, 9vw, 12.5%);
}
.statement-con-item > div:nth-child(1) {
  width: 49.11%;
}
.statement-con-item > div:nth-child(2) {
  width: 38.39%;
}
.statement-con-item:nth-child(2) .desc {
  text-align: right;
}
.statement-con .desc p {
  font-size: 3.6rem;
  font-weight: 500;
  line-height: 1.46;
  color: rgba(255, 255, 255, 0.6);
  white-space: nowrap;
}
.statement-con .desc p strong {
  font-weight: 700;
  color: #fff;
}
@media (max-width: 1440px) {
  .statement-con-item {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .statement-con-item > div:nth-child(1) {
    width: 40%;
  }
  .statement-con-item > div:nth-child(2) {
    width: 44%;
  }
  .statement-con-item:nth-child(2) .photo img {
    width: 80%;
  }
  .statement-con .desc p {
    font-size: clamp(1.3rem, 2.08vw, 3rem);
  }
  .statement-con .desc p strong {
    font-size: clamp(1.5rem, 2.08vw, 3rem);
  }
}

.value-con-item {
  margin-top: clamp(5rem, 13.89vw, 20rem);
}
.value-con-item:nth-child(2) {
  margin-top: 0;
}
.value-con-item .title {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: clamp(2rem, 2.78vw, 4rem);
}
.value-con-item .title-1 p {
  font-size: clamp(1.1rem, 1.39vw, 2rem);
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #666;
}
.value-con-item .title-1 h4 {
  font-size: clamp(2.4rem, 4.17vw, 6rem);
  font-weight: 700;
  margin-top: clamp(0.4rem, 0.83vw, 1.2rem);
}
.value-con-item .title-2 {
  padding-top: clamp(1.5rem, 4.17vw, 6rem);
  width: 43.75%;
}
.value-con-item .title-2 p {
  font-size: clamp(1.3rem, 1.39vw, 2rem);
  font-weight: 500;
  color: #666;
  line-height: 1.4;
  letter-spacing: -0.4px;
}
.value-con-item .title-2 a {
  margin-top: 3rem;
  font-size: 2.2rem;
  font-weight: 700;
  color: #864D34;
  display: inline-flex;
  align-items: center;
  gap: 1rem;
}
.value-con-item .title-2 a i {
  display: inline-flex;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  background-color: #864D34;
  color: #fff;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='9' viewBox='0 0 6 9' fill='none'%3E%3Cpath d='M0.75 1L4.25 4.5L0.75 8' stroke='%23ffffff' stroke-width='1.5'/%3E%3C/svg%3E");
  background-size: 1rem auto;
}
.value-con-item .title-2 a:hover {
  color: #222;
}
.value-con-item .title-2 a:hover i {
  background-color: #222;
}
@media (max-width: 1024px) {
  .value-con-item .title {
    display: block;
  }
  .value-con-item .title-2 {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .value-con-item .title-2 a {
    font-size: 1.4rem;
    gap: 0.4rem;
    margin-top: 1.5rem;
  }
  .value-con-item .title-2 a i {
    width: 1.4rem;
    height: 1.4rem;
    background-size: 0.4rem auto;
    background-position: 50% 50%;
  }
}

/*news*/
.brand-news .tab3-wrap {
  margin-top: 5rem;
  margin-bottom: 5rem;
}
@media (max-width: 768px) {
  .brand-news .tab3-wrap {
    margin-top: 3rem;
  }
}
@media (max-width: 768px) {
  .brand-news .tab3-wrap {
    margin-bottom: 3rem;
  }
}
.brand-news .news-item-lists {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4rem;
}
.brand-news .news-item {
  border: 1px solid #dadada;
  padding: 3rem 2rem 2rem;
}
.brand-news .news-item h3 {
  min-height: 9rem;
}
.brand-news .news-item .info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3rem;
}
.brand-news .news-item .info .date {
  font-size: 1.6rem;
  color: #666;
}
.brand-news .news-item .thumb {
  position: relative;
}
.brand-news .news-item .thumb-photo {
  overflow: hidden;
}
.brand-news .news-item .thumb-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.brand-news .news-item .thumb-tag {
  position: absolute;
  bottom: 2rem;
  right: 2rem;
  width: 7rem;
  height: 7rem;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  font-weight: 500;
  color: #fff;
}
.brand-news .news-item .thumb-tag.tag1 {
  background: #804F3A;
}
.brand-news .news-item .thumb-tag.tag2 {
  background: #552B15;
}
.brand-news .news-item .thumb-tag.tag3 {
  background: #888;
  color: #fff;
}
@media (max-width: 1024px) {
  .brand-news .news-item-lists {
    gap: 3vw;
  }
}
@media (max-width: 768px) {
  .brand-news .news-item-lists {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
}
@media (max-width: 480px) {
  .brand-news .news-item-lists {
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
  }
  .brand-news .news-item {
    padding: 2rem 1rem 1rem 1rem;
  }
}

.sub-outlink-header {
  padding: 6rem 0 5rem;
  text-align: center;
}
.sub-outlink-header h1 {
  font-size: 4rem;
  font-weight: 700;
  letter-spacing: -0.8px;
  color: #864D34;
}
@media (max-width: 768px) {
  .sub-outlink-header {
    padding: 4rem 0 2rem;
  }
  .sub-outlink-header h1 {
    font-size: 3.2rem;
  }
}

.sub-outlink-top {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  padding-bottom: 6rem;
}
@media (max-width: 768px) {
  .sub-outlink-top {
    padding-bottom: 3rem;
  }
}
.sub-outlink-top h2 {
  font-size: 4rem;
  font-weight: 700;
  letter-spacing: -0.8px;
}
.sub-outlink-top p {
  font-size: 3.2rem;
  color: #666;
  font-weight: 500;
  letter-spacing: -0.64px;
  text-align: center;
}
.sub-outlink-top p.text-lg {
  font-size: 2rem;
}
@media (max-width: 768px) {
  .sub-outlink-top h2 {
    font-size: 2.4rem;
  }
  .sub-outlink-top p {
    font-size: 1.6rem;
  }
  .sub-outlink-top p.text-lg {
    font-size: 1.3rem;
  }
}

.sub-outlink-section .sub-hty3 {
  margin-top: 0;
}
.sub-outlink-section .sub-hty3:not(:first-of-type) {
  margin-top: 5rem;
}
@media (max-width: 768px) {
  .sub-outlink-section .sub-hty3:not(:first-of-type) {
    margin-top: 3rem;
  }
}
.sub-outlink-section .box {
  padding: 4rem;
  border: 1px solid #dadada;
}
@media (max-width: 768px) {
  .sub-outlink-section .box {
    padding: 2rem;
  }
}
.sub-outlink-section .box > p {
  font-size: 1.6rem;
  color: #666;
  line-height: 1.4;
  letter-spacing: -0.32px;
}
.sub-outlink-section .box > p:not(:first-of-type) {
  margin-top: 0.8rem;
}
.sub-outlink-section .box .ty2 {
  margin-top: 2rem;
}
.sub-outlink-section .box .link-file {
  color: #222;
  font-weight: 600;
}
.sub-outlink-section .box + .agree-check {
  margin-top: 2rem;
}
.sub-outlink-section .agree-check {
  display: flex;
  align-items: center;
  gap: 4rem;
}
.sub-outlink-section .sub-hty3 + .form-ui {
  margin-top: 0;
}
.sub-outlink-section .form-tit em {
  color: #864D34;
}
.sub-outlink-section .form-col .nor {
  width: 24rem;
}
.sub-outlink-section .form-col.form-col-ym {
  display: flex;
  align-items: center;
}
.sub-outlink-section .form-col.form-col-ym span {
  margin: 0 3rem 0 1rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: -0.36px;
}
.sub-outlink-section .form-ui + .p-astr {
  margin-top: 1rem;
}
@media (max-width: 768px) {
  .sub-outlink-section .box > p {
    font-size: 1.4rem;
  }
  .sub-outlink-section .agree-check {
    gap: 2rem;
  }
  .sub-outlink-section .form-col .nor {
    width: 100%;
  }
  .sub-outlink-section .form-col.form-col-ym {
    justify-content: space-between;
    gap: 1rem;
  }
  .sub-outlink-section .form-col.form-col-ym .nor {
    width: 80%;
  }
  .sub-outlink-section .form-col.form-col-ym span {
    margin-right: 0;
    margin-left: 0.5rem;
    font-size: 1.3rem;
  }
  .sub-outlink-section .form-col.form-col-ym .ln {
    flex: 1;
  }
  .sub-outlink-section .form-col.form-col-ym .ln2 {
    width: 100%;
  }
  .sub-outlink-section .form-col.form-col-ym .ln2 .nor {
    width: 90%;
  }
}

.pull-ui {
  border-bottom: 1px solid #dadada;
}
.pull-ui .pull-tit {
  padding: 2.5rem 2rem;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: -0.36px;
  border-top: 1px solid #222;
  border-bottom: 1px solid #dadada;
}
.pull-ui .pull-tit-sub {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.32px;
  color: #666;
  padding-left: 2rem;
  margin-top: 1rem;
}
.pull-ui .pull-tit-sub .p-dots {
  margin-left: 1rem;
}
.pull-ui .pull-col {
  padding: 3rem 4rem;
}
.pull-ui .pull-col textarea {
  width: 100%;
  height: auto;
}
.pull-ui .pull-col-hd {
  background: #f3f3f3;
  padding: 2rem 5rem;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: -0.36px;
  line-height: 1.4;
}
@media (max-width: 768px) {
  .pull-ui .pull-tit {
    padding: 1rem 1.5rem;
    font-size: 1.4rem;
  }
  .pull-ui .pull-tit-sub {
    font-size: 1.3rem;
    padding-left: 1rem;
  }
  .pull-ui .pull-col {
    padding: 1.5rem;
  }
  .pull-ui .pull-col-hd {
    padding: 1rem 2rem;
    font-size: 1.4rem;
  }
}

.pull-chk-lists {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media (max-width: 768px) {
  .pull-chk-lists {
    gap: 1.5rem;
  }
}

.pull-chk2-lists {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-top: 3rem;
  margin-top: 3rem;
}
@media (max-width: 768px) {
  .pull-chk2-lists {
    margin-top: 2rem;
  }
}
.pull-chk2-lists > li {
  display: flex;
  align-items: center;
  gap: 4rem;
}
.pull-chk2-lists > li h4 {
  padding-right: 1rem;
}
@media (max-width: 768px) {
  .pull-chk2-lists {
    gap: 1.5rem;
  }
  .pull-chk2-lists > li {
    gap: 2rem;
  }
  .pull-chk2-lists > li h4 {
    font-size: 1.3rem;
  }
}

.service-notis .lists-bell {
  display: flex;
  gap: 1rem;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: -0.4px;
}
.service-notis .lists-bell::before {
  content: "";
  display: block;
  width: 1.9rem;
  height: 2.2rem;
  background: url(/rStatic/images/common/ico-bell.svg) no-repeat 50% 50%;
  background-size: cover;
}
.service-notis .lists-bell span {
  width: calc(100% - 3rem);
}
@media (max-width: 768px) {
  .service-notis .lists-bell {
    font-size: 1.4rem;
  }
  .service-notis .lists-bell::before {
    width: 1.5rem;
    height: 1.7rem;
  }
}

.previnCheck {
  max-width: 46rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.previnCheck .btn-fill {
  margin-top: 1rem;
}

.prewinView {
  max-width: 72rem;
  margin: 0 auto;
}
.prewinView .tb-type1 {
  margin-bottom: 1rem;
}
.prewinView .tb-type1 + .tb-type1 {
  margin-top: 5rem;
}
.prewinView .str {
  color: #864D34;
  font-weight: 600;
}

.survey-lists > li:last-child {
  border-bottom: 1px solid #dadada;
}
.survey-lists h4 {
  padding: 2.5rem 2rem;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: -0.36px;
  border-top: 1px solid #222;
  border-bottom: 1px solid #dadada;
}
.survey-lists .pull-chk-lists {
  padding: 3rem 4rem;
}
.survey-lists .pull-tit-sub {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.32px;
  color: #666;
  padding-left: 2rem;
  margin-top: 1rem;
}
.survey-lists .pull-col-hd {
  background: #f3f3f3;
  padding: 2rem 5rem;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: -0.36px;
  line-height: 1.4;
}
.survey-lists textarea {
  width: 100%;
}