@charset "UTF-8";
@import 'vendors/swiper-bundle.min.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;
}

body.no-scroll {
  overflow: hidden;
  height: 100%; /* 파이어폭스 버그 방지용 */
}

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

:focus:not(:focus-visible) {
  outline: none;
}

:focus-visible {
  outline: auto;
}

.w-5 {
  width: 5%;
}

.w-10 {
  width: 10%;
}

.w-15 {
  width: 15%;
}

.w-20 {
  width: 20%;
}

.w-25 {
  width: 25%;
}

.w-30 {
  width: 30%;
}

.w-35 {
  width: 35%;
}

.w-40 {
  width: 40%;
}

.w-45 {
  width: 45%;
}

.w-50 {
  width: 50%;
}

.w-55 {
  width: 55%;
}

.w-60 {
  width: 60%;
}

.w-65 {
  width: 65%;
}

.w-70 {
  width: 70%;
}

.w-75 {
  width: 75%;
}

.w-80 {
  width: 80%;
}

.w-85 {
  width: 85%;
}

.w-90 {
  width: 90%;
}

.w-95 {
  width: 95%;
}

.w-100 {
  width: 100%;
}

.w-1-3 {
  width: 33.3333333333%;
}

.w-2-3 {
  width: 66.6666666667%;
}

.w-1-6 {
  width: 16.6667%;
}

.w-2-6 {
  width: 33.3333%;
}

.w-3-6 {
  width: 50%;
}

.w-4-6 {
  width: 66.6667%;
}

.w-5-6 {
  width: 83.3333%;
}

/*base/_fonts.scss*/
.playfair-display {
  font-family: "Playfair Display", "Didot", "Baskerville", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

@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;
}
@font-face {
  font-family: "Playfair Display";
  src: url("../fonts/playfair-display.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "BonmyeongjoSourceHanSerif";
  src: url("../fonts/NotoSerifKR.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  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 {
  position: relative;
  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;
  }
}

.video__frame {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.video__frame video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

@media print {
  /* 인쇄 시 화면 전체를 안 보이게 처리 */
  body {
    display: none !important;
  }
}
.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-arrow-short {
  display: block;
  width: 2rem;
  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='22' height='16' viewBox='0 0 22 16' fill='none'%3E%3Cpath d='M0 8 H20' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M13 1 L20 8 L13 15' stroke='%23ffffff' stroke-width='2'/%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(../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(../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(../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(../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(../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-like {
  display: block;
  width: 3.2rem;
  height: 2.7rem;
  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='35' height='30' viewBox='0 0 35 30' fill='none'%3E%3Cpath d='M10.05 1.25C5.19 1.25 1.25 5.12389 1.25 9.90233C1.25 18.5547 11.65 26.4204 17.25 28.25C22.85 26.4204 33.25 18.5547 33.25 9.90233C33.25 5.12389 29.31 1.25 24.45 1.25C21.474 1.25 18.842 2.70281 17.25 4.92646C16.4384 3.79016 15.3604 2.8628 14.1071 2.22286C12.8538 1.58292 11.4622 1.24922 10.05 1.25Z' stroke='%23777777' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%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);
}

.ico-top {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
}
.ico-top::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 2px;
  height: 16px;
  background: #fff;
  transform: translateX(-50%);
}
.ico-top::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 50%;
  width: 11px;
  height: 11px;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  transform: translate(-50%, 0) rotate(45deg);
}

.bgSoundBtn {
  font-size: 0;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  justify-content: flex-start;
  width: 3.2rem;
}
.bgSoundBtn i {
  display: block;
  width: 3.2rem;
  height: 2.6rem;
  background: #fff;
  mask: url(../images/video/bgm-off.svg) no-repeat 0 50%/auto 100%;
  -webkit-mask: url(../images/video/bgm-off.svg) no-repeat 0 50%/auto 100%;
}
.bgSoundBtn.on i {
  display: block;
  width: 3.2rem;
  height: 2.6rem;
  mask: url(../images/video/bgm-on.svg) no-repeat 0 50%/auto 100%;
  -webkit-mask: url(../images/video/bgm-on.svg) no-repeat 0 50%/auto 100%;
}
@media (max-width: 480px) {
  .bgSoundBtn {
    width: 2.3rem;
  }
  .bgSoundBtn i {
    width: 2.3rem;
    height: 1.8rem;
    background: #fff;
    mask: url(../images/video/bgm-off.svg) no-repeat 0 50%/auto 100%;
    -webkit-mask: url(../images/video/bgm-off.svg) no-repeat 0 50%/auto 100%;
  }
  .bgSoundBtn.on i {
    width: 2.3rem;
    height: 1.8rem;
    background: #fff;
    mask: url(../images/video/mbgm-on.svg) no-repeat 0 50%/auto 100%;
    -webkit-mask: url(../images/video/mbgm-on.svg) no-repeat 0 50%/auto 100%;
  }
}

#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: 1440px) {
  #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: 10.8rem;
  height: 3.9rem;
}
@media (max-width: 768px) {
  #header .logo-link {
    width: 7.7rem;
    height: 2.8rem;
  }
}
#header .header-logo {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0%);
  z-index: 3;
  height: 7rem;
  display: flex;
  align-items: center;
}
#header .header-logo .logo {
  display: block;
}
#header .header-logo .logo-link {
  background: url(../images/common/logo-skview-w.svg) no-repeat 50% 50%;
}
@media (max-width: 1440px) {
  #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: 2rem 0 0 0;
}
#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: 1440px) {
  #header .header-gnb {
    display: none;
  }
}
#header .header-util {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
}
@media (max-width: 1440px) {
  #header .header-util > .btn-login {
    display: none;
  }
}
#header .header-util-nav, #header .header-util-log {
  position: relative;
  display: flex;
  gap: 2rem;
}
#header .header-util-nav .header-logo {
  display: none;
}
@media (max-width: 1440px) {
  #header .header-util-nav {
    position: absolute;
    width: calc(100% - 6rem);
    display: flex;
    justify-content: flex-end;
  }
  #header .header-util-nav .header-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 2.4rem;
  }
  #header .header-util-nav .header-logo .logo .logo-link {
    background-size: auto 100%;
  }
}
@media (max-width: 768px) {
  #header .header-util-nav {
    right: 2rem;
  }
}
@media (max-width: 1440px) {
  #header .header-util-log .btn-login {
    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(../images/common/logo-skview.svg) no-repeat 50% 50%;
}
#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 .bgSoundBtn i {
  background: #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(../images/common/logo-skview.svg) no-repeat 50% 50%;
}
#header.open .header-gnb {
  height: 32rem;
  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 .bgSoundBtn i {
  background: #000;
}
#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: 1440px) {
  #header.on .sitemap {
    display: none;
  }
}
@media (max-width: 1440px) {
  #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(../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 .bgSoundBtn i {
  background: #000;
}
#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(../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: 1440px) {
  .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: 1440px) {
  .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: 1440px) {
  .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(../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;
  }
}
#footer .footer-ment {
  padding: 3rem 8rem 2.4rem;
  font-size: 1.4rem;
  color: rgba(255, 255, 255, 0.6);
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  text-align: right;
  line-height: 1.5rem;
  letter-spacing: -0.24px;
}
@media (max-width: 1920px) {
  #footer .footer-ment {
    padding: 2.4rem 5.21vw;
  }
}
@media (max-width: 768px) {
  #footer .footer-ment {
    font-size: 1.2rem;
    padding: 3rem 2rem 0;
    text-align: left;
    border-bottom: 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;
}
.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(../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(../images/common/ico-fav.svg) no-repeat 50% 50%;
  background-size: cover;
}
.btn-fav.active {
  background: url(../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;
  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(../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: #222;
  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 #bbb;
  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%;
}
.form-pass-change .form-row:not(:first-child) {
  margin-top: 2rem;
}
.form-pass-change .form-row {
  margin: 0 auto;
}
.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;
  }
}
.breadcrumb.white li {
  color: white;
}
.breadcrumb.white li::after {
  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%23ffffff%22 stroke-width%3D%221.5%22/%3E%3C/svg%3E");
}
.breadcrumb.white li .ico-home {
  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%23ffffff%22 stroke-width%3D%221.5%22/%3E%3Cpath d%3D%22M1 10L10 2.5L19 10%22 stroke%3D%22%23ffffff%22 stroke-width%3D%221.5%22/%3E%3C/svg%3E");
}

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;
}
table.ty2 em {
  font-size: 1.2em;
  font-weight: 500;
  color: #222;
  text-decoration: underline;
}
@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(../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 button:focus-visible, .tab2 a:focus-visible {
  outline: 3px solid black;
  outline-offset: 1px;
}
.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 {
  position: relative;
  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;
}
.modal .close_btn {
  text-align: left;
  position: absolute;
  right: 2rem;
  top: 3rem;
  width: 2.8rem;
  height: 2.8rem;
}
.modal .close_btn button {
  display: block;
  width: 100%;
  height: 100%;
}
.modal .close_btn .ico-bigX {
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  .modal .close_btn {
    width: 2rem;
    height: 2rem;
  }
}
@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;
}
@media (max-width: 768px) {
  .failed-s1 {
    padding: 2rem;
  }
}
.failed-s1 {
  font-size: 1.6rem;
  color: #666;
  font-weight: 500;
  letter-spacing: -0.32px;
}
.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;
  margin: 0 0 2rem 0;
}
.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(../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 h4 {
  font-size: 2rem;
  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;
}
.modal-main .modal-main-content-privacy {
  text-align: left;
  border: 1px solid #888;
  border-radius: 0.5rem;
  padding: 1.6rem 2.5rem;
  margin: 3rem 0;
}
.modal-main .modal-main-content-privacy ol {
  margin: 1rem 0 0 0;
}
@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;
    max-height: 40rem;
    overflow-y: auto;
  }
  .modal-main .modal-info1 h3 {
    font-size: 2rem;
  }
  .modal-main .modal-info1 h4 {
    font-size: 1.6rem;
  }
  .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-main .modal-main-content-privacy {
    padding: 1.2rem 1.5rem;
    margin: 2rem 0;
  }
}

.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);
}
@media (max-width: 768px) {
  .scroll::after {
    height: 2rem;
  }
}

.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;
  text-align: center;
}
.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-1.kor {
  font-family: "BonmyeongjoSourceHanSerif", serif;
  font-size: clamp(4.5rem, 5.56vw, 8rem);
  letter-spacing: -2px;
}
.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 44s 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;
    padding: 0 10vw;
  }
  .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;
    padding: 0 8vw;
  }
  .swiper-visual .swiper-slide .text.text1 {
    bottom: 43vh;
  }
  .swiper-visual .swiper-nav {
    flex-direction: column;
    bottom: 25vh;
    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;
  }
  .swiper-visual .swiper-controls .swiper-pagination-bullet-active .progress {
    animation: progress-stroke 41s forwards;
  }
}
@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%);
}
.scene-slide .video-clip-style {
  object-view-box: inset(10%);
}
@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;
}

/*vr*/
.main-vr-section {
  position: relative;
  background: #000;
}

.vr-section {
  max-width: 1920rem;
  height: 100vh;
  height: 100dvh;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
@media (max-width: 1440px) {
  .vr-section {
    height: auto;
  }
}
@media (max-width: 1024px) {
  .vr-section {
    height: auto;
  }
}

/*intro*/
.intro-wrap {
  width: 100%;
  min-height: 100vh;
  background: black;
  display: flex;
  flex-direction: column;
}

.intro-vs {
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(../images/main/intro-bg.jpg) no-repeat 50% 50%;
  background-size: cover;
  flex: 1;
}
.intro-vs-inner {
  text-align: center;
  color: white;
}
.intro-vs img {
  display: inline-block;
  vertical-align: top;
}
.intro-vs h1 {
  font-family: "Playfair Display";
}
.intro-vs .t1 {
  font-size: clamp(2rem, 2.78vw, 4rem);
  font-weight: 500;
  letter-spacing: -0.8px;
  margin-top: clamp(2rem, 2.08vw, 3rem);
}
.intro-vs .t2 {
  margin-top: 8.92%;
  font-size: clamp(1.6rem, 1.67vw, 2.4rem);
  line-height: 1.5;
  letter-spacing: -0.48px;
  color: rgba(255, 255, 255, 0.8);
}
.intro-vs-form {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin-top: 8.92%;
}
.intro-vs-form .checkForm {
  width: 40rem;
  height: 7rem;
  display: flex;
  align-items: center;
  background: white;
  padding: 0 4rem;
}
.intro-vs-form .checkForm label {
  width: 100%;
  font-size: 2rem;
}
.intro-vs-form .checkForm.checked {
  background: #804F3A;
}
.intro-vs-form .checkForm.checked label {
  color: white;
}
.intro-vs-form .checkForm input[type=radio] {
  opacity: 0;
}
.intro-vs-form .checkForm input[type=radio]:checked + label::before {
  border: 1px solid #fff;
  box-shadow: none;
}
.intro-vs-form .checkForm input[type=radio]:checked + label::after {
  background: white;
}
.intro-vs .tment {
  font-size: clamp(1.2rem, 0.97vw, 1.4rem);
  letter-spacing: -0.28px;
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
  margin-top: clamp(4rem, 3.47vw, 5rem);
}
@media (max-width: 768px) {
  .intro-vs {
    padding: 7rem 2rem 4rem;
    background: url(../images/main/intro-bg-mo.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
  .intro-vs h1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1.4rem;
  }
  .intro-vs h1 img:first-child {
    width: 42%;
  }
  .intro-vs h1 img:last-child {
    width: 80%;
  }
  .intro-vs .tment {
    text-align: left;
  }
  .intro-vs-form .checkForm {
    width: 42vw;
  }
  .intro-vs-form .checkForm label {
    font-size: 3vw;
  }
}
@media (max-width: 480px) {
  .intro-vs-form .checkForm {
    width: 43vw;
    height: 6rem;
    padding: 0;
  }
  .intro-vs-form .checkForm label {
    padding-left: 0;
    padding-top: 2.5rem;
  }
  .intro-vs-form .checkForm label::before {
    left: 50%;
    transform: translateX(-50%);
  }
  .intro-vs-form .checkForm label {
    font-size: 3.5vw;
  }
  .intro-vs-form .checkForm input[type=radio]:checked + label::after {
    left: 50%;
    transform: translateX(-50%);
  }
}

.intro-infos {
  width: 100%;
  min-height: 28rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: clamp(4rem, 3.47vw, 4rem) clamp(2rem, 3.47vw, 4rem);
  display: none;
  flex-direction: column;
}
.intro-infos-inner {
  text-align: center;
  display: none;
}
.intro-infos-inner[data-type="2"] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -16rem;
}
.intro-infos p {
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.6;
  letter-spacing: -0.32px;
  font-size: clamp(1.2rem, 1.11vw, 1.6rem);
}
.intro-infos .btns {
  margin-top: 5%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}
.intro-infos .btn-outline {
  border: 1px solid #7b7b7b;
  color: white;
  min-width: clamp(12rem, 13.89vw, 20rem);
  height: clamp(5rem, 5.56vw, 8rem);
  border-radius: 4rem;
  font-size: clamp(1.5rem, 1.39vw, 2rem);
}
@media (max-width: 480px) {
  .intro-infos-inner {
    text-align: left;
  }
  .intro-infos-inner[data-type="2"] {
    margin-top: -20rem;
  }
  .intro-infos .btns {
    gap: 1rem;
    margin-top: 3rem;
  }
}

.main-iframe {
  width: 100%;
  height: 100vh;
}
.main-iframe iframe {
  width: 100%;
  height: 100%;
}

.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;
  }
}
.sub-contents {
  max-width: 1920px;
  margin: 0 auto;
}

@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-title-c {
  text-align: center;
  font-size: 6rem;
  font-weight: 500;
  letter-spacing: -1.2px;
}
.sub-title-c strong {
  font-weight: 700;
}
.sub-title-c {
  padding: 5rem 2rem 10rem;
}
@media (max-width: 1440px) {
  .sub-title-c {
    font-size: 4.05vw;
    padding: 3.38vw 1.35vw 6.76vw;
  }
}
@media (max-width: 768px) {
  .sub-title-c {
    font-size: 2.4rem;
    padding: 4rem 0;
  }
}

.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-brand-story {
  background: url("../images/sub/vs-brand-story.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.sub-top-visual .visual.vs-brand-masterplan {
  background: url("../images/sub/vs-brand-masterplan.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.sub-top-visual .visual.vs-brand-concept {
  background: url("../images/sub/vs-brand-concept.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.sub-top-visual .visual.vs-complex-highlight {
  background: url("../images/sub/vs-complex-highlight.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.sub-top-visual .visual.vs-complex-architecture {
  background: url("../images/sub/vs-complex-architecture.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.sub-top-visual .visual.vs-complex-landscape {
  background: url("../images/sub/vs-complex-landscape.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.sub-top-visual .visual.vs-complex-community {
  background: url("../images/sub/vs-complex-community.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.sub-top-visual .visual.vs-complex-exterior {
  background: url("../images/sub/vs-complex-exterior.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.sub-top-visual .visual.vs-unit-items {
  background: url("../images/sub/vs-unit-items.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.sub-top-visual .visual.vs-unit-design {
  background: url("../images/sub/vs-unit-design.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.sub-top-visual .visual.vs-unit-create {
  background: url("../images/sub/vs-unit-create.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 .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;
}
@media (max-width: 768px) {
  .apartment-sect1 {
    padding-bottom: 3rem;
  }
}
.apartment-sect1 {
  border-bottom: 1px solid #dadada;
}
.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;
  }
}

.vr-frame {
  height: 80rem;
}

.sub-top-video {
  padding-bottom: clamp(5rem, 11.81vw, 17rem);
}
.sub-top-video .video-area {
  position: relative;
}
.sub-top-video .tgSound {
  position: absolute;
  bottom: clamp(1rem, 1.39vw, 2rem);
  left: clamp(1rem, 1.39vw, 2rem);
}
@media (max-width: 768px) {
  .sub-top-video .tgSound {
    top: 1rem;
    right: 1rem;
    bottom: initial;
    left: initial;
  }
}

.tgSound {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  color: white;
  font-size: 1.4rem;
}
.tgSound::before {
  content: "";
  display: block;
  width: 2rem;
  height: 1.63rem;
  background: url(../images/video/s-off.svg) no-repeat 0 50%;
  background-size: auto 100%;
}
.tgSound::after {
  content: "Sound off";
  display: block;
}
.tgSound.on::before {
  background: url(../images/video/s-on.svg) no-repeat 0 50%;
}
.tgSound.on::after {
  content: "Sound on";
  display: block;
}
@media (max-width: 768px) {
  .tgSound::after {
    display: none;
  }
  .tgSound.on::after {
    display: none;
  }
}

.video-area {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
}

.tx-tit {
  font-size: clamp(2.4rem, 5vw, 6rem);
  font-weight: 600;
}
.tx-tit strong {
  font-weight: 700;
}

.tx-lg {
  font-size: clamp(1.3rem, 1.67vw, 2rem);
}

.tx-tit2 {
  font-size: clamp(1.5rem, 2.5vw, 3rem);
  font-weight: 700;
}

.content-title {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: clamp(2rem, 2.08vw, 3rem);
  text-align: center;
}
.content-title .cate {
  padding: 2rem 3rem;
  font-size: clamp(1.6rem, 1.81vw, 2.6rem);
  background: #222;
  border-radius: 4rem;
  color: white;
  font-weight: 700;
  text-align: center;
  line-height: 1;
}
.content-title .tx-tit {
  font-weight: 700;
}
@media (max-width: 768px) {
  .content-title .cate {
    padding: 1rem 2.5rem;
  }
}

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

.story-section .sub-ment {
  margin-bottom: clamp(3rem, 2.08vw, 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;
}
.story-title.brand-title h3 {
  font-size: clamp(2.4rem, 5.5vw, 8rem);
  color: #fff;
}
.story-title.brand-title p {
  font-size: clamp(1.2rem, 2.4vw, 3rem);
  color: #fff;
}

.statement-visual {
  width: 100%;
  height: 100vh;
  background: url(../images/sub/statement-bg.jpg) no-repeat 50% 50%;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}
@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: clamp(3rem, 2.5vw, 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%;
  }
}

.story .sub-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.story .sub-contents {
  padding-bottom: 0;
}

/*concept*/
.concept .sub-contents {
  padding-bottom: 0;
}

.concept-section1 {
  padding-top: clamp(2rem, 5vw, 6rem);
  padding-bottom: clamp(6.5rem, 12.5vw, 15rem);
}
.concept-section1 .concept-title {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: clamp(2rem, 2.5vw, 3rem);
}
.concept-section1 .concept-title .cate {
  background: #222;
  padding: clamp(1rem, 1.67vw, 2rem) clamp(2rem, 3.75vw, 4.5rem);
  border-radius: 4rem;
  font-size: clamp(1.6rem, 2.17vw, 2.6rem);
  color: white;
  font-weight: 700;
  line-height: 1;
  height: clamp(4rem, 5.14vw, 7.4rem);
  display: flex;
  justify-content: center;
  align-items: center;
}
.concept-section1 .concept-con {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: clamp(3rem, 5vw, 6rem);
  gap: clamp(1rem, 3vw, 4rem);
  text-align: center;
}
.concept-section1 .concept-con .tx-tit2 {
  margin-top: clamp(2rem, 3.33vw, 4rem);
}
.concept-section1 .concept-con .tx-lg {
  margin-top: clamp(1rem, 1.5vw, 2rem);
}
.concept-section1 .concept-con .conbx {
  max-width: 38rem;
}
@media (max-width: 768px) {
  .concept-section1 .concept-con .conbx {
    width: 43vw;
  }
}

.concept-section2 .desc-item {
  font-size: clamp(2rem, 4.17vw, 6rem);
  font-weight: 700;
  letter-spacing: -1.2px;
}

.full-block .concept-bg1 {
  background: url(../images/theme/concept-s1.jpg) no-repeat 50% 50%;
  background-size: cover;
}
.full-block .concept-bg2 {
  background: url(../images/theme/concept-s2.jpg) no-repeat 50% 50%;
  background-size: cover;
}
.full-block .concept-bg3 {
  background: url(../images/theme/concept-s3.jpg) no-repeat 50% 50%;
  background-size: cover;
}
.full-block .concept-bg4 {
  background: url(../images/theme/concept-s4.jpg) no-repeat 50% 50%;
  background-size: cover;
}
.full-block .concept-tx1 {
  right: 14.38%;
  bottom: 13.89%;
}
.full-block .concept-tx2 {
  left: 19.65%;
  bottom: 13.89%;
  text-align: right;
}
.full-block .concept-tx3 {
  right: 7.43%;
  bottom: 13.89%;
}
.full-block .concept-tx4 {
  left: 7.43%;
  bottom: 13.89%;
  text-align: right;
}
.full-block .desc .concept-tx1,
.full-block .desc .concept-tx2,
.full-block .desc .concept-tx3,
.full-block .desc .concept-tx4 {
  gap: 0;
}
@media (max-width: 768px) {
  .full-block .concept-bg1 {
    background: url(../images/theme/concept-s1-mo.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
  .full-block .concept-bg2 {
    background: url(../images/theme/concept-s2-mo.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
  .full-block .concept-bg3 {
    background: url(../images/theme/concept-s3-mo.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
  .full-block .concept-bg4 {
    background: url(../images/theme/concept-s4-mo.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
  .full-block .desc .concept-tx1 {
    width: 100%;
    right: 0%;
    bottom: 78.91%;
    text-align: center;
  }
  .full-block .desc .concept-tx2 {
    width: 100%;
    left: 0%;
    bottom: 16.36%;
    text-align: center;
  }
  .full-block .desc .concept-tx3 {
    width: 100%;
    right: 0%;
    bottom: 78.91%;
    text-align: center;
  }
  .full-block .desc .concept-tx4 {
    width: 100%;
    left: initial;
    right: 0%;
    bottom: 78.91%;
    text-align: center;
  }
}

.masterplan-secction {
  display: flex;
  justify-content: space-between;
}
.masterplan-secction .imgs {
  width: 63.68%;
}
.masterplan-secction .imgs img {
  width: 100%;
}
.masterplan-secction .infos {
  width: 33.54%;
  border-collapse: collapse;
  font-size: clamp(1.3rem, 1.5vw, 1.8rem);
  border-top: 1px solid #222;
  border-bottom: 1px solid #222;
}
.masterplan-secction .infos thead th {
  background: #E8E8E8;
  padding: 2rem 0;
  border-bottom: 1px solid #222;
}
.masterplan-secction .infos tbody th {
  background: #F3F3F3;
}
.masterplan-secction .infos tbody th + th, .masterplan-secction .infos tbody .brL {
  border-left: 1px solid #dadada;
}
.masterplan-secction .infos tbody td {
  width: calc(100% - 18rem);
  padding: 2rem 4rem;
  color: #666;
}
.masterplan-secction .infos tbody th, .masterplan-secction .infos tbody td {
  border-top: 1px solid #DADADA;
}
@media (max-width: 768px) {
  .masterplan-secction {
    display: block;
  }
  .masterplan-secction .imgs, .masterplan-secction .infos {
    width: 100%;
  }
  .masterplan-secction .infos {
    margin-top: 2rem;
  }
  .masterplan-secction .infos thead th {
    padding: 1rem 0;
  }
  .masterplan-secction .infos tbody td {
    padding: 1.7rem 2rem 1.5rem;
  }
}

.highlight-gallery {
  position: fixed;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 101;
  background: #fff;
  opacity: 0;
  transition: all 0.5s;
  visibility: hidden;
}
.highlight-gallery.open {
  opacity: 1;
  top: 0;
  visibility: visible;
}
.highlight-gallery .btnX {
  position: absolute;
  top: 4rem;
  right: 4rem;
  z-index: 4;
  width: 4.4rem;
  height: 4.4rem;
}
.highlight-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: 1024px) {
  .highlight-gallery .btnX {
    top: 1.5rem;
    right: 1.5rem;
    width: 2rem;
    height: 2rem;
  }
}

.gallery-viewer {
  width: 100%;
  height: 100%;
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
  background: #555;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  overflow: hidden;
}
.gallery-viewer .gallery-thumbs {
  background: #222;
  position: relative;
  padding-bottom: env(safe-area-inset-bottom);
  width: 100%;
  height: 22rem;
  height: 20vh;
  padding: clamp(1.6rem, 2vw, 2rem);
}
.gallery-viewer .gallery-thumbs h3 {
  width: 100%;
  font-size: clamp(1.3rem, 1.8vw, 2.6rem);
  color: #fff;
  text-align: center;
  height: 30%;
  font-weight: 500;
}
.gallery-viewer .gallery-thumbs .swiper-wrapper {
  height: 70%;
}
.gallery-viewer .gallery-thumbs .swiper-wrapper .swiper-slide {
  aspect-ratio: 14/10;
  width: auto;
  height: 100%;
  filter: brightness(70%);
  pointer-events: auto;
  cursor: pointer;
  outline-offset: -2px;
}
.gallery-viewer .gallery-thumbs .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gallery-viewer .gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
  filter: brightness(100%);
  transition: 0.7s filter;
  outline: 2px solid #fff;
  outline-offset: -2px;
}
@media (max-width: 1024px) {
  .gallery-viewer .gallery-thumbs {
    height: 18vh;
  }
  .gallery-viewer .gallery-thumbs h3 {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media (max-width: 768px) {
  .gallery-viewer .gallery-thumbs h3 {
    align-items: flex-start;
  }
}
.gallery-viewer .gallery-swiper {
  width: 100%;
  padding: 0 8vw;
  position: relative;
  overflow: hidden;
  flex: 1;
  margin: 0 auto;
}
.gallery-viewer .gallery-swiper .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}
.gallery-viewer .gallery-swiper .gallery-slide-item {
  aspect-ratio: 2960/1043;
  display: flex;
  justify-content: center;
  background: #fff;
}
.gallery-viewer .gallery-swiper .gallery-slide-item-photo {
  display: flex;
  align-items: flex-end;
  width: 100%;
  overflow: hidden;
  aspect-ratio: 1480/1043;
}
.gallery-viewer .gallery-swiper .gallery-slide-item-photo img {
  width: 100%;
  height: auto;
  object-fit: cover;
  margin: 0 auto;
}
.gallery-viewer .gallery-swiper .gallery-slide-item-photo.ph-full img {
  height: 100%;
}
.gallery-viewer .gallery-swiper .swiper-button-prev,
.gallery-viewer .gallery-swiper .swiper-button-next {
  width: 6rem;
  height: 6rem;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
}
.gallery-viewer .gallery-swiper .swiper-button-prev.swiper-button-disabled,
.gallery-viewer .gallery-swiper .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}
.gallery-viewer .gallery-swiper .swiper-button-prev::after,
.gallery-viewer .gallery-swiper .swiper-button-next::after {
  font-size: 2.4rem;
  color: #fff;
}
.gallery-viewer .gallery-swiper .swiper-button-prev {
  left: 2vw;
}
.gallery-viewer .gallery-swiper .swiper-button-next {
  right: 2vw;
}
.gallery-viewer .gallery-swiper .swiper-pagination {
  display: none;
}
.gallery-viewer .gallery-swiper .gallery-counter {
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.3rem;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 1024px) and (orientation: portrait) {
  .gallery-viewer .gallery-swiper {
    padding: 5vw 15vw;
  }
  .gallery-viewer .gallery-swiper .gallery-slide-item {
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .gallery-viewer .gallery-swiper {
    width: 100%;
    padding: 6vw 10vw;
    flex: 1;
  }
  .gallery-viewer .gallery-swiper .gallery-slide-item {
    aspect-ratio: 325/422;
    width: 72%;
    flex-direction: column;
  }
  .gallery-viewer .gallery-swiper .gallery-slide-item-photo {
    height: 50%;
  }
  .gallery-viewer .gallery-swiper .swiper-button-prev,
  .gallery-viewer .gallery-swiper .swiper-button-next {
    display: none;
  }
  .gallery-viewer .gallery-swiper .swiper-pagination {
    display: none;
    top: initial;
    bottom: -0.5rem;
  }
  .gallery-viewer .gallery-swiper .swiper-pagination-bullet {
    background: #fff;
  }
}
@media (max-width: 480px) {
  .gallery-viewer .gallery-swiper {
    padding: 6vw 6vw;
  }
  .gallery-viewer .gallery-swiper .gallery-slide-item {
    width: 100%;
  }
}

.grid-gallery {
  margin: 0 auto;
}
.grid-gallery .grid-gallery-item,
.grid-gallery .grid-sizer {
  width: calc((100% - 60px) / 4);
}
@media (max-width: 1024px) {
  .grid-gallery .grid-gallery-item,
  .grid-gallery .grid-sizer {
    width: calc((100% - 40px) / 3);
  }
}
@media (max-width: 768px) {
  .grid-gallery .grid-gallery-item,
  .grid-gallery .grid-sizer {
    width: calc((100% - 10px) / 2);
  }
}
.grid-gallery .grid-gallery-item {
  margin-bottom: 2rem;
  border-radius: 1rem;
  overflow: hidden;
  position: relative;
}
.grid-gallery .grid-gallery-item img {
  transition: 0.5s;
}
@media (max-width: 768px) {
  .grid-gallery .grid-gallery-item {
    margin-bottom: 1rem;
  }
}
.grid-gallery .grid-gallery-item::before {
  transition: 0.5s;
  opacity: 1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 53.33%, rgba(0, 0, 0, 0.8) 100%);
}
.grid-gallery .grid-gallery-item:hover::before, .grid-gallery .grid-gallery-item:focus::before {
  opacity: 1;
  z-index: 2;
}
.grid-gallery .grid-gallery-item:hover img, .grid-gallery .grid-gallery-item:focus img {
  transform: scale(1.1);
}
.grid-gallery .grid-gallery-item:hover .grid-gallery-item-info, .grid-gallery .grid-gallery-item:focus .grid-gallery-item-info {
  z-index: 3;
}
.grid-gallery .grid-gallery-item:hover .grid-gallery-item-info .gallery-info-text p, .grid-gallery .grid-gallery-item:focus .grid-gallery-item-info .gallery-info-text p {
  transform: translateY(0);
}
.grid-gallery .grid-gallery-item:hover .grid-gallery-item-info .gallery-info-arrow i, .grid-gallery .grid-gallery-item:focus .grid-gallery-item-info .gallery-info-arrow i {
  transform: translateX(-50%) translateY(-50%);
}
.grid-gallery .grid-gallery-item .grid-gallery-item-info {
  position: absolute;
  bottom: 2rem;
  left: 0;
  width: 100%;
  padding: 0 2rem;
  color: #fff;
}
@media (max-width: 1024px) {
  .grid-gallery .grid-gallery-item .grid-gallery-item-info {
    padding: 0 1rem;
    bottom: 1rem;
  }
}
.grid-gallery .grid-gallery-item .grid-gallery-item-info .gallery-info-text {
  overflow: hidden;
  width: 85.5%;
}
@media (max-width: 1024px) {
  .grid-gallery .grid-gallery-item .grid-gallery-item-info .gallery-info-text {
    width: 75%;
  }
}
.grid-gallery .grid-gallery-item .grid-gallery-item-info .gallery-info-text p {
  transition: 0.4s;
  font-size: 2.2rem;
  text-align: left;
}
@media (max-width: 1024px) {
  .grid-gallery .grid-gallery-item .grid-gallery-item-info .gallery-info-text p {
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .grid-gallery .grid-gallery-item .grid-gallery-item-info .gallery-info-text p {
    font-size: 1.3rem;
  }
}
.grid-gallery .grid-gallery-item .grid-gallery-item-info .gallery-info-arrow {
  position: absolute;
  overflow: hidden;
  width: 4rem;
  height: 4rem;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
  border-radius: 50%;
}
.grid-gallery .grid-gallery-item .grid-gallery-item-info .gallery-info-arrow:hover, .grid-gallery .grid-gallery-item .grid-gallery-item-info .gallery-info-arrow:focus {
  transition: 0.4s;
  background: #fff;
}
.grid-gallery .grid-gallery-item .grid-gallery-item-info .gallery-info-arrow:hover i, .grid-gallery .grid-gallery-item .grid-gallery-item-info .gallery-info-arrow:focus i {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='16' viewBox='0 0 22 16' fill='none'%3E%3Cpath d='M0 8 H20' stroke='%23222222' stroke-width='2'/%3E%3Cpath d='M13 1 L20 8 L13 15' stroke='%23222222' stroke-width='2'/%3E%3C/svg%3E");
}
.grid-gallery .grid-gallery-item .grid-gallery-item-info .gallery-info-arrow i {
  transition: 0.4s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
@media (max-width: 1024px) {
  .grid-gallery .grid-gallery-item .grid-gallery-item-info .gallery-info-arrow {
    overflow: visible;
  }
  .grid-gallery .grid-gallery-item .grid-gallery-item-info .gallery-info-arrow i {
    transform: translateX(-50%) translateY(-50%);
  }
}
@media (max-width: 768px) {
  .grid-gallery .grid-gallery-item .grid-gallery-item-info .gallery-info-arrow {
    right: 0.5rem;
  }
}
.grid-gallery .grid-gallery-item img {
  display: block;
  width: 100%;
  height: auto;
}

.complex .sub-contents {
  padding-bottom: 0;
}

.complex-title {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: clamp(2rem, 2.08vw, 3rem);
  color: white;
  text-align: center;
}
.complex-title .cate {
  padding: clamp(1rem, 1.39vw, 2rem) 3rem;
  font-size: clamp(1.6rem, 1.81vw, 2.6rem);
  background: white;
  border-radius: 4rem;
  color: #222;
  font-weight: 700;
  text-align: center;
}
.complex-title .tx-tit {
  font-weight: 700;
}
.complex-title .tx-lg {
  line-height: 1.4;
}

.architecture-sect1 {
  background: #445838 url(../images/complex/arch-bg.png) no-repeat 5% 0;
  background-size: 100% auto;
  padding-top: clamp(6.8rem, 9.72vw, 14rem);
  padding-bottom: clamp(5rem, 10.42vw, 15rem);
}
.architecture-sect1 .content-title {
  color: white;
}
.architecture-sect1 .content-title .tx-lg {
  width: 77%;
}
.architecture-sect1 .sect1 {
  display: flex;
  justify-content: space-between;
  gap: 6.25%;
  margin-top: clamp(9.5rem, 11.81vw, 17rem);
}
.architecture-sect1 .sect1 .block .photo {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1rem;
}
.architecture-sect1 .sect1 .block .photo img {
  width: 100%;
}
.architecture-sect1 .sect1 .block .desc {
  color: white;
  margin-top: clamp(2rem, 1.67vw, 2.4rem);
}
.architecture-sect1 .sect1 .block .desc p {
  font-size: clamp(1.6rem, 1.25vw, 1.8rem);
  font-weight: 600;
}
.architecture-sect1 .sect1 .block .desc h4 {
  font-size: clamp(2.4rem, 2.5vw, 3.6rem);
  font-weight: 700;
  margin-top: clamp(0.5rem, 0.56vw, 0.8rem);
}
.architecture-sect1 .sect1 .block .desc ul {
  margin-top: clamp(1rem, 1.39vw, 2rem);
}
.architecture-sect1 .sect1 .block .desc ul li {
  position: relative;
  padding-left: 1.6rem;
  line-height: 1.5;
  font-size: clamp(1.3rem, 1.11vw, 1.6rem);
}
.architecture-sect1 .sect1 .block .desc ul li::before {
  content: "";
  display: block;
  width: 2px;
  height: 2px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  left: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 768px) {
  .architecture-sect1 .sect1 {
    flex-direction: column;
    gap: 5rem;
  }
  .architecture-sect1 .sect1 .block .desc {
    margin-top: 2rem;
  }
}
.architecture-sect1 .sect2 {
  margin-top: clamp(5rem, 8.33vw, 12rem);
}
@media (max-width: 768px) {
  .architecture-sect1 {
    background: #445838 url(../images/complex/arch-bg-mo.png) no-repeat 5% 0;
    background-size: 100% auto;
  }
}

.architecture-sect2 .content-title {
  align-items: flex-start;
  text-align: left;
}
.architecture-sect2 .sect1 {
  margin-top: clamp(5rem, 10.42vw, 15rem);
}
.architecture-sect2 .sect1 .steps {
  margin-top: clamp(3rem, 4.17vw, 6rem);
}
@media (max-width: 768px) {
  .architecture-sect2 .sect1 .steps .mo-only {
    display: flex;
    flex-wrap: wrap;
  }
  .architecture-sect2 .sect1 .steps .mo-only img {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .architecture-sect2 .sect1 .steps .mo-only img {
    width: 100%;
  }
}
.architecture-sect2 .sect2 {
  margin-top: clamp(5rem, 10.42vw, 15rem);
}
.architecture-sect2 .sect2 .block {
  margin-top: clamp(2rem, 2.78vw, 4rem);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.architecture-sect2 .sect2 .block picture {
  width: 45.21%;
}
.architecture-sect2 .sect2 .block picture:last-child {
  width: 49.03%;
}
.architecture-sect2 .sect2 .block picture img {
  width: 100%;
}
.architecture-sect2 .sect2 .block .arch-arr {
  width: 3.26%;
  height: 5.56vw;
  background: url(../images/complex/arch-arr.png) no-repeat 50% 50%;
  background-size: 100% auto;
}
@media (max-width: 480px) {
  .architecture-sect2 .sect2 .block {
    flex-direction: column;
    gap: 0;
  }
  .architecture-sect2 .sect2 .block picture {
    width: 100%;
  }
  .architecture-sect2 .sect2 .block picture:last-child {
    width: 100%;
  }
  .architecture-sect2 .sect2 .block .arch-arr {
    transform: rotate(90deg);
    width: 4rem;
    height: 6.8rem;
  }
}

.full-blocks {
  position: relative;
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
}
.full-blocks.isTouch .full-block {
  aspect-ratio: 15/22;
  height: auto;
}

.full-block {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100vh;
  height: 100dvh;
}
.full-block .bg {
  width: 100%;
  height: 100%;
}
.full-block .desc {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.full-block .desc-item {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.39vw, 2rem);
  color: white;
  position: absolute;
}
.full-block .desc-item > * {
  display: block;
  will-change: transform, opacity;
}
.full-block .desc .bx {
  background: #1964d8;
  font-size: clamp(1.3rem, 1.67vw, 1.6rem);
  min-width: clamp(15rem, 13.89vw, 20rem);
  height: clamp(3rem, 2.78vw, 4rem);
  font-weight: 600;
  padding: 0 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  margin: 0 auto;
}
.full-block .desc .bx.green {
  background: #458116;
}
.full-block .desc .bx.orange {
  background: #cd7223;
}
.full-block .desc .tx {
  font-weight: 600;
  font-size: clamp(1.3rem, 1.67vw, 2rem);
}
.full-block .desc h4 {
  font-size: clamp(2rem, 2.92vw, 4.2rem);
  font-weight: 700;
  letter-spacing: -0.84px;
}
.full-block .desc .tx-lg {
  line-height: 1.5;
}
.full-block .ext-bg1 {
  background: url(../images/complex/ext-f1.jpg) no-repeat 50% 50%;
  background-size: cover;
}
.full-block .ext-bg2 {
  background: url(../images/complex/ext-f2.jpg) no-repeat 50% 50%;
  background-size: cover;
}
.full-block .ext-bg3 {
  background: url(../images/complex/ext-f3.jpg) no-repeat 50% 50%;
  background-size: cover;
}
.full-block .ext-bg4 {
  background: url(../images/complex/ext-f4.jpg) no-repeat 50% 50%;
  background-size: cover;
}
.full-block .ext-bg5 {
  background: url(../images/complex/ext-f5.jpg) no-repeat 50% 50%;
  background-size: cover;
}
.full-block .ext-tx1 {
  bottom: 13.33%;
  left: 12.5%;
  text-align: right;
}
.full-block .ext-tx2 {
  top: 13.52%;
  right: 10.42%;
}
.full-block .ext-tx3 {
  left: 16.67%;
  bottom: 13.89%;
  text-align: right;
}
.full-block .ext-tx4 {
  top: 13.89%;
  right: 10.42%;
}
.full-block .ext-tx5 {
  left: 16.67%;
  bottom: 13.89%;
  text-align: right;
}
.full-block .land-bg1 {
  background: url(../images/complex/land-f1.jpg) no-repeat 50% 50%;
  background-size: cover;
}
.full-block .land-bg2 {
  background: url(../images/complex/land-f2.jpg) no-repeat 50% 50%;
  background-size: cover;
}
.full-block .land-bg3 {
  background: url(../images/complex/land-f3.jpg) no-repeat 50% 50%;
  background-size: cover;
}
.full-block .land-tx1,
.full-block .land-tx2,
.full-block .land-tx3 {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.full-block .comuty-bg1 {
  background: url(../images/complex/community-f1.jpg) no-repeat 50% 50%;
  background-size: cover;
}
.full-block .comuty-bg2 {
  background: url(../images/complex/community-f2.jpg) no-repeat 50% 50%;
  background-size: cover;
}
.full-block .comuty-bg3 {
  background: url(../images/complex/community-f3.jpg) no-repeat 50% 50%;
  background-size: cover;
}
.full-block .comuty-bg4 {
  background: url(../images/complex/community-f4.jpg) no-repeat 50% 50%;
  background-size: cover;
}
.full-block .comuty-tx1,
.full-block .comuty-tx2,
.full-block .comuty-tx3,
.full-block .comuty-tx4 {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
@media (max-width: 768px) {
  .full-block {
    aspect-ratio: 15/22;
    height: auto;
  }
  .full-block .btnOpen {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid lime;
  }
  .full-block .ext-bg1 {
    background: url(../images/complex/ext-f1-mo.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
  .full-block .ext-bg2 {
    background: url(../images/complex/ext-f2-mo.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
  .full-block .ext-bg3 {
    background: url(../images/complex/ext-f3-mo.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
  .full-block .ext-bg4 {
    background: url(../images/complex/ext-f4-mo.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
  .full-block .ext-bg5 {
    background: url(../images/complex/ext-f5-mo.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
  .full-block .ext-tx1,
  .full-block .ext-tx2,
  .full-block .ext-tx3,
  .full-block .ext-tx4,
  .full-block .ext-tx5 {
    left: 2rem;
    bottom: 5rem;
    top: initial;
    right: initial;
    text-align: left;
  }
  .full-block .ext-tx3 {
    top: 5rem;
    bottom: initial;
  }
  .full-block .desc-item {
    width: 90%;
  }
  .full-block .land-bg1 {
    background: url(../images/complex/land-f1-mo.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
  .full-block .land-bg2 {
    background: url(../images/complex/land-f2-mo.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
  .full-block .land-bg3 {
    background: url(../images/complex/land-f3-mo.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
  .full-block .comuty-bg1 {
    background: url(../images/complex/community-f1-mo.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
  .full-block .comuty-bg2 {
    background: url(../images/complex/community-f2-mo.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
  .full-block .comuty-bg3 {
    background: url(../images/complex/community-f3-mo.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
  .full-block .comuty-bg4 {
    background: url(../images/complex/community-f4-mo.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
  .full-block .comuty-tx1,
  .full-block .comuty-tx2,
  .full-block .comuty-tx3,
  .full-block .comuty-tx4 {
    top: 9.9%;
    transform: translate(-50%, 0);
  }
  .full-block .comuty-tx1 {
    width: 72%;
  }
  .full-block .comuty-tx3,
  .full-block .comuty-tx4 {
    width: 78%;
  }
  .full-block .land-tx1,
  .full-block .land-tx2,
  .full-block .land-tx3 {
    top: initial;
    transform: translate(-50%, 0);
    bottom: 5rem;
  }
}

.sub-exterior .sub-contents {
  padding-bottom: 0;
}

.exterior-sect1 {
  background: #3c5c88 url(../images/complex/ext-top-bg.png) no-repeat 50% 0;
  background-size: 100% auto;
  padding-top: clamp(10rem, 7.64vw, 11rem);
  padding-bottom: clamp(5rem, 10.42vw, 15rem);
}
.exterior-sect1 .static {
  max-width: 114rem;
}
.exterior-sect1 .sect1 {
  display: flex;
  flex-direction: column;
  gap: 10rem;
  margin-top: 29.5rem;
}
.exterior-sect1 .sect1 .extbock {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6.36%;
}
.exterior-sect1 .sect1 .extbock .photo {
  width: 36.36%;
}
.exterior-sect1 .sect1 .extbock .photo img {
  width: 100%;
}
.exterior-sect1 .sect1 .extbock .desc {
  width: 57.25%;
  color: white;
}
.exterior-sect1 .sect1 .extbock .desc .tx {
  font-size: clamp(1.3rem, 1.67vw, 2rem);
  font-weight: 600;
}
.exterior-sect1 .sect1 .extbock .desc h4 {
  font-size: clamp(2rem, 2.92vw, 4.2rem);
  font-weight: 500;
  margin-top: clamp(0.5rem, 0.69vw, 1rem);
  color: rgba(255, 255, 255, 0.6);
}
.exterior-sect1 .sect1 .extbock .desc h4 strong {
  font-weight: 700;
  color: white;
}
.exterior-sect1 .sect1 .extbock .desc .tx-lg {
  margin-top: clamp(1rem, 1.39vw, 2rem);
  font-weight: 400;
  opacity: 0.6;
}
.exterior-sect1 .sect1 .extbock.even .desc {
  text-align: right;
}
@media (max-width: 768px) {
  .exterior-sect1 .sect1 {
    gap: 5rem;
    margin-top: 7rem;
  }
  .exterior-sect1 .sect1 .extbock {
    flex-direction: column;
  }
  .exterior-sect1 .sect1 .extbock .photo,
  .exterior-sect1 .sect1 .extbock .desc {
    width: 100%;
  }
  .exterior-sect1 .sect1 .extbock .desc {
    margin-top: 2rem;
  }
  .exterior-sect1 .sect1 .extbock.even .photo {
    order: 1;
  }
  .exterior-sect1 .sect1 .extbock.even .desc {
    order: 2;
    text-align: left;
  }
}
@media (max-width: 768px) {
  .exterior-sect1 {
    background: #3c5c88 url(../images/complex/ext-top-bg-mo.png) no-repeat 50% 0;
    background-size: 100% auto;
  }
}

/*land*/
.sub-landscape .sub-contents {
  padding-bottom: clamp(5rem, 6.94vw, 10rem);
}

.landscape-sect1 {
  background: #3b7b82 url(../images/complex/land-top-bg.png) no-repeat 50% 0;
  background-size: 100% auto;
  padding-top: 11rem;
  padding-bottom: clamp(5rem, 10.42vw, 15rem);
}
.landscape-sect1 .sect1 {
  margin-top: clamp(7rem, 8.33vw, 12rem);
}
.landscape-sect1 .sect2 {
  margin-top: clamp(3rem, 4.86vw, 7rem);
}
.landscape-sect1 .sect2 h4 {
  font-size: clamp(2rem, 2.5vw, 3.8rem);
  font-weight: 700;
  color: white;
  text-align: center;
}
.landscape-sect1 .sect2 .blocks {
  display: flex;
  justify-content: space-between;
  gap: 1.74%;
  margin-top: clamp(2.8rem, 4.86vw, 7rem);
}
.landscape-sect1 .sect2 .block {
  flex: 1;
}
.landscape-sect1 .sect2 .block .bx {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: clamp(1rem, 1.67vw, 2.2rem);
  color: white;
  height: clamp(2.4rem, 4.17vw, 6rem);
  font-weight: 600;
}
.landscape-sect1 .sect2 .block h5 {
  font-size: clamp(1rem, 2.08vw, 3rem);
  font-weight: 700;
  color: white;
  margin-top: clamp(1.5rem, 3.47vw, 5rem);
}
.landscape-sect1 .sect2 .block ul {
  margin-top: 1rem;
}
.landscape-sect1 .sect2 .block li {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  margin-bottom: 0.4rem;
  color: white;
}
.landscape-sect1 .sect2 .block li .num {
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(0.95rem, 1.53vw, 2.2rem);
  height: clamp(0.95rem, 1.53vw, 2.2rem);
  border-radius: 50%;
  font-size: clamp(0.7rem, 0.97vw, 1.4rem);
  line-height: 1;
}
.landscape-sect1 .sect2 .block li .tx {
  font-size: clamp(0.7rem, 1.67vw, 1.6rem);
}
.landscape-sect1 .sect2 .block.blue .bx {
  background: #1964d8;
}
.landscape-sect1 .sect2 .block.blue .num {
  background: #1964d8;
}
.landscape-sect1 .sect2 .block.green .bx {
  background: #458116;
}
.landscape-sect1 .sect2 .block.green .num {
  background: #458116;
}
.landscape-sect1 .sect2 .block.orange .bx {
  background: #cd7223;
}
.landscape-sect1 .sect2 .block.orange .num {
  background: #cd7223;
}
@media (max-width: 768px) {
  .landscape-sect1 .sect2 .blocks {
    flex-wrap: wrap;
    gap: 1.5rem;
  }
  .landscape-sect1 .sect2 .block {
    width: 47%;
    flex: none;
  }
  .landscape-sect1 .sect2 .block.orange {
    margin-top: -8rem;
  }
}
@media (max-width: 768px) {
  .landscape-sect1 {
    background: #3b7b82 url(../images/complex/land-top-bg-mo.png) no-repeat 50% 0;
    background-size: 100% auto;
  }
}

.landscape-sect3 {
  padding-top: clamp(5rem, 9.72vw, 14rem);
}
.landscape-sect3 .sect1 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.39vw, 2rem);
}
.landscape-sect3 .sect1 .bx {
  width: clamp(17rem, 13.89vw, 20rem);
  height: clamp(3rem, 2.78vw, 4rem);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: clamp(1.3rem, 1.67vw, 1.6rem);
  color: white;
  font-weight: 600;
  background: #cd7223;
}
.landscape-sect3 .sect1 h3 {
  font-size: clamp(2rem, 2.92vw, 4.2rem);
  font-weight: 700;
  letter-spacing: -0.84px;
}
.landscape-sect3 .sect1 p {
  font-size: clamp(1.3rem, 1.11vw, 1.6rem);
  line-height: 1.6;
}
.landscape-sect3 .sect23 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.landscape-sect3 .sect23 .sect2 {
  width: 46.04%;
}
.landscape-sect3 .sect23 .sect2 li {
  border-top: 1px solid #999;
  padding: 1.25rem 0;
}
.landscape-sect3 .sect23 .sect2 .item {
  display: flex;
  align-items: center;
  gap: clamp(1.4rem, 1.81vw, 2.6rem);
}
.landscape-sect3 .sect23 .sect2 .item-photo {
  width: 43.14%;
}
.landscape-sect3 .sect23 .sect2 .item-photo img {
  width: 100%;
}
.landscape-sect3 .sect23 .sect2 .item-desc {
  width: 56.87%;
}
.landscape-sect3 .sect23 .sect2 .item .cate {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(0.8rem, 0.9vw, 1.3rem);
  font-weight: 500;
}
.landscape-sect3 .sect23 .sect2 .item .cate img {
  width: 1.85rem;
}
.landscape-sect3 .sect23 .sect2 .item h4,
.landscape-sect3 .sect23 .sect2 .item .tx {
  padding-left: 2.4rem;
}
.landscape-sect3 .sect23 .sect2 .item h4 {
  font-size: clamp(1.4rem, 1.94vw, 2.8rem);
  font-weight: 700;
  margin-top: 0.5rem;
}
.landscape-sect3 .sect23 .sect2 .item .tx {
  font-size: clamp(0.8rem, 0.83vw, 1.2rem);
  line-height: 1.6;
  margin-top: clamp(0.8rem, 1.39vw, 2rem);
}
.landscape-sect3 .sect23 .sect3 {
  width: 56.04%;
}
@media (max-width: 768px) {
  .landscape-sect3 .sect1 {
    align-items: center;
    text-align: center;
  }
  .landscape-sect3 .sect1 .bx {
    font-size: 1.3rem;
  }
  .landscape-sect3 .sect1 p {
    padding: 0 2rem;
  }
  .landscape-sect3 .sect23 {
    flex-direction: column;
  }
  .landscape-sect3 .sect23 .sect2 {
    width: 100%;
    order: 2;
    margin-top: 2rem;
  }
  .landscape-sect3 .sect23 .sect2 .item .cate img {
    width: 0.934rem;
  }
  .landscape-sect3 .sect23 .sect2 .item h4,
  .landscape-sect3 .sect23 .sect2 .item .tx {
    padding-left: 1.5rem;
  }
  .landscape-sect3 .sect23 .sect3 {
    width: 100%;
    order: 1;
  }
}

/*community*/
.community-top {
  background: #627b86 url(../images/complex/community-top.png) no-repeat 50% 0;
  background-size: 100% auto;
  padding: 11rem 0 clamp(5rem, 10.42vw, 15rem);
}
@media (max-width: 768px) {
  .community-top {
    background: #627b86 url(../images/complex/community-top-mo.png) no-repeat 50% 0;
    background-size: 100% auto;
  }
  .community-top .complex-title {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

.community-sect1 {
  margin-top: clamp(5rem, 10.42vw, 15rem);
}
.community-sect1 .block-wrap {
  background: white;
  display: flex;
  align-items: center;
  padding: 5% 8% 5% 6%;
  justify-content: space-between;
  gap: 3rem;
}
.community-sect1 .block {
  width: 22rem;
}
.community-sect1 .block .bx {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: clamp(0.7rem, 1.11vw, 1.6rem);
  color: white;
  height: clamp(1.7rem, 4.17vw, 4rem);
  font-weight: 600;
  line-height: 1;
}
.community-sect1 .block h4 {
  font-size: clamp(1.1rem, 2.08vw, 3rem);
  font-weight: 700;
  margin-top: clamp(1rem, 2.08vw, 3rem);
}
.community-sect1 .block h5 {
  width: 4.7rem;
  height: 2.6rem;
  border: 1px solid #d9d9d9;
  font-size: clamp(0.7rem, 1.11vw, 1.6rem);
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  margin-top: clamp(1rem, 2.08vw, 3rem);
}
.community-sect1 .block ul {
  margin-top: clamp(0.5rem, 1.11vw, 1.6rem);
}
.community-sect1 .block li {
  display: flex;
  align-items: center;
  gap: clamp(0.4rem, 0.56vw, 0.8rem);
  margin-bottom: clamp(0.4rem, 0.56vw, 0.8rem);
}
.community-sect1 .block li .num {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  font-size: clamp(0.8rem, 0.97vw, 1.4rem);
  line-height: 1;
  color: white;
}
.community-sect1 .block li .tx {
  font-size: clamp(0.8rem, 1.67vw, 1.6rem);
  line-height: 1;
}
.community-sect1 .block.blue .bx {
  background: #1964d8;
}
.community-sect1 .block.blue .num {
  background: #1964d8;
}
.community-sect1 .block.green .bx {
  background: #458116;
}
.community-sect1 .block.green .num {
  background: #458116;
}
.community-sect1 .block.orange .bx {
  background: #cd7223;
}
.community-sect1 .block.orange .num {
  background: #cd7223;
}
.community-sect1 .map img {
  max-width: 71.8rem;
  width: 100%;
}
.community-sect1 .blocks {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.5rem;
}
.community-sect1 .blocks .block.green {
  margin-top: 20rem;
}
@media (max-width: 768px) {
  .community-sect1 .mo-map {
    padding: 4rem 3rem 0;
    background: #fff;
  }
  .community-sect1 .block-wrap {
    padding: 4rem 3rem;
    gap: 0.5rem;
    align-items: flex-start;
  }
  .community-sect1 .block h5 {
    width: 2.24rem;
    height: 1.23rem;
  }
  .community-sect1 .block.orange {
    order: 2;
    width: 32.14%;
  }
  .community-sect1 .block ul li .num {
    width: 1.12rem;
    height: 1.12rem;
  }
  .community-sect1 .blocks {
    width: 66.07%;
    order: 3;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
  .community-sect1 .blocks .block.green {
    margin-top: 0;
  }
}

.items-viewer {
  width: 100%;
  height: 100%;
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
  background: #555;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.items-viewer .gallery-thumbs {
  background: #222;
  position: relative;
  padding-bottom: env(safe-area-inset-bottom);
  width: 100%;
  height: 20vh;
  padding: clamp(1.6rem, 2vw, 2rem);
}
.items-viewer .gallery-thumbs h3 {
  width: 100%;
  font-size: clamp(1.3rem, 1.8vw, 2.6rem);
  color: #fff;
  text-align: center;
  padding: 0 0 1.6vw;
  font-weight: 500;
}
.items-viewer .gallery-thumbs .swiper-wrapper .swiper-slide {
  aspect-ratio: 14/10;
  width: auto;
  height: 60%;
  filter: brightness(70%);
  pointer-events: auto;
  cursor: pointer;
  outline-offset: -2px;
}
.items-viewer .gallery-thumbs .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.items-viewer .gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
  filter: brightness(100%);
  transition: 0.7s filter;
  outline: 2px solid #fff;
  outline-offset: -2px;
}
@media (max-width: 1024px) {
  .items-viewer .gallery-thumbs {
    height: 18vh;
  }
  .items-viewer .gallery-thumbs h3 {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media (max-width: 768px) {
  .items-viewer .gallery-thumbs h3 {
    align-items: flex-start;
  }
}
.items-viewer .gallery-swiper {
  width: 100%;
  position: relative;
  overflow: hidden;
  flex: 1;
  margin: 0 auto;
}
.items-viewer .gallery-swiper .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}
.items-viewer .gallery-swiper .gallery-slide-item {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 1vw 12vw;
}
.items-viewer .gallery-swiper .gallery-slide-item-photo {
  display: flex;
  align-items: center;
  width: 100%;
  max-height: 100%;
  overflow: hidden;
}
.items-viewer .gallery-swiper .gallery-slide-item-photo img {
  margin: 0 auto;
}
.items-viewer .gallery-swiper .gallery-slide-item-photo.ph-full img {
  height: 100%;
}
.items-viewer .gallery-swiper .gallery-slide-item-photo.oblong img {
  width: 100%;
  height: auto;
}
.items-viewer .gallery-swiper .gallery-slide-item-photo.oblong2 {
  padding: 3vw 10vw;
}
.items-viewer .gallery-swiper .gallery-slide-item-photo.square {
  padding: 3vw 10vw;
  aspect-ratio: 1;
  height: 100%;
}
.items-viewer .gallery-swiper .gallery-slide-item-photo.square img {
  height: 100%;
}
.items-viewer .gallery-swiper .gallery-slide-item-photo2 {
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1480/1043;
  width: 50%;
  gap: 2rem;
}
.items-viewer .gallery-swiper .gallery-slide-item-photo2.square img {
  height: 100%;
}
.items-viewer .gallery-swiper .gallery-slide-item-photo3 {
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1480/1043;
  gap: 2rem;
}
.items-viewer .gallery-swiper .gallery-slide-item-photo3.square img {
  width: 40%;
  height: auto;
}
.items-viewer .gallery-swiper .swiper-button-prev,
.items-viewer .gallery-swiper .swiper-button-next {
  width: 6rem;
  height: 6rem;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
}
.items-viewer .gallery-swiper .swiper-button-prev.swiper-button-disabled,
.items-viewer .gallery-swiper .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}
.items-viewer .gallery-swiper .swiper-button-prev::after,
.items-viewer .gallery-swiper .swiper-button-next::after {
  font-size: 2.4rem;
  color: #fff;
}
.items-viewer .gallery-swiper .swiper-button-prev {
  left: 2vw;
}
.items-viewer .gallery-swiper .swiper-button-next {
  right: 2vw;
}
.items-viewer .gallery-swiper .swiper-pagination {
  display: none;
}
.items-viewer .gallery-swiper .gallery-counter {
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.3rem;
  color: #fff;
  text-align: center;
  z-index: 2;
}
@media (max-width: 1440px) {
  .items-viewer .gallery-swiper .gallery-slide-item-photo.square img {
    height: 45vw;
  }
}
@media (max-width: 1024px) {
  .items-viewer .gallery-swiper .gallery-slide-item {
    padding: 10vw;
  }
  .items-viewer .gallery-swiper .gallery-slide-item-photo.square img {
    height: 70vw;
  }
  .items-viewer .gallery-swiper .gallery-slide-item-photo2 {
    width: 50%;
  }
}
@media (max-width: 768px) {
  .items-viewer .gallery-swiper .gallery-slide-item {
    padding: 0;
  }
  .items-viewer .gallery-swiper .gallery-slide-item-photo {
    width: 90%;
    aspect-ratio: auto;
  }
  .items-viewer .gallery-swiper .gallery-slide-item-photo.square img {
    height: 80vw;
  }
  .items-viewer .gallery-swiper .gallery-slide-item-photo2 {
    width: 70%;
    flex-direction: column;
  }
  .items-viewer .gallery-swiper .swiper-button-prev,
  .items-viewer .gallery-swiper .swiper-button-next {
    display: none;
  }
  .items-viewer .gallery-swiper .swiper-pagination {
    display: none;
    top: initial;
    bottom: -0.5rem;
  }
  .items-viewer .gallery-swiper .swiper-pagination-bullet {
    background: #fff;
  }
}

/*design*/
.sub-design .sub-contents {
  padding-bottom: 0;
}
.sub-design .content-title .cate {
  background: #552B15;
}

.design-sect1 {
  position: relative;
}
.design-sect1 .bg {
  aspect-ratio: 16/9;
  text-align: center;
}
.design-sect1 .bg picture {
  margin: 0 auto;
}
.design-sect1 .bg picture img {
  margin: 0 auto;
}
.design-sect1 .desc {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: clamp(5rem, 9.72vw, 14rem);
  padding-left: 4rem;
  padding-right: 4rem;
}
@media (max-width: 768px) {
  .design-sect1 .bg {
    aspect-ratio: 75/106;
  }
}

.floor-plan-wrap {
  background: url(../images/unit/design-floor-bg.jpg) no-repeat 50% 0;
  background-size: cover;
  padding-top: clamp(5rem, 8.33vw, 12rem);
  padding-bottom: clamp(6rem, 11.11vw, 16rem);
}
.floor-plan-wrap .tx-tit {
  color: white;
  text-align: center;
  margin-bottom: clamp(2.5rem, 4.86vw, 7rem);
}
@media (max-width: 768px) {
  .floor-plan-wrap {
    background: #fff;
  }
  .floor-plan-wrap .tx-tit {
    color: #222;
  }
}

.floor-plan-nav {
  background: #fff;
}
.floor-plan-nav ul {
  display: flex;
  justify-content: center;
  gap: 1px;
  width: 100%;
}
.floor-plan-nav ul > li {
  flex: 1;
}
.floor-plan-nav ul > li button {
  width: 100%;
  height: 7rem;
  font-size: 2.2rem;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f3f3f3;
}
.floor-plan-nav ul > li button.active {
  background: #222;
  color: white;
}

.floor-plan-content {
  position: relative;
  aspect-ratio: 9/5;
}
.floor-plan-content-nav {
  position: absolute;
  top: 10%;
  left: 4.17%;
  z-index: 2;
  width: 15.14%;
}
.floor-plan-content-nav ul {
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
}
.floor-plan-content-nav h4 {
  text-align: center;
  font-size: clamp(5rem, 4.86vw, 7rem);
  font-weight: 700;
  letter-spacing: -1.4px;
  margin-bottom: clamp(1.5rem, 2.08vw, 3rem);
}
.floor-plan-content-nav h4.wht {
  color: white;
}
.floor-plan-content-nav button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: clamp(3rem, 3.06vw, 4.4rem);
  background: #efefef;
  border-radius: 2.4rem;
  font-size: 1.4rem;
  font-weight: 600;
}
.floor-plan-content-nav button.active {
  background: #222;
  color: white;
}
.floor-plan-content-body {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.floor-plan-content-body .desc {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.floor-plan-content-body .desc .tit {
  font-size: clamp(2.4rem, 2.78vw, 4rem);
  font-weight: 700;
  letter-spacing: -0.8px;
}
.floor-plan-content-body .desc .t1 {
  font-size: clamp(1.4rem, 1.39vw, 2rem);
  font-weight: 700;
  margin-top: 0.7rem;
}
.floor-plan-content-body .desc .t2 {
  font-size: clamp(1.4rem, 1.39vw, 2rem);
  font-weight: 500;
  margin-top: 3rem;
}
.floor-plan-content-body .desc .interior {
  color: white;
  text-align: center;
  margin-top: 6.4rem;
}
.floor-plan-content-body .desc .basic {
  position: absolute;
  top: 71.25%;
  left: 37.29%;
  width: 60%;
}

.dot-lists {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2.4rem;
  gap: 0.5rem;
}
.dot-lists li {
  font-size: clamp(1.5rem, 1.25vw, 1.8rem);
  letter-spacing: -0.36px;
  font-weight: 500;
  color: #555;
  position: relative;
  padding-left: 1.6rem;
  width: 45%;
}
.dot-lists li::before {
  content: "";
  display: inline-block;
  width: 0.4rem;
  height: 0.4rem;
  background: #555;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.floor-plan-contents [data-type="84B"] .dot-lists li {
  width: 48%;
}
.floor-plan-contents [data-type="74A"] .dot-lists li {
  width: 90%;
}
.floor-plan-contents [data-type="74A"] [data-option="1"] li {
  width: 45%;
}
.floor-plan-contents [data-type="59A"] .desc .basic {
  left: 46%;
}
.floor-plan-contents [data-type="59A"] .dot-lists li {
  width: 100%;
}
.floor-plan-contents [data-type="59B"] [data-option="2"] .desc .basic,
.floor-plan-contents [data-type="59B"] [data-option="3"] .desc .basic,
.floor-plan-contents [data-type="59B"] [data-option="4"] .desc .basic {
  left: 39.31%;
}

.floor-plan-mo-nav {
  background: #fff;
}
.floor-plan-mo-nav ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  width: 100%;
}
.floor-plan-mo-nav ul > li button {
  width: 100%;
  height: 4.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f3f3f3;
}
.floor-plan-mo-nav ul > li button.active {
  background: #222;
  color: white;
}

.floor-plan-mo-contents {
  margin-top: 4rem;
}

.floor-plan-mo-content .top {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.floor-plan-mo-content .top h4 {
  font-size: 6rem;
  font-weight: 700;
  letter-spacing: -1.2px;
  line-height: 1;
}
.floor-plan-mo-content .nav {
  display: flex;
  justify-content: center;
  gap: 0.9rem;
}
.floor-plan-mo-content .nav button {
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f0f0f0;
  font-size: 1.3rem;
  font-weight: 600;
  word-break: keep-all;
  padding: 0.1rem;
}
.floor-plan-mo-content .nav button.active {
  background: #222;
  color: white;
}
.floor-plan-mo-content .photo {
  margin: 2rem 0;
}
.floor-plan-mo-content .photo img {
  width: 100%;
}
.floor-plan-mo-content .desc {
  margin-top: 3rem;
}
.floor-plan-mo-content .desc .interior,
.floor-plan-mo-content .desc .basic {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.floor-plan-mo-content .desc .tit {
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: -0.6px;
}
.floor-plan-mo-content .desc .t1 {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.32px;
}
.floor-plan-mo-content .desc .t2 {
  color: #555;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.37;
  letter-spacing: -0.32px;
}
.floor-plan-mo-content .desc .dot-lists {
  margin-top: 0;
}
.floor-plan-mo-content .desc .dot-lists li {
  width: 100%;
}

/*create*/
.sub-create .sub-contents-wrap {
  background: #EEF7FF url(../images/unit/create-contents-bg.png) no-repeat 50% 0;
  background-size: 100% auto;
}
.sub-create .content-title {
  padding-left: 4rem;
  padding-right: 4rem;
}
.sub-create .content-title .tx-lg {
  line-height: 1.5;
}

.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 {
  margin-top: clamp(6rem, 6.94vw, 10rem);
}
.ins-sect1 .static {
  display: flex;
  justify-content: space-between;
  gap: 4rem;
}
.ins-sect1 .desc {
  text-align: center;
  margin-top: 4rem;
}
.ins-sect1 .desc .t1 {
  font-size: clamp(1.5rem, 1.25vw, 1.8rem);
  font-weight: 600;
}
.ins-sect1 .desc h4 {
  font-size: clamp(3rem, 3.06vw, 4.4rem);
  font-weight: 700;
  margin-top: clamp(0.5rem, 0.69vw, 1rem);
}
.ins-sect1 .desc .t2 {
  font-size: clamp(1.3rem, 1.11vw, 1.6rem);
  line-height: 1.37;
  margin-top: 1.5rem;
}
@media (max-width: 768px) {
  .ins-sect1 .static {
    flex-direction: column;
    gap: 6rem;
  }
  .ins-sect1 .desc {
    width: 80%;
    margin: 2rem auto 0;
  }
}
.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;
}
.ins-interior .ins-tab-wrap {
  max-width: 42rem;
  width: 29%;
  background: #222;
}
.ins-interior .ins-tab {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin: clamp(3rem, 14.29%, 6rem);
}
.ins-interior .ins-tab > li h4 {
  font-size: 3.4rem;
  font-weight: 700;
  letter-spacing: -0.68px;
  color: #fff;
  margin-bottom: 2rem;
}
.ins-interior .ins-tab > li h4.even {
  margin-top: 3rem;
}
.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;
  text-align: left;
}
.ins-interior .ins-tab > li.active button {
  color: #fff;
  font-weight: 500;
}
.ins-interior .ins-tab-container {
  width: 71%;
  position: relative;
}
.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;
  width: 100%;
  height: 100%;
  position: relative;
}
.ins-interior .ins-tab-cont .ins-tab-cont-lf .inner {
  position: relative;
}
.ins-interior .ins-tab-cont .ins-tab-cont-lf .inner::before {
  content: "";
  position: absolute;
  background-image: url(../images/sub/ico-angle-right.svg);
  background-size: cover;
  width: 1.6rem;
  height: 2.9rem;
  top: 50%;
  left: calc(50% - 2.05rem);
  transform: translate(-50%, -50%);
  transition: opacity 0.5s;
}
.ins-interior .ins-tab-cont .ins-tab-cont-lf:hover .inner::before, .ins-interior .ins-tab-cont .ins-tab-cont-lf:focus .inner::before {
  opacity: 0;
}
.ins-interior .ins-tab-cont .ins-tab-cont-rt .inner::before {
  content: "";
  position: absolute;
  background-image: url(../images/sub/ico-angle-left.svg);
  background-size: cover;
  width: 1.6rem;
  height: 2.9rem;
  top: 50%;
  right: calc(50% - 2.05rem);
  transform: translate(50%, -50%);
  transition: opacity 0.5s;
  z-index: 10;
}
.ins-interior .ins-tab-cont .ins-tab-cont-rt:hover .inner::before, .ins-interior .ins-tab-cont .ins-tab-cont-rt:focus .inner::before {
  opacity: 0;
}
.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: 6rem;
  transition: all 0.5s;
}
.ins-interior .ins-tab-cont-lf .floor > div .thumb {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 31.2rem;
  padding-bottom: 2rem;
  transition: all 0.5s;
  max-width: initial;
}
.ins-interior .ins-tab-cont-lf .floor > div .thumb.f5 img {
  height: 100%;
  margin-top: -3rem;
}
.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:hover, .ins-interior .ins-tab-cont-lf:focus {
  width: 100%;
  z-index: 3;
}
.ins-interior .ins-tab-cont-lf:hover .inner, .ins-interior .ins-tab-cont-lf:focus .inner {
  width: 100%;
  transform: translateX(0);
}
.ins-interior .ins-tab-cont-lf:hover .hty6, .ins-interior .ins-tab-cont-lf:focus .hty6 {
  width: 100%;
}
.ins-interior .ins-tab-cont-lf:hover .hty6 p, .ins-interior .ins-tab-cont-lf:focus .hty6 p {
  opacity: 1;
}
.ins-interior .ins-tab-cont-lf:hover .hv, .ins-interior .ins-tab-cont-lf:focus .hv {
  opacity: 0;
}
.ins-interior .ins-tab-cont-lf:hover .floor > div .desc, .ins-interior .ins-tab-cont-lf:focus .floor > div .desc {
  opacity: 1;
  transform: translateY(0);
}
.ins-interior .ins-tab-cont-lf.alone .floor {
  width: 50%;
  transition: all 0.5s;
}
.ins-interior .ins-tab-cont-lf.alone .floor:hover, .ins-interior .ins-tab-cont-lf.alone .floor:focus {
  width: 100%;
}
.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: 100%;
  max-width: initial;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  right: 0;
  filter: brightness(80%);
  transition: all 0.5s;
}
.ins-interior .ins-tab-cont-rt:hover, .ins-interior .ins-tab-cont-rt:focus {
  width: 100%;
}
.ins-interior .ins-tab-cont-rt:hover .inner, .ins-interior .ins-tab-cont-rt:focus .inner {
  width: 100%;
}
.ins-interior .ins-tab-cont-rt:hover .hty6, .ins-interior .ins-tab-cont-rt:focus .hty6 {
  width: 100%;
}
.ins-interior .ins-tab-cont-rt:hover img, .ins-interior .ins-tab-cont-rt:focus img {
  filter: brightness(90%);
}
@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(../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: #F0F0F0;
  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;
  padding: 2rem 2rem 1.5rem;
  text-align: center;
  z-index: 2;
}
.ins-interior-mo .interior-switem .thumb {
  height: 11.2rem;
  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;
  padding: 0 1.8rem;
  text-align: center;
}
.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;
  line-height: 1.33;
}
.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;
  filter: brightness(90%);
}

.vr-pin {
  display: inline-block;
  background-color: #371C1D;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='78' height='101' viewBox='0 0 78 101' fill='none'%3E%3Cpath d='M38.127 0.509766C59.7559 0.0306974 77.5023 17.3817 77.5 38.7695C77.5 48.2858 71.7889 57.0654 68.3057 62.4043V62.4053C68.0661 62.7737 67.8411 63.1193 67.6318 63.4434L67.0537 64.3525C65.0928 67.5032 58.9587 75.3708 53.1777 82.6162C47.4088 89.8465 42.025 96.4162 41.585 96.9521H41.584L38.918 100.202L36.3096 96.9072C35.4026 95.7612 14.9838 69.948 10.3438 63.1934L9.94531 62.6006C9.48318 61.8952 8.97294 61.1602 8.44141 60.3887V60.3877L7.78711 59.4395C4.46231 54.5918 0.411943 48.11 0.501953 38.4512C0.697146 17.8658 17.4191 0.969186 38.127 0.509766Z' fill='%23371C1D' stroke='%23371C1D'/%3E%3C/svg%3E") no-repeat center/contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='78' height='101' viewBox='0 0 78 101' fill='none'%3E%3Cpath d='M38.127 0.509766C59.7559 0.0306974 77.5023 17.3817 77.5 38.7695C77.5 48.2858 71.7889 57.0654 68.3057 62.4043V62.4053C68.0661 62.7737 67.8411 63.1193 67.6318 63.4434L67.0537 64.3525C65.0928 67.5032 58.9587 75.3708 53.1777 82.6162C47.4088 89.8465 42.025 96.4162 41.585 96.9521H41.584L38.918 100.202L36.3096 96.9072C35.4026 95.7612 14.9838 69.948 10.3438 63.1934L9.94531 62.6006C9.48318 61.8952 8.97294 61.1602 8.44141 60.3887V60.3877L7.78711 59.4395C4.46231 54.5918 0.411943 48.11 0.501953 38.4512C0.697146 17.8658 17.4191 0.969186 38.127 0.509766Z' fill='%23371C1D' stroke='%23371C1D'/%3E%3C/svg%3E") no-repeat center/contain;
  width: 100%;
  aspect-ratio: 78/101;
  color: white;
}
.vr-pin .txt {
  width: 100%;
  height: 77.23%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
}
@media (max-width: 1440px) {
  .vr-pin .txt {
    font-size: 0.93vw;
  }
}
@media (max-width: 1024px) and (orientation: portrait) {
  .vr-pin .txt {
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .vr-pin .txt {
    font-size: 2.4vw;
  }
}

.vr-enter {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  margin: 0 auto;
}
.vr-enter-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #000;
}
.vr-enter-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.vr-enter h3 {
  font-size: clamp(2.4rem, 4.17vw, 6rem);
  font-weight: 700;
  letter-spacing: -1.2px;
  text-align: center;
  position: absolute;
  top: 10rem;
  left: 6rem;
  color: white;
}
.vr-enter .vr-btn {
  position: absolute;
  width: 4.06%;
  padding-bottom: 2rem;
}
.vr-enter .vr-btn .vr-pin {
  position: relative;
  z-index: 2;
}
.vr-enter .vr-btn .shadow {
  display: block;
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: 3rem;
  opacity: 0;
}
.vr-enter .vr-btn .shadow::before, .vr-enter .vr-btn .shadow::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #88652F;
  transition: all 0.5s;
  transform-origin: center center;
}
.vr-enter .vr-btn .shadow::before {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  opacity: 0.5;
}
.vr-enter .vr-btn .shadow::after {
  width: 50%;
  height: 50%;
  border-radius: 50%;
}
.vr-enter .vr-btn1 {
  top: 82.5%;
  left: 33.8%;
}
.vr-enter .vr-btn2 {
  top: 51.57%;
  left: 50%;
}
.vr-enter .vr-btn3 {
  top: 49.44%;
  left: 67.71%;
}
.vr-enter .vr-btn4 {
  top: 29.44%;
  left: 61.3%;
}
.vr-enter .vr-btn5 {
  top: 28.41%;
  left: 47.91%;
}
.vr-enter .vr-btn6 {
  top: 20.09%;
  left: 35.83%;
}
.vr-enter .vr-btn7 {
  top: 46.49%;
  left: 38.72%;
}
.vr-enter .vr-btn:hover .vr-pin {
  display: inline-block;
  background-color: #88652F;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='78' height='101' viewBox='0 0 78 101' fill='none'%3E%3Cpath d='M38.127 0.509766C59.7559 0.0306974 77.5023 17.3817 77.5 38.7695C77.5 48.2858 71.7889 57.0654 68.3057 62.4043V62.4053C68.0661 62.7737 67.8411 63.1193 67.6318 63.4434L67.0537 64.3525C65.0928 67.5032 58.9587 75.3708 53.1777 82.6162C47.4088 89.8465 42.025 96.4162 41.585 96.9521H41.584L38.918 100.202L36.3096 96.9072C35.4026 95.7612 14.9838 69.948 10.3438 63.1934L9.94531 62.6006C9.48318 61.8952 8.97294 61.1602 8.44141 60.3887V60.3877L7.78711 59.4395C4.46231 54.5918 0.411943 48.11 0.501953 38.4512C0.697146 17.8658 17.4191 0.969186 38.127 0.509766Z' fill='%23371C1D' stroke='%23371C1D'/%3E%3C/svg%3E") no-repeat center/contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='78' height='101' viewBox='0 0 78 101' fill='none'%3E%3Cpath d='M38.127 0.509766C59.7559 0.0306974 77.5023 17.3817 77.5 38.7695C77.5 48.2858 71.7889 57.0654 68.3057 62.4043V62.4053C68.0661 62.7737 67.8411 63.1193 67.6318 63.4434L67.0537 64.3525C65.0928 67.5032 58.9587 75.3708 53.1777 82.6162C47.4088 89.8465 42.025 96.4162 41.585 96.9521H41.584L38.918 100.202L36.3096 96.9072C35.4026 95.7612 14.9838 69.948 10.3438 63.1934L9.94531 62.6006C9.48318 61.8952 8.97294 61.1602 8.44141 60.3887V60.3877L7.78711 59.4395C4.46231 54.5918 0.411943 48.11 0.501953 38.4512C0.697146 17.8658 17.4191 0.969186 38.127 0.509766Z' fill='%23371C1D' stroke='%23371C1D'/%3E%3C/svg%3E") no-repeat center/contain;
  animation: bounce 1s infinite;
}
.vr-enter .vr-btn:hover .shadow {
  opacity: 1;
}
.vr-enter .vr-btn:hover .shadow::before {
  animation: shadowAt 1s infinite;
}
.vr-enter .vr-btn:hover .shadow::after {
  animation: shadowAt 1s infinite;
}
@media (max-width: 1024px) and (orientation: portrait), (max-width: 768px) {
  .vr-enter {
    aspect-ratio: 5/6;
  }
  .vr-enter h3 {
    width: 100%;
    text-align: center;
    left: 0;
    top: 4rem;
  }
  .vr-enter .vr-btn {
    width: 12%;
  }
  .vr-enter .vr-btn1 {
    top: 74%;
    left: 16.27%;
  }
  .vr-enter .vr-btn2 {
    top: 60%;
    left: 47.47%;
  }
  .vr-enter .vr-btn3 {
    top: 56.67%;
    left: 76.27%;
  }
  .vr-enter .vr-btn4 {
    top: 32.67%;
    left: 69.07%;
  }
  .vr-enter .vr-btn5 {
    top: 30.89%;
    left: 44%;
  }
  .vr-enter .vr-btn6 {
    top: 25.11%;
    left: 20.8%;
  }
  .vr-enter .vr-btn7 {
    top: 41%;
    left: 26.4%;
  }
}

.sub-vr .sub-contents {
  padding-bottom: 0;
}

.sub-vr-section {
  background: #000;
}

@media (max-width: 1024px) {
  .sub-vr-section {
    padding-top: 7rem;
  }
}
@media (max-width: 1024px) and (orientation: portrait), (max-width: 768px) {
  .vr-section-content {
    width: 100%;
    padding: 0;
    height: auto;
  }
  .sub-vr-section {
    padding-top: 5rem;
  }
}
@keyframes bounce {
  0% {
    transform: translateY(0) scaleY(1);
  }
  80% {
    transform: translateY(-2rem) scaleY(1.05); /* 위로 올라갈 때 약간 늘어남 */
  }
  100% {
    transform: translateY(-2rem) scaleY(1);
  }
}
@keyframes shadowAt {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  80% {
    transform: translate(-50%, -50%) scale(0);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
/*popup*/
.popup-vr {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  transition: all 0.5s ease;
}
.popup-vr-inner {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.popup-vr .popup-vr-close {
  background: #371C1D;
  position: absolute;
  top: 2rem;
  right: 2rem;
  width: clamp(4rem, 4.17vw, 6rem);
  height: clamp(4rem, 4.17vw, 6rem);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5);
  z-index: 2;
}
.popup-vr .popup-vr-close i {
  width: 40%;
  height: 40%;
  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");
}
.popup-vr .popup-vr-ment {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 8rem;
  text-align: center;
  font-weight: 400;
  color: #fff;
  font-size: clamp(1.1rem, 1.2vw, 1.4rem);
}
.popup-vr-content {
  width: 100%;
  height: 100%;
  background: #fff;
}
.popup-vr-content-inner {
  height: 100%;
}
.popup-vr-content::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: none;
}
.popup-vr-content.is-open::after {
  display: block;
}
.popup-vr.is-open {
  display: flex;
}

.vr-content-wrap {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.vr-content-wrap h3 {
  height: 6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2rem;
}

.vr-content-frame {
  width: 100%;
  height: 100%;
}
.vr-content-frame iframe {
  width: 100%;
  height: 100%;
}

.vr-content-nav {
  position: relative;
  width: 100%;
  height: 6rem;
  display: flex;
  justify-content: center;
  gap: 1px;
  background: #453435;
}
.vr-content-nav button {
  flex: 1;
  background: #371C1D;
  color: white;
}
.vr-content-nav button.active {
  background: rgb(136, 101, 47);
}

.sub-vr-iframe {
  width: 100%;
  height: 100%;
}
.sub-vr-iframe iframe {
  width: 100%;
  height: 100%;
}

.vr-mo-toggle {
  display: none;
}

@media (max-width: 768px) {
  .popup-vr-inner {
    display: block;
  }
  .vr-content-nav {
    flex-direction: column;
    background: transparent;
    position: fixed;
    bottom: 7.4rem;
    right: 1.4rem;
    width: auto;
    height: auto;
    gap: 1rem;
    visibility: hidden;
  }
  .vr-content-nav button {
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1.1rem;
    opacity: 0;
    transform: translateY(2rem);
    pointer-events: none;
    transition: opacity 0.35s ease, transform 0.35s ease;
  }
  .vr-content-nav button span {
    font-size: 1.4rem;
    font-weight: 600;
  }
  .vr-content-nav button i {
    display: block;
    width: 5rem;
    height: 5rem;
    background: #371C1D;
    border-radius: 50%;
  }
  .vr-content-nav button .ico1 {
    background: #371C1D url(../images/main/vr-ico1.svg) no-repeat 50% 50%;
  }
  .vr-content-nav button .ico2 {
    background: #371C1D url(../images/main/vr-ico2.svg) no-repeat 50% 50%;
  }
  .vr-content-nav button .ico3 {
    background: #371C1D url(../images/main/vr-ico3.svg) no-repeat 50% 50%;
  }
  .vr-content-nav button .ico4 {
    background: #371C1D url(../images/main/vr-ico4.svg) no-repeat 50% 50%;
  }
  .vr-content-nav button .ico5 {
    background: #371C1D url(../images/main/vr-ico5.svg) no-repeat 50% 50%;
  }
  .vr-content-nav button .ico6 {
    background: #371C1D url(../images/main/vr-ico6.svg) no-repeat 50% 50%;
  }
  .vr-content-nav button.active {
    background: transparent;
  }
  .vr-content-nav button.active i {
    background-color: #88652F;
  }
  .vr-content-nav.is-open {
    visibility: visible;
  }
  .vr-content-nav.is-open button {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }
  .vr-content-nav.is-open button:nth-child(1) {
    transition-delay: 0.3s;
  }
  .vr-content-nav.is-open button:nth-child(2) {
    transition-delay: 0.24s;
  }
  .vr-content-nav.is-open button:nth-child(3) {
    transition-delay: 0.18s;
  }
  .vr-content-nav.is-open button:nth-child(4) {
    transition-delay: 0.12s;
  }
  .vr-content-nav.is-open button:nth-child(5) {
    transition-delay: 0.06s;
  }
  .vr-content-nav.is-open button:nth-child(6) {
    transition-delay: 0s;
  }
  .vr-mo-toggle {
    position: fixed;
    right: 1.4rem;
    bottom: 1.4rem;
    width: 5rem;
    height: 5rem;
    background: #88652F;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .vr-mo-toggle i {
    width: 2rem;
    height: 2rem;
    background: url(../images/main/vr-plus.svg) no-repeat 50% 50%;
    background-size: cover;
    font-size: 0;
    transition: all 0.5s ease;
  }
  .vr-mo-toggle.is-open i {
    transform: rotate(135deg);
  }
  .popup-vr .popup-vr-ment {
    bottom: 2rem;
    text-align: left;
    left: 2rem;
    width: 74%;
  }
}