@charset "UTF-8";
/* 1024 이상 PC */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+KR&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css");
@import url("https://webfontworld.github.io/naver/MaruBuri.css");
@import url("https://fonts.cdnfonts.com/css/times-new-roman");
@import url("https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap");
@media all and (min-width: 1024px) {
  .hover-underline-animation .hover-item {
    display: inline;
    position: relative;
    text-decoration: none;
    background-image: linear-gradient(to right, black 50%, transparent 50%);
    /* 왼쪽에서 검은색, 오른쪽으로 투명 */
    background-size: 210% 1px;
    /* 너비를 200%로 설정해 왼쪽에서 시작할 수 있도록 함 */
    background-position: 100% 100%;
    /* 초기 위치를 오른쪽 끝으로 설정하여 밑줄이 보이지 않게 함 */
    background-repeat: repeat-x;
    transition: background-position 0.3s ease-in-out;
  }
  .hover-underline-animation .hover-item.white-type {
    background-image: linear-gradient(to right, #fff 50%, transparent 50%);
  }
  .hover-underline-animation:hover .hover-item {
    background-position: 0 100%;
    /* 호버 시 왼쪽 끝에서 시작하도록 설정 */
  }
  .hover-underline-animation .flex-hover {
    display: flex;
  }
}
@font-face {
  font-family: "Gibson";
  font-weight: 200;
  font-display: swap;
  src: local("GibsonLight"), url("https://binishop.iwinv.net/sample/13/font/GibsonLight.otf") format("opentype");
}
@font-face {
  font-family: "Gibson";
  font-weight: 300;
  font-display: swap;
  src: local("GibsonSemiBd"), url("https://binishop.iwinv.net/sample/13/font/GibsonSemiBd.otf") format("opentype");
}
@font-face {
  font-family: "Gibson";
  font-weight: 400;
  font-display: swap;
  src: local("GibsonBold"), url("https://binishop.iwinv.net/sample/13/font/GibsonBold.otf") format("opentype");
}
/* basic-reset */
*,
*:before,
*:after {
  box-sizing: border-box;
}

html,
body {
  -webkit-text-size-adjust: none; /* 크롬, 사파리, 오페라 신버전 */
  -ms-text-size-adjust: none; /* IE */
  -moz-text-size-adjust: none; /* 파이어폭스 */
  -o-text-size-adjust: none; /* 오페라 구버전 */
}

body {
  font-family: "Nanum Myeongjo", "Roboto", Arial, Dotum, serif, -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;
  -webkit-text-size-adjust: none;
  font-weight: 500;
  line-height: 130%;
  font-size: 14px;
  word-break: keep-all;
  word-wrap: break-word;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
textarea,
p,
blockquote,
th,
td,
input,
select,
textarea,
button,
figure,
figcaption {
  margin: 0;
  padding: 0;
}

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

summary {
  display: list-item;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
}

fieldset,
img {
  border: 0 none;
  vertical-align: middle;
}

dl,
ul,
ol,
menu,
li {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

em {
  font-style: normal;
}

b,
strong {
  font-weight: 700;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}

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

table {
  border-collapse: collapse;
  border-spacing: 0;
}

textarea {
  overflow: auto;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  resize: vertical;
  font-size: 100%;
}

input,
select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: inherit;
  border-radius: 0;
  font-size: 100%;
  outline: none;
}

button {
  font-family: inherit;
  font-size: 100%;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  color: inherit;
  font-weight: inherit;
}

button[disabled],
input[disabled] {
  cursor: default;
}

caption {
  display: none;
}

address,
caption,
cite,
code,
dfn,
em,
var {
  font-style: normal;
}

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

input[type=text],
input[type=password],
input[type=submit],
input[type=search],
input[type=number],
input[type=tel],
input[type=email] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

input:checked[type=checkbox] {
  background-color: #666;
  -webkit-appearance: checkbox;
     -moz-appearance: checkbox;
          appearance: checkbox;
}

input:checked[type=checkbox] {
  -webkit-appearance: checkbox;
     -moz-appearance: checkbox;
          appearance: checkbox;
}

input[type=search] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
          appearance: none;
}

button,
input {
  overflow: visible;
}

button,
[type=button],
[type=submit],
[type=reset],
[type=file] {
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
  border-radius: 0;
  cursor: pointer;
}

button {
  font-family: inherit;
  font-size: 100%;
}

input,
select,
textarea,
button,
pre {
  font-family: "Neue Haas Grotesk Display Pro", "Open Sans", "Roboto", Arial, Dotum, serif;
}

a,
button {
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

input:focus,
textarea:focus {
  outline: none;
}

.hidden {
  font-size: 0;
  height: 0;
  width: 0;
}

body::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

body::-webkit-scrollbar-thumb {
  background: linear-gradient(0deg, #b3b3b3 0%, #b3b3b3 100%), rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}

body::-webkit-scrollbar-track {
  background: linear-gradient(0deg, #ececec 0%, #ececec 100%), rgba(0, 0, 0, 0.1);
}

.scrollDesign::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

.scrollDesign::-webkit-scrollbar-thumb {
  background: linear-gradient(0deg, #ddd 0%, #ddd 100%), rgba(0, 0, 0, 0.1);
  border-radius: 0;
}

.scrollDesign::-webkit-scrollbar-track {
  background: linear-gradient(0deg, #fff 0%, #fff 100%), rgba(0, 0, 0, 0.1);
}

input {
  outline: none;
}

.pc-show {
  display: none;
}

.mo-show {
  display: block;
}

.tableSwiper .swiper-wrapper .swiper-slide {
  padding-right: 20px;
  min-width: 790px;
}

.common-table-1 {
  border-top: 1px solid #333;
  display: flex;
}
.common-table-1.mo-show {
  display: flex;
}
.common-table-1.pc-show {
  display: none;
}
.common-table-1 table {
  flex-grow: 1;
}
.common-table-1 table th {
  padding: 17px 10px;
  border-bottom: 1px solid var(--Stroke-medium-02, #ddd);
  border-right: 1px solid #ddd;
  background: var(--BG-9, #fff);
  color: var(--Gray-2, #222);
  text-align: center;
  font-family: Pretendard;
  font-size: 13px;
  font-weight: 600;
  line-height: 100%; /* 14px */
}
.common-table-1 table th:last-child {
  border-right: 0;
}
.common-table-1 table th {
  border-bottom: 1px solid var(--Stroke-medium-02, #ddd);
  border-right: 1px solid #ddd;
  background: var(--BG-light-1, #fafafa);
  color: var(--Gray-2, #222);
  text-align: center;
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%; /* 14px */
}
.common-table-1 table td {
  border-bottom: 1px solid var(--Stroke-medium-02, #ddd);
  border-right: 1px solid #ddd;
  background: var(--Primary-3, #fff);
  color: var(--Gray-4, #666);
  text-align: center;
  font-family: Pretendard;
  font-size: 13px;
  font-weight: 600;
  line-height: 150%; /* 21px */
  padding: 10px 5px;
  letter-spacing: -0.02em;
}
.common-table-1 table td.text-left {
  text-align: left;
}
.common-table-1 table td .common-btnType-14 {
  margin-top: 8px;
}
.common-table-1 table .pc-border-rightNone {
  border-right: 0;
}
.common-table-1.td-gap table tbody td {
  padding: 10px 5px;
}
.common-table-1.type-2 table tbody td {
  padding: 14px 20px;
}

.common-input-container {
  position: relative;
  border-radius: 8px;
  border: 1px solid #ccc;
  height: 71px;
  background: #fff;
}
.common-input-container:focus-within {
  border: 1px solid #006ecd;
}
.common-input-container input,
.common-input-container label,
.common-input-container textarea {
  border: 0;
  background: transparent;
  color: #666;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.72px;
  width: 100%;
  font-family: "Nanum Myeongjo";
}
.common-input-container input span,
.common-input-container label span,
.common-input-container textarea span {
  color: #ef2853;
}
.common-input-container input,
.common-input-container textarea {
  height: auto;
  padding: 24px 32px;
}
.common-input-container textarea {
  border: 0;
  border: none;
  resize: none;
  padding: 0;
  margin: 0;
  background-color: transparent;
  overflow: hidden;
}
.common-input-container label {
  position: absolute;
  top: 50%;
  left: 31px;
  transform: translateY(-50%);
  pointer-events: none;
  transition: 0.2s ease-in-out;
}
.common-input-container label.star::before {
  content: "*";
  display: block;
  color: #db2a3a;
  font-size: 14px;
  font-weight: 450;
  line-height: 100%;
  letter-spacing: 0.28px;
  position: absolute;
  top: 1px;
  right: -8px;
}
.common-input-container.focus textarea {
  margin-top: 2px;
  height: 100%;
  width: 100%;
}
.common-input-container.focus label {
  display: none;
}

.common-input-container-2 input {
  padding: 12px 15px;
  border-radius: 6px;
  border: 1px solid var(--Stroke-medium-02, #ddd);
  background-color: #fff;
  height: 40px;
  width: 100%;
  color: var(--Gray-4, #666);
  font-size: 14px;
  font-weight: 400;
  line-height: 100%; /* 14px */
}
.common-input-container-2 input:focus {
  border: 1px solid var(--Theme-5, #24a5ce);
  background: var(--BG-9, #fbfbfb);
}
.common-input-container-2 input:focus::-moz-placeholder {
  color: #000;
}
.common-input-container-2 input:focus::placeholder {
  color: #000;
}
.common-input-container-2 input:disabled {
  border: 1px solid var(--Stroke-medium-02, #ddd);
  background: var(--BG-9, #fbfbfb);
  color: #aaa;
}

.common-input-container-3 input {
  padding: 12px 15px;
  border-radius: 6px;
  border: 1px solid var(--Stroke-medium-02, #ddd);
  background-color: #fff;
  height: 40px;
  width: 100%;
  color: var(--Gray-4, #666);
  font-size: 14px;
  font-weight: 400;
  line-height: 100%; /* 14px */
}
.common-input-container-3 input::-moz-placeholder {
  overflow: hidden;
  color: var(--Gray-4, #666);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%; /* 14px */
}
.common-input-container-3 input::placeholder {
  overflow: hidden;
  color: var(--Gray-4, #666);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%; /* 14px */
}
.common-input-container-3 input:focus {
  border: 1px solid var(--Stroke-medium-02, #000);
  background-color: #fbfbfb;
}
.common-input-container-3 input:focus::-moz-placeholder {
  color: #000;
}
.common-input-container-3 input:focus::placeholder {
  color: #000;
}
.common-input-container-3 input:disabled {
  border: 1px solid var(--Stroke-medium-02, #ddd);
  background: var(--BG-9, #fbfbfb);
  color: #aaa;
}

.common-box-btn {
  display: flex;
}

.common-btn.disabled {
  background: #ccc;
  border: 1px solid #ccc;
}
.common-btn.disabled .button-label {
  color: #999;
}
.common-btn.disabled .button-label::after {
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_arrow_disa.svg") !important;
}
.common-btn.disabled.common-btnType-2 {
  background: transparent;
  border: 0;
}
.common-btn.disabled.common-btnType-2 .button-label {
  color: #666;
  border-bottom: 1px solid #666;
}
.common-btn.disabled.common-btnType-2 .button-label::after {
  width: 13px;
  height: 13px;
  right: 14px;
}
.common-btn.outline {
  background: transparent;
}
.common-btn.outline:not(.disabled):hover span {
  color: #fff;
}
.common-btn.outline:not(.disabled):hover .button-label::after {
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_arrow_white.svg");
}
.common-btn.outline.button-stroke .circle::before {
  background: #000;
}
.common-btn.outline .button-label {
  color: #000;
}
.common-btn.outline .button-label::after {
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_arrow_black.svg");
}
.common-btn.outline.icon {
  width: 36px;
}
.common-btn.outline.icon.disabled {
  background-color: #ccc;
}
.common-btn.outline.icon .button-label::after {
  right: calc(50% - 7px);
  width: 14px;
  height: 14px;
}
.common-btn.secondary {
  border-radius: 999px;
}

.success-text-1,
.success-text-2 {
  color: var(--theme-2, #22ac38);
  font-size: 10px;
  font-weight: 450;
  line-height: 100%; /* 10px */
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_state_1.svg");
  background-repeat: no-repeat;
  padding: 0 0 0 14px;
  margin: 5px 0 0 0;
  background-position: center left;
}

.success-text-2 {
  color: #d6131b;
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_state_2.svg");
}

.input-success .common-input-container,
.input-error .common-input-container {
  border: 1px solid #22ac38;
}
.input-success input,
.input-error input {
  height: 14px;
  transform: translateY(7px);
}
.input-success label,
.input-error label {
  transform: translateY(-13px);
  color: var(--Gray-5, #757573);
  font-size: 10px;
}

.input-error .common-input-container {
  border: 1px solid #d6131b;
}

.common-btnType-1,
.common-tabType-1 {
  cursor: pointer;
  overflow: hidden;
  position: relative;
  background: #000;
  height: 36px;
  padding: 0 16px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #000;
  border-radius: 6px;
}
.common-btnType-1:not(.disabled):hover span,
.common-tabType-1:not(.disabled):hover span {
  color: #000;
}
.common-btnType-1:not(.disabled):hover .button-label::after,
.common-tabType-1:not(.disabled):hover .button-label::after {
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_arrow_black.svg");
}
.common-btnType-1.button-stroke .circle,
.common-tabType-1.button-stroke .circle {
  transform: scale(0);
  transform-origin: 0 0;
  will-change: transform;
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}
.common-btnType-1.button-stroke .circle::before,
.common-tabType-1.button-stroke .circle::before {
  aspect-ratio: 1/1;
  background: #fff;
  border-radius: 50%;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: translate(-50%, -50%);
  width: 170%;
}
.common-btnType-1 .button-label,
.common-tabType-1 .button-label {
  text-align: center;
  color: var(--Primary-1, #fff);
  font-family: "Neue Haas Grotesk Display Pro";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 18px */
  z-index: 40;
  padding-right: 18px;
}
.common-btnType-1 .button-label::after,
.common-tabType-1 .button-label::after {
  content: "";
  display: block;
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_arrow_white.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 13px;
  width: 12px;
  height: 12px;
  transform: translate(0, -50%);
}

.common-btnType-2 {
  position: relative;
  padding-right: 34px;
}
.common-btnType-2 .button-label {
  color: var(--Secondary-1, #000);
  font-size: 18px;
  font-weight: 450;
  line-height: 100%;
  padding: 4px 0;
  border-bottom: 1px solid #000;
}
.common-btnType-2 .button-label::after {
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_arrow_outline.svg");
  content: "";
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 11px;
  width: 19px;
  height: 18px;
  transform: translate(0, -50%);
}
.common-btnType-2.size-1 {
  padding-right: 28px;
}
.common-btnType-2.size-1 .button-label {
  color: var(--Secondary-1, #000);
  font-size: 14px;
  font-weight: 400;
  line-height: 100%; /* 14px */
  letter-spacing: 0.28px;
  padding: 2px 0;
}
.common-btnType-2.size-1 .button-label::after {
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_arrow_outline2.svg");
  right: 11px;
  width: 14px;
  height: 14px;
  transform: translate(0, -50%);
}

.common-tabType-1 {
  border-radius: 999px;
  padding: 12px;
}
.common-tabType-1:hover {
  border: 1px solid #3d3d3d;
}
.common-tabType-1.size-1 {
  height: 48px;
}
.common-tabType-1.size-1 .button-label {
  font-size: 18px;
  font-weight: 600;
}
.common-tabType-1 .button-label {
  color: var(--Primary-1, #fff);
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  padding: 0;
}
.common-tabType-1 .button-label::after {
  display: none;
}

.box-line-posi {
  position: relative;
  margin: 0 0 16px 0;
}
.box-line-posi #line {
  position: absolute;
  width: 0;
  left: 0;
  top: 30px;
  height: 1px;
  transition: all 1s;
  border-bottom: 2px solid var(--Primary-10, #49b1b5);
}

.common-tabType-2 {
  display: flex;
  gap: 39px;
  margin-left: -4px;
}
.common-tabType-2 > li > button {
  font-family: "Nanum Myeongjo";
  color: #666;
  font-size: 22px;
  font-weight: 400;
  letter-spacing: -0.44px;
  padding: 0px 4px 6px 4px;
  border-bottom: 1px solid #fff;
  position: relative;
}
.common-tabType-2 > li > button:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #222;
  transition: all 0.4s;
  width: 0;
}
.common-tabType-2 > li > button:hover {
  color: #222;
  font-weight: 700;
}
.common-tabType-2 > li > button:hover:after {
  width: 100%;
}
.common-tabType-2 > li > button.is-active {
  color: #222;
  font-weight: 700;
}
.tab-cover {
  overflow: hidden;
  z-index: 300;
  transition: opacity 0.3s;
}
.tab-cover.no-space .common-tabType-3 {
  border-top: 1px solid var(--Stroke-light, #e5e5e5);
  border-bottom: 1px solid var(--Stroke-light, #e5e5e5);
  background: var(--Primary-1, #fff);
}
.tab-cover.no-space .common-tabType-3 .swiper-tab .swiper-wrapper .swiper-slide {
  border-left: 1px solid var(--Stroke-light, #e5e5e5);
}
.tab-cover.no-space .common-tabType-3 .swiper-tab .swiper-wrapper .swiper-slide a {
  color: var(--Font-dark, #000);
  font-family: Pretendard;
  font-weight: 500;
  letter-spacing: -0.42px;
}
.tab-cover.no-space .common-tabType-3 .swiper-tab .swiper-wrapper .swiper-slide a:hover, .tab-cover.no-space .common-tabType-3 .swiper-tab .swiper-wrapper .swiper-slide a.is-active {
  color: var(--Font-dark, #000);
}
.tab-cover.no-space .common-tabType-3 .swiper-tab .swiper-wrapper .swiper-slide a:hover::after, .tab-cover.no-space .common-tabType-3 .swiper-tab .swiper-wrapper .swiper-slide a.is-active::after {
  border-bottom: 2px solid #000;
}

.common-tabType-3 {
  border-bottom: 1px solid var(--transparent-w-16, rgba(255, 255, 255, 0.16));
  background: var(--BG-4, linear-gradient(180deg, rgba(127, 127, 127, 0) 50%, rgba(127, 127, 127, 0.5) 100%), #0d0d0d);
  background-blend-mode: luminosity, overlay;
  align-items: flex-start;
  align-self: stretch;
  padding: 0;
  z-index: 300;
  opacity: 0;
}
.common-tabType-3.is-fixed {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
}
.common-tabType-3.type-2 .swiper-wrapper .swiper-slide {
  min-width: 80px;
}
.common-tabType-3.type-3 .swiper-wrapper .swiper-slide {
  min-width: 100px;
}
.common-tabType-3.type-4 .swiper-wrapper .swiper-slide {
  min-width: 90px;
}
.common-tabType-3 .swiper-wrapper {
  display: flex;
  gap: 0;
}
.common-tabType-3 .swiper-wrapper .swiper-slide {
  flex: 1 1 50%;
  width: -moz-fit-content;
  width: fit-content;
  border-left: 1px solid var(--transparent-w-16, rgba(255, 255, 255, 0.16));
}
.common-tabType-3 .swiper-wrapper .swiper-slide:first-child {
  border-left: 0;
}
.common-tabType-3 a {
  padding: 13px 0px;
  display: block;
  text-align: center;
  color: var(--Primary-1, #fff);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.42px;
  position: relative;
  transition: all 0.3s;
  border-top: 1px solid var(--transparent-w-16, rgba(255, 255, 255, 0.16));
}
.common-tabType-3 a::after {
  transition: all 0.3s;
}
.common-tabType-3 a.is-active {
  border-top: 1px solid #fff;
  background-color: #fff;
  color: var(--Primary-1, #000);
}
.common-tabType-3 a.is-active::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  border-bottom: 1px solid #fff;
}

.common-tabType-4 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  padding: 64px 0 19px 0;
}
.common-tabType-4 a {
  color: var(--Font-dimed, #b2b2b2);
  font-family: Pretendard;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.36px;
  display: flex;
  padding: 4px 9px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #fff;
}
.common-tabType-4 a.is-active {
  border: 1px solid var(--Font-dark, #000);
  color: var(--Font-dark, #000);
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -0.42px;
}

.common-newBtnType-1 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 9px;
  border-radius: 4px;
  border: 1px solid var(--Font-dark, #000);
  background: var(--Font-dark, #000);
  padding: 10px 15px;
  color: var(--Primary-1, #fff);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%; /* 14px */
  letter-spacing: -0.42px;
}
.common-newBtnType-1 span {
  position: relative;
  padding-right: 20px;
}
.common-newBtnType-1 span::after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M2.1875 5H8.4375' stroke='white' stroke-linejoin='round'/%3E%3Cmask id='path-2-inside-1_7172_26234' fill='white'%3E%3Cpath d='M9.02832 5L5.13923 8.88909L1.25015 5L5.13923 1.11091L9.02832 5Z'/%3E%3C/mask%3E%3Cpath d='M9.02832 5L9.73543 5.70711L10.4425 5L9.73543 4.29289L9.02832 5ZM8.32121 4.29289L4.43213 8.18198L5.84634 9.59619L9.73543 5.70711L8.32121 4.29289ZM4.43213 1.81802L8.32121 5.70711L9.73543 4.29289L5.84634 0.403806L4.43213 1.81802Z' fill='white' mask='url(%23path-2-inside-1_7172_26234)'/%3E%3C/svg%3E");
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.common-newBtnType-2 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 9px;
  border-radius: 4px;
  border: 1px solid var(--Font-dark, #000);
  padding: 10px 15px;
  color: var(--Primary-1, #000);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%; /* 14px */
  letter-spacing: -0.42px;
}
.common-newBtnType-2 span {
  position: relative;
  padding-right: 20px;
}
.common-newBtnType-2 span::after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M2.1875 5H8.4375' stroke='black' stroke-linejoin='round'/%3E%3Cmask id='path-2-inside-1_7172_26277' fill='white'%3E%3Cpath d='M9.02832 5L5.13923 8.88909L1.25015 5L5.13923 1.11091L9.02832 5Z'/%3E%3C/mask%3E%3Cpath d='M9.02832 5L9.73543 5.70711L10.4425 5L9.73543 4.29289L9.02832 5ZM8.32121 4.29289L4.43213 8.18198L5.84634 9.59619L9.73543 5.70711L8.32121 4.29289ZM4.43213 1.81802L8.32121 5.70711L9.73543 4.29289L5.84634 0.403806L4.43213 1.81802Z' fill='black' mask='url(%23path-2-inside-1_7172_26277)'/%3E%3C/svg%3E");
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.box-tab-list-1 {
  display: flex;
  flex-flow: row nowrap;
  gap: 13px;
  margin: -5px 0 0 0;
}
.box-tab-list-1 a {
  color: var(--Font-dimed, #b2b2b2);
  text-align: center;
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%; /* 16px */
  letter-spacing: -0.48px;
  padding: 12px 0;
  position: relative;
}
.box-tab-list-1 a::after {
  content: "";
  display: block;
  background-color: #222;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 0;
  height: 1px;
  transition: 0.5s width, 0.4s color;
}
.box-tab-list-1 a:hover, .box-tab-list-1 a.is-active {
  color: var(--Font-dark, #000);
  text-align: center;
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%; /* 16px */
  letter-spacing: -0.48px;
}
.box-tab-list-1 a:hover::after, .box-tab-list-1 a.is-active::after {
  width: 100%;
}

.common-board-cnt-1 {
  padding: 64px 18px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}
.common-board-cnt-1.no-type-1 {
  padding: 0;
}
.common-board-cnt-1.faq {
  padding-bottom: 0;
}
.common-board-cnt-1.faq .common-selectbox-3 {
  width: 100%;
}
.common-board-cnt-1.faq .box-search {
  transform: translateY(-2px);
}
.common-board-cnt-1 .text-cnt {
  color: var(--Gray-4, #000);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%; /* 14px */
}
.common-board-cnt-1 .box-search {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  position: relative;
  padding-right: 45px;
  border-bottom: 1px solid var(--Stroke-dark, #ccc);
}
.common-board-cnt-1 .box-search input {
  padding: 7px 4px;
  display: block;
  width: 100%;
  border: 0;
  color: var(--Gray-6, #999);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.42px;
}
.common-board-cnt-1 .box-search input::-moz-placeholder {
  color: var(--Icon-1_Icon-dimed, #c8c8c8);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.42px;
  text-transform: uppercase;
}
.common-board-cnt-1 .box-search input::placeholder {
  color: var(--Icon-1_Icon-dimed, #c8c8c8);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.42px;
  text-transform: uppercase;
}
.common-board-cnt-1 .box-search .btn-search {
  position: absolute;
  padding: 10px;
  top: 50%;
  right: -6px;
  transform: translate(0, -50%);
}

.common-tabCt .swiper-wrapper .swiper-slide {
  position: relative;
  height: calc(100vh - 216px);
  will-change: height;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 10px;
  transition: 0.4s height;
}
.common-tabCt .swiper-wrapper .swiper-slide:after {
  content: "";
  display: block;
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.4) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.common-tabCt .swiper-wrapper .swiper-slide:hover {
  cursor: grab;
}
.common-tabCt .common-flex {
  position: relative;
  height: 100%;
}
.common-tabCt .common-flex .img-holder span {
  border-radius: 8px;
  padding-top: 141%;
}
.common-tabCt .common-flex .img-holder span img {
  transition: all 0.4s;
}
.common-tabCt .common-flex .box-text {
  z-index: 2;
  position: absolute;
  bottom: 37px;
  top: 0;
  left: 19px;
  right: 0;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-end;
  gap: 16px;
}
.common-tabCt .common-flex .box-text .text-1 {
  color: var(--Primary-1, #fff);
  font-family: Pretendard;
  font-size: 24px;
  font-weight: 600;
  line-height: 100%; /* 24px */
  letter-spacing: -0.72px;
}
.common-tabCt .common-flex .box-text .text-2 {
  color: var(--Primary-1, #fff);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 19px; /* 14px */
  letter-spacing: -0.42px;
}
.common-tabCt .common-flex .box-text .btn-viewMore {
  width: -moz-fit-content;
  width: fit-content;
  color: var(--Primary-1, #fff);
  font-family: Gibson;
  font-size: 14px;
  font-weight: 200;
  line-height: 100%; /* 14px */
  text-transform: uppercase;
}
.common-tabCt .common-flex .box-text .btn-viewMore span {
  position: relative;
  padding: 2px 24px 2px 0;
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_arrow_nblack.svg");
  background-position: right center;
  background-repeat: no-repeat;
  display: inline-block;
}
.common-tabCt .common-flex .box-text .btn-guide {
  position: absolute;
  top: 18px;
  right: 18px;
  border-radius: 999px;
  background: var(--Primary-1, #fff);
  color: var(--Font-dark, #000);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%; /* 14px */
  letter-spacing: -0.42px;
  padding: 11px 16px;
}
.common-tabCt .common-flex .box-text .btn-guide span {
  padding: 0 20px 0 0;
  position: relative;
}
.common-tabCt .common-flex .box-text .btn-guide span::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M2.1875 5H8.4375' stroke='black' stroke-linejoin='round'/%3E%3Cmask id='path-2-inside-1_7262_719' fill='white'%3E%3Cpath d='M9.02832 5L5.13923 8.88909L1.25015 5L5.13923 1.11091L9.02832 5Z'/%3E%3C/mask%3E%3Cpath d='M9.02832 5L9.73543 5.70711L10.4425 5L9.73543 4.29289L9.02832 5ZM8.32121 4.29289L4.43213 8.18198L5.84634 9.59619L9.73543 5.70711L8.32121 4.29289ZM4.43213 1.81802L8.32121 5.70711L9.73543 4.29289L5.84634 0.403806L4.43213 1.81802Z' fill='black' mask='url(%23path-2-inside-1_7262_719)'/%3E%3C/svg%3E");
}

.common-btnType-3 {
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid var(--Gray-3, #666);
  width: -moz-fit-content;
  width: fit-content;
}
.common-btnType-3 span {
  position: relative;
  padding-right: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.common-btnType-3 span::after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M10.5002 8.7487V10.4987H3.50016V8.7487H2.3335V10.4987C2.3335 11.1404 2.8585 11.6654 3.50016 11.6654H10.5002C11.1418 11.6654 11.6668 11.1404 11.6668 10.4987V8.7487H10.5002ZM9.91683 6.41536L9.09433 5.59286L7.5835 7.09786V2.33203H6.41683V7.09786L4.906 5.59286L4.0835 6.41536L7.00016 9.33203L9.91683 6.41536Z' fill='%23666666'/%3E%3C/svg%3E");
  width: 14px;
  height: 14px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
}

.common-btnType-4 {
  color: #222;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%; /* 23.4px */
  letter-spacing: -0.72px;
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0px 8px 5px 8px;
  border-bottom: 1px solid #222;
  margin: 39px 0 0 0;
}

.common-btnType-5 {
  color: var(--Primary-3, #fff);
  text-align: center;
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 12px */
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  padding: 8px 20px 0 0;
  margin: 16px 0 0 0px;
  position: relative;
}
.common-btnType-5:after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-right: 1px solid var(--Primary-3, #fff);
  border-bottom: 1px solid var(--Primary-3, #fff);
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(calc(-50% + 5px)) rotate(-45deg);
}
.common-btnType-5 span {
  padding-bottom: 4px;
  border-bottom: 1px solid #fff;
}

.btn-disabled:hover {
  cursor: default !important;
}

.common-btnType-6 {
  position: relative;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  padding: 9px 7px;
}
.common-btnType-6::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 21px;
  transition: all 0.4s;
  opacity: 0.6;
  background: var(--BG-2, #d1d8df);
  mix-blend-mode: multiply;
}
.common-btnType-6.btn-is-active::after, .common-btnType-6:hover::after {
  width: 100% !important;
}
.common-btnType-6 span {
  position: relative;
  color: var(--Gray-3, #333);
  font-family: Pretendard;
  font-size: 10px;
  font-weight: 600;
  line-height: 100%; /* 18px */
  padding-right: 20px;
}
.common-btnType-6 span::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 4px;
  transform: translate(0, -50%) rotate(-45deg);
  border-right: 1px solid var(--Gray-4, #666);
  border-bottom: 1px solid var(--Gray-4, #666);
  width: 6px;
  height: 6px;
}
.common-btnType-6.btn-disabled span {
  color: #aaa;
}
.common-btnType-6.btn-disabled span::after {
  border-right: 1px solid var(--Gray-7_dimed, #aaa);
  border-bottom: 1px solid var(--Gray-7_dimed, #aaa);
}
.common-btnType-6.btn-disabled::after {
  display: none;
}
.common-btnType-6.small {
  padding: 10px;
}
.common-btnType-6.small span {
  font-size: 12px;
}
.common-btnType-6.medium {
  padding: 15px 18px;
}
.common-btnType-6.medium::after {
  width: 30px;
}
.common-btnType-6.medium span {
  font-size: 14px;
}
.common-btnType-6.large {
  padding: 20px 29px;
}
.common-btnType-6.large::after {
  width: 40px;
}
.common-btnType-6.large span {
  font-size: 18px;
}

.common-btnType-7 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  padding: 6px 16px 6px 0;
}
.common-btnType-7::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  border-right: 1px solid var(--Gray-4, #666);
  border-bottom: 1px solid var(--Gray-4, #666);
  width: 4px;
  height: 4px;
  transform: translate(0, -50%) rotate(-45deg);
  transition: all 0.4s;
}
.common-btnType-7 span {
  position: relative;
  color: var(--Gray-3, #333);
  text-align: center;
  font-family: Pretendard;
  font-size: 10px;
  font-weight: 600;
  line-height: 100%; /* 10px */
  position: relative;
  padding: 7px 0;
}
.common-btnType-7 span::after {
  content: "";
  display: block;
  border-bottom: 1px solid var(--Gray-3, #333);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  transform: translate(0, -50%);
  transition: all 0.4s;
}
.common-btnType-7.btn-is-active span::after, .common-btnType-7:hover span::after {
  width: 100%;
}
.common-btnType-7.btn-disabled:after {
  border-right: 1px solid var(--Gray-7_dimed, #aaa);
  border-bottom: 1px solid var(--Gray-7_dimed, #aaa);
}
.common-btnType-7.btn-disabled span {
  color: #aaa;
}
.common-btnType-7.btn-disabled span::after {
  display: none;
}
.common-btnType-7.small {
  padding-right: 19px;
}
.common-btnType-7.small::after {
  width: 6px;
  height: 6px;
}
.common-btnType-7.small span {
  font-size: 12px;
  padding-bottom: 8px;
}
.common-btnType-7.medium {
  padding-right: 24px;
}
.common-btnType-7.medium::after {
  width: 8px;
  height: 8px;
  transform: translate(0, calc(-50% - 1px)) rotate(-45deg);
}
.common-btnType-7.medium span {
  font-size: 14px;
  padding-bottom: 10px;
}
.common-btnType-7.large {
  padding-right: 31px;
}
.common-btnType-7.large::after {
  width: 8px;
  height: 8px;
  transform: translate(0, calc(-50% - 4px)) rotate(-45deg);
}
.common-btnType-7.large span {
  font-size: 18px;
  padding-bottom: 16px;
}

.common-btnType-8 {
  display: inline-flex;
  padding: 6px 20px;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  border: 1px solid var(--header3, #222);
  transition: background 0.4s;
}
.common-btnType-8 span {
  position: relative;
  padding-left: 18px;
  color: var(--Gray-2, var(--header3, #222));
  font-family: NanumMyeongjo;
  font-size: 10px;
  font-weight: 400;
  line-height: 100%; /* 10px */
  letter-spacing: -0.4px;
}
.common-btnType-8 span::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_view.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}
.common-btnType-8.btn-is-active, .common-btnType-8:hover {
  background: var(--header3, #222);
}
.common-btnType-8.btn-is-active span, .common-btnType-8:hover span {
  color: #fff;
}
.common-btnType-8.btn-disabled {
  background: var(--transparent-b-8, rgba(0, 0, 0, 0.08));
  border: 0;
  padding: 8px 20px;
}
.common-btnType-8.btn-disabled span {
  color: #aaa;
}
.common-btnType-8.small {
  padding: 9px 25px 9px 21px;
}
.common-btnType-8.small span {
  font-size: 12px;
  padding-left: 20px;
  letter-spacing: -0.48px;
}
.common-btnType-8.small span::after {
  width: 14px;
  height: 14px;
}
.common-btnType-8.medium {
  padding: 11px 27px;
}
.common-btnType-8.medium span {
  font-size: 14px;
  padding-left: 26px;
  letter-spacing: -0.48px;
}
.common-btnType-8.medium span::after {
  width: 18px;
  height: 18px;
}
.common-btnType-8.large {
  padding: 15px 34px;
}
.common-btnType-8.large span {
  font-size: 18px;
  padding-left: 31px;
  letter-spacing: -0.48px;
}
.common-btnType-8.large span::after {
  width: 18px;
  height: 18px;
}

.common-btnType-9 {
  display: inline-flex;
  padding: 6px 20px;
  align-items: center;
  gap: 6px;
  border-radius: 4px;
  border: 1px solid var(--Gray-7_dimed, #aaa);
  transition: background 0.4s;
}
.common-btnType-9 span {
  position: relative;
  padding-left: 18px;
  color: var(--Gray-7_dimed, #aaa);
  font-family: NanumMyeongjo;
  font-size: 10px;
  font-weight: 600;
  line-height: 100%; /* 10px */
  letter-spacing: -0.4px;
}
.common-btnType-9 span::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_view.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}
.common-btnType-9.btn-is-active, .common-btnType-9:hover {
  background: var(--Gray-7_dimed, #aaa);
}
.common-btnType-9.btn-is-active span, .common-btnType-9:hover span {
  color: var(--Primary-3, #fff);
}
.common-btnType-9.btn-is-active span::after, .common-btnType-9:hover span::after {
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_view_sel2.svg");
}
.common-btnType-9.btn-disabled:hover span::after {
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_view.svg");
}
.common-btnType-9.btn-disabled {
  background: var(--transparent-b-8, rgba(0, 0, 0, 0.08));
  border: 0;
  padding: 8px 20px;
}
.common-btnType-9.btn-disabled span {
  color: #aaa;
}
.common-btnType-9.small {
  padding: 9px 25px 9px 21px;
}
.common-btnType-9.small span {
  font-size: 12px;
  padding-left: 20px;
  letter-spacing: -0.48px;
}
.common-btnType-9.small span::after {
  width: 14px;
  height: 14px;
}
.common-btnType-9.medium {
  padding: 11px 27px;
}
.common-btnType-9.medium span {
  font-size: 14px;
  padding-left: 26px;
  letter-spacing: -0.48px;
}
.common-btnType-9.medium span::after {
  width: 18px;
  height: 18px;
}
.common-btnType-9.large {
  padding: 15px 34px;
}
.common-btnType-9.large span {
  font-size: 18px;
  padding-left: 31px;
  letter-spacing: -0.48px;
}
.common-btnType-9.large span::after {
  width: 18px;
  height: 18px;
}

.common-btnType-10 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 4px;
  border: 1px solid var(--Gray-7_dimed, #aaa);
  transition: background 0.4s;
}
.common-btnType-10 span {
  position: relative;
  width: 24px;
  height: 24px;
}
.common-btnType-10 span::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_view.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.common-btnType-10.btn-is-active, .common-btnType-10:hover {
  background: var(--Gray-7_dimed, #aaa);
}
.common-btnType-10.btn-is-active span, .common-btnType-10:hover span {
  color: var(--Primary-3, #fff);
}
.common-btnType-10.btn-is-active span::after, .common-btnType-10:hover span::after {
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_view_sel2.svg");
}
.common-btnType-10.btn-disabled:hover span::after {
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_view.svg");
}
.common-btnType-10.btn-disabled {
  background: var(--transparent-b-8, rgba(0, 0, 0, 0.08));
  border: 0;
  border: 1px solid rgba(0, 0, 0, 0);
}
.common-btnType-10.btn-disabled span {
  color: #aaa;
}
.common-btnType-10.small span {
  width: 30px;
  height: 30px;
}
.common-btnType-10.small span::after {
  width: 14px;
  height: 14px;
}
.common-btnType-10.medium span {
  width: 38px;
  height: 38px;
}
.common-btnType-10.medium span::after {
  width: 18px;
  height: 18px;
}
.common-btnType-10.large span {
  width: 52px;
  height: 52px;
}
.common-btnType-10.large span::after {
  width: 22px;
  height: 22px;
}

.common-btnType-11 {
  width: -moz-fit-content;
  width: fit-content;
  margin: 50px auto 0 auto;
  color: var(--Font-dark, #000);
  /* Button/sm 03 01 */
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 14px */
  letter-spacing: -0.42px;
  display: flex;
  padding: 10px 37px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  border: 1px solid var(--Font-dark, #000);
}
.common-btnType-11 span {
  position: relative;
  padding-left: 20px;
}
.common-btnType-11 span::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 11px;
  height: 11px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='10' viewBox='0 0 11 10' fill='none'%3E%3Cpath d='M2.375 5L8.625 5' stroke='black' stroke-linejoin='round'/%3E%3Cmask id='path-2-inside-1_7957_6686' fill='white'%3E%3Cpath d='M9.52832 5L5.63923 8.88909L1.75015 5L5.63923 1.11091L9.52832 5Z'/%3E%3C/mask%3E%3Cpath d='M1.75015 5L1.04304 4.29289L0.335932 5L1.04304 5.70711L1.75015 5ZM6.34634 8.18198L2.45725 4.29289L1.04304 5.70711L4.93213 9.59619L6.34634 8.18198ZM2.45725 5.70711L6.34634 1.81802L4.93213 0.403806L1.04304 4.29289L2.45725 5.70711Z' fill='black' mask='url(%23path-2-inside-1_7957_6686)'/%3E%3C/svg%3E");
}

.btn-center {
  display: flex;
  justify-content: center;
}

.common-btnType-12 {
  border-radius: 999px;
  background: var(--Primary-1, #323334);
  padding: 10px 18px;
}
.common-btnType-12.type-1 {
  background-color: #000;
}
.common-btnType-12 span {
  padding-right: 19px;
  position: relative;
  color: var(--Primary-1, #fff);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.42px;
}
.common-btnType-12 span::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='10' viewBox='0 0 11 10' fill='none'%3E%3Cpath d='M2.6875 5H8.9375' stroke='white' stroke-linejoin='round'/%3E%3Cmask id='path-2-inside-1_7262_11146' fill='white'%3E%3Cpath d='M9.52832 5L5.63923 8.88909L1.75015 5L5.63923 1.11091L9.52832 5Z'/%3E%3C/mask%3E%3Cpath d='M9.52832 5L10.2354 5.70711L10.9425 5L10.2354 4.29289L9.52832 5ZM8.82121 4.29289L4.93213 8.18198L6.34634 9.59619L10.2354 5.70711L8.82121 4.29289ZM4.93213 1.81802L8.82121 5.70711L10.2354 4.29289L6.34634 0.403806L4.93213 1.81802Z' fill='white' mask='url(%23path-2-inside-1_7262_11146)'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  width: 11px;
  height: 10px;
}

.common-btnType-13 {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  border-radius: 999px;
  background: var(--Primary-1, #000);
  padding: 9px 40px;
  position: relative;
  text-align: center;
}
.common-btnType-13 span {
  color: var(--Primary-1, #fff);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.42px;
  padding-right: 16px;
  position: relative;
}
.common-btnType-13 span::after {
  content: "";
  width: 11px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='10' viewBox='0 0 11 10' fill='none'%3E%3Cpath d='M2.6875 5H8.9375' stroke='white' stroke-linejoin='round'/%3E%3Cmask id='path-2-inside-1_7400_21864' fill='white'%3E%3Cpath d='M9.52832 5L5.63923 8.88909L1.75015 5L5.63923 1.11091L9.52832 5Z'/%3E%3C/mask%3E%3Cpath d='M9.52832 5L10.2354 5.70711L10.9425 5L10.2354 4.29289L9.52832 5ZM8.82121 4.29289L4.93213 8.18198L6.34634 9.59619L10.2354 5.70711L8.82121 4.29289ZM4.93213 1.81802L8.82121 5.70711L10.2354 4.29289L6.34634 0.403806L4.93213 1.81802Z' fill='white' mask='url(%23path-2-inside-1_7400_21864)'/%3E%3C/svg%3E");
  background-size: cover;
  background-position: center;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.common-btnType-13.submit span {
  padding-right: 20px;
}
.common-btnType-13.submit span::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='10' viewBox='0 0 11 10' fill='none'%3E%3Cg clip-path='url(%23clip0_7889_9785)'%3E%3Cpath d='M1.125 5.28409L3.85938 8.125L9.875 1.875' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7889_9785'%3E%3Crect width='10' height='10' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.common-btnType-14 {
  display: inline-flex;
  padding: 9px 23px;
  border-radius: 999px;
  border: 1px solid var(--Gray-222222, #222);
  color: var(--Gray-222222, #222);
  font-family: Pretendard;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 10px */
}
.common-btnType-14 span {
  position: relative;
  padding-left: 18px;
}
.common-btnType-14 span::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='12' viewBox='0 0 13 12' fill='none'%3E%3Cpath d='M9.5 7.5V9H3.5V7.5H2.5V9C2.5 9.55 2.95 10 3.5 10H9.5C10.05 10 10.5 9.55 10.5 9V7.5H9.5ZM9 5.5L8.295 4.795L7 6.085V2H6V6.085L4.705 4.795L4 5.5L6.5 8L9 5.5Z' fill='%23666666'/%3E%3C/svg%3E");
  width: 13px;
  height: 12px;
}

.common-btnType-15 {
  border-radius: 999px;
  background: var(--Primary-1, #323334);
  padding: 9px 15px;
}
.common-btnType-15 span {
  padding-right: 21px;
  position: relative;
  color: var(--Primary-1, #fff);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.42px;
}
.common-btnType-15 span::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='10' viewBox='0 0 11 10' fill='none'%3E%3Cpath d='M2.6875 5H8.9375' stroke='white' stroke-linejoin='round'/%3E%3Cmask id='path-2-inside-1_7262_6256' fill='white'%3E%3Cpath d='M9.52832 5L5.63923 8.88909L1.75015 5L5.63923 1.11091L9.52832 5Z'/%3E%3C/mask%3E%3Cpath d='M9.52832 5L10.2354 5.70711L10.9425 5L10.2354 4.29289L9.52832 5ZM8.82121 4.29289L4.93213 8.18198L6.34634 9.59619L10.2354 5.70711L8.82121 4.29289ZM4.93213 1.81802L8.82121 5.70711L10.2354 4.29289L6.34634 0.403806L4.93213 1.81802Z' fill='white' mask='url(%23path-2-inside-1_7262_6256)'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  width: 11px;
  height: 10px;
}

.tab-1-sizeM {
  font-size: 18px !important;
  padding: 14px 0 !important;
}

.tab-1-sizeL {
  font-size: 22px !important;
  padding: 14px 0 !important;
}

.common-tab-1 {
  color: var(--Gray-6, #999);
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%; /* 16px */
  display: inline-flex;
  padding: 12px 0;
  justify-content: center;
  align-items: center;
  position: relative;
}
.common-tab-1::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  border-bottom: 1px solid var(--header3, #222);
  transition: all 0.4s;
}
.common-tab-1:hover {
  color: var(--Gray-2, var(--header3, #222));
  font-weight: 500;
}
.common-tab-1:hover::after {
  width: 100%;
}

.tab-2-sizeM {
  font-size: 18px !important;
  letter-spacing: -0.72px !important;
}
.tab-2-sizeM span::after {
  width: 8px !important;
  height: 8px !important;
}

.tab-2-sizeL {
  font-size: 22px !important;
  letter-spacing: -0.88px !important;
}
.tab-2-sizeL span::after {
  width: 8px !important;
  height: 8px !important;
}

.common-tab-2 {
  color: var(--Gray-2, var(--header3, #222));
  font-family: NanumMyeongjo;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%; /* 16px */
  letter-spacing: -0.64px;
  position: relative;
  display: flex;
  padding: 14px 0px;
  justify-content: space-between;
  align-items: center;
}
.common-tab-2::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  border-bottom: 1px solid var(--Stroke-light, #ebebeb);
  transition: all 0.4s;
}
.common-tab-2::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 0;
  z-index: 10;
  border-bottom: 1px solid var(--header3, #222);
  transition: all 0.4s;
}
.common-tab-2:hover::before {
  width: 100%;
}
.common-tab-2:hover span::after {
  border-right: 1px solid var(--header3, #222);
  border-bottom: 1px solid var(--header3, #222);
}
.common-tab-2 span {
  display: block;
  width: 100%;
  position: relative;
}
.common-tab-2 span::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 2px;
  transform: translate(0, calc(-50% - 1px)) rotate(-45deg);
  width: 6px;
  height: 6px;
  border-right: 1px solid var(--Gray-6, #999);
  border-bottom: 1px solid var(--Gray-6, #999);
}

.common-selectbox {
  position: relative;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.16);
  display: flex;
  height: 48px;
  padding: 12px 16px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.common-selectbox.is-active {
  z-index: 10;
  border-radius: 4px 4px 0 0;
  background: #8c8c8c;
}
.common-selectbox.is-active > ul {
  display: block;
}
.common-selectbox.is-active > button:after {
  transform: translate(0, -50%) rotate(-180deg);
}
.common-selectbox.disabled {
  background: #ccc;
}
.common-selectbox.disabled button:hover {
  cursor: default;
}
.common-selectbox.font .button {
  color: rgb(255, 255, 255);
}
.common-selectbox > button {
  padding: 10px 31px 9px 0px;
  position: relative;
  width: 100%;
  text-align: left;
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 12.8px;
}
.common-selectbox > button::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cpath d='M6.175 7.4126L10 11.2293L13.825 7.4126L15 8.5876L10 13.5876L5 8.5876L6.175 7.4126Z' fill='white'/%3E%3C/svg%3E");
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  transition: transform 0.4s;
  transform: translate(0, -47%) rotate(0deg);
}
.common-selectbox > ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  left: 0;
  right: 0;
  margin-top: 0;
  border: 1px solid #8c8c8c;
  border-radius: 0 0 6px 6px;
  background: #8c8c8c;
  overflow: hidden;
}
.common-selectbox > ul > li:last-child:hover button {
  border-radius: 0 0 6px 6px;
}
.common-selectbox > ul > li button {
  padding: 14px 12px 14px 15px;
  width: 100%;
  text-align: left;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  background: transparent;
  color: rgba(255, 255, 255, 0.6);
  letter-spacing: 0.28px;
}
.common-selectbox > ul > li button:hover {
  background: #666;
  color: #fff;
}

body.on {
  overflow: hidden;
}

.box-layer {
  background: rgba(0, 0, 0, 0.6);
  height: 100%;
  left: 0;
  top: 0;
  overflow: auto;
  position: fixed;
  white-space: nowrap;
  width: 100%;
  z-index: 3000;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  text-align: center;
  opacity: 0;
  pointer-events: none;
  transition: all 0.4s;
}
.box-layer.show {
  opacity: 1;
  pointer-events: all;
}
.box-layer.show .inner-layer {
  opacity: 1;
  pointer-events: all;
  transition-delay: 0.3s;
}
.box-layer.show .inner-layer .gap .box .pop-innerGap .inner-video iframe {
  display: block !important;
}
.box-layer.show .inner-layer.gap-type {
  padding-top: 100px;
}
.box-layer.show .inner-layer.gap-type .gap .box .pop-innerGap.img-gallery-2 {
  height: calc(100vh - 173px);
}
.box-layer.show .inner-layer.gap-type [data-event=layerClose].type-1 {
  top: 60px;
}
.box-layer .inner-layer {
  opacity: 0;
  pointer-events: none;
  transition: all 0.4s;
  display: inline-block;
  max-width: 1072px;
  width: 100%;
  margin: 0 auto;
  padding: 68px 18px;
  position: relative;
  vertical-align: middle;
  white-space: normal;
}
.box-layer .inner-layer .gap {
  text-align: left;
  width: 100%;
}
.box-layer .inner-layer .gap .box {
  width: 100%;
  position: relative;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
}
.box-layer .inner-layer .gap .box .pop-kv {
  width: 100%;
  height: 200px;
  position: relative;
  background: #ddd;
  background-size: cover !important;
  background-position: center !important;
}
.box-layer .inner-layer .gap .box .pop-kv .pop-title {
  width: 100%;
  padding: 0 20px;
  color: var(--Secondary-1, #000);
  text-align: center;
  font-size: 18px;
  font-weight: 450;
  line-height: 140%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.box-layer .inner-layer .gap .box .pop-kv .pop-title.c-fff {
  color: #fff;
}
.box-layer .inner-layer .gap .box .pop-innerGap {
  width: 100%;
  position: relative;
  padding: 40px 24px;
}
.box-layer .verticalAlign {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.box-layer [data-event=layerClose] {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3001;
  font-size: 0;
}
.box-layer [data-event=layerClose]::after {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z' fill='%23F5F3EC'/%3E%3C/svg%3E");
  background-size: cover;
  background-position: center;
}
.box-layer [data-event=layerClose].type-1 {
  width: 22px;
  height: 22px;
  top: 36px;
  left: auto;
  right: 7px;
}
.box-layer [data-event=layerClose].type-1::after {
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/btn/btn_close.svg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 22px;
  height: 22px;
}
.box-layer.box-video .inner-layer .gap .box {
  background-color: transparent;
}
.box-layer.box-video .inner-layer .gap .box .pop-innerGap {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}
.box-layer.box-video .inner-layer .gap .box .pop-innerGap .inner-video {
  overflow: hidden;
  position: relative;
  width: 100vw;
  height: 50vw;
  padding-bottom: 56.25%;
  border-radius: 8px;
}
.box-layer.box-video .inner-layer .gap .box .pop-innerGap .inner-video iframe {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.common-btnSA {
  display: flex;
  justify-content: center;
  align-items: center;
}
.common-btnSA .btn {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 33px;
  height: 32px;
}
.common-btnSA .btn.btn_subtract {
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/btn/btn_subtract.png");
}
.common-btnSA .btn.btn_add {
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/btn/btn_add.png");
}
.common-btnSA .btn.no {
  opacity: 0.4;
}
.common-btnSA .number {
  width: 50px;
  text-align: center;
}

.file-btn-wrap {
  width: 100%;
  position: relative;
}
.file-btn-wrap .file-btn {
  display: block;
  width: 115px;
  height: 49px;
  padding: 16px 0;
  text-align: center;
  border-radius: 6px;
  border: 1px solid #d5d5d5;
  color: #4d4d4d;
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 0.4px;
  cursor: pointer;
}
.file-btn-wrap input[type=file] {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
}

.file-item {
  width: 100%;
  position: relative;
  margin-top: 24px;
}
.file-item li {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
}
.file-item li::before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M15.8919 8.82149L9.11544 15.5979C7.81319 16.9002 5.70365 16.9002 4.4014 15.5979C3.09914 14.2957 3.09914 12.1861 4.4014 10.8839L11.7671 3.51819C12.5803 2.70502 13.9002 2.70502 14.7134 3.51819C15.5265 4.33136 15.5265 5.65129 14.7134 6.46447L8.52619 12.6517C8.2021 12.9757 7.67177 12.9757 7.34768 12.6517C7.02359 12.3276 7.02359 11.7972 7.34768 11.4731L12.9456 5.87521L12.0617 4.99133L6.46379 10.5893C5.65062 11.4024 5.65062 12.7224 6.46379 13.5355C7.27697 14.3487 8.5969 14.3487 9.41007 13.5355L15.5973 7.34835C16.8995 6.0461 16.8995 3.93656 15.5973 2.63431C14.295 1.33205 12.1855 1.33205 10.8832 2.63431L3.51752 10C1.72618 11.7913 1.72618 14.6905 3.51752 16.4818C5.30885 18.2732 8.20799 18.2732 9.99933 16.4818L16.7758 9.70537L15.8919 8.82149Z' fill='%23666666'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.file-item li + li {
  margin-top: 16px;
}
.file-item li span {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  max-width: 88%;
  color: #666;
  font-size: 12px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 0.24px;
  padding-left: 28px;
  position: relative;
}
.file-item li .del-btn {
  font-size: 0;
  width: 20px;
  height: 20px;
  position: relative;
  margin-left: 16px;
}
.file-item li .del-btn::after {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Crect width='20' height='20' rx='10' fill='%23666666'/%3E%3Cpath d='M15 6.00714L13.9929 5L10 8.99286L6.00714 5L5 6.00714L8.99286 10L5 13.9929L6.00714 15L10 11.0071L13.9929 15L15 13.9929L11.0071 10L15 6.00714Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}

.file-noti {
  color: #999;
  font-size: 12px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.24px;
  margin-top: 24px;
}

.form-wrap {
  width: 100%;
  position: relative;
}
.form-wrap .form-tit {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid #666;
  padding-bottom: 18px;
  margin-bottom: 20px;
}
.form-wrap .form-tit .title {
  color: #4d4d4d;
  font-size: 16px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.4px;
}
.form-wrap .form-tit .require-noti {
  color: #006477;
  font-size: 12px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.4px;
}
.form-wrap .form-inner {
  width: 100%;
  position: relative;
  padding: 0 12px;
}
.form-wrap .form-inner .form-item {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.form-wrap .form-inner .form-item .label-wrap {
  width: 100%;
  position: relative;
  padding-bottom: 6px;
}
.form-wrap .form-inner .form-item .label-wrap .input-label {
  color: #4d4d4d;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.4px;
  white-space: nowrap;
  position: relative;
}
.form-wrap .form-inner .form-item .label-wrap .input-label > span {
  display: inline-block;
  font-size: 0;
  height: 0;
}
.form-wrap .form-inner .form-item .label-wrap .input-label > span::after {
  content: "*";
  display: inline-block;
  color: #006477;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.4px;
  padding-left: 2px;
}
.form-wrap .form-inner .form-item .input-wrap {
  width: 100%;
  position: relative;
}
.form-wrap .form-inner .form-item + .form-item {
  margin-top: 21px;
}
.form-wrap .form-inner .form-item + .form-item.file-wrap {
  margin-top: 16px;
}
.form-wrap .form-inner .form-item.file-wrap .label-wrap .input-label {
  color: #4d4d4d;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.4px;
}
.form-wrap .form-inner .form-item .common-btn-center {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.form-wrap .form-inner .flex-sample-1 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.form-wrap + .form-wrap {
  margin-top: 41px;
}

.common-input-1 {
  width: 100%;
  border-radius: 6px;
  border: 1px solid var(--Stroke-medium-02, #ddd);
  background: var(--Primary-3, #fff);
  padding: 11px 15px;
  position: relative;
  transition: 0.3s;
  color: var(--Gray-1, #000);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
}
.common-input-1::-moz-placeholder {
  color: var(--Gray-4, #666);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
}
.common-input-1::placeholder {
  color: var(--Gray-4, #666);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
}
.common-input-1:focus {
  border-color: var(--Gray-1, #000);
}

.common-selectbox-1 {
  width: 100%;
  position: relative;
}
.common-selectbox-1 .button {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  white-space: nowrap;
  width: 100%;
  position: relative;
  padding: 13px 30px 13px 15px;
  border-radius: 6px;
  border: 1px solid var(--Stroke-medium-02, #ddd);
  background: var(--Primary-3, #fff);
  color: var(--Gray-4, #666);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  text-align: left;
}
.common-selectbox-1 .button.star span {
  position: relative;
}
.common-selectbox-1 .button.star span::before {
  content: "*";
  display: block;
  color: #db2a3a;
  font-size: 14px;
  font-weight: 450;
  line-height: 100%;
  letter-spacing: 0.28px;
  position: absolute;
  top: 1px;
  right: -8px;
}
.common-selectbox-1 .button::after {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6.175 6.91406L10 10.7307L13.825 6.91406L15 8.08906L10 13.0891L5 8.08906L6.175 6.91406Z' fill='%23888888'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  transition: 0.3s;
}
.common-selectbox-1 .list {
  display: none;
  width: 100%;
  position: absolute;
  left: 0;
  top: 35px;
  padding: 4px 0 8px;
  z-index: 2;
  background: #fff;
  border-radius: 0 0 8px 8px;
  border: 1px solid var(--Gray-1, #000);
  border-top: 0;
  overflow: hidden;
}
.common-selectbox-1 .list li + li {
  margin-top: 8px;
}
.common-selectbox-1 .list li button {
  width: 100%;
  position: relative;
  padding: 5px 16px;
  overflow: hidden;
  color: var(--Gray-1, #000);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  text-align: left;
}
.common-selectbox-1 .list li:hover button {
  opacity: 0.7;
}
.common-selectbox-1 .list li.is-active button {
  padding: 5px 40px 5px 16px;
}
.common-selectbox-1 .list li.is-active button::after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M6.5968 11.9062L3.4693 8.77869L2.4043 9.83619L6.5968 14.0287L15.5968 5.02869L14.5393 3.97119L6.5968 11.9062Z' fill='%23888888'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 45%;
  right: 15px;
  transform: translateY(-50%);
}
.common-selectbox-1.is-active .button {
  border: 1px solid var(--Gray-1, #000);
  border-bottom-color: transparent;
  border-radius: 8px 8px 0 0;
  color: var(--Gray-1, #000);
}
.common-selectbox-1.is-active .button::after {
  transform: translateY(-50%) rotate(180deg);
}
.common-selectbox-1.is-active .list {
  display: block;
}
.common-selectbox-1.font .button {
  color: #4d4d4d;
}
.common-selectbox-1.disabled .button {
  background: #fff;
  color: #757573;
  pointer-events: none;
  border-radius: 8px;
  border: 1px solid #ccc;
}
.common-selectbox-1.disabled .button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.41 8.29492L12 12.8749L16.59 8.29492L18 9.70492L12 15.7049L6 9.70492L7.41 8.29492Z' fill='%23757573'/%3E%3C/svg%3E");
}
.common-selectbox-1.disabled.is-active .list {
  display: none;
}
.common-selectbox-1.error .button {
  border: 1px solid #d6131b;
  background: #fff;
}
.common-selectbox-1.error .list {
  border: 1px solid #d6131b;
  border-top: 0;
}

.common-selectbox-2 {
  width: 100%;
  position: relative;
}
.common-selectbox-2 .button {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  white-space: nowrap;
  width: 100%;
  height: 40px;
  position: relative;
  padding: 10px 15px;
  border-radius: 6px;
  border: 1px solid var(--Stroke-medium-02, #ddd);
  background: var(--Primary-3, #fff);
  color: #666;
  font-size: 14px;
  text-align: left;
  font-weight: 400;
  line-height: 100%;
}
.common-selectbox-2 .button::after {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6.175 6.9126L10 10.7293L13.825 6.9126L15 8.0876L10 13.0876L5 8.0876L6.175 6.9126Z' fill='%23888888'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
}
.common-selectbox-2 .list {
  display: none;
  width: 100%;
  position: absolute;
  left: 0;
  top: 35px;
  padding-top: 4px;
  z-index: 2;
  background: #fff;
  border: 1px solid #ddd;
  border-top: 0;
  overflow: hidden;
}
.common-selectbox-2 .list li button {
  width: 100%;
  position: relative;
  padding: 5px 15px;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-align: left;
  margin: 0 0 8px 0;
}
.common-selectbox-2 .list li:hover button {
  color: #4d4d4d;
}
.common-selectbox-2 .list li.is-active button::after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M6.5968 11.9062L3.4693 8.77869L2.4043 9.83619L6.5968 14.0287L15.5968 5.02869L14.5393 3.97119L6.5968 11.9062Z' fill='%23888888'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}
.common-selectbox-2.is-active .button {
  outline: 1px solid #24a5ce;
  border-bottom-color: transparent;
  color: #000;
}
.common-selectbox-2.is-active .button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.41 15.7049L12 11.1249L16.59 15.7049L18 14.2949L12 8.29492L6 14.2949L7.41 15.7049Z' fill='%23444444'/%3E%3C/svg%3E");
  transform: translateY(-50%) rotate(0) !important;
}
.common-selectbox-2.is-active .list {
  display: block;
  overflow: visible;
}
.common-selectbox-2.is-active .list li.is-active button::after {
  opacity: 1;
}
.common-selectbox-2.is-active .list button {
  position: relative;
  z-index: 10;
}
.common-selectbox-2.is-active .list button::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M6.5968 11.9062L3.4693 8.77869L2.4043 9.83619L6.5968 14.0287L15.5968 5.02869L14.5393 3.97119L6.5968 11.9062Z' fill='%23888888'/%3E%3C/svg%3E");
  width: 18px;
  height: 18px;
  opacity: 0;
  transition: opacity 0.4s;
}
.common-selectbox-2.is-active .list button:hover::after {
  opacity: 1;
}
.common-selectbox-2.is-active .list::after {
  content: "";
  display: block;
  border: 1px solid #24a5ce;
  border-top: 0;
  position: absolute;
  top: 0;
  left: -2px;
  right: -2px;
  bottom: -2px;
}
.common-selectbox-2.is-selected {
  outline: 1px solid #000;
}
.common-selectbox-2.is-selected .button {
  color: #000;
}
.common-selectbox-2.is-selected .button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.41 15.7049L12 11.1249L16.59 15.7049L18 14.2949L12 8.29492L6 14.2949L7.41 15.7049Z' fill='%23444444'/%3E%3C/svg%3E");
  transform: translateY(-50%) rotate(180deg);
}
.common-selectbox-2.disabled .button {
  color: #aaa;
  pointer-events: none;
  border: 1px solid var(--Stroke-medium-02, #ddd);
  background: var(--color-Backgrounds-controlItemBgHover, #f5f5f5);
}
.common-selectbox-2.disabled .button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6.175 6.91248L10 10.7291L13.825 6.91248L15 8.08748L10 13.0875L5 8.08748L6.175 6.91248Z' fill='%23AAAAAA'/%3E%3C/svg%3E");
}
.common-selectbox-2.disabled.is-active .list {
  display: none;
}
.common-selectbox-2.error .button {
  border: 1px solid var(--Theme-4, #d6131b);
  background: var(--Primary-3, #fff);
}
.common-selectbox-2.error.is-active .button {
  border: 0;
}
.common-selectbox-3 {
  position: relative;
  flex: 1 1 0%;
}
.common-selectbox-3 .button {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-family: Pretendard;
  white-space: nowrap;
  width: 100%;
  height: 40px;
  position: relative;
  padding: 10px 15px;
  border-radius: 6px;
  border: 1px solid var(--Stroke-medium-02, #ddd);
  background: var(--Primary-3, #fff);
  color: #666;
  font-size: 14px;
  text-align: left;
  font-weight: 400;
  line-height: 100%;
}
.common-selectbox-3 .button::after {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6.175 6.9126L10 10.7293L13.825 6.9126L15 8.0876L10 13.0876L5 8.0876L6.175 6.9126Z' fill='%23888888'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
}
.common-selectbox-3 .list {
  display: none;
  width: 100%;
  position: absolute;
  left: 0;
  top: 35px;
  padding-top: 4px;
  z-index: 2;
  background: #fff;
  border: 1px solid #ddd;
  border-top: 0;
  overflow: hidden;
}
.common-selectbox-3 .list li button {
  width: 100%;
  position: relative;
  padding: 5px 15px;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-align: left;
  margin: 0 0 8px 0;
}
.common-selectbox-3 .list li:hover button {
  color: #4d4d4d;
}
.common-selectbox-3 .list li.is-active button::after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M6.5968 11.9062L3.4693 8.77869L2.4043 9.83619L6.5968 14.0287L15.5968 5.02869L14.5393 3.97119L6.5968 11.9062Z' fill='%23888888'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}
.common-selectbox-3.is-active .button {
  outline: 1px solid #000;
  border-bottom-color: transparent;
  color: #000;
}
.common-selectbox-3.is-active .button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.41 15.7049L12 11.1249L16.59 15.7049L18 14.2949L12 8.29492L6 14.2949L7.41 15.7049Z' fill='%23444444'/%3E%3C/svg%3E");
  transform: translateY(-50%) rotate(0) !important;
}
.common-selectbox-3.is-active .list {
  display: block;
  overflow: visible;
}
.common-selectbox-3.is-active .list li.is-active button::after {
  opacity: 1;
}
.common-selectbox-3.is-active .list button {
  position: relative;
  z-index: 10;
}
.common-selectbox-3.is-active .list button::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M6.5968 11.9062L3.4693 8.77869L2.4043 9.83619L6.5968 14.0287L15.5968 5.02869L14.5393 3.97119L6.5968 11.9062Z' fill='%23888888'/%3E%3C/svg%3E");
  width: 18px;
  height: 18px;
  opacity: 0;
  transition: opacity 0.4s;
}
.common-selectbox-3.is-active .list button:hover::after {
  opacity: 1;
}
.common-selectbox-3.is-active .list::after {
  content: "";
  display: block;
  border: 1px solid #000;
  border-top: 0;
  position: absolute;
  top: 0;
  left: -2px;
  right: -2px;
  bottom: -2px;
  border-radius: 0 0 6px 6px;
}
.common-selectbox-3.is-selected .button {
  color: #000;
}
.common-selectbox-3.is-selected .button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.41 15.7049L12 11.1249L16.59 15.7049L18 14.2949L12 8.29492L6 14.2949L7.41 15.7049Z' fill='%23444444'/%3E%3C/svg%3E");
  transform: translateY(-50%) rotate(180deg);
}
.common-selectbox-3.disabled .button {
  color: #aaa;
  pointer-events: none;
  border: 1px solid var(--Stroke-medium-02, #ddd);
  background: var(--color-Backgrounds-controlItemBgHover, #f5f5f5);
}
.common-selectbox-3.disabled .button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6.175 6.91248L10 10.7291L13.825 6.91248L15 8.08748L10 13.0875L5 8.08748L6.175 6.91248Z' fill='%23AAAAAA'/%3E%3C/svg%3E");
}
.common-selectbox-3.disabled.is-active .list {
  display: none;
}
.common-selectbox-3.error .button {
  border: 1px solid var(--Theme-4, #d6131b);
  background: var(--Primary-3, #fff);
}
.common-selectbox-3.error.is-active .button {
  border: 0;
}
.common-checkDate {
  position: relative;
  border-radius: 8px;
  border: 1px solid var(--Stroke-medium-02, #dadce0);
  background: var(--BG-9, #f6f6f6);
  padding: 15px 17px;
  margin: 0 18px;
}
.common-checkDate .flex {
  width: 100%;
  position: relative;
  display: flex;
  margin-bottom: 13px;
  gap: 10px;
}
.common-checkDate .flex .form-item {
  width: 100%;
  position: relative;
}
.common-checkDate .flex .form-item .label {
  display: block;
  color: var(--Font-dark, #000);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.42px;
  padding: 0 10px 4px;
}
.common-checkDate .flex .form-item .input-wrap {
  width: 100%;
  position: relative;
}
.common-checkDate .flex .form-item .input-wrap::after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(https://binishop.iwinv.net/sample/13/static/images/icon/check_in.svg) no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
}
.common-checkDate .common-btnSA {
  width: 100%;
  position: relative;
  flex-wrap: wrap;
}
.common-checkDate .common-btnSA .label {
  display: block;
  width: 100%;
  padding: 0 10px 10px;
  color: var(--Gray-3, #333);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
}
.common-checkDate .common-btnSA .inner {
  width: 100%;
  position: relative;
}
.common-checkDate .common-btnSA .inner .btn {
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
}
.common-checkDate .common-btnSA .inner .btn.btn_subtract {
  left: 15px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M15.8334 10.8346H4.16675V9.16797H15.8334V10.8346Z' fill='%23888888'/%3E%3C/svg%3E");
}
.common-checkDate .common-btnSA .inner .btn.btn_add {
  right: 15px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M15.8334 10.8346H10.8334V15.8346H9.16675V10.8346H4.16675V9.16797H9.16675V4.16797H10.8334V9.16797H15.8334V10.8346Z' fill='%23888888'/%3E%3C/svg%3E");
}
.common-checkDate .common-btnSA .inner .number {
  width: 100%;
  color: var(--Gray-4, #666);
  text-align: center;
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  padding: 11px 40px;
}

.common-paging {
  width: 100%;
  padding: 60px 0 0;
}
.common-paging .mobile-paging {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.common-paging .mobile-paging .more-btn {
  display: inline-block;
  min-height: 41px;
  padding: 0 46px;
  border-radius: 999px;
  border: 2px solid #006477;
  color: #006477;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.4px;
}
.common-paging ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
}
.common-paging ul li a {
  justify-content: center;
  align-items: center;
  display: flex;
  border: 0;
  width: 42px;
  height: 42px;
  transition: background 0.4s;
  border-radius: 999px;
  color: #666;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}
.common-paging ul li a:hover, .common-paging ul li a.is-active {
  background: #323334;
  color: #fff;
}
.common-paging ul li a.btn-first, .common-paging ul li a.btn-last, .common-paging ul li a.btn-prev, .common-paging ul li a.btn-next {
  width: 24px;
  height: 24px;
  position: relative;
  top: -1px;
}
.common-paging ul li a.btn-first:hover, .common-paging ul li a.btn-last:hover, .common-paging ul li a.btn-prev:hover, .common-paging ul li a.btn-next:hover {
  background-color: transparent;
}
.common-paging ul li a.btn-first, .common-paging ul li a.btn-last {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M17.59 18L19 16.59L14.42 12L19 7.41L17.59 6L11.59 12L17.59 18Z' fill='%23999999'/%3E%3Cpath d='M11 18L12.41 16.59L7.83 12L12.41 7.41L11 6L5 12L11 18Z' fill='%23999999'/%3E%3C/svg%3E");
}
.common-paging ul li a.btn-first {
  margin-right: 3px;
}
.common-paging ul li a.btn-last {
  margin-left: 3px;
}
.common-paging ul li a.btn-last {
  transform: rotate(-180deg);
}
.common-paging ul li a.btn-prev, .common-paging ul li a.btn-next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='16' viewBox='0 0 22 16' fill='none'%3E%3Cpath d='M12.9433 2.39008L17.3189 6.77786H0V9.2223H17.3189L12.9311 13.6101L14.6667 15.3334L22 8.00008L14.6667 0.666748L12.9433 2.39008Z' fill='%23222222'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
}
.common-paging ul li a.btn-prev.not, .common-paging ul li a.btn-next.not {
  opacity: 0.3;
  pointer-events: none;
}
.common-paging ul li a.btn-prev {
  left: -2px;
  transform: rotate(180deg);
}
.common-paging ul li a.btn-next {
  right: -2px;
}
.common-paging.type-2 ul {
  gap: 0;
}
.common-paging.type-2 ul li a {
  color: var(--Font-medium, #666);
  font-family: Gibson;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  font-family: Pretendard;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid var(--Stroke-medium-01, #ddd);
  width: 30px;
  height: 30px;
  padding: 0;
  margin: 0 3px;
}
.common-paging.type-2 ul li a:not(.btn-first):not(.btn-prev):not(.btn-next):not(.btn-last):hover {
  color: var(--Gray-2, #fff);
  background: var(--Primary-1, #323334);
  border: 1px solid #323334;
}
.common-paging.type-2 ul li a.is-active {
  color: var(--Gray-2, #fff);
  background: var(--Primary-1, #323334);
  border: 1px solid #323334;
}
.common-paging.type-2 ul li a.btn-first, .common-paging.type-2 ul li a.btn-last, .common-paging.type-2 ul li a.btn-prev, .common-paging.type-2 ul li a.btn-next {
  width: 30px;
  height: 30px;
  position: relative;
  top: 0;
  background-position: center;
  margin: 0;
  padding: 0;
  transform: rotate(0);
  margin: 0 4px;
  left: 0;
  right: 0;
}
.common-paging.type-2 ul li a.btn-first::after, .common-paging.type-2 ul li a.btn-last::after, .common-paging.type-2 ul li a.btn-prev::after, .common-paging.type-2 ul li a.btn-next::after {
  content: "";
  display: block;
  opacity: 0.5;
  background-color: #fff;
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
}
.common-paging.type-2 ul li a.btn-first:hover::after, .common-paging.type-2 ul li a.btn-last:hover::after, .common-paging.type-2 ul li a.btn-prev:hover::after, .common-paging.type-2 ul li a.btn-next:hover::after {
  opacity: 0;
}
.common-paging.type-2 ul li a.btn-first, .common-paging.type-2 ul li a.btn-last {
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/btn/btn_paging_start.png");
}
.common-paging.type-2 ul li a.btn-prev, .common-paging.type-2 ul li a.btn-next {
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/btn/btn_paging_prev.png");
}
.common-paging.type-2 ul li a.btn-next {
  transform: rotate(180deg);
}
.common-paging.type-2 ul li a.btn-last {
  transform: rotate(180deg);
}

.common-textarea {
  width: 100%;
  min-height: 298px;
  position: relative;
  border-radius: 12px;
  border: 1px solid #d5d5d5;
  padding: 12px;
  color: #4d4d4d;
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 0.4px;
}
.common-textarea::-moz-placeholder {
  color: var(--Gray-5, #888);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%; /* 21px */
}
.common-textarea::placeholder {
  color: var(--Gray-5, #888);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%; /* 21px */
}
.common-textarea:focus {
  color: #4d4d4d;
  border: 1px solid #000;
}
.common-textarea.error {
  background: #fafafa;
  border: 1px solid #006477;
  color: #006477;
}
.common-textarea.error::-moz-placeholder {
  color: #006477;
}
.common-textarea.error::placeholder {
  color: #006477;
}

.common-tab {
  width: 100%;
  position: relative;
}
.common-tab.padding-top-1 {
  padding-top: 40px;
}
.common-tab.margin-top-1 {
  margin-top: -20px;
}
.common-tab > ul {
  display: flex;
  align-items: center;
}
.common-tab.type-1 > ul > li .btn {
  color: #ddd;
  font-size: 22px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.4px;
}
.common-tab.type-1 > ul > li.is-active .btn {
  color: #4d4d4d;
}
.common-tab.type-1 > ul > li + li {
  margin-left: 20px;
}
.common-tab.type-2 ul li .btn {
  border-radius: 999px;
  background: #f5f5f5;
  width: -moz-fit-content;
  width: fit-content;
  height: 34px;
  padding: 8px 20px;
  color: #4d4d4d;
  font-size: 14px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0.28px;
  display: block;
}
.common-tab.type-2 ul li .btn span {
  font-size: 12px;
}
.common-tab.type-2 ul li.is-active .btn {
  background: #006477;
  color: #fff;
}
.common-tab.type-2 ul li + li {
  margin-left: 12px;
}
.common-tab.type-3 ul li {
  margin-right: 8px;
}
.common-tab.type-3 ul li .btn {
  color: #ddd;
  font-size: 22px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.4px;
}
.common-tab.type-3 ul li .btn:hover {
  cursor: pointer;
}
.common-tab.type-3 ul li .btn span {
  font-size: 12px;
}
.common-tab.type-3 ul li.is-active .btn {
  color: var(--Primary-04, #4d4d4d);
  font-size: 22px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.4px;
}
.common-tab.type-3 ul li.is-active .btn span {
  display: inline-block;
  font-size: 16px;
}
.common-tab.type-3 ul li + li {
  margin-left: 12px;
}
.common-tab + .box-top-search {
  margin-top: 40px;
}

.box-radio {
  display: flex;
}
.box-radio .radioitem {
  flex: 0 0 auto;
}
.box-radio .radioitem label {
  display: block;
}
.box-radio .radioitem label span {
  position: relative;
  display: block;
  padding: 10px 20px 10px 16px;
  margin-left: 10px;
  color: var(--Gray-4, #666);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%; /* 21px */
}
.box-radio .radioitem label span:after {
  content: "";
  display: block;
  width: 18px;
  height: 19px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-10px, -50%);
  background-repeat: no-repeat;
  background-size: auto;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M9 1.5C4.86 1.5 1.5 4.86 1.5 9C1.5 13.14 4.86 16.5 9 16.5C13.14 16.5 16.5 13.14 16.5 9C16.5 4.86 13.14 1.5 9 1.5ZM9 15C5.685 15 3 12.315 3 9C3 5.685 5.685 3 9 3C12.315 3 15 5.685 15 9C15 12.315 12.315 15 9 15Z' fill='%23666666'/%3E%3C/svg%3E");
  background-color: #fff;
}
.box-radio .radioitem input {
  display: none;
}
.box-radio .radioitem input:checked + span:after {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='2' width='14' height='14' rx='7' fill='black'/%3E%3Crect x='6' y='6' width='6' height='6' rx='3' fill='white'/%3E%3C/svg%3E%0A");
}
.box-radio .radioitem input:checked:disabled + span {
  color: #999;
}
.box-radio .radioitem input:checked:disabled + span:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Crect x='2.5' y='2.5' width='15' height='15' rx='7.5' fill='%23F2F2F2' stroke='%23BBBBBB'/%3E%3Crect x='7' y='7' width='6' height='6' rx='3' fill='%23BBBBBB'/%3E%3C/svg%3E");
}
.box-radio .radioitem input:disabled + span {
  color: #999;
}
.box-radio .radioitem input:disabled + span:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Crect x='2.5' y='2.5' width='15' height='15' rx='7.5' fill='%23F2F2F2' stroke='%23BBBBBB'/%3E%3C/svg%3E");
}

.box-check {
  display: flex;
}
.box-check .checkitem {
  flex: 0 0 auto;
}
.box-check .checkitem label {
  display: block;
}
.box-check .checkitem label span {
  position: relative;
  padding: 10px 31px 10px 31px;
  display: block;
  margin: 10px;
  border-radius: 4px;
  color: #222;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.72px;
}
.box-check .checkitem label span strong {
  color: #006477;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.4px;
  padding-right: 4px;
}
.box-check .checkitem label span:after {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_ck.svg");
}
.box-check .checkitem input {
  display: none;
}
.box-check .checkitem input:checked + span:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M7.99992 27.1666H23.9999C25.7494 27.1666 27.1666 25.7494 27.1666 23.9999V7.99992C27.1666 6.25044 25.7494 4.83325 23.9999 4.83325H7.99992C6.25044 4.83325 4.83325 6.25044 4.83325 7.99992V23.9999C4.83325 25.7494 6.25044 27.1666 7.99992 27.1666Z' fill='%23EF2853' stroke='%23EF2853' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.3334 12.4443L14.6667 19.111L10.6667 15.111' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.box-check .checkitem input:disabled + span {
  color: #999;
}
.box-check .checkitem input:disabled + span::after {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14.4' height='14.4' transform='translate(4.80078 4.80005)' fill='%23CCCCCC'/%3E%3Cpath d='M19 5V19H5V5H19ZM19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3Z' fill='%23999999'/%3E%3C/svg%3E%0A");
}
.box-check .checkitem input:disabled:checked + span::after {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14.4' height='14.4' transform='translate(4.80078 4.80005)' fill='%23CCCCCC'/%3E%3Cpath d='M19 5V19H5V5H19ZM19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3Z' fill='%23999999'/%3E%3Cpath d='M10.1306 14.2604L8.10641 12.2362C7.87891 12.0087 7.51141 12.0087 7.28391 12.2362C7.05641 12.4637 7.05641 12.8312 7.28391 13.0587L9.72224 15.4971C9.94974 15.7246 10.3172 15.7246 10.5447 15.4971L16.7164 9.3254C16.9439 9.0979 16.9439 8.7304 16.7164 8.5029C16.4889 8.2754 16.1214 8.2754 15.8939 8.5029L10.1306 14.2604Z' fill='%23999999'/%3E%3C/svg%3E%0A");
}
.box-check.type-2 {
  justify-content: flex-end;
  border-bottom: 1px solid #ddd;
}
.box-check.type-2 .checkitem label span {
  border-radius: 0;
  color: var(--Font-medium, #666);
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 12px */
  letter-spacing: -0.02em;
  padding: 13px 10px 13px 27px;
}
.box-check.type-2 .checkitem label span:after {
  width: 24px;
  height: 24px;
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_ck_off.svg");
}
.box-check.type-2 .checkitem input {
  display: none;
}
.box-check.type-2 .checkitem input:checked + span:after {
  background-image: url(https://binishop.iwinv.net/sample/13/static/images/icon/icon_ck_on.svg);
}
.box-check.type-2 .checkitem input:disabled + span::after {
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/btn/btn_check_disa.svg");
}
.box-check.type-2 .checkitem input:disabled:checked + span::after {
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/btn/btn_check_disa_on.svg");
}
.box-check.type-3 {
  justify-content: flex-start;
  border-bottom: 1px solid #ddd;
}
.box-check.type-3 .checkitem {
  flex: 1;
}
.box-check.type-3 .checkitem label span {
  border-radius: 0;
  color: var(--Font-dark, #000);
  /* Title/sm 02 02 */
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 16px */
  letter-spacing: -0.48px;
  text-transform: uppercase;
  padding: 18px 10px 13px 0;
  margin-left: 0;
}
.box-check.type-3 .checkitem label span:after {
  left: auto;
  right: 0;
  width: 32px;
  height: 33px;
  background-image: url(https://binishop.iwinv.net/sample/13/static/images/btn/btn_ck_off.svg);
}
.box-check.type-3 .checkitem input {
  display: none;
}
.box-check.type-3 .checkitem input:checked + span:after {
  width: 32px;
  height: 33px;
  background-image: url(https://binishop.iwinv.net/sample/13/static/images/btn/btn_ck_on.svg);
}
.box-check.type-3 .checkitem input:disabled + span::after {
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/btn/btn_check_disa.svg");
}
.box-check.type-3 .checkitem input:disabled:checked + span::after {
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/btn/btn_check_disa_on.svg");
}

.window-cursor {
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  transition: opacity 0.3s, width 0.3s, height 0.3s;
  z-index: 4000;
  width: 118px;
  height: 88px;
  display: none;
}
.window-cursor.is-prev .btn-prev {
  opacity: 1;
}
.window-cursor.is-next .btn-next {
  opacity: 1;
}
.window-cursor .btn-prev,
.window-cursor .btn-next {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity, transform 0.4s;
}
.window-cursor.program-cursor {
  opacity: 0;
  width: 88px;
  height: 88px;
}
.window-cursor.program-cursor.is-active {
  opacity: 1;
}
.window-cursor.vndrud-cursor {
  width: 88px;
  height: 88px;
}
.window-cursor.vndrud-cursor img {
  opacity: 0;
  will-change: opacity;
}
.window-cursor.vndrud-cursor.is-active img {
  opacity: 1;
}

body.main .box-header .inner .box-depth1 {
  display: none;
}

.box-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  transition: 0.6s transform, 0.4s padding-bottom, 0.3s background-color;
  will-change: auto;
}
.box-header .inner .flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 18px;
  position: relative;
  margin: 0;
}
.box-header .inner .flex .etc-sns {
  display: none;
}
.box-header .inner .flex .etc {
  display: none;
}
.box-header .inner .flex h1 a {
  height: 24px;
  width: 56px;
  display: block;
  background-image: url(https://binishop.iwinv.net/sample/13/static/images/logo/logo_h1.png);
  background-size: 56px auto;
  background-position: center;
  background-repeat: no-repeat;
  transition: filter 0.4s;
}
.box-header .inner .flex .box-menu {
  transition: all 0.4s;
}
.box-header .inner .flex .box-menu .menu {
  width: 17px;
  height: 22px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 4px 0;
  margin: 0 2px 0 0;
}
.box-header .inner .flex .box-menu .menu > span {
  background-color: #fff;
  height: 2px;
  transition: background-color 0.4s;
}
.box-header .inner .box-gnb {
  display: none;
  position: relative;
  padding: 0 16px;
  transition: all 0.1s;
  overflow: hidden;
  height: auto;
}
.box-header .inner .box-gnb .swiper-wrapper {
  display: flex;
}
.box-header .inner .box-gnb .swiper-wrapper .swiper-slide {
  width: -moz-fit-content;
  width: fit-content;
}
.box-header .inner .box-gnb .swiper-wrapper .swiper-slide > a {
  display: block;
  padding: 12px 15px;
  color: var(--Gray-2, #222);
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 100%; /* 12px */
  letter-spacing: -0.48px;
  position: relative;
}
.box-header .inner .box-gnb .box-2depth {
  display: none;
}
.box-header .inner .box-sub-title {
  display: none;
}

.box-header.down-scroll {
  transform: translateY(-100%);
}
.box-header.ing-scroll {
  border-bottom: 1px solid var(--Stroke-list, #ddd);
  background: var(--Material-bg, rgba(255, 255, 255, 0.9));
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
}
.box-header.ing-scroll .inner .flex h1 a {
  filter: brightness(0%); /* 검은색 */
}
.box-header.ing-scroll .inner .flex .box-menu .menu > span {
  background-color: #000;
}

body:not(.main) .box-header {
  background: var(--Primary-1, #fff);
}
body:not(.main) .box-header .inner .flex h1 a {
  filter: brightness(0%); /* 검은색 */
}
body:not(.main) .box-header .inner .flex .box-menu .menu > span {
  background-color: #000;
}
body:not(.main) .box-header.ing-scroll {
  border-bottom: 1px solid var(--Stroke-list, #ddd);
  background: var(--Material-bg, rgba(255, 255, 255, 0.9));
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
}
body:not(.main) .box-header.ing-scroll .inner .flex h1 a {
  filter: brightness(0%); /* 검은색 */
}
body:not(.main) .box-header.ing-scroll .inner .flex .box-menu .menu > span {
  background-color: #000;
}
body:not(.main) .box-header.no-menu {
  background: var(--Primary-3, #fff);
}
body:not(.main) .box-header.no-menu .inner {
  padding: 0;
}
body:not(.main) .box-header.no-menu .inner .flex {
  margin: 0;
  justify-content: flex-end;
}
body:not(.main) .box-header.no-menu .inner .flex h1,
body:not(.main) .box-header.no-menu .inner .flex .etc {
  display: none;
}
body:not(.main) .box-header.no-menu .inner .flex .box-menu .menu span {
  background-color: #000;
}
body:not(.main) .box-header.no-menu .inner .box-depth1 {
  display: none;
}
body:not(.main) .box-header.no-menu .inner .box-sub-title {
  display: block;
  position: absolute;
  top: 11px;
  left: 9px;
}
body:not(.main) .box-header.no-menu .inner .box-sub-title .sub-flex {
  display: flex;
  align-items: center;
  gap: 4px;
}
body:not(.main) .box-header.no-menu .inner .box-sub-title .sub-flex .btn-prev {
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/btn/btn_prev.svg");
  background-position: center;
  background-repeat: no-repeat;
  width: 21px;
  height: 22px;
  padding: 21px 18px;
}
body:not(.main) .box-header.no-menu .inner .box-sub-title .sub-flex h3 {
  overflow: hidden;
  color: var(--Gray-2, #222);
  font-size: 13px;
  font-weight: 600;
  line-height: 100%; /* 13px */
  letter-spacing: -0.52px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: none;
}
body:not(.main) .box-header.no-menu.up-scroll {
  border-bottom: 1px solid var(--Stroke-list, #ddd);
  background: var(--Material-bg, rgba(255, 255, 255, 0.9));
  /* Material Blur */
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
}

body:not(.main) .box-header.dark {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
}
body:not(.main) .box-header.dark.ing-scroll {
  background: var(--Material-bg, rgba(255, 255, 255, 0.9));
  /* Material Blur */
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
}
body:not(.main) .box-header.dark.ing-scroll .inner .flex h1 a {
  filter: brightness(0%);
}
body:not(.main) .box-header.dark.ing-scroll .inner .flex .box-menu .menu > span {
  background-color: #000;
}
body:not(.main) .box-header.dark .inner .flex h1 a {
  filter: brightness(100%);
}
body:not(.main) .box-header.dark .inner .flex .box-menu .menu > span {
  background-color: #fff;
}

.box-header .box-depth1 {
  border-top: 1px solid var(--Stroke-light, #ddd);
  border-bottom: 1px solid #ddd;
}
.box-header .box-depth1 .depth1-title {
  display: flex;
  padding: 18px 0;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
}
.box-header .box-depth1 .depth1-title span {
  position: relative;
  color: var(--Gray-2, #222);
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%; /* 13px */
  letter-spacing: -0.52px;
  padding-right: 27px;
}
.box-header .box-depth1 .depth1-title span::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  transition: all 0.4s;
  background-position: center;
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cg clip-path='url(%23clip0_3236_57047)'%3E%3Cmask id='path-1-inside-1_3236_57047' fill='white'%3E%3Cpath d='M7.5 0.5L12.4497 5.44975L7.5 10.3995L2.55025 5.44975L7.5 0.5Z'/%3E%3C/mask%3E%3Cpath d='M7.5 10.3995L6.43934 11.4602L7.5 12.5208L8.56066 11.4602L7.5 10.3995ZM11.3891 4.38909L6.43934 9.33884L8.56066 11.4602L13.5104 6.51041L11.3891 4.38909ZM8.56066 9.33884L3.61091 4.38909L1.48959 6.51041L6.43934 11.4602L8.56066 9.33884Z' fill='%23222222' mask='url(%23path-1-inside-1_3236_57047)'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3236_57047'%3E%3Crect width='14' height='14' fill='white' transform='translate(0.5 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.box-header .box-depth1 .menu-list {
  height: 0;
  overflow: hidden;
  transition: height 0.4s ease-out;
}
.box-header .box-depth1 .menu-list ul {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 10px;
  padding: 0 20px 20px;
}
.box-header .box-depth1 .menu-list ul li a {
  display: block;
  padding: 12px 0;
  border-bottom: 1px solid var(--transparent-b-8, rgba(0, 0, 0, 0.08));
  color: var(--Gray-4, #666);
  font-size: 13px;
  font-weight: 600;
  line-height: 100%; /* 12px */
  letter-spacing: -0.48px;
}
.box-header .box-depth1 .menu-list ul li a.is-active {
  color: var(--Gray-1, #000);
}
.box-header .box-depth1.is-active .depth1-title span::after {
  transform: translateY(-50%) rotate(180deg);
}
.box-header .box-depth1.is-active .menu-list {
  height: auto;
}

.box-header.rule .inner .box-depth1 {
  display: none;
}

.all-menu-box {
  display: flex;
  padding: 20px 18px;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  flex-shrink: 0;
  z-index: -1000;
  height: 100%;
  left: 0;
  top: 0;
  overflow: auto;
  position: fixed;
  white-space: nowrap;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s;
  background: var(--Material-bg, rgba(255, 255, 255, 0.9));
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
}
.all-menu-box h2 {
  display: none;
}
.all-menu-box .inner {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  white-space: normal;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  height: 100%;
  gap: 12px;
  margin-bottom: 60px;
  height: -moz-fit-content;
  height: fit-content;
}
.all-menu-box .inner .top-info {
  width: 100%;
}
.all-menu-box .inner .top-info .left {
  display: none;
}
.all-menu-box .inner .top-info .right {
  display: flex;
  justify-content: space-between;
}
.all-menu-box .inner .top-info .btn-reser {
  gap: 4px;
  border-radius: 999px;
  border: 1px solid var(--Stroke-dark, #808081);
  padding: 2px 11px;
  color: var(--Font-dark, #000);
  font-family: Pretendard;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.36px;
}
.all-menu-box .inner .top-info .btn-menu-close {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19.5625 4.5L4.50112 19.5614' stroke='black' stroke-width='2'/%3E%3Cpath d='M4.5625 4.5L19.6239 19.5614' stroke='black' stroke-width='2'/%3E%3C/svg%3E");
  background-size: 24px;
  display: block;
  width: 24px;
  height: 24px;
  transition: all 0.4s;
}
.all-menu-box .inner .top-info .btn-menu-close:hover {
  transform: rotate(90deg);
}
.all-menu-box .inner .top-info .btn-home {
  position: absolute;
  top: 0;
  right: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 1.3125L12.45 1.65L21.45 8.4L21.75 8.625V9V21V21.75H21H3H2.25V21V9V8.625L2.55 8.4L11.55 1.65L12 1.3125ZM3.75 9.375V20.25H20.25V9.375L12 3.1875L3.75 9.375ZM15 20.25V15.75V14.25H13.5H10.5H9V15.75V20.25H10.5V15.75H13.5V20.25H15Z' fill='black'/%3E%3C/svg%3E");
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 12px 0 0;
}
.all-menu-box .inner .menu-gap {
  height: 100%;
  width: 100%;
  padding: 24px 0 0 0;
}
.all-menu-box .inner .menu-gap .menu-list > ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.all-menu-box .inner .menu-gap .menu-list > ul > li.is-active > a::after {
  transform: translate(0, -50%) rotate(180deg);
}
.all-menu-box .inner .menu-gap .menu-list > ul > li.no-icon > a::after {
  display: none;
}
.all-menu-box .inner .menu-gap .menu-list > ul > li > a {
  color: var(--Font-dark, #000);
  font-family: Pretendard;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.72px;
  position: relative;
  display: block;
  padding: 5px 0;
}
.all-menu-box .inner .menu-gap .menu-list > ul > li > a::after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_7376_3961)'%3E%3Cmask id='path-1-inside-1_7376_3961' fill='white'%3E%3Cpath d='M10 0L17.7782 7.77817L10 15.5563L2.22183 7.77818L10 0Z'/%3E%3C/mask%3E%3Cpath d='M10 15.5563L9.01005 16.5463L10 17.5362L10.99 16.5463L10 15.5563ZM16.7882 6.78822L9.01005 14.5664L10.99 16.5463L18.7681 8.76812L16.7882 6.78822ZM10.99 14.5664L3.21178 6.78823L1.23188 8.76812L9.01005 16.5463L10.99 14.5664Z' fill='black' mask='url(%23path-1-inside-1_7376_3961)'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7376_3961'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  position: absolute;
  top: 50%;
  right: 0;
  width: 20px;
  height: 20px;
  transform: translate(0, calc(-50% - 2px));
  transition: all 0.4s;
}
.all-menu-box .inner .menu-gap .menu-list > ul > li > ul {
  display: flex;
  flex-direction: column;
  gap: 17px;
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease-out;
}
.all-menu-box .inner .menu-gap .menu-list > ul > li > ul > li a {
  color: var(--Font-dark, #000);
  font-family: Pretendard;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.45px;
  padding: 0 0 0 12px;
}
.all-menu-box .inner .menu-gap .menu-list > ul > li > ul > li a.is-active {
  color: var(--Gray-4, #000);
  font-weight: 700;
}
.all-menu-box .inner .menu-gap .menu-list > ul > li > ul > li:first-child {
  margin-top: 12px;
}
.all-menu-box .inner .menu-gap .menu-list > ul > li > ul > li:last-child {
  margin-bottom: 12px;
}
.all-menu-box .inner .menu-gap .menu-list > ul > li > ul > li > ul {
  padding: 17px 0 5px 11px;
}
.all-menu-box .inner .menu-gap .menu-list > ul > li > ul > li > ul.gap-ul-1 {
  padding-top: 0;
  margin-top: -24px;
}
.all-menu-box .inner .menu-gap .menu-list > ul > li > ul > li > ul > li + li {
  margin-top: 16px;
}
.all-menu-box .inner .menu-gap .menu-list > ul > li > ul > li > ul > li a {
  color: var(--Font-medium, #666);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%; /* 14px */
  letter-spacing: -0.42px;
}
.all-menu-box .bottom-link {
  display: block;
  text-align: center;
  width: 100%;
  padding: 0 0 41px 4px;
}
.all-menu-box .bottom-link .bottom-flex {
  display: flex;
  flex-direction: column;
}
.all-menu-box .bottom-link .bottom-flex .top,
.all-menu-box .bottom-link .bottom-flex .bottom {
  display: flex;
}
.all-menu-box .bottom-link .bottom-flex .top {
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 30px 0 48px 0;
  gap: 24px;
  margin-left: -2px;
}
.all-menu-box .bottom-link .bottom-flex .top .text {
  padding-left: 31px;
}
.all-menu-box .bottom-link .bottom-flex .bottom {
  border-top: 1px solid #e5e5e5;
  padding: 57px 0 0 0;
  gap: 20px;
}
.all-menu-box .bottom-link .bottom-flex .text {
  color: var(--Font-medium, #666);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  position: relative;
  padding: 0 0 0 26px;
}
.all-menu-box .bottom-link .bottom-flex .text::after {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 50%;
  left: 0;
  width: 24px;
  height: 24px;
  transform: translate(0, -50%);
}
.all-menu-box .bottom-link .bottom-flex .text.icon-1::after {
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_n.svg");
}
.all-menu-box .bottom-link .bottom-flex .text.icon-2::after {
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_s.svg");
}
.all-menu-box .bottom-link .bottom-flex .text.icon-3::after {
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_b.svg");
  width: 22px;
  height: 22px;
}
.all-menu-box .bottom-link .bottom-flex .text.icon-4::after {
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_in.svg");
  width: 22px;
  height: 22px;
}
.all-menu-box .bottom-link .bottom-flex .text.icon-5::after {
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_y.svg");
  width: 22px;
  height: 22px;
}
.all-menu-box.show {
  opacity: 1;
  transition-delay: 0s;
  visibility: visible;
  pointer-events: all;
  z-index: 3000;
}

.common-contentTapGap {
  margin-top: 0;
  overflow: hidden;
  padding-bottom: 151px;
  background-color: #fff;
}
.common-contentTapGap.view-gap {
  margin-top: 144px;
}

.main .common-contentTapGap {
  padding-bottom: 112px;
}

.box-footer {
  border-top: 1px solid #e5e5e5;
  background-color: #fff;
}
.box-footer .inner-footer {
  position: relative;
  padding: 36px 18px;
}
.box-footer .inner-footer .flex-top {
  display: none;
}
.box-footer .inner-footer .flex-bottom {
  display: flex;
  flex-flow: column nowrap;
  gap: 48px;
}
.box-footer .inner-footer .flex-bottom .box-rule {
  display: flex;
  flex-flow: column nowrap;
  gap: 20px;
}
.box-footer .inner-footer .flex-bottom .box-rule .text-1 {
  color: var(--Font-dark, #000);
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%; /* 16px */
  text-transform: uppercase;
  letter-spacing: -0.03em;
}
.box-footer .inner-footer .flex-bottom .box-btn {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.box-footer .inner-footer .flex-bottom .box-btn .btn-1 {
  color: var(--Font-dark, #000);
  font-family: Pretendard;
  font-size: 13px;
  font-weight: 500;
  line-height: 100%; /* 13px */
  letter-spacing: -0.39px;
  border-bottom: 1px solid var(--Stroke-Input, #d6d6db);
  position: relative;
  padding: 10px 0;
}
.box-footer .inner-footer .flex-bottom .box-btn .btn-1::after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='9.5' fill='%23F5F5F7'/%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='9.5' stroke='%23F5F5F7'/%3E%3Cpath d='M5.71875 10H13.0104' stroke='%23888888' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cmask id='path-3-inside-1_7479_24216' fill='white'%3E%3Cpath d='M14.7012 10L10.1639 14.5373L5.62664 10L10.1639 5.46273L14.7012 10Z'/%3E%3C/mask%3E%3Cpath d='M14.7012 10L15.7618 11.0607L16.8225 10L15.7618 8.93934L14.7012 10ZM13.6405 8.93934L9.10324 13.4766L11.2246 15.5979L15.7618 11.0607L13.6405 8.93934ZM9.10324 6.52339L13.6405 11.0607L15.7618 8.93934L11.2246 4.40207L9.10324 6.52339Z' fill='%23888888' mask='url(%23path-3-inside-1_7479_24216)'/%3E%3C/svg%3E");
  background-size: 20px;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 0;
  width: 20px;
  height: 20px;
}
.box-footer .inner-footer .flex-bottom .tt-1 {
  color: var(--Font-light, #999);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: -11px;
}
.box-footer .inner-footer .flex-bottom .tt-1 p {
  display: flex;
}
.box-footer .inner-footer .flex-bottom .tt-1 p + p {
  padding-top: 13px;
}
.box-footer .inner-footer .flex-bottom .tt-1 p strong {
  width: 44px;
  color: var(--Font-medium, #666);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%; /* 14px */
  padding-right: 6px;
  position: relative;
}
.box-footer .inner-footer .flex-bottom .tt-1 p strong::after {
  content: "";
  display: block;
  background-color: #dadce0;
  width: 1px;
  height: 8px;
  position: absolute;
  top: 3px;
  right: -2px;
  bottom: 0;
}
.box-footer .inner-footer .flex-bottom .tt-1 p strong.ls {
  letter-spacing: 0.24em;
}
.box-footer .inner-footer .flex-bottom .tt-1 p span {
  position: relative;
  top: -3px;
  padding-left: 8px;
  color: var(--Font-light, #999);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
}
.box-footer .inner-footer .flex-bottom .sns {
  margin-top: -25px;
  display: flex;
  flex-flow: row nowrap;
  gap: 20px;
}
.box-footer .inner-footer .flex-bottom .copy-text {
  color: var(--Gray-888888, #888);
  font-family: Gibson;
  font-size: 14px;
  font-weight: 250;
  line-height: 100%; /* 14px */
}
.box-footer .inner-footer .btn-top {
  position: absolute;
  top: -74px;
  right: 18px;
  width: 40px;
  height: 40px;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Crect x='0.5' y='0.5' width='39' height='39' rx='19.5' stroke='%23CCCCCC'/%3E%3Cpath d='M19.918 26.5527L19.918 13.5898' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cmask id='path-3-inside-1_7479_23960' fill='white'%3E%3Cpath d='M19.918 12.293L27.9842 20.3592L19.918 28.4255L11.8517 20.3592L19.918 12.293Z'/%3E%3C/mask%3E%3Cpath d='M19.918 12.293L21.3322 10.8788L19.918 9.46454L18.5038 10.8788L19.918 12.293ZM18.5038 13.7072L26.57 21.7734L29.3984 18.945L21.3322 10.8788L18.5038 13.7072ZM13.2659 21.7734L21.3322 13.7072L18.5038 10.8788L10.4375 18.945L13.2659 21.7734Z' fill='black' mask='url(%23path-3-inside-1_7479_23960)'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}

.common-swiper-control .swiper-pagination {
  display: flex;
  gap: 15px;
  margin: 0;
  padding: 0;
  justify-content: center;
  align-items: center;
  top: auto;
  bottom: auto;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
.common-swiper-control .swiper-pagination .swiper-pagination-bullet {
  opacity: 1;
  margin: 0;
  padding: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Crect x='4.5' y='4.5' width='7' height='7' rx='3.5' fill='white' fill-opacity='0.6'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 0;
  background-color: transparent;
  width: 16px;
  height: 16px;
  position: relative;
}
.common-swiper-control .swiper-pagination .swiper-pagination-bullet .svg-motion {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  stroke-width: 5px;
  stroke: #fff;
  fill: none;
  stroke-dashoffset: 0;
  transform: rotate(-90deg);
  opacity: 0;
}
.common-swiper-control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Crect x='4.5' y='4.5' width='7' height='7' rx='3.5' fill='white'/%3E%3C/svg%3E");
}
.common-swiper-control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .svg-motion {
  --progress: 0;
  stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
  stroke-dasharray: 125.6;
  transform: rotate(-90deg);
  opacity: 1;
}
.common-swiper-control.type-2 .swiper-pagination .swiper-pagination-bullet {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' viewBox='0 0 16 15' fill='none'%3E%3Crect x='4.5' y='4' width='7' height='7' rx='3.5' fill='black' fill-opacity='0.4'/%3E%3C/svg%3E");
}
.common-swiper-control.type-2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' viewBox='0 0 16 15' fill='none'%3E%3Crect x='4.5' y='4' width='7' height='7' rx='3.5' fill='%23222222'/%3E%3C/svg%3E");
}
.common-swiper-control.type-2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .svg-motion {
  stroke: #000;
}
.common-swiper-control .swiper-button-prev,
.common-swiper-control .swiper-button-next {
  opacity: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='16' viewBox='0 0 23 16' fill='none'%3E%3Cpath d='M13.4433 2.39008L17.8189 6.77786H0.5V9.2223H17.8189L13.4311 13.6101L15.1667 15.3334L22.5 8.00008L15.1667 0.666748L13.4433 2.39008Z' fill='white'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  top: auto;
  left: auto;
  right: auto;
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
}
.common-swiper-control .swiper-button-prev::after,
.common-swiper-control .swiper-button-next::after {
  content: "";
}
.common-swiper-control .swiper-button-prev {
  transform: rotate(180deg);
}
.main-layer-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2100;
  opacity: 0;
  pointer-events: none;
  transition: opacity 1s;
  will-change: opacity;
}
.main-layer-popup.video .ct{
  width:280px;
}
.main-layer-popup.is-hide {
  opacity: 0 !important;
  pointer-events: none !important;
}
.main-layer-popup.video {
  z-index: 2000;
}
.main-layer-popup.is-active {
  opacity: 1;
  pointer-events: all;
}
.main-layer-popup:hover {
  cursor: grab;
}
.main-layer-popup.video .ct{
  width:280px;
}
.main-layer-popup .inner .ct img {
  width: 100%;
  min-width: 280px;
}
.main-layer-popup .inner .ct .btn-video-cover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
}
.main-layer-popup .inner .ct .box-youtube-video {
  width: 416px;
  height: 234px;
}
.main-layer-popup .inner .btn {
  background: #1b1103;
  display: flex;
  padding: 9px 0;
  justify-content: center;
  align-items: center;
  color: var(--Primary-3, #fff);
  font-size: 12px;
  font-weight: 600;
  line-height: 100%; /* 12px */
  letter-spacing: -0.48px;
  margin-top: -1px;
}
.main-layer-popup .inner .btn-flex {
  position: relative;
  padding-right: 53px;
  background: #fff;
  border-top: 2px solid var(--Stroke-dark-medium, #7f7f7f);
}
.main-layer-popup .inner .btn-flex a {
  display: block;
  color: var(--Font-medium, #666);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 14px */
}
.main-layer-popup .inner .btn-flex a.btn-close24 {
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/btn/btn_24close.svg");
  background-position: 12px center;
  background-repeat: no-repeat;
  padding: 13px 12px 13px 41px;
}
.main-layer-popup .inner .btn-flex a.btn-close {
  width: 30px;
  height: 30px;
  padding: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/btn/btn_close_2.svg");
  background-position: center;
  background-repeat: no-repeat;
}

.mo-main-layer-dim {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--transparent-b-40, rgba(0, 0, 0, 0.4));
  opacity: 1;
  transition: all 0.4s;
  pointer-events: all;
  z-index: 1900;
  will-change: opacity;
}
.mo-main-layer-dim.is-hide {
  pointer-events: none;
  opacity: 0;
}

.common-top-type-1 .box-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
  padding: 60px 20px 48px;
}
.common-top-type-1 .box-text h2 {
  color: var(--Gray-2, #222);
  font-family: MaruBuri;
  font-size: 28px;
  font-weight: 600;
  line-height: 100%; /* 28px */
  letter-spacing: -1.12px;
}
.common-top-type-1 .box-text .sub-text-1 {
  color: var(--Gray-2, #222);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 200;
  line-height: 150%; /* 21px */
}
.common-top-type-1 .img-holder span {
  padding-top: 61%;
}
.common-top-type-1 .img-holder span::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
}

.common-top-type-2 .box-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  border-bottom: 1px solid var(--Gray-2, #222);
}
.common-top-type-2 .box-text h2 {
  color: var(--Gray-2, #222);
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  line-height: 150%; /* 33px */
  letter-spacing: -0.88px;
}

.cover-sub-height {
  position: relative;
  overflow: hidden;
  will-change: transform;
}
.cover-sub-height .cover-dim {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background: #000;
}
.cover-sub-height .common-top-kv-1 {
  position: relative;
  z-index: 2;
  will-change: transform, opacity;
}
.cover-sub-height .common-top-kv-1 .img-holder span {
  padding-top: 111%;
}
.cover-sub-height .common-top-kv-1 .img-holder span::after {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 75.77%, rgba(0, 0, 0, 0.4) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
}
.cover-sub-height .common-top-kv-1 .box-text {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  z-index: 30;
  text-align: center;
}
.cover-sub-height .common-top-kv-1 .box-text h2 {
  color: var(--Primary-1, #fff);
  font-family: Pretendard;
  font-size: 36px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -1.08px;
}
.cover-sub-height .common-top-kv-1 .box-text .text-1 {
  color: var(--Primary-1, #fff);
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.48px;
}

.common-board-title {
  display: flex;
  flex-flow: column nowrap;
  gap: 20px;
  padding: 0 18px;
  margin: 0 0 50px 0;
}
.common-board-title.text-left {
  gap: 17px;
}
.common-board-title.text-left h2,
.common-board-title.text-left h3,
.common-board-title.text-left .cnt {
  text-align: left;
}
.common-board-title .event-end {
  color: var(--Gray-7_dimed, #aaa);
  font-size: 14px;
  font-weight: 400;
  line-height: 100%; /* 14px */
  letter-spacing: -0.56px;
  text-transform: uppercase;
  margin-bottom: -20px;
}
.common-board-title h2 {
  color: var(--Font-medium, #666);
  font-family: Gibson;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: -0.05em;
}
.common-board-title h3 {
  color: var(--Font-dark, #000);
  font-family: Pretendard;
  font-size: 36px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -1.08px;
}
.common-board-title .cnt {
  text-align: center;
  color: var(--Font-medium, #666);
  font-family: Gibson;
  font-size: 13px;
  font-weight: 200;
  line-height: 100%; /* 13px */
  padding-top: 8px;
}
.common-board-title .text-new-1 {
  color: var(--Font-medium, #666);
  font-family: Pretendard;
  font-size: 12px;
  font-weight: 500;
  line-height: 100%; /* 12px */
  letter-spacing: -0.36px;
  position: relative;
  padding: 1px 9px 1px 20px;
  height: 22px;
  line-height: 1.5;
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 999px;
  border: 1px solid var(--Stroke-medium-dark, #dadce0);
  background: var(--BG-medium, #f5f5f7);
}
.common-board-title .text-new-1::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  width: 19px;
  height: 19px;
}
.common-board-title .text-new-1.icon-ing::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M6 10.625C8.55432 10.625 10.625 8.55432 10.625 6C10.625 3.44568 8.55432 1.375 6 1.375C3.44568 1.375 1.375 3.44568 1.375 6C1.375 8.55432 3.44568 10.625 6 10.625Z' stroke='%23999999' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 6.40891L4.5 5.37891' stroke='%23999999' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 6.40829L8.05499 4.86328' stroke='%23999999' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.common-board-title .text-new-1.icon-end {
  color: var(--Gray-7_dimed, #666);
}
.common-board-title .text-new-1.icon-end::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M6 10.625C8.55432 10.625 10.625 8.55432 10.625 6C10.625 3.44568 8.55432 1.375 6 1.375C3.44568 1.375 1.375 3.44568 1.375 6C1.375 8.55432 3.44568 10.625 6 10.625Z' fill='black' fill-opacity='0.6' stroke='%23999999' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 6.40891L4.5 5.37891' stroke='%23999999' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 6.40829L8.05499 4.86328' stroke='%23999999' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.common-edit {
  margin: 0 18px;
  padding: 28px 0 79px;
  border-top: 2px solid #000;
  margin-bottom: 0;
  color: var(--Font-medium-dark, #444);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: -0.42px;
}
.common-edit img{
  max-width:100%;
}
.common-edit .text-1 {
  padding: 41px 0 0;
  color: var(--Font-medium-dark, #444);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: -0.42px;
}

.box-prevNext {
  border-top: 1px solid var(--Stroke-dark-light, #d0d0d0);
  border-bottom: 1px solid var(--Stroke-dark-light, #d0d0d0);
  margin: 0 18px;
  padding: 12px 10px 12px 0;
}
.box-prevNext .flex-list {
  display: flex;
  flex-flow: row nowrap;
  padding: 13px 0;
}
.box-prevNext .flex-list .left {
  color: var(--Font-dark, #000);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.42px;
  text-transform: uppercase;
  flex: 0 0 33%;
  line-height: 1.2;
}
.box-prevNext .flex-list .right {
  color: var(--Font-medium-dark, #444);
  font-family: Pretendard;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.39px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.main-kv {
  background-color: #fff;
  left: 0;
  right: 0;
  top: 0;
  max-width: 100svh;
  height: 100svh;
  overflow: hidden;
  position: relative;
}
.main-kv .kv-slider {
  position: fixed;
  width: 100%;
  height: 100svh;
  -webkit-clip-path: none;
          clip-path: none;
  z-index: 2;
  will-change: transform;
}
.main-kv .kv-slider .swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: clip;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}
.main-kv .kv-slider .swiper .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.main-kv .kv-slider .swiper .swiper-wrapper .swiper-slide .flex {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  flex-shrink: 0;
  width: 100%;
  height: 100svh;
  position: relative;
  transition-property: transform opacity;
}
.main-kv .kv-slider .swiper .swiper-wrapper .swiper-slide .flex.mo-show {
  display: block;
}
.main-kv .kv-slider .swiper .swiper-wrapper .swiper-slide .flex.pc-show {
  display: none;
}
.main-kv .kv-slider .swiper .swiper-wrapper .swiper-slide .flex::after {
  content: "";
  display: block;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 75.77%, rgba(0, 0, 0, 0.4) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.main-kv .kv-slider .swiper .swiper-wrapper .swiper-slide .text-1 {
  position: relative;
  z-index: 1;
  color: var(--Primary-1, #fff);
  font-family: Pretendard;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.36;
  letter-spacing: -0.96px;
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 106px;
}
.main-kv .main-bottom-btn {
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  bottom: 26px;
  right: 18px;
  z-index: 600;
  background-image: url(https://binishop.iwinv.net/sample/13/static/images/btn/btn_scroll.svg);
  background-position: center;
  background-repeat: no-repeat;
  will-change: transform;
}
@keyframes arrow-up-down {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(30%);
  }
  90%, 100% {
    transform: translateY(0);
  }
}
.main-kv .common-swiper-control .progress-bar-wrap {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 137px;
  height: 2px;
  background: var(--Fills-Tertiary---Dark, rgba(118, 118, 128, 0.24));
  z-index: 2;
}
.main-kv .common-swiper-control .progress-bar-wrap .progress-bar {
  display: block;
  width: 0%;
  height: 2px;
  background-color: #fff;
}

.main-sections {
  background-color: #fff;
  opacity: 1;
  visibility: visible;
  position: relative;
  z-index: 2;
}

.bg-black {
width:100%; height:100%; background: url('https://binishop.iwinv.net/sample/13/static/images/black.jpg') repeat center top;
}

.box-main-intro {
  z-index: 4;
  will-change: auto;
  margin-bottom: -60vh;
}
.box-main-intro .flex-vh {
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 7px;
}
.box-main-intro .flex-vh .text-1,
.box-main-intro .flex-vh .text-2 {
  overflow: hidden;
  position: relative;
  height: 38px;
  width: 100vw;
}
.box-main-intro .flex-vh .text-1 .gap,
.box-main-intro .flex-vh .text-2 .gap {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin-top: 40px;
  will-change: transform, left;
}
.box-main-intro .flex-vh .text-1 .gap > div,
.box-main-intro .flex-vh .text-2 .gap > div {
  position: relative;
  display: inline-block;
}
.box-main-intro .flex-vh .text-1 .gap > div::after,
.box-main-intro .flex-vh .text-2 .gap > div::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
  height: 2px;
  opacity: 1;
  width: 0;
  background-color: #fff;
  transition: all 1s;
}
.box-main-intro .flex-vh .text-1 .gap:hover > div::after, .box-main-intro .flex-vh .text-1 .gap.is-active > div::after,
.box-main-intro .flex-vh .text-2 .gap:hover > div::after,
.box-main-intro .flex-vh .text-2 .gap.is-active > div::after {
  width: 100%;
}
.box-main-intro .flex-vh .text-1 .t-1 {
  color: var(--Primary-1, #fff);
  font-family: "Noto Sans KR";
  font-size: 28px;
  font-weight: 500;
  line-height: 100%; /* 28px */
  letter-spacing: -0.84px;
}
.box-main-intro .flex-vh .text-1 .t-2 {
  color: var(--Primary-1, #fff);
  font-family: Pretendard;
  font-size: 28px;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.84px;
}
.box-main-intro .flex-vh .text-2 .t-1 {
  color: var(--Primary-1, #fff);
  font-family: "Noto Sans KR";
  font-size: 28px;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.84px;
}
.box-main-intro .flex-vh .text-2 .t-2 {
  color: var(--Primary-1, #fff);
  font-family: Pretendard;
  font-size: 28px;
  font-weight: 500;
  line-height: 100%; /* 28px */
  letter-spacing: -0.84px;
}

.box-main-introText {
  padding-top: 210px !important;
  z-index: 3;
  pointer-events: none;
}
.box-main-introText .text {
  position: absolute;
  top: 210px;
  left: 18px;
  color: var(--Primary-1, #fff);
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 500;
  line-height: 25px; /* 16px */
  letter-spacing: -0.48px;
  opacity: 0;
  transition: all 0.4s;
}
.box-main-introText .text.is-active {
  opacity: 1;
}

.bg-wrapper {
  will-change: transform, width, height, border-radius;
}
.bg-wrapper .item {
  width: 100vw;
  height: 127lvh;
  position: relative;
}
.bg-wrapper .item * {
  will-change: transform, width, height, border-radius;
}
.bg-wrapper .item + .item {
  margin-top: -20px;
}
.bg-wrapper .item > div {
  width: 100vw;
  height: 127lvh;
}
.bg-wrapper .item > div > div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}
.bg-wrapper .item > div > div::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 75.77%, rgba(0, 0, 0, 0.4) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
}
.bg-wrapper .item > div > div img {
  display: block;
  width: 100vw;
  height: 127lvh;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.bg-wrapper .item .bg-1 > div,
.bg-wrapper .item .bg-2 > div,
.bg-wrapper .item .bg-3 > div,
.bg-wrapper .item .bg-4 > div {
  will-change: auto;
  will-change: width, height, border-radius;
}
.whyweexist {
  background-color: rgb(255, 255, 255);
  will-change: background-color;
}

.box-main-space {
  background-color: #fff;
  padding: 21px 18px;
  height: 100vh;
  z-index: 10;
}
.box-main-space .box-line-posi .swiper-space .swiper-wrapper .swiper-slide {
  width: -moz-fit-content;
  width: fit-content;
}
.box-main-space .box-line-posi .swiper-space .swiper-wrapper .swiper-slide button {
  border-radius: 4px;
  border: 1px solid #fff;
  color: #b2b2b2;
  padding: 7px 12px;
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%; /* 14px */
  letter-spacing: -0.42px;
}
.box-main-space .box-line-posi .swiper-space .swiper-wrapper .swiper-slide button.is-active {
  color: var(--Font-dark, #000);
  border: 1px solid var(--Font-dark, #000);
}
.box-main-space .info-text {
  display: flex;
  flex-flow: column nowrap;
  gap: 11px;
  padding: 23px 0 37px 0;
}
.box-main-space .info-text h2 {
  color: var(--Font-dark, #000);
  text-align: center;
  font-family: Pretendard;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%; /* 32px */
  letter-spacing: -0.96px;
}
.box-main-space .info-text .text-1 {
  color: var(--Font-dark, #000);
  text-align: center;
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px; /* 14px */
  letter-spacing: -0.42px;
}

.box-program-new {
  background-color: #fff;
  padding: 93px 0 0 0;
}
.box-program-new .top-text {
  display: flex;
  flex-flow: column nowrap;
  gap: 12px;
  padding: 0 0 41px 0;
}
.box-program-new .top-text h2 {
  color: var(--Font-dark, #000);
  text-align: center;
  font-family: Pretendard;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%; /* 32px */
  letter-spacing: -0.96px;
}
.box-program-new .top-text .text-1 {
  color: var(--Font-dark, #000);
  text-align: center;
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 19px; /* 14px */
  letter-spacing: -0.42px;
}
.box-program-new ul {
  display: grid;
  grid-template-rows: repeat(5, 156px);
  gap: 2px;
}
.box-program-new ul li {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.box-program-new ul li::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 47.71%, rgba(0, 0, 0, 0.4) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
}
.box-program-new ul li a {
  position: relative;
  z-index: 2;
  display: block;
  color: var(--Primary-1, #fff);
  font-family: Pretendard;
  font-size: 24px;
  font-weight: 600;
  line-height: 100%; /* 24px */
  letter-spacing: -0.72px;
  display: flex;
  height: 100%;
  align-items: flex-end;
  padding: 0 0 19px 17px;
}
.box-program-new ul li.bg-1 {
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/img/program_1.jpg");
}
.box-program-new ul li.bg-2 {
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/img/program_2.jpg");
}
.box-program-new ul li.bg-3 {
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/img/program_3.jpg");
}
.box-program-new ul li.bg-4 {
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/img/program_4.jpg");
}
.box-program-new ul li.bg-5 {
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/img/program_5.jpg");
}

.box-culture {
  background-color: #fff;
}
.box-culture .top-text {
  display: flex;
  flex-flow: column nowrap;
  gap: 14px;
  padding: 92px 0 41px 0;
}
.box-culture .top-text h2 {
  color: var(--Font-dark, #000);
  text-align: center;
  font-family: Pretendard;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%; /* 32px */
  letter-spacing: -0.96px;
}
.box-culture .top-text .text-1 {
  color: var(--Font-dark, #000);
  text-align: center;
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 19px; /* 14px */
  letter-spacing: -0.42px;
}
.box-culture .box-video-swiper {
  padding: 0 18px;
}
.box-culture .box-video-swiper .swiper-slide .img-holder a {
  border-radius: 8px;
  padding-top: 57%;
  position: relative;
}
.box-culture .box-video-swiper .swiper-slide .img-holder a::after {
  content: "";
  display: block;
  border-radius: 8px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.box-culture .box-video-swiper .swiper-slide .img-holder a::before {
  z-index: 2;
  content: "";
  display: block;
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_play.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 33px;
  height: 33px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, calc(-50% + 6px));
}
.box-culture .box-video-swiper .swiper-slide .box-text {
  display: flex;
  flex-flow: column nowrap;
  gap: 22px;
  align-items: center;
  padding: 16px 0 0 0;
}
.box-culture .box-video-swiper .swiper-slide .box-text .text-1 {
  color: var(--Font-dark, #000);
  text-align: center;
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 600;
  line-height: 140%; /* 22.4px */
  letter-spacing: -0.48px;
  text-transform: uppercase;
}
.box-culture .box-video-swiper .swiper-slide .box-text .text-2 {
  color: var(--Font-medium, #666);
  font-family: Gibson;
  font-size: 13px;
  font-weight: 200;
  line-height: 100%; /* 13px */
}
.box-culture .box-video-swiper .box-control {
  padding: 21px 0 0 0;
}
.box-culture .box-video-swiper .box-control .swiper-button-prev,
.box-culture .box-video-swiper .box-control .swiper-button-next {
  display: none;
}
.box-culture .box-video-swiper .box-control .swiper-pagination {
  position: relative;
}
.box-culture .box-video-swiper .box-control .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--Icon-1_Icon-dimed, #c8c8c8);
  opacity: 1;
}
.box-culture .box-video-swiper .box-control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #000;
}

.box-gallery {
  background-color: #fff;
  padding: 80px 0 0 0;
  /* 전체 슬라이더 컨테이너 */
}
.box-gallery .top-text {
  display: flex;
  flex-flow: column nowrap;
  gap: 14px;
  align-items: center;
  padding: 0 0 40px 0;
}
.box-gallery .top-text h2 {
  color: var(--Font-dark, #000);
  text-align: center;
  font-family: Pretendard;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%; /* 32px */
  letter-spacing: -0.96px;
}
.box-gallery .top-text .text-1 {
  color: var(--Font-dark, #000);
  text-align: center;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 14px */
  letter-spacing: -0.42px;
}
.box-gallery .top-text .btn-gallery {
  display: inline-block;
  margin: 3px 0 0 0;
}
.box-gallery .top-text .btn-gallery span {
  display: inline-block;
  color: var(--Font-dark, #000);
  font-family: Gibson;
  font-size: 14px;
  font-weight: 200;
  line-height: 100%; /* 14px */
  text-transform: uppercase;
  position: relative;
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_arrow_black_2.svg");
  background-size: 16px;
  background-position: right center;
  background-repeat: no-repeat;
  padding: 5px 23px 5px 0;
}
.box-gallery .section-inner {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.box-gallery .section-inner ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  will-change: transform;
}
.box-gallery .section-inner ul .img-holder {
  min-width: 132px;
  margin-right: 24px;
}
.box-gallery .section-inner ul .img-holder span {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 126%;
}
.box-gallery .section-inner ul .img-holder img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.box-main-notice {
  background-color: #fff;
  padding: 90px 18px 0;
}
.box-main-notice .top-text {
  display: flex;
  flex-flow: column;
  gap: 15px;
  align-items: center;
  padding: 0 0 38px 0;
}
.box-main-notice .top-text h3 {
  color: var(--Font-dark, #000);
  text-align: center;
  font-family: Pretendard;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%; /* 32px */
  letter-spacing: -0.96px;
}
.box-main-notice .top-text .btn-gallery {
  display: inline-block;
  margin: 3px 0 0 0;
}
.box-main-notice .top-text .btn-gallery span {
  display: inline-block;
  color: var(--Font-dark, #000);
  font-family: Gibson;
  font-size: 14px;
  font-weight: 200;
  line-height: 100%; /* 14px */
  text-transform: uppercase;
  position: relative;
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_arrow_black_2.svg");
  background-size: 16px;
  background-position: right center;
  background-repeat: no-repeat;
  padding: 5px 23px 5px 0;
}
.box-main-notice ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  padding: 0 0 12px;
}
.box-main-notice ul li {
  border-top: 2px solid var(--Font-dark, #000);
}
.box-main-notice ul li a .top {
  padding: 14px 0;
  display: flex;
  flex-flow: column nowrap;
  gap: 28px;
}
.box-main-notice ul li a .top .text-1 {
  overflow: hidden;
  color: var(--Font-dark, #000);
  font-family: Gibson;
  font-size: 14px;
  font-weight: 200;
  line-height: 100%; /* 14px */
}
.box-main-notice ul li a .top .text-2 {
  overflow: hidden;
  color: var(--Font-dark, #000);
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 600;
  line-height: 140%; /* 22.4px */
  letter-spacing: -0.48px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  -webkit-line-clamp: 2;
  height: 44px;
}
.box-main-notice ul li a .top .text-3 {
  color: #666;
  font-family: Gibson;
  font-size: 13px;
  font-weight: 200;
  line-height: 100%; /* 13px */
  margin: -8px 0 0 0;
}
.box-main-notice ul li a .img-holder span {
  border-radius: 4px;
  padding-top: 63%;
}
.box-main-notice ul li a .img-holder span::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 4px;
}
.box-main-map {
  background-color: #fff;
  padding: 78px 18px 0;
}
.map_area{
  height:300px;
}
.box-main-map .top-text {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  gap: 14px;
  padding: 0 0 39px;
}
.box-main-map .top-text h2 {
  color: var(--Font-dark, #000);
  text-align: center;
  font-family: Pretendard;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%; /* 32px */
  letter-spacing: -0.96px;
}
.box-main-map .top-text .btn-gallery {
  display: inline-block;
  margin: 3px 0 0 0;
}
.box-main-map .top-text .btn-gallery span {
  display: inline-block;
  color: var(--Font-dark, #000);
  font-family: Gibson;
  font-size: 14px;
  font-weight: 200;
  line-height: 100%; /* 14px */
  text-transform: uppercase;
  position: relative;
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_arrow_black_2.svg");
  background-size: 16px;
  background-position: right center;
  background-repeat: no-repeat;
  padding: 5px 23px 5px 0;
}
.box-main-map .map-arear {
  width: 100%;
  height: 287px;
  border-radius: 8px;
  overflow: hidden;
}
.box-main-map .list-1 {
  margin-top: 26px;
  display: flex;
  flex-flow: column nowrap;
  gap: 13px;
  text-indent: -8px;
  margin-left: 8px;
}
.box-main-map .list-1 li {
  color: var(--Font-dark, #000);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px; /* 14px */
  letter-spacing: -0.42px;
}
.box-main-map .list-1 li span {
  color: #666;
  padding: 0 3px 0 0;
}
.box-main-map .btn {
  margin: 20px 0 44px;
  display: flex;
  flex-flow: row nowrap;
  gap: 12px;
}

.box-main-bottomBtn .inner .swiper {
  padding: 0 18px 0;
}
.box-main-bottomBtn .inner .swiper-wrapper {
  display: flex;
  flex-flow: row nowrap;
}
.box-main-bottomBtn .inner .swiper-wrapper .swiper-slide {
  border-radius: 6px;
  border: 1px solid #ccc;
  background: var(--BG-light_blue, #fcfcfe);
  flex: 0 0 180px;
  padding: 7px;
}
.box-main-bottomBtn .inner .swiper-wrapper .swiper-slide a {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 12px;
}
.box-main-bottomBtn .inner .swiper-wrapper .swiper-slide a .img-holder {
  flex: 0 0 36px;
  position: relative;
}
.box-main-bottomBtn .inner .swiper-wrapper .swiper-slide a .img-holder span {
  height: 36px;
  border-radius: 4px;
}
.box-main-bottomBtn .inner .swiper-wrapper .swiper-slide a .img-holder::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 4px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.08) 100%);
}
.box-main-bottomBtn .inner .swiper-wrapper .swiper-slide a .text-1 {
  flex: 1;
  color: var(--Font-dark, #000);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%; /* 14px */
  letter-spacing: -0.42px;
  text-transform: uppercase;
}

.box-main-reservation {
  margin-top: 92px;
}
.box-main-reservation .inner {
  position: relative;
}
.box-main-reservation .inner .img-holder span {
  padding-top: 55%;
}
.box-main-reservation .inner .img-holder span::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
}
.box-main-reservation .inner .box-text a {
  position: absolute;
  top: 36px;
  left: 18px;
  right: 18px;
  bottom: 36px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  gap: 22px;
  padding: 0 18px 45px 18px;
}
.box-main-reservation .inner .box-text h3 {
  color: var(--Primary-1, #fff);
  font-family: Pretendard;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%; /* 32px */
  letter-spacing: -0.96px;
}
.box-main-reservation .inner .box-text .text-1 {
  color: var(--Primary-1, #fff);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.42px;
  position: relative;
}
.box-main-reservation .inner .box-text .text-1::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -39px;
  left: 0;
  width: 16px;
  height: 16px;
  padding: 3px;
  border-radius: 999px;
  background-image: url(https://binishop.iwinv.net/sample/13/static/images/icon/icon_arrow_white2.svg);
  background-position: center;
  background-repeat: no-repeat;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.box-floating-tk {
  position: fixed;
  right: 68px;
  bottom: 26px;
  z-index: 500;
  will-change: right, bottom;
  transition: 0.4s right, 0.4s bottom;
  border-radius: 999px;
  box-shadow: 8px 8px 24px 0px rgba(0, 0, 0, 0.24);
}
.box-floating-tk.is-active {
  right: 18px;
  box-shadow: 8px 8px 24px 0px rgba(0, 0, 0, 0.24);
}
.box-floating-tk.is-active a {
  background-image: url(https://binishop.iwinv.net/sample/13/static/images/bg/bg_talk_scroll.svg);
}
.box-floating-tk.sub a {
  background-image: url(https://binishop.iwinv.net/sample/13/static/images/bg/bg_talk_scroll_sub.svg);
}
.box-floating-tk.sub a:hover {
  background-image: url(https://binishop.iwinv.net/sample/13/static/images/bg/bg_talk_sub.svg);
}
.box-floating-tk a {
  width: 40px;
  height: 40px;
  display: block;
  background-image: url(https://binishop.iwinv.net/sample/13/static/images/bg/bg_talk.svg);
  background-position: center;
  background-repeat: no-repeat;
  transition: background-image 0.2s;
}
.box-floating-tk a:hover {
  background-image: url(https://binishop.iwinv.net/sample/13/static/images/bg/bg_talk_scroll.svg);
}

.box-gapType-1 {
  padding: 0 18px;
}

.box-board-list {
  margin: 28px 0 0;
}
.box-board-list.gap-type-1 {
  padding: 0 18px;
  margin-top: -36px;
}
.box-board-list.gap-type-1 ul li a .img-holder span {
  padding-top: 64%;
}
.box-board-list.gap-type-1 ul li a .box-text .text-2 {
  margin: 8px 0 10px 0;
}
.box-board-list.cjdtkah {
  border-top: 2px solid var(--Font-dark, #000);
  padding: 32px 0 0 0;
}
.box-board-list.cjdtkah ul li a .img-holder span {
  padding-top: 62%;
}
.box-board-list.cjdtkah ul li a .img-holder span::after {
  display: none;
}
.box-board-list.cjdtkah ul li a .box-text .text-2 {
  border: 0;
  padding: 0;
  margin: 12px 0 7px 0;
}
.box-board-list.cjdtkah ul li a .box-text .text-3 {
  padding-top: 16px;
}
.box-board-list.event ul li a .img-holder span {
  padding-bottom: 75%;
}
.box-board-list.program ul li + li {
  margin-top: 40px;
}
.box-board-list.program ul li a .box-text {
  padding-top: 19px;
}
.box-board-list.program ul li a .box-text .text-2 {
  margin-bottom: 7px;
}
.box-board-list.program ul li a .box-text .text-4 {
  color: var(--Font-medium-dark, #444);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.42px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  -webkit-line-clamp: 2;
}
.box-board-list.program ul li a .box-text .box-cnt {
  display: flex;
  gap: 6px;
  padding: 16px 0 0 0;
}
.box-board-list.program ul li a .box-text .box-cnt .cnt-1,
.box-board-list.program ul li a .box-text .box-cnt .cnt-2 {
  position: relative;
  border-radius: 999px;
  border: 0.8px solid var(--Stroke-medium, #d6d6d6);
  color: var(--Font-medium, #666);
  font-family: Pretendard;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.36px;
  padding: 3px 8px 1px 25px;
}
.box-board-list.program ul li a .box-text .box-cnt .cnt-1::after,
.box-board-list.program ul li a .box-text .box-cnt .cnt-2::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 7px;
  transform: translate(0, -50%);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px;
  width: 14px;
  height: 14px;
}
.box-board-list.program ul li a .box-text .box-cnt .cnt-1::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M6.99996 12.3952C9.98 12.3952 12.3958 9.97939 12.3958 6.99935C12.3958 4.01931 9.98 1.60352 6.99996 1.60352C4.01992 1.60352 1.60413 4.01931 1.60413 6.99935C1.60413 9.97939 4.01992 12.3952 6.99996 12.3952Z' stroke='%23999999' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 7.47902L5.25 6.27734' stroke='%23999999' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 7.47829L9.39749 5.67578' stroke='%23999999' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.box-board-list.program ul li a .box-text .box-cnt .cnt-2:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M5.15668 6.32411C6.12962 6.32411 6.91835 5.53539 6.91835 4.56245C6.91835 3.5895 6.12962 2.80078 5.15668 2.80078C4.18374 2.80078 3.39502 3.5895 3.39502 4.56245C3.39502 5.53539 4.18374 6.32411 5.15668 6.32411Z' stroke='%23999999' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.60413 11.2009V10.1976C1.60413 9.03094 2.54912 8.08594 3.71579 8.08594H6.87746C8.04412 8.08594 8.98913 9.03094 8.98913 10.1976V11.2009' stroke='%23999999' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.55496 6.82622C10.2766 6.82622 10.8616 6.24121 10.8616 5.51956C10.8616 4.7979 10.2766 4.21289 9.55496 4.21289C8.83331 4.21289 8.24829 4.7979 8.24829 5.51956C8.24829 6.24121 8.83331 6.82622 9.55496 6.82622Z' stroke='%23999999' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.92834 8.13281H10.8267C11.69 8.13281 12.39 8.83281 12.39 9.69615V10.4428' stroke='%23999999' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.box-board-list ul li + li {
  margin-top: 40px;
}
.box-board-list ul li a {
  display: block;
}
.box-board-list ul li a .text-new-1 {
  color: var(--Font-medium, #666);
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 12px */
  letter-spacing: -0.36px;
  position: relative;
  padding: 1px 9px 1px 20px;
  height: 22px;
  line-height: 1.5;
  display: inline-block;
  border-radius: 999px;
  border: 1px solid var(--Stroke-medium-dark, #dadce0);
  background: var(--Primary-1, #fff);
}
.box-board-list ul li a .text-new-1::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 3px;
  background-repeat: no-repeat;
  background-position: center;
  width: 19px;
  height: 19px;
}
.box-board-list ul li a .text-new-1.icon-before::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13' viewBox='0 0 12 13' fill='none'%3E%3Cpath d='M8.95821 12.2934C7.69447 12.2934 6.6709 11.2698 6.6709 10.0061C6.6709 8.74232 7.72306 7.71875 8.95821 7.71875C10.2219 7.71875 11.2455 8.74232 11.2455 10.0061C11.2455 11.2698 10.2219 12.2934 8.95821 12.2934Z' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.9541 9.14844V10.8639' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.81607 10.0078H8.10059' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.38281 1.42969H6.67012' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.9082 6.10156L5.52647 7.71983' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.0998 3.14453L8.76172 4.48261' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.53125 2.57422L10.6749 3.71787' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.1004 8.03003V7.72696C10.1004 5.19948 8.05326 3.15234 5.52579 3.15234C2.99831 3.15234 0.951172 5.19377 0.951172 7.72124C0.951172 10.2487 2.99831 12.2959 5.52579 12.2959C6.25773 12.2959 6.94392 12.1186 7.55577 11.8155' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.box-board-list ul li a .text-new-1.icon-ing {
  background: var(--BG-medium, #f5f5f7);
}
.box-board-list ul li a .text-new-1.icon-ing::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13' viewBox='0 0 12 13' fill='none'%3E%3Cpath d='M4.68164 1.45703H6.9876' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.83458 12.4113C8.38167 12.4113 10.4465 10.3465 10.4465 7.79942C10.4465 5.25233 8.38167 3.1875 5.83458 3.1875C3.28748 3.1875 1.22266 5.25233 1.22266 7.79942C1.22266 10.3465 3.28748 12.4113 5.83458 12.4113Z' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.83317 7.51172C5.67175 7.51172 5.54492 7.64431 5.54492 7.79996C5.54492 7.96138 5.67175 8.08821 5.83317 8.08821C5.99458 8.08821 6.12141 7.96138 6.12141 7.79996C6.12141 7.63855 5.99458 7.51172 5.83317 7.51172Z' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.87342 9.83696C7.34882 10.3558 6.6282 10.6786 5.83265 10.6786C4.24153 10.6786 2.9502 9.3873 2.9502 7.79618C2.9502 7.61747 2.97325 7.44453 3.00784 7.27734' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.55273 5.86328L5.7303 7.71871' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.4466 3.1875L9.09766 4.53649' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.87109 2.60938L11.0241 3.76236' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.box-board-list ul li a .text-new-1.icon-end {
  color: #fff;
  letter-spacing: -0.36px;
  background: var(--Gray-888888, #888);
  padding-left: 23px;
}
.box-board-list ul li a .text-new-1.icon-end::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='14' viewBox='0 0 12 14' fill='none'%3E%3Cpath d='M4.62305 1.42578H6.9696' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.79467 12.5737C8.3866 12.5737 10.4878 10.4725 10.4878 7.88061C10.4878 5.28867 8.3866 3.1875 5.79467 3.1875C3.20274 3.1875 1.10156 5.28867 1.10156 7.88061C1.10156 10.4725 3.20274 12.5737 5.79467 12.5737Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.62305 6.70703H6.9696L4.62305 9.05358V9.04772H6.9696' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.488 3.1875L9.11523 4.56023' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.89941 2.59766L11.0727 3.77093' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.box-board-list ul li a .img-holder span {
  border-radius: 6px;
  padding-top: 75%;
}
.box-board-list ul li a .img-holder span::after {
  display: none;
}
.box-board-list ul li a .box-text {
  padding: 11px 0 0 0;
}
.box-board-list ul li a .box-text .tt-1 {
  color: var(--Font-dark, #000);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.56px;
}
.box-board-list ul li a .box-text .text-1 {
  color: var(--Gray-4, #666);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%; /* 21px */
  position: relative;
  padding-left: 0;
}
.box-board-list ul li a .box-text .text-1::after {
  content: "";
  display: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.7085 7.8296V10.2972H11.1761L16.4011 5.15772C16.7146 4.84897 16.717 4.34468 16.4059 4.03355L14.9714 2.59905C14.6602 2.28793 14.1552 2.2903 13.8472 2.6038L8.7085 7.8296Z' stroke='%23666666' stroke-width='0.791667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.54167 10.2969H3.95833C3.08354 10.2969 2.375 11.0054 2.375 11.8802V11.8802C2.375 12.755 3.08354 13.4635 3.95833 13.4635H15.0417C15.9165 13.4635 16.625 14.1721 16.625 15.0469V15.0469C16.625 15.9217 15.9165 16.6302 15.0417 16.6302H11.875' stroke='%23666666' stroke-width='0.791667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 19px;
  height: 19px;
}
.box-board-list ul li a .box-text .text-1.icon-ing::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'%3E%3Cpath d='M7.07728 4.4409C10.3085 3.10251 14.0129 4.63697 15.3513 7.8682C16.6897 11.0994 15.1553 14.8039 11.924 16.1423C8.69281 17.4806 4.98839 15.9462 3.64999 12.715C2.31159 9.48372 3.84605 5.7793 7.07728 4.4409' stroke='%23222222' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.73047 4.59656L5.10547 2.60156' stroke='%23222222' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.2773 4.60438L13.9023 2.60938' stroke='%23222222' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.30273 7.46875V10.7423L11.8757 12.3114' stroke='%23222222' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.box-board-list ul li a .box-text .text-1.icon-end {
  color: #aaa;
}
.box-board-list ul li a .box-text .text-1.icon-end::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.50093 3.95313V3.95313C12.9993 3.95313 15.8351 6.78887 15.8351 10.288V10.288C15.8351 13.7864 12.9993 16.6222 9.50093 16.6222V16.6222C6.00256 16.6222 3.16602 13.7864 3.16602 10.288V10.288C3.16602 6.78967 6.00177 3.95312 9.50093 3.95313Z' stroke='%23AAAAAA' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.5013 10.6448V7.125' stroke='%23AAAAAA' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.73047 4.59656L5.10547 2.60156' stroke='%23AAAAAA' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.2773 4.60438L13.9023 2.60938' stroke='%23AAAAAA' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.50051 13.1677C9.43481 13.1677 9.38176 13.2207 9.38256 13.2865C9.38256 13.3522 9.4356 13.4052 9.50131 13.4052C9.56701 13.4052 9.62006 13.3522 9.62006 13.2865C9.62006 13.2207 9.56622 13.1677 9.50051 13.1677' stroke='%23AAAAAA' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.box-board-list ul li a .box-text .text-2 {
  color: var(--Font-dark, #000);
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 600;
  line-height: 140%; /* 22.4px */
  letter-spacing: -0.48px;
  text-transform: uppercase;
  margin: 7px 0 7px 0;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.box-board-list ul li a .box-text .text-3 {
  color: var(--Font-medium, #666);
  padding-top: 23px;
  font-family: Gibson;
  font-size: 13px;
  font-weight: 200;
  line-height: 100%; /* 13px */
}
.box-board-list ul li a .box-text .text-3.left-text {
  display: inline-block;
  text-align: left;
  padding-top: 7px;
}
.box-board-list ul li a .box-text .bottom-text {
  margin: 10px 0 0 0;
}

.box-meeting {
  padding: 58px 18px;
}
.box-meeting .text-1 {
  color: var(--Font-dark, #000);
  font-family: Pretendard;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.96px;
  padding: 0 0 16px 0;
}
.box-meeting .text-2 {
  padding: 17px;
  color: var(--Font-medium, #666);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.47;
  letter-spacing: -0.42px;
  border: 1px solid var(--Stroke-dark-light, #d0d0d0);
}
.box-meeting .tel {
  display: flex;
  margin-top: 40px;
  padding: 17px 0;
  align-items: flex-start;
  align-self: stretch;
  border-top: 1px solid var(--Stroke-dark-light, #d0d0d0);
  border-bottom: 1px solid var(--Stroke-dark-light, #d0d0d0);
  color: var(--Font-dark, #000);
  font-family: Pretendard;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.6; /* 20px */
  letter-spacing: -0.6px;
  margin-bottom: 62px;
}
.box-meeting .tel span {
  padding: 0 0 0 18px;
  text-indent: -13px;
  margin-left: 13px;
}

.box-layer .inner-layer .gap .box {
  border-radius: 0;
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery {
  padding: 20px;
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery .swiper-img .swiper-wrapper .swiper-slide {
  background-color: #fff;
  width: 100%;
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery .swiper-img .swiper-wrapper .swiper-slide.swiper-slide-active {
  pointer-events: none;
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery .swiper-img .swiper-wrapper .swiper-slide .img-holder span {
  padding-top: 58%;
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery .swiper-img .swiper-wrapper .swiper-slide .box-text {
  margin-top: 55px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery .swiper-img .swiper-wrapper .swiper-slide .box-text.top-gap-1 {
  margin-top: 30px;
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery .swiper-img .swiper-wrapper .swiper-slide .box-text .text-1 {
  color: var(--Gray-2, #222);
  font-size: 16px;
  font-weight: 600;
  line-height: 100%; /* 16px */
  letter-spacing: -0.64px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery .swiper-img .swiper-wrapper .swiper-slide .box-text .cnt {
  color: var(--Gray-7_dimed, #aaa);
  /* Body/sm 03 04 */
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 12px */
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery .swiper-button-prev.posi-1::after {
  content: "";
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery .swiper-button-next.posi-1::after {
  content: "";
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery .common-swiper-control {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  gap: 3px;
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery .common-swiper-control.posi-type-1 {
  left: auto;
  bottom: 21px;
  right: 19px;
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery .common-swiper-control .swiper-pagination {
  margin: 0 auto;
  color: var(--Gray-2, #222);
  font-family: Pretendard;
  font-size: 12px;
  font-weight: 600;
  line-height: 130%; /* 15.6px */
  letter-spacing: -0.48px;
  gap: 7px;
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery .common-swiper-control .swiper-pagination .swiper-pagination-total {
  color: var(--Gray-4, #666);
  font-family: Pretendard;
  font-size: 10px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: -0.4px;
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 {
  padding: 20px 0;
  height: calc(100vh - 104px);
  padding-bottom: 63px;
  overflow: scroll;
  overflow-x: hidden;
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-top-text {
  display: flex;
  gap: 20px;
  flex-direction: column;
  padding: 45px 0 10px 0;
  margin-bottom: 20px;
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-top-text .text-1 {
  color: var(--Font-dark, #000);
  text-align: center;
  font-family: Pretendard;
  font-size: 36px;
  font-weight: 500;
  line-height: 100%; /* 36px */
  letter-spacing: -1.08px;
  padding: 0 56px;
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-top-text .text-2 {
  color: var(--Font-dark, #000);
  text-align: center;
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.48px;
  width: 50%;
  margin: 0 auto;
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-top-text .box-cnt {
  display: flex;
  gap: 7px;
  margin: 3px 0 0 0;
  justify-content: center;
  align-items: center;
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-top-text .box-cnt .cnt-1,
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-top-text .box-cnt .cnt-2 {
  position: relative;
  color: var(--Font-medium, #666);
  font-family: Pretendard;
  font-size: 12px;
  font-weight: 500;
  line-height: 100%; /* 12px */
  letter-spacing: -0.36px;
  padding-left: 22px;
  border-radius: 999px;
  border: 0.8px solid var(--Stroke-medium, #d6d6d6);
  padding: 5px 7px 5px 25px;
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-top-text .box-cnt .cnt-1::before,
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-top-text .box-cnt .cnt-2::before {
  content: "";
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 1px;
  left: 4px;
  width: 19px;
  height: 19px;
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-top-text .box-cnt .cnt-1::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M6.99996 12.3952C9.98 12.3952 12.3958 9.97939 12.3958 6.99935C12.3958 4.01931 9.98 1.60352 6.99996 1.60352C4.01992 1.60352 1.60413 4.01931 1.60413 6.99935C1.60413 9.97939 4.01992 12.3952 6.99996 12.3952Z' stroke='%23999999' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 7.47902L5.25 6.27734' stroke='%23999999' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 7.47829L9.39749 5.67578' stroke='%23999999' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-top-text .box-cnt .cnt-2::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M5.15668 6.32411C6.12962 6.32411 6.91835 5.53539 6.91835 4.56245C6.91835 3.5895 6.12962 2.80078 5.15668 2.80078C4.18374 2.80078 3.39502 3.5895 3.39502 4.56245C3.39502 5.53539 4.18374 6.32411 5.15668 6.32411Z' stroke='%23999999' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.60413 11.2009V10.1976C1.60413 9.03094 2.54912 8.08594 3.71579 8.08594H6.87746C8.04412 8.08594 8.98913 9.03094 8.98913 10.1976V11.2009' stroke='%23999999' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.55496 6.82622C10.2766 6.82622 10.8616 6.24121 10.8616 5.51956C10.8616 4.7979 10.2766 4.21289 9.55496 4.21289C8.83331 4.21289 8.24829 4.7979 8.24829 5.51956C8.24829 6.24121 8.83331 6.82622 9.55496 6.82622Z' stroke='%23999999' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.92834 8.13281H10.8267C11.69 8.13281 12.39 8.83281 12.39 9.69615V10.4428' stroke='%23999999' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-top-text .btn-center {
  margin: 11px 0 0 0;
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-top-text .list-text {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  flex-flow: row wrap;
  padding: 5px 0 0 0;
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-top-text .list-text span {
  padding: 5px 8px;
  border-radius: 999px;
  border: 0.8px solid var(--Stroke-medium, #d6d6d6);
  color: var(--Font-medium, #666);
  font-family: Pretendard;
  font-size: 12px;
  font-weight: 500;
  line-height: 100%; /* 12px */
  letter-spacing: -0.36px;
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-swiperImg-cap {
  padding: 42px 13vw 32px;
  background: var(--BG-light-1, #fafafa);
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .swiper-img-2 .swiper-wrapper .swiper-slide {
  background-color: #fff;
  width: 100%;
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .swiper-img-2 .swiper-wrapper .swiper-slide.swiper-slide-active {
  pointer-events: none;
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .swiper-img-2 .swiper-wrapper .swiper-slide .img-holder span {
  padding-top: 59%;
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .swiper-img-2 .swiper-wrapper .swiper-slide .box-text {
  margin-top: 55px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .swiper-img-2 .swiper-wrapper .swiper-slide .box-text .text-1 {
  color: var(--Gray-2, #222);
  font-size: 16px;
  font-weight: 600;
  line-height: 100%; /* 16px */
  letter-spacing: -0.64px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .swiper-img-2 .swiper-wrapper .swiper-slide .box-text .cnt {
  color: var(--Gray-7_dimed, #aaa);
  /* Body/sm 03 04 */
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 12px */
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .common-swiper-control {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 3px 0 9px 0;
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .common-swiper-control .swiper-button-prev,
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .common-swiper-control .swiper-button-next {
  display: block;
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/btn/btn_prevNext.svg");
  background-position: center;
  margin: 0;
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .common-swiper-control .swiper-button-prev,
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .common-swiper-control .swiper-button-next {
  opacity: 1;
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .common-swiper-control .swiper-pagination {
  bottom: auto;
  top: auto;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  gap: 0px;
  padding: 0 5px;
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .common-swiper-control .swiper-pagination .svg-motion {
  stroke: #000;
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .common-swiper-control .swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background: var(--Icon-1_Icon-dimed, #c8c8c8);
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .common-swiper-control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--Font-dark, #000);
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .common-swiper-control .text-1 {
  color: var(--Gray-4, #666);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 14px */
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .img-holder.size-1 span {
  padding-top: 56%;
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-table {
  margin-top: 48px;
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-table h3 {
  color: var(--Font-dark, #000);
  text-align: center;
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.42px;
  text-transform: uppercase;
  border-bottom: 1px solid var(--Font-dark, #000);
  padding: 0 0 18px 0;
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-table .top-info {
  display: flex;
  flex-flow: column nowrap;
  gap: 28px;
  margin: -11px 13vw 0;
  padding: 0 0 37px;
  border-bottom: 1px solid var(--Font-dark, #ddd);
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-table .top-info .tt-1 {
  color: var(--Font-dark, #000);
  text-align: center;
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%; /* 22.4px */
  letter-spacing: -0.48px;
  margin-bottom: 61px;
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-table .top-info .item {
  display: flex;
  flex-flow: column nowrap;
  gap: 16px;
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-table .top-info .item .text-1 {
  color: var(--Font-dark, #000);
  text-align: center;
  font-family: Pretendard;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.66px;
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-table .top-info .item .text-2 {
  color: var(--Font-dark, #000);
  text-align: center;
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.48px;
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-table .inner {
  padding: 56px 13vw 38px;
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-table .inner h3 {
  color: var(--Gray-2, #222);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%; /* 14px */
  border-bottom: 1px solid var(--Gray-3, #333);
  padding-bottom: 19px;
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-table .inner .list-type-1 {
  padding: 33px 0 35px 0;
  border-bottom: 1px solid var(--Stroke-list, #ddd);
  margin: 0 0 -39px 0;
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-table .inner .list-type-1 li {
  position: relative;
  color: var(--Font-dark, #000);
  padding: 0 0 0 13px;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 22.4px */
  letter-spacing: -0.48px;
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-table .inner .list-type-1 li + li {
  margin-top: 15px;
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-table .inner .list-type-1 li span::after {
  content: "";
  display: block;
  border-radius: 999px;
  width: 2px;
  height: 2px;
  background-color: #333;
  position: absolute;
  top: 8px;
  left: 2px;
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-table .inner .table .box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-bottom: 1px solid var(--Stroke-list, #ddd);
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-table .inner .table .item {
  padding: 16px 0;
  color: var(--Font-medium, #666);
  text-align: center;
  font-family: Pretendard;
  font-size: 13px;
  font-weight: 600;
  line-height: 116%; /* 15.08px */
  letter-spacing: -0.39px;
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-table .inner .table .item.h {
  color: var(--Font-dark, #000);
  text-align: center;
  font-family: Pretendard;
  font-size: 13px;
  font-weight: 600;
  line-height: 116%; /* 15.08px */
  letter-spacing: -0.39px;
  background: var(--BG-light-1, #fafafa);
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-text {
  margin: 48px 0 0;
  background: var(--Primary-1, #fff);
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-text h4 {
  color: var(--Gray-2, #222);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%; /* 14px */
  padding: 0 0 12px 0;
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-text dl {
  padding: 26px 9px 0 9px;
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-text dl dt {
  color: var(--Gray-3, #333);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%; /* 14px */
  position: relative;
  padding-left: 15px;
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-text dl dt::after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 1px;
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background: var(--Gray-3, #333);
}
.box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-text dl dd {
  padding: 14px 9px 5px;
  color: var(--Gray-4, #666);
  font-family: Pretendard;
  font-size: 12px;
  font-weight: 500;
  line-height: 150%; /* 18px */
}
.box-layer .inner-layer .gap .btn-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 12px 0 20px 0;
  border-top: 1px solid var(--Stroke-medium-02, #ddd);
  margin: 0 -20px;
}
.box-layer .inner-layer .gap .btn-footer .btn {
  padding: 6px 8px;
  background: var(--Gray-2, #222);
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
}
.box-layer .inner-layer .gap .btn-footer .btn span {
  left: -5px;
  position: relative;
  color: var(--Primary-3, #fff);
  font-size: 12px;
  font-weight: 600;
  line-height: 100%; /* 12px */
  letter-spacing: -0.48px;
  padding: 0 10px 0 10px;
}
.box-layer .inner-layer .gap .btn-footer .btn span::after {
  content: "";
  display: block;
  border-right: 1px solid var(--Primary-3, #fff);
  border-bottom: 1px solid var(--Primary-3, #fff);
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%) rotate(-45deg);
  width: 6px;
  height: 6px;
}
.box-layer .inner-layer .gap .box-notice {
  display: flex;
  padding: 23px 17px;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
  border-radius: 8px;
  border: 1px solid var(--Stroke-dark, #d6d6db);
  background: var(--Primary-3, #fff);
  margin: 44px 18px 38px;
}
.box-layer .inner-layer .gap .box-notice h5 {
  color: var(--Font-dark, #000);
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.48px;
  text-transform: uppercase;
}
.box-layer .inner-layer .gap .box-notice ul li {
  position: relative;
  color: var(--Font-medium, #666);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: -0.42px;
  padding-left: 8px;
}
.box-layer .inner-layer .gap .box-notice ul li::after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 1px;
  top: 10px;
  left: 0px;
  background-color: #666;
}

.box-story .inner {
  position: relative;
}
.box-story .inner .item.top-gap {
  margin-top: 41px;
}
.box-story .inner .item.posi {
  position: relative;
  z-index: 30;
}
.box-story .inner .item .img-holder {
  position: relative;
}
.box-story .inner .item .img-holder span {
  z-index: 2;
  padding-top: 56%;
}
.box-story .inner .item .img-holder::after {
  content: "";
  display: none;
  position: absolute;
  top: 15px;
  left: 0;
  right: -15px;
  bottom: -15px;
  background: var(--BG-7, #f3f4f4);
}
.box-story .inner .item .box-text {
  padding: 20px 0 0 0;
}
.box-story .inner .item .box-text .text-1 {
  color: var(--Gray-2, #222);
  font-size: 22px;
  font-weight: 600;
  line-height: 150%; /* 33px */
  letter-spacing: -0.88px;
  padding: 0 0 10px 0;
}
.box-story .inner .item .box-text .text-2 {
  color: var(--Gray-4, #666);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 160%; /* 21px */
}
.box-story .inner .item-text {
  overflow: hidden;
  padding: 37px 0 74px 0;
}
.box-story .inner .item-text .in-text {
  width: 1000vw;
  color: var(--BG-7, #f3f4f4);
  font-family: "Times New Roman";
  font-size: 40px;
  font-weight: 400;
  line-height: 100%; /* 40px */
  text-transform: capitalize;
}
.box-story .inner .item-2 {
  margin-top: -34px;
  position: relative;
  z-index: 20;
}
.box-story .inner .item-2 .img-holder span {
  padding-top: 56%;
}
.box-story .inner .item-2 .box-text {
  padding: 35px 0 0 0;
}
.box-story .inner .item-2 .box-text .text-1 {
  color: var(--Gray-2, #222);
  font-size: 22px;
  font-weight: 600;
  line-height: 150%; /* 33px */
  letter-spacing: -0.88px;
  padding: 0 0 10px;
}
.box-story .inner .item-2 .box-text .text-2 {
  color: var(--Gray-4, #666);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 160%; /* 21px */
}
.box-story .inner .item-3 {
  padding: 30px 0 77px;
  position: relative;
}
.box-story .inner .item-3::after {
  content: "";
  display: block;
  position: absolute;
  top: -300px;
  left: -20px;
  right: -20px;
  bottom: 0;
  z-index: 1;
  background: var(--BG-8, rgba(209, 216, 223, 0.3));
}
.box-story .inner .item-3 .in-item {
  position: relative;
  z-index: 2;
}
.box-story .inner .item-3 .in-item .img-holder span {
  padding-top: 55%;
}
.box-story .inner .item-3 .in-item .text-1 {
  padding: 10px 0 18px 0;
  color: var(--Gray-3, #333);
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%; /* 16px */
}
.box-story .inner .item-4 {
  padding: 38px 0 0 0;
}
.box-story .inner .item-4.gap-2 {
  padding: 0;
}
.box-story .inner .item-4.gap-3 {
  padding: 60px 0 0 0;
}
.box-story .inner .item-4 .text-1 {
  color: var(--Gray-2, #222);
  font-size: 22px;
  font-weight: 600;
  line-height: 150%; /* 33px */
  letter-spacing: -0.88px;
  padding-bottom: 12px;
}
.box-story .inner .item-4 .text-2 {
  color: var(--Gray-4, #666);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 160%; /* 21px */
}
.box-story .inner .item-4 .img-holder {
  margin-top: 28px;
}
.box-story .inner .item-4 .img-holder span {
  padding-top: 58%;
}
.box-story .inner .item-5 {
  margin: 39px -20px;
  position: relative;
}
.box-story .inner .item-5.gap-1 {
  margin: 40px -20px -39px;
}
.box-story .inner .item-5 .img-holder span {
  padding-top: 55%;
}
.box-story .inner .item-5 .img-holder.type-2 {
  position: absolute;
  bottom: -35px;
  right: 20px;
  width: 128px;
  height: 72px;
}
.box-story .inner .item-5 .img-holder.type-2 span {
  padding-top: 55%;
}
.box-story .inner .item-5 .item-swiper .swiper-button-prev,
.box-story .inner .item-5 .item-swiper .swiper-button-next {
  display: none;
}
.box-story .inner .item-5 .item-swiper .common-swiper-control {
  padding-top: 28px;
}
.box-story .inner .item-5 .item-swiper .common-swiper-control .swiper-pagination .swiper-pagination-bullet {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' viewBox='0 0 16 15' fill='none'%3E%3Crect x='4.5' y='4' width='7' height='7' rx='3.5' fill='black' fill-opacity='0.4'/%3E%3C/svg%3E");
}
.box-story .inner .item-5 .item-swiper .common-swiper-control .swiper-pagination .swiper-pagination-bullet .svg-motion {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  stroke-width: 5px;
  stroke: #000;
  fill: none;
  stroke-dashoffset: 0;
  transform: rotate(-90deg);
  opacity: 0;
}
.box-story .inner .item-5 .item-swiper .common-swiper-control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' viewBox='0 0 16 15' fill='none'%3E%3Crect x='4.5' y='4' width='7' height='7' rx='3.5' fill='black'/%3E%3C/svg%3E");
}
.box-story .inner .item-5 .item-swiper .common-swiper-control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .svg-motion {
  --progress: 0;
  stroke-dasharray: 125.6;
  transform: rotate(-90deg);
  opacity: 1;
  stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
}
.box-story .inner .item-6 {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-top: 40px;
  padding-top: 54px;
}
.box-story .inner .item-6 .flex {
  display: flex;
  flex-direction: column;
  gap: 53px;
}
.box-story .inner .item-6 .flex .top-text {
  display: flex;
  justify-content: space-between;
}
.box-story .inner .item-6 .flex .top-text h2 {
  color: var(--Gray-2, #222);
  font-size: 22px;
  font-weight: 400;
  line-height: 100%; /* 22px */
  letter-spacing: -0.88px;
  text-transform: uppercase;
}
.box-story .inner .item-6 .flex .top-text .common-btnType-7 {
  transform: translate(-2px, -9px);
}
.box-story .inner .item-6 .flex .left ul {
  display: flex;
  gap: 20px;
  flex-direction: column;
}
.box-story .inner .item-6 .flex .left ul li a .img-holder span {
  padding-top: 127%;
  border-radius: 4px;
}
.box-story .inner .item-6 .flex .left ul li a .img-holder span::after {
  content: "";
  display: block;
  border-radius: 4px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.08) 100%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.box-story .inner .item-6 .flex .left ul li a .text-1 {
  padding: 10px 0 0 0;
  color: var(--Gray-2, #222);
  font-size: 16px;
  font-weight: 600;
  line-height: 100%; /* 16px */
  letter-spacing: -0.64px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.box-story .inner .item-6 .flex .right ul {
  padding: 5px 0 0;
}
.box-story .inner .item-6 .flex .right ul li {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 24px;
  margin-bottom: 24px;
}
.box-story .inner .item-6 .flex .right ul li:last-child {
  border-bottom: 0;
}
.box-story .inner .item-6 .flex .right ul li a {
  display: flex;
  gap: 20px;
}
.box-story .inner .item-6 .flex .right ul li a .img-holder span {
  width: 28vw;
}
.box-story .inner .item-6 .flex .right ul li a .img-holder span::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.08) 100%);
}
.box-story .inner .item-6 .flex .right ul li a .box-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 15px;
}
.box-story .inner .item-6 .flex .right ul li a .box-text .text-1 {
  color: var(--Gray-2, #222);
  font-size: 16px;
  font-weight: 600;
  line-height: 100%; /* 16px */
  letter-spacing: -0.64px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.box-story .inner .item-6 .flex .right ul li a .box-text .text-2 {
  color: var(--Gray-7_dimed, #aaa);
  text-overflow: ellipsis;
  font-family: Pretendard;
  font-size: 12px;
  font-weight: 500;
  line-height: 100%; /* 12px */
}

.box-gride-sight .inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: stretch;
  gap: 4px;
}
.box-gride-sight .inner .gride {
  position: relative;
}
.box-gride-sight .inner .gride.text {
  grid-column: 1/-1; /* 첫 번째 요소는 모든 열을 차지하도록 설정 */
}
.box-gride-sight .inner .gride.text .img-holder a {
  padding-top: 111%;
}
.box-gride-sight .inner .gride.text .img-holder a::after {
  content: "";
  display: block;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.box-gride-sight .inner .gride.text .box-text {
  position: absolute;
  top: 9vh;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  gap: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.box-gride-sight .inner .gride.text .box-text .text-1 {
  color: #fff;
  text-align: center;
  font-family: MaruBuri;
  font-size: 28px;
  font-weight: 600;
  line-height: 100%; /* 28px */
  letter-spacing: -1.12px;
}
.box-gride-sight .inner .gride.text .box-text .text-2 {
  color: #fff;
  text-align: center;
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 200;
  line-height: 150%; /* 21px */
}
.box-gride-sight .inner .gride .img-holder a {
  padding-top: 59%;
}
.box-gride-sight .inner .gride .img-holder a::after {
  content: "";
  display: block;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.08) 100%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.box-gride-sight .inner .gride .hover-text {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  z-index: -100;
}

.rsv-step-swiper {
  margin: 0 0 10px;
  padding: 63px 18px 10px 18px;
  overflow: hidden;
  display: flex;
  flex-flow: row nowrap;
}
.rsv-step-swiper .swiper-slide {
  flex: 0 0 37%;
  padding: 6px 8px 10px 8px;
  position: relative;
  border-radius: 6px;
  border: 1px solid var(--Stroke-medium-01, #dadce0);
  background: var(--BG-11, #f6f6f6);
}
.rsv-step-swiper .swiper-slide:last-child::after {
  display: none;
}
.rsv-step-swiper .swiper-slide::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -30px;
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_tab.svg");
  background-position: center;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}
.rsv-step-swiper .swiper-slide .num {
  display: block;
  margin: 0 0 2px;
  color: var(--Font-dimed, #b2b2b2);
  text-align: center;
  font-family: Gibson;
  font-size: 12px;
  font-weight: 200;
}
.rsv-step-swiper .swiper-slide .info {
  color: var(--Font-medium-light, #86868b);
  text-align: center;
  font-family: Pretendard;
  font-size: 13px;
  font-weight: 200;
  line-height: 1.3;
  letter-spacing: -0.39px;
}
.rsv-step-swiper .swiper-slide.is-active {
  background: var(--Primary-1, #1e1e1e);
  border-color: transparent;
}
.rsv-step-swiper .swiper-slide.is-active .num {
  color: #999;
}
.rsv-step-swiper .swiper-slide.is-active .info {
  color: var(--Primary-3, #fff);
}

.rsv-form-wrap {
  position: relative;
  padding: 0 18px;
}
.rsv-form-wrap .rsv-form-item {
  position: relative;
  padding: 21px 17px;
  border-radius: 8px;
  border: 1px solid var(--Stroke-medium-02, #ddd);
  background: var(--Primary-3, #fff);
}
.rsv-form-wrap .rsv-form-item .form-item {
  width: 100%;
  position: relative;
}
.rsv-form-wrap .rsv-form-item .form-item .label-wrap {
  width: 100%;
  position: relative;
  margin-bottom: 10px;
}
.rsv-form-wrap .rsv-form-item .form-item .label-wrap .input-label {
  color: var(--Gray-3, #333);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
  position: relative;
}
.rsv-form-wrap .rsv-form-item .form-item .label-wrap .input-label > span {
  display: inline-block;
  font-size: 0;
  height: 0;
}
.rsv-form-wrap .rsv-form-item .form-item .label-wrap .input-label > span::after {
  content: "*";
  display: inline-block;
  color: var(--Theme-4, #d6131b);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  padding-left: 3px;
}
.rsv-form-wrap .rsv-form-item .form-item .input-wrap {
  width: 100%;
  position: relative;
}
.rsv-form-wrap .rsv-form-item .form-item .input-wrap.items {
  display: flex;
  align-items: center;
  gap: 10px 5px;
}
.rsv-form-wrap .rsv-form-item .form-item .input-wrap.items span {
  color: var(--Gray-3, #333);
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
}
.rsv-form-wrap .rsv-form-item .form-item .input-wrap.items.email {
  flex-wrap: wrap;
}
.rsv-form-wrap .rsv-form-item .form-item .input-wrap.items.email .email-input,
.rsv-form-wrap .rsv-form-item .form-item .input-wrap.items.email .common-selectbox-1 {
  flex: 1 1 0%;
  flex-grow: 1;
}
.rsv-form-wrap .rsv-form-item .form-item .input-wrap.items.email .common-selectbox-1 {
  min-width: 46%;
}
.rsv-form-wrap .rsv-form-item .form-item + .form-item {
  margin-top: 18px;
}
.rsv-form-wrap .rsv-form-item.dot {
  overflow: hidden;
  border: 0;
  padding: 0;
  margin: 22px 0;
}
.rsv-form-wrap .rsv-form-item.dot .form-item + .form-item {
  border-top: 1px solid #eee;
  margin-top: 23px !important;
  padding: 30px 0 0 0;
}
.rsv-form-wrap .rsv-form-item.dot .form-item .label-wrap {
  margin-bottom: 15px;
}
.rsv-form-wrap .rsv-form-item.dot .form-item .label-wrap .input-label {
  position: relative;
  color: var(--Font-dark, #000);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.42px;
}
.rsv-form-wrap .rsv-form-item.dot .form-item .label-wrap .input-label .num {
  display: inline-flex;
  width: 24px;
  height: 24px;
  padding: 6px;
  justify-content: center;
  align-items: center;
  border-radius: 999px;
  border: 1px solid var(--Stroke-light, #e5e5e5);
  background: var(--Icon-Icon-bg, #eee);
  color: var(--Font-dark, #000);
  text-align: center;
  font-family: Gibson;
  font-size: 12px;
  font-weight: 200;
  margin-right: 10px;
}
.rsv-form-wrap .rsv-form-item.dot .form-item .label-wrap .input-label .num::after {
  display: none;
}
.rsv-form-wrap .rsv-form-item.dot .form-item .right-box {
  width: 100%;
  position: relative;
}
.rsv-form-wrap .rsv-form-item.dot .form-item .right-box .step-box {
  width: 100%;
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 13px 8px;
}
.rsv-form-wrap .rsv-form-item.dot .form-item .right-box .step-box .box {
  width: 100%;
  min-height: 81px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 16px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='155' height='81' viewBox='0 0 155 81' fill='none'%3E%3Cpath d='M125.689 0.499999C128.246 0.499999 130.627 1.80245 132.006 3.95558L152.816 36.4556C154.395 38.9208 154.395 42.0792 152.816 44.5444L132.006 77.0444C130.627 79.1976 128.246 80.5 125.689 80.5L7.99998 80.5C3.85785 80.5 0.499997 77.1421 0.499997 73L0.5 7.99999C0.5 3.85786 3.85785 0.499994 8 0.499994L125.689 0.499999Z' fill='%23F6F6F6' stroke='%23DADCE0'/%3E%3C/svg%3E");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.rsv-form-wrap .rsv-form-item.dot .form-item .right-box .step-box .box .txt {
  color: var(--Font-medium, #666);
  text-align: center;
  font-family: Pretendard;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
}
.rsv-form-wrap .rsv-form-item.dot .form-item .right-box .step-box .box::after {
  content: "";
  width: 28px;
  height: 28px;
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translateX(calc(-50% - 7px));
  background-size: cover !important;
  background-position: center !important;
}
.rsv-form-wrap .rsv-form-item.dot .form-item .right-box .step-box .box.nt-1::after {
  background: url(https://binishop.iwinv.net/sample/13/static/images/icon/rsv_step_1.png) no-repeat;
}
.rsv-form-wrap .rsv-form-item.dot .form-item .right-box .step-box .box.nt-2::after {
  background: url(https://binishop.iwinv.net/sample/13/static/images/icon/rsv_step_2.png) no-repeat;
}
.rsv-form-wrap .rsv-form-item.dot .form-item .right-box .step-box .box.nt-3::after {
  background: url(https://binishop.iwinv.net/sample/13/static/images/icon/rsv_step_3.png) no-repeat;
}
.rsv-form-wrap .rsv-form-item.dot .form-item .right-box .step-box .box.nt-4::after {
  background: url(https://binishop.iwinv.net/sample/13/static/images/icon/rsv_step_4.png) no-repeat;
}
.rsv-form-wrap .rsv-form-item.dot .form-item .right-box .cancel-table {
  margin: 0 -20px;
  padding: 0 20px;
  overflow: hidden;
}
.rsv-form-wrap .rsv-form-item.dot .form-item .right-box .cancel-table .swiper-slide {
  width: 848px !important;
  flex-grow: 1;
}
.rsv-form-wrap .rsv-form-item.dot .form-item + .form-item {
  margin-top: 30px;
}
.rsv-form-wrap .wrap-tit {
  width: 100%;
  padding: 10px 0 24px;
  border-bottom: 2px solid #000;
  margin-top: 32px;
  color: var(--Font-dark, #000);
  font-family: Pretendard;
  font-size: 26px;
  font-weight: 500;
  letter-spacing: -0.78px;
}

.srv-info-box {
  width: 100%;
  position: relative;
  margin-top: 31px;
  display: grid;
  gap: 10px;
  padding: 0 18px;
}
.srv-info-box .box {
  width: 100%;
  position: relative;
  border-radius: 8px;
  border: 1px solid var(--Stroke-medium-01, #dadce0);
  background: var(--Primary-3, #fff);
  overflow: hidden;
}
.srv-info-box .box .left {
  width: 100%;
  position: relative;
  border-bottom: 1px solid var(--Stroke-medium-01, #dadce0);
  background: var(--BG-11, #f6f6f6);
  padding: 15px 20px;
  color: var(--Font-dark, #000);
  text-align: center;
  font-family: Pretendard;
  font-size: 13px;
  font-weight: 600;
  line-height: 116%; /* 15.08px */
  letter-spacing: -0.39px;
}
.srv-info-box .box .right {
  width: 100%;
  position: relative;
  padding: 14px 20px;
  color: var(--Font-medium, #666);
  font-family: Pretendard;
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 116%; /* 15.08px */
  letter-spacing: -0.39px;
}

.srv-agree-box {
  position: relative;
  margin: 40px 18px 50px;
  border-radius: 8px;
  border: 1px solid var(--Stroke-dark, #d6d6db);
  background: var(--BG-9, #f6f6f6);
  padding: 28px 30px 35px;
}
.srv-agree-box .txt {
  color: var(--Font-dark-light, #1e1e1e);
  text-align: center;
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.8;
  letter-spacing: -0.42px;
}
.srv-agree-box .box-check {
  margin-top: 35px;
  display: block;
}
.srv-agree-box .box-check label {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.srv-agree-box .box-check label span {
  margin: 0;
  padding: 0;
  color: var(--Gray-3, #333);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  padding-left: 30px;
  letter-spacing: 0;
}
.srv-agree-box .box-check label span::after {
  width: 24px;
  height: 24px;
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_ck_off.svg");
  transform: translate(0, -50%);
}
.srv-agree-box .box-check label input:checked + span::after {
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_ck_on.svg");
}

.srv-notice {
  position: relative;
  padding: 24px 16px;
  border-radius: 8px;
  margin: 0 18px 40px;
  border: 1px solid var(--Stroke-dark, #d0d0d0);
  background: var(--Primary-3, #fff);
}
.srv-notice.margin-top-1 {
  margin-top: 64px;
}
.srv-notice .tit {
  color: var(--Gray-2, #222);
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
  padding-bottom: 15px;
  letter-spacing: -0.02em;
}
.srv-notice .dot-list li {
  color: var(--Font-medium, #666);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 144%; /* 20.16px */
  letter-spacing: -0.42px;
  position: relative;
  padding-left: 9px;
}
.srv-notice .dot-list li strong {
  color: var(--Font-dark, #000);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 144%;
  letter-spacing: -0.42px;
  text-decoration-line: underline;
}
.srv-notice .dot-list li + li {
  margin-top: 14px;
}
.srv-notice .dot-list li::before {
  content: "";
  width: 1px;
  height: 1px;
  border-radius: 50%;
  background: var(--Gray-4, #666);
  position: absolute;
  top: 9.5px;
  left: 0;
}
.srv-notice.done {
  margin-bottom: 0;
  padding: 30px 18px;
}
.srv-notice.done .tit {
  color: var(--Gray-2, #222);
  text-align: center;
  font-family: "Nanum Myeongjo", "Roboto", Arial, Dotum, serif, -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: 20px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.8px;
}
.srv-notice.done .dot-list li {
  padding-left: 0;
  text-align: center;
}
.srv-notice.done .dot-list li::before {
  display: none;
}

.srv-detail-inner {
  position: relative;
  margin: 50px 18px;
}
.srv-detail-inner.program {
  margin: -14px 18px 40px;
}
.srv-detail-inner .box-sel {
  border-top: 1px solid var(--Stroke-list, #ddd);
  margin: 13px 0 -20px;
}
.srv-detail-inner .box-sel a {
  color: var(--Font-medium, #666);
  font-family: Pretendard;
  font-size: 13px;
  font-weight: 600;
  line-height: 116%; /* 15.08px */
  letter-spacing: -0.39px;
  display: block;
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_sel.svg");
  background-repeat: no-repeat;
  background-position: 0 center;
  padding: 16px 30px;
}
.srv-detail-inner .box-sel a + a {
  border-top: 1px solid var(--Stroke-list, #ddd);
}
.srv-detail-inner .detail-fix {
  width: 100%;
  position: fixed;
  border-radius: 16px 16px 0px 0px;
  background: var(--Primary-1, #fff);
  box-shadow: 8px -8px 24px 0px rgba(0, 0, 0, 0.24);
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 300;
  padding: 22px 20px 20px;
}
.srv-detail-inner .detail-fix .tit {
  padding: 15px 0;
  color: var(--Gray-2, #222);
  font-size: 14px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.56px;
  border-bottom: 2px solid var(--Gray-2, #222);
  margin-bottom: 10px;
}
.srv-detail-inner .detail-fix .tt-1 {
  color: var(--Font-medium, #666);
  font-family: Pretendard;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.39px;
}
.srv-detail-inner .detail-fix .btn-flex {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  gap: 5px;
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 0 10px;
}
.srv-detail-inner .detail-fix .btn-flex .btn {
  width: -moz-fit-content;
  width: fit-content;
  padding: 6px 20px;
  border-radius: 999px;
  border: 1px solid var(--Stroke-dark, #ccc);
  color: var(--Gray-2, #222);
  font-size: 10px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -0.4px;
}
.srv-detail-inner .detail-fix .btn-flex .btn.next {
  background: var(--Gray-5, #323334);
  color: var(--Primary-3, #fff);
  border-color: transparent;
}
.srv-detail-inner .detail-fix .form-wrap {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 26px 10px;
}
.srv-detail-inner .detail-fix .form-wrap::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  border-bottom: 1px solid var(--Stroke-list, #ddd);
}
.srv-detail-inner .detail-fix .form-wrap .form-item {
  width: calc(50% - 5px);
}
.srv-detail-inner .detail-fix .form-wrap .form-item .label-wrap {
  display: none;
}
.srv-detail-inner .detail-fix .form-wrap .form-item .input-wrap {
  width: 100%;
  position: relative;
}
.srv-detail-inner .detail-fix .form-wrap .form-item .input-wrap .fix-input {
  width: 100%;
  position: relative;
  border-radius: 4px;
  border: 1px solid var(--Stroke-medium-02, #ddd);
  background: var(--Primary-3, #fff);
  padding: 4px 10px;
  color: var(--Gray-4, #666);
  font-family: Pretendard;
  font-size: 12px;
  font-weight: 500;
  line-height: 100%;
}
.srv-detail-inner .detail-fix .select-pro {
  width: 100%;
  position: relative;
  margin-top: 20px;
}
.srv-detail-inner .detail-fix .select-pro .tag-tit {
  color: var(--Gray-3, #333);
  font-family: Pretendard;
  font-size: 12px;
  font-weight: 600;
  line-height: 100%;
  position: relative;
  padding: 0 0 10px 20px;
}
.srv-detail-inner .detail-fix .select-pro .tag-tit::before {
  content: "";
  width: 14px;
  height: 14px;
  background-size: cover;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M9.67099 12.2474C8.90099 11.5591 8.13682 10.8357 7.36682 10.1707C7.15099 9.98405 6.83015 9.98405 6.61432 10.1707C5.85015 10.8299 5.08599 11.5532 4.32182 12.2416C3.94849 12.5799 3.34766 12.3116 3.34766 11.8041V2.76823C3.34766 2.12656 3.87266 1.60156 4.51432 1.60156H9.47266C10.1143 1.60156 10.6393 2.12656 10.6393 2.76823V11.8041C10.6452 12.3174 10.0502 12.5857 9.67099 12.2474Z' stroke='%2376838F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  position: absolute;
  top: -1px;
  left: 0;
}
.srv-detail-inner .detail-fix .select-pro .dot-list {
  width: 100%;
  position: relative;
  border-radius: 4px;
  border: 1px solid var(--Stroke-medium-02, #ddd);
  background: var(--BG-9, #fbfbfb);
  padding: 12px 10px;
}
.srv-detail-inner .detail-fix .select-pro .dot-list > li {
  color: var(--Gray-4, #666);
  font-family: Pretendard;
  font-size: 12px;
  font-weight: 500;
  line-height: 150%;
  position: relative;
  padding-left: 16px;
}
.srv-detail-inner .detail-fix .select-pro .dot-list > li::before {
  content: "";
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: var(--Gray-4, #666);
  position: absolute;
  top: 7px;
  left: 7px;
}
.srv-detail-inner .detail-list {
  width: 100%;
  position: relative;
  display: grid;
  gap: 39px;
}
.srv-detail-inner .detail-list .box {
  width: 100%;
  position: relative;
}
.srv-detail-inner .detail-list .box .flex-tit {
  padding-bottom: 18px;
  border-bottom: 2px solid var(--Gray-2, #222);
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.srv-detail-inner .detail-list .box .flex-tit.gap-1 {
  padding: 15px 0;
}
.srv-detail-inner .detail-list .box .flex-tit .sub-txt {
  display: block;
  position: relative;
  color: var(--Theme-4, #d6131b);
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 12px */
  letter-spacing: -0.36px;
  padding-left: 20px;
}
.srv-detail-inner .detail-list .box .flex-tit .sub-txt::before {
  content: "";
  width: 18px;
  height: 18px;
  position: absolute;
  top: -3px;
  left: 0;
  background-position: center;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.21678 4.5C7.98658 3.16667 9.91108 3.16667 10.6809 4.5L15.011 12C15.7808 13.3333 14.8186 15 13.279 15H4.6187C3.0791 15 2.11686 13.3333 2.88666 12L7.21678 4.5ZM8.19883 12.975V7.875H9.54883V12.975H8.19883ZM8.87383 6.6C9.24663 6.6 9.54883 6.29779 9.54883 5.925C9.54883 5.55221 9.24663 5.25 8.87383 5.25C8.50104 5.25 8.19883 5.55221 8.19883 5.925C8.19883 6.29779 8.50104 6.6 8.87383 6.6Z' fill='%23D6131B'/%3E%3C/svg%3E");
}
.srv-detail-inner .detail-list .box .flex-tit label span {
  padding-right: 0;
  margin-right: 0;
  color: var(--Gray-4, #666);
  font-family: Pretendard;
  font-size: 12px;
  font-weight: 400;
  line-height: 100%; /* 12px */
}
.srv-detail-inner .detail-list .box .flex-tit label span.gap {
  padding-right: 11px;
}
.srv-detail-inner .detail-list .box .tit {
  color: var(--Font-dark, #000);
  font-family: Pretendard;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.6px;
}
.srv-detail-inner .detail-list .box .tit > span {
  display: inline-block;
  font-size: 0;
  height: 0;
}
.srv-detail-inner .detail-list .box .tit > span::after {
  content: "*";
  display: inline-block;
  color: var(--Theme-4, #d6131b);
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  padding-left: 4px;
}
.srv-detail-inner .detail-list .box .list {
  width: 100%;
  position: relative;
}
.srv-detail-inner .detail-list .box .list > li {
  padding: 20px 0 16px;
  border-bottom: 1px solid var(--Stroke-medium-02, #ddd);
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.srv-detail-inner .detail-list .box .list > li .img-holder {
  width: 31.3%;
  flex-shrink: 0;
}
.srv-detail-inner .detail-list .box .list > li .img-holder span {
  border-radius: 6px;
  padding-top: 66%;
}
.srv-detail-inner .detail-list .box .list > li .step-2 {
  padding: 5px 49px 0 0;
  width: 100%;
  position: relative;
}
.srv-detail-inner .detail-list .box .list > li .step-2 .name {
  color: var(--Gray-2, #000);
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
}
.srv-detail-inner .detail-list .box .list > li .step-2 .info {
  margin: 4px 0 7px;
  width: 100%;
}
.srv-detail-inner .detail-list .box .list > li .step-2 .info > li {
  color: var(--Font-medium, #666);
  font-family: Pretendard;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.39px;
}
.srv-detail-inner .detail-list .box .list > li .step-2 label {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 8px;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  height: 33px;
}
.srv-detail-inner .detail-list .box .list > li .step-2 label input {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  width: -moz-fit-content;
  width: fit-content;
  width: 32px;
  height: 33px;
  border-radius: 999px;
  cursor: pointer;
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/btn/btn_ck_off.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.srv-detail-inner .detail-list .box .list > li .step-2 label input:checked {
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/btn/btn_ck_on.svg");
}
.srv-detail-inner .detail-list .box .list > li .step-2 label span {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--Gray-2, #222);
  font-size: 10px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -0.4px;
}
.srv-detail-inner .detail-list .box .list.other > li .step-2 .info > li + li {
  margin-top: 3px;
}
.srv-detail-inner .detail-list .box .list.program > li {
  align-items: stretch;
}
.srv-detail-inner .detail-list .box .list.program > li .img-holder span {
  padding-top: 100%;
}
.srv-detail-inner .detail-list .box .list.program > li .step-2 .inner {
  width: 100%;
  max-width: 67%;
}
.srv-detail-inner .detail-list .box .list.program > li .step-2 .tag {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0px 6px;
  border-radius: 999px;
  border: 1px solid var(--Stroke-medium-dark, #dadce0);
  background: var(--Primary-1, #fff);
  color: var(--Font-medium, #666);
  font-family: Pretendard;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.36px;
  margin-bottom: 5px;
}
.srv-detail-inner .detail-list .box .list.program > li .step-2 .num {
  margin-top: 5px;
  color: var(--Font-medium, #666);
  font-family: Pretendard;
  font-size: 13px;
  font-weight: 600;
  line-height: 116%; /* 15.08px */
  letter-spacing: -0.39px;
}
.srv-detail-inner .detail-list .box .list.program > li .step-2 .more-btn {
  color: var(--Gray-3, #333);
  text-align: center;
  font-family: Pretendard;
  font-size: 10px;
  font-weight: 600;
  line-height: 100%;
  padding: 6px 8px;
  border-bottom: 1px solid var(--Stroke-dark, #ccc);
  position: absolute;
  top: 56px;
  right: 0;
}

.srv-btn-flex {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.srv-btn-flex.two .common-btnType-13 {
  width: 120px;
  margin: 0;
  padding: 10px 0;
}
.srv-btn-flex .common-btnType-13.prev {
  border: 1px solid var(--Primary-1, #323334);
  background: #fff;
}
.srv-btn-flex .common-btnType-13.prev span {
  color: var(--Gray-2, #222);
  padding-left: 16px;
  padding-right: 0;
}
.srv-btn-flex .common-btnType-13.prev span::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='10' viewBox='0 0 11 10' fill='none'%3E%3Cpath d='M2.375 5L8.625 5' stroke='black' stroke-linejoin='round'/%3E%3Cmask id='path-2-inside-1_7400_16685' fill='white'%3E%3Cpath d='M9.52832 5L5.63923 8.88909L1.75015 5L5.63923 1.11091L9.52832 5Z'/%3E%3C/mask%3E%3Cpath d='M1.75015 5L1.04304 4.29289L0.335932 5L1.04304 5.70711L1.75015 5ZM6.34634 8.18198L2.45725 4.29289L1.04304 5.70711L4.93213 9.59619L6.34634 8.18198ZM2.45725 5.70711L6.34634 1.81802L4.93213 0.403806L1.04304 4.29289L2.45725 5.70711Z' fill='black' mask='url(%23path-2-inside-1_7400_16685)'/%3E%3C/svg%3E");
  right: auto;
  left: 0;
}
.srv-btn-flex .common-btnType-13.done span {
  padding-right: 0;
}
.srv-btn-flex .common-btnType-13.done span::after {
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9987 1.83594C5.94786 1.83594 1.83203 5.95177 1.83203 11.0026C1.83203 16.0534 5.94786 20.1693 10.9987 20.1693C16.0495 20.1693 20.1654 16.0534 20.1654 11.0026C20.1654 5.95177 16.0495 1.83594 10.9987 1.83594ZM14.9862 14.2751C14.8579 14.4951 14.6287 14.6143 14.3904 14.6143C14.2712 14.6143 14.152 14.5868 14.042 14.5134L11.2004 12.8176C10.4945 12.3959 9.97203 11.4701 9.97203 10.6543V6.89594C9.97203 6.5201 10.2837 6.20844 10.6595 6.20844C11.0354 6.20844 11.347 6.5201 11.347 6.89594V10.6543C11.347 10.9843 11.622 11.4701 11.9062 11.6351L14.7479 13.3309C15.0779 13.5234 15.1879 13.9451 14.9862 14.2751Z' fill='white'/%3E%3C/svg%3E%0A");
  background-size: cover;
  right: auto;
  left: 0;
}

.srv-questions {
  position: relative;
  margin: 0 18px 45px;
}
.srv-questions .flex-tit {
  padding-bottom: 16px;
  border-bottom: 2px solid var(--Gray-2, #000);
  margin-bottom: 18px;
}
.srv-questions .flex-tit .tit {
  color: var(--Font-dark, #000);
  font-family: Pretendard;
  font-size: 20px;
  font-weight: 600;
  line-height: 100%; /* 20px */
  letter-spacing: -0.6px;
}
.srv-questions .inner {
  width: 100%;
  position: relative;
}
.srv-questions .inner textarea {
  width: 100%;
  position: relative;
  border-radius: 6px;
  border: 1px solid var(--Stroke-list, #ddd);
  background: var(--Primary-1, #fff);
  padding: 13px 15px;
  color: var(--Gray-1, #000);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  min-height: 160px;
}
.srv-questions .inner textarea::-moz-placeholder {
  color: var(--Font-medium, #666);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%; /* 21px */
}
.srv-questions .inner textarea::placeholder {
  color: var(--Font-medium, #666);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%; /* 21px */
}

.device-gap-LR {
  padding-left: 20px;
  padding-right: 20px;
}
.device-gap-LR.right-0 {
  padding-right: 0;
}

.device-gap-top {
  padding-top: 56px;
}

.box-map-guide .flex {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.box-map-guide .flex .left {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.box-map-guide .flex .left h2 {
  color: var(--Gray-2, #222);
  font-size: 22px;
  font-weight: 600;
  line-height: 150%; /* 33px */
  letter-spacing: -0.88px;
}
.box-map-guide .flex .left .list a + a {
  margin-top: 10px;
}
.box-map-guide .flex .right .map {
  height: 340px;
}
.box-map-guide .flex .right .box-text {
  padding: 20px 0 45px;
  display: flex;
  flex-direction: column;
  gap: 11px;
}
.box-map-guide .flex .right .box-text .flex-2 {
  display: flex;
  flex-direction: column;
  gap: 11px;
}
.box-map-guide .flex .right .box-text p {
  color: var(--Gray-4, #666);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%; /* 21px */
  position: relative;
  padding: 0 0 0 34px;
}
.box-map-guide .flex .right .box-text p::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
}
.box-map-guide .flex .right .box-text p.text-1::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20.6211 8.45C19.5711 3.83 15.5411 1.75 12.0011 1.75C12.0011 1.75 12.0011 1.75 11.9911 1.75C8.46107 1.75 4.42107 3.82 3.37107 8.44C2.20107 13.6 5.36107 17.97 8.22107 20.72C9.28107 21.74 10.6411 22.25 12.0011 22.25C13.3611 22.25 14.7211 21.74 15.7711 20.72C18.6311 17.97 21.7911 13.61 20.6211 8.45ZM12.0011 13.46C10.2611 13.46 8.85107 12.05 8.85107 10.31C8.85107 8.57 10.2611 7.16 12.0011 7.16C13.7411 7.16 15.1511 8.57 15.1511 10.31C15.1511 12.05 13.7411 13.46 12.0011 13.46Z' fill='%23999999'/%3E%3C/svg%3E");
}
.box-map-guide .flex .right .box-text p.text-2::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21.97 18.33C21.97 18.69 21.89 19.06 21.72 19.42C21.55 19.78 21.33 20.12 21.04 20.44C20.55 20.98 20.01 21.37 19.4 21.62C18.8 21.87 18.15 22 17.45 22C16.43 22 15.34 21.76 14.19 21.27C13.04 20.78 11.89 20.12 10.75 19.29C9.6 18.45 8.51 17.52 7.47 16.49C6.44 15.45 5.51 14.36 4.68 13.22C3.86 12.08 3.2 10.94 2.72 9.81C2.24 8.67 2 7.58 2 6.54C2 5.86 2.12 5.21 2.36 4.61C2.6 4 2.98 3.44 3.51 2.94C4.15 2.31 4.85 2 5.59 2C5.87 2 6.15 2.06 6.4 2.18C6.66 2.3 6.89 2.48 7.07 2.74L9.39 6.01C9.57 6.26 9.7 6.49 9.79 6.71C9.88 6.92 9.93 7.13 9.93 7.32C9.93 7.56 9.86 7.8 9.72 8.03C9.59 8.26 9.4 8.5 9.16 8.74L8.4 9.53C8.29 9.64 8.24 9.77 8.24 9.93C8.24 10.01 8.25 10.08 8.27 10.16C8.3 10.24 8.33 10.3 8.35 10.36C8.53 10.69 8.84 11.12 9.28 11.64C9.73 12.16 10.21 12.69 10.73 13.22C11.27 13.75 11.79 14.24 12.32 14.69C12.84 15.13 13.27 15.43 13.61 15.61C13.66 15.63 13.72 15.66 13.79 15.69C13.87 15.72 13.95 15.73 14.04 15.73C14.21 15.73 14.34 15.67 14.45 15.56L15.21 14.81C15.46 14.56 15.7 14.37 15.93 14.25C16.16 14.11 16.39 14.04 16.64 14.04C16.83 14.04 17.03 14.08 17.25 14.17C17.47 14.26 17.7 14.39 17.95 14.56L21.26 16.91C21.52 17.09 21.7 17.3 21.81 17.55C21.91 17.8 21.97 18.05 21.97 18.33Z' fill='%23999999'/%3E%3C/svg%3E");
}
.box-map-guide .flex .right .box-text p.text-3::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M17 3.5H7C4 3.5 2 5 2 8.5V15.5C2 19 4 20.5 7 20.5H17C20 20.5 22 19 22 15.5V8.5C22 5 20 3.5 17 3.5ZM17.47 9.59L14.34 12.09C13.68 12.62 12.84 12.88 12 12.88C11.16 12.88 10.31 12.62 9.66 12.09L6.53 9.59C6.21 9.33 6.16 8.85 6.41 8.53C6.67 8.21 7.14 8.15 7.46 8.41L10.59 10.91C11.35 11.52 12.64 11.52 13.4 10.91L16.53 8.41C16.85 8.15 17.33 8.2 17.58 8.53C17.84 8.85 17.79 9.33 17.47 9.59Z' fill='%23999999'/%3E%3C/svg%3E");
}

.map-kv .img-holder span {
  padding-top: 55%;
}

.text-map {
  padding-top: 31px;
}
.text-map .flex .left h2 {
  color: var(--Gray-2, #222);
  font-size: 22px;
  font-weight: 600;
  line-height: 150%; /* 33px */
  letter-spacing: -0.88px;
  padding-bottom: 19px;
}
.box-inquiry {
  margin: 64px 18px 0;
}
.box-inquiry .inner {
  padding: 20px 17px;
  border: 1px solid var(--Stroke-dark, #ddd);
  background-color: #fff;
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  gap: 21px;
}
.box-inquiry .inner .flex {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.box-inquiry .inner .flex .left label {
  color: var(--Font-dark, #000);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%; /* 14px */
  letter-spacing: -0.42px;
}
.box-inquiry .inner .flex .left label strong {
  position: relative;
  top: -5px;
  color: var(--Theme-4, #d6131b);
  font-family: Pretendard;
  font-size: 6px;
  font-weight: 500;
  line-height: 100%; /* 10px */
}
.box-inquiry .inner .flex .right.margin-top-1 {
  margin: -11px 0;
}
.box-inquiry .inner .flex .right.flex-gap {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.box-inquiry .inner .flex .right .flex-number {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}
.box-inquiry .inner .flex .right .flex-number .common-input-container-3 {
  flex: 1 1 0%;
}
.box-inquiry .inner .flex .right .flex-number.gap-2 {
  gap: 10px 5px;
}
.box-inquiry .inner .flex .right .flex-number.gap-2 .common-input-container-3 {
  min-width: 46%;
}
.box-inquiry .inner .flex .right .min-wd {
  flex: 1 1 0%;
}
.box-collection {
  margin-top: 40px;
}
.box-collection .inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}
.box-collection .inner .flex {
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  border: 1px solid var(--Stroke-medium-01, #dadce0);
  background: var(--Primary-3, #fff);
  border-radius: 12px;
  width: 100%;
}
.box-collection .inner .flex .left {
  text-align: center;
  border-radius: 12px 12px 0 0;
  background: var(--BG-11, #f6f6f6);
  color: var(--Gray-2, #222);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%; /* 14px */
  padding: 14px 0;
}
.box-collection .inner .flex .right {
  text-align: center;
  color: var(--Gray-4, #666);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%; /* 21px */
  padding: 15px 0;
}

.box-rule-ok {
  margin: 40px 0;
  padding: 30px 30px 25px;
  border-radius: 12px;
  border: 1px solid var(--Stroke-dark, #ccc);
  background: var(--BG-9, #fbfbfb);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 27px;
}
.box-rule-ok .text-1 {
  color: var(--Gray-2, #222);
  text-align: center;
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 600;
  line-height: 140%; /* 19.6px */
}
.box-rule-ok .box-check {
  justify-content: center;
  transform: translate(19px, 0);
}
.box-rule-ok .box-check label span {
  margin: 0;
  color: var(--Gray-3, #333);
  font-family: Pretendard;
  font-size: 12px;
  font-weight: 500;
  line-height: 100%; /* 12px */
}

.box-inquiry-end {
  padding: 30px 20px;
  border-radius: 8px;
  border: 1px solid var(--Stroke-dark, #ccc);
  background: var(--Primary-3, #fff);
}
.box-inquiry-end .inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 17px;
  align-self: stretch;
}
.box-inquiry-end .inner .text-1 {
  color: var(--Gray-2, #222);
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  line-height: 100%; /* 20px */
  letter-spacing: -0.8px;
}
.box-inquiry-end .inner .text-2 {
  color: var(--Gray-4, #666);
  text-align: center;
  font-family: Pretendard;
  font-size: 12px;
  font-weight: 500;
  line-height: 200%; /* 24px */
  margin: 0 23px;
}
.box-inquiry-end .inner .text-2 strong {
  padding-right: 3px;
}

.box-info-guide {
  margin: 64px 18px 0;
}
.box-info-guide .inner {
  border-top: 1px solid var(--Gray-222222, #222);
}
.box-info-guide .inner .flex {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 31px 0 31px 0;
}
.box-info-guide .inner .flex:last-child {
  padding-bottom: 0;
}
.box-info-guide .inner .flex + .flex {
  border-top: 1px solid var(--Stroke-medium-dark, #dadce0);
  margin-top: 0;
}
.box-info-guide .inner .flex .left {
  color: var(--Font-dark, #000);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: -0.42px;
  position: relative;
  padding: 9px 0 8px 0;
}
.box-info-guide .inner .flex .left .num {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: var(--Font-dark, #000);
  text-align: center;
  font-family: Gibson;
  font-size: 12px;
  font-weight: 200;
  border-radius: 999px;
  border: 1px solid var(--Stroke-light, #e5e5e5);
  background: var(--Icon-Icon-bg, #eee);
  width: 24px;
  height: 24px;
  margin: 0 9px 0 0;
}
.box-info-guide .inner .flex .right {
  padding: 1px 7px;
}
.box-info-guide .inner .flex .right.gap-1 {
  padding: 0;
  margin-top: 0;
}
.box-info-guide .inner .flex .right.type-2 .text-1 {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 170%; /* 27.2px */
}
.box-info-guide .inner .flex .right .tt-cap-1 {
  color: var(--Font-dark, #000);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%; /* 14px */
  letter-spacing: -0.42px;
  margin: -2px 0 8px -7px;
}
.box-info-guide .inner .flex .right .text-1 {
  color: var(--Font-medium, #666);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.42px;
  margin: 0 0 18px -8px;
}
.box-info-guide .inner .flex .right .text-2 {
  color: var(--Font-medium, #666);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: -0.42px;
  padding: 2px 3px;
}
.box-info-guide .inner .flex .right .list-text-1 {
  margin-bottom: 38px;
}
.box-info-guide .inner .flex .right .list-text-1:last-child {
  margin-bottom: 0;
}
.box-info-guide .inner .flex .right .list-text-1 li {
  color: var(--Font-medium, #666);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: -0.42px;
  margin: 0 0 7px -8px;
  position: relative;
  padding-left: 10px;
}
.box-info-guide .inner .flex .right .list-text-1 li::after {
  content: "";
  display: block;
  width: 1px;
  height: 1px;
  position: absolute;
  top: 11px;
  left: 1px;
  background-color: #666;
  border-radius: 100px;
}
.box-info-guide .inner .flex .right .list-text-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(4, 96px);
  gap: 12px;
}
.box-info-guide .inner .flex .right .list-text-2 li {
  position: relative;
  margin: 0;
  padding: 41px 11px 0 0;
}
.box-info-guide .inner .flex .right .list-text-2 li::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='155' height='96' viewBox='0 0 155 96' fill='none'%3E%3Cpath d='M125.296 0.499999C128.051 0.499999 130.584 2.0108 131.894 4.43493L153.506 44.4349C154.708 46.6597 154.708 49.3403 153.506 51.5651L131.894 91.5651C130.584 93.9892 128.051 95.5 125.296 95.5L7.99998 95.5C3.85784 95.5 0.499996 92.1421 0.499996 88L0.5 7.99999C0.5 3.85786 3.85785 0.499994 8 0.499994L125.296 0.499999Z' fill='%23F6F6F6' stroke='%23DADCE0'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.box-info-guide .inner .flex .right .list-text-2 li::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 11px;
  left: 50%;
  transform: translate(calc(-50% - 4px), 0);
  z-index: 10;
}
.box-info-guide .inner .flex .right .list-text-2 li.icon-1::before {
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_list_1.svg");
  width: 24px;
  height: 22px;
}
.box-info-guide .inner .flex .right .list-text-2 li.icon-2::before {
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_list_2.svg");
  width: 24px;
  height: 24px;
}
.box-info-guide .inner .flex .right .list-text-2 li.icon-3::before {
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_list_3.svg");
  width: 28px;
  height: 28px;
}
.box-info-guide .inner .flex .right .list-text-2 li.icon-4::before {
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_list_4.svg");
  width: 24px;
  height: 24px;
}
.box-info-guide .inner .flex .right .list-text-2 li.icon-5::before {
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_list_5.svg");
  width: 24px;
  height: 24px;
}
.box-info-guide .inner .flex .right .list-text-2 li.icon-6::before {
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_list_6.svg");
  width: 28px;
  height: 28px;
}
.box-info-guide .inner .flex .right .list-text-2 li.icon-7::before {
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_list_7.svg");
  width: 28px;
  height: 28px;
}
.box-info-guide .inner .flex .right .list-text-2 li .text-2,
.box-info-guide .inner .flex .right .list-text-2 li .text-3 {
  position: relative;
  z-index: 5;
}
.box-info-guide .inner .flex .right .list-text-2 li .text-2 {
  color: var(--Font-medium, #666);
  font-family: Pretendard;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  line-height: 100%; /* 12px */
  padding: 0 0 5px 0;
}
.box-info-guide .inner .flex .right .list-text-2 li .text-3 {
  color: var(--Gray-888888, #888);
  text-align: center;
  font-family: Pretendard;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.5;
}

.box-info-guide.rule .inner .flex .left::after {
  left: 6px;
}
.box-info-guide.rule .inner .flex .right .tt-1 {
  color: var(--Font-medium, #666);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 144%; /* 20.16px */
  letter-spacing: -0.42px;
}
.box-info-guide.rule .inner .flex .right .tableSwiper {
  margin-top: 28px;
}

.box-info-guide-2 .inner {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.box-info-guide-2 .inner .flex {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.box-info-guide-2 .inner .flex h3 {
  color: var(--Gray-3, #333);
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%; /* 16px */
  position: relative;
  margin: 10px 0;
  padding: 0 16px;
}
.box-info-guide-2 .inner .flex h3::after {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background: var(--Gray-3, #333);
  position: absolute;
  top: 5px;
  left: 6px;
}
.box-info-guide-2 .inner .flex .flex-inner {
  display: flex;
  flex-direction: column;
  gap: 47px;
  border-radius: 12px;
  border: 1px solid var(--Stroke-medium-02, #ddd);
  padding: 30px 20px;
}
.box-info-guide-2 .inner .flex .flex-inner .item {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.box-info-guide-2 .inner .flex .flex-inner .item h4 {
  color: var(--Gray-2, #222);
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%; /* 16px */
}
.box-info-guide-2 .inner .flex .flex-inner .item .ul-list-1 li {
  color: var(--Gray-4, #666);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 600;
  line-height: 160%; /* 22.4px */
  position: relative;
  padding: 0 0 0 20px;
}
.box-info-guide-2 .inner .flex .flex-inner .item .ul-list-1 li::after {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 8px;
  width: 3px;
  height: 3px;
  background-color: #666;
}

.box-faq {
  margin-top: 28px;
  border-top: 1px solid var(--Gray-3, #333);
  margin: 28px 18px 0;
}
.box-faq .inner .item {
  border-bottom: 1px solid var(--Stroke-medium-02, #ddd);
}
.box-faq .inner .item.is-active .flex-a {
  border-bottom: 1px solid var(--Stroke-medium-02, #ddd);
}
.box-faq .inner .item.is-active .flex-a a::after {
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_arrow_4_sel.svg");
}
.box-faq .inner .item.is-active .flex-b {
  display: block;
}
.box-faq .inner .item .flex-a a {
  display: flex;
  padding: 26px 50px 26px 4px;
  align-items: center;
  align-self: stretch;
  position: relative;
}
.box-faq .inner .item .flex-a a::after {
  content: "";
  display: block;
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_arrow_4.svg");
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  transition: all 0.4s;
}
.box-faq .inner .item .flex-a a .q {
  display: flex;
  flex: 0 0 24px;
  height: 24px;
  justify-content: center;
  align-items: center;
  border-radius: 999px;
  border: 1px solid var(--Stroke-light, #e5e5e5);
  background: var(--Icon-Icon-bg, #eee);
  color: var(--Font-dark, #000);
  font-family: Gibson;
  font-size: 12px;
  font-weight: 200;
  margin-right: 13px;
}
.box-faq .inner .item .flex-a a .text-1 {
  color: var(--Font-dark, #000);
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.48px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.box-faq .inner .item .flex-b {
  display: none;
}
.box-faq .inner .item .flex-b a {
  display: flex;
  padding: 30px 36px;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--padding-md, 16px);
  align-self: stretch;
  background: var(--BG-light-2, #fbfbfb);
}
.box-faq .inner .item .flex-b a .a {
  color: var(--Gray-2, #222);
  font-size: 18px;
  font-weight: 600;
  line-height: 100%; /* 18px */
  letter-spacing: -0.72px;
}
.box-faq .inner .item .flex-b a .text-1 {
  color: var(--Font-medium-dark, #444);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.7; /* 20.16px */
  letter-spacing: -0.42px;
}

.box-placeInfo .inner .top-infoText {
  display: flex;
  flex-flow: column nowrap;
  gap: 10px;
  padding: 56px 18px 35px 18px;
  border-bottom: 1px solid var(--Stroke-medium-dark, #dadce0);
}
.box-placeInfo .inner .top-infoText.no-line {
  border-bottom: 0;
}
.box-placeInfo .inner .top-infoText + .top-infoText {
  margin-top: -64px;
}
.box-placeInfo .inner .top-infoText h3 {
  color: var(--Font-dark, #000);
  font-family: Pretendard;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.96px;
}
.box-placeInfo .inner .top-infoText h3.top-gap {
  margin-top: 17px;
}
.box-placeInfo .inner .top-infoText .text-1 {
  color: var(--Font-dark, #000);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.42px;
}
.box-placeInfo .inner .box-swiper-line {
  border-bottom: 1px solid #d6d6db;
}
.box-placeInfo .inner .box-swiper {
  overflow: hidden;
  margin: 0 18px 0;
}
.box-placeInfo .inner .box-swiper .swiper-wrapper {
  padding: 0 0 22px;
}
.box-placeInfo .inner .box-swiper .swiper-wrapper .swiper-slide:hover {
  cursor: grab;
}
.box-placeInfo .inner .box-swiper .swiper-wrapper .swiper-slide .img-holder span {
  border-radius: 8px;
  padding-top: 74%;
}
.box-placeInfo .inner .box-swiper .swiper-wrapper .swiper-slide .text-1 {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 18px;
  display: flex;
  align-items: flex-end;
  color: var(--Primary-1, #fff);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%; /* 14px */
  letter-spacing: -0.42px;
}
.box-placeInfo .inner .box-swiper .common-swiper-control {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: -10px 0 9px 0;
}
.box-placeInfo .inner .box-swiper .common-swiper-control .swiper-button-prev,
.box-placeInfo .inner .box-swiper .common-swiper-control .swiper-button-next {
  display: block;
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/btn/btn_prevNext.svg");
  background-position: center;
  margin: 0;
}
.box-placeInfo .inner .box-swiper .common-swiper-control .swiper-button-prev,
.box-placeInfo .inner .box-swiper .common-swiper-control .swiper-button-next {
  opacity: 1;
}
.box-placeInfo .inner .box-swiper .common-swiper-control .swiper-pagination {
  bottom: auto;
  top: auto;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  gap: 0px;
  padding: 0 5px;
  color: var(--Font-light, #999);
  text-align: center;
  /* Section/Section 14 */
  font-family: Gibson;
  font-size: 14px;
  font-style: normal;
  font-weight: 200;
  line-height: 100%; /* 14px */
}
.box-placeInfo .inner .box-swiper .common-swiper-control .swiper-pagination .cnt {
  color: var(--Font-dark, #000);
  text-align: center;
  font-family: Gibson;
  font-size: 14px;
  font-style: normal;
  font-weight: 200;
  line-height: 100%; /* 14px */
  width: 20px;
}
.box-placeInfo .inner .box-swiper .common-swiper-control .swiper-pagination .total {
  color: var(--Font-light, #999);
  text-align: center;
  /* Section/Section 14 */
  font-family: Gibson;
  font-size: 14px;
  font-style: normal;
  font-weight: 200;
  line-height: 100%; /* 14px */
  width: 20px;
}
.box-placeInfo .inner .box-swiper .common-swiper-control .swiper-pagination .svg-motion {
  stroke: #000;
}
.box-placeInfo .inner .box-swiper .common-swiper-control .swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background: var(--Icon-1_Icon-dimed, #c8c8c8);
}
.box-placeInfo .inner .box-swiper .common-swiper-control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--Font-dark, #000);
}
.box-placeInfo .inner .box-swiper .common-swiper-control .text-1 {
  color: var(--Gray-4, #666);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 14px */
}
.box-placeInfo .inner .box-ct-text {
  display: flex;
  flex-direction: column;
  gap: 45px;
  padding: 64px 18px 0;
}
.box-placeInfo .inner .box-ct-text .flex {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.box-placeInfo .inner .box-ct-text .flex .left {
  color: var(--Font-dark, #000);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.42px;
}
.box-placeInfo .inner .box-ct-text .flex .left .num {
  display: inline-flex;
  width: 24px;
  height: 24px;
  justify-content: center;
  align-items: center;
  color: var(--Font-dark, #000);
  text-align: center;
  font-family: Gibson;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.5;
  border-radius: 999px;
  border: 1px solid var(--Stroke-light, #e5e5e5);
  background: var(--Icon-Icon-bg, #eee);
  margin-right: 10px;
  position: relative;
  top: -1px;
}
.box-placeInfo .inner .box-ct-text .flex .right .flex-text {
  display: flex;
  flex-direction: column;
  gap: 19px;
}
.box-placeInfo .inner .box-ct-text .flex .right .flex-text.type-2 {
  flex-direction: row;
}
.box-placeInfo .inner .box-ct-text .flex .right .flex-text.type-2 .text-1 + .text-1 {
  border-left: 1px solid #d0d0d0;
  padding: 0 0 0 22px;
}
.box-placeInfo .inner .box-ct-text .flex .right .text-1 {
  color: var(--Gray-222222, #222);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 14px */
}
.box-placeInfo .inner .box-ct-text .flex .right .text-1 strong {
  color: var(--Font-dark, #000);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
}
.box-placeInfo .inner .box-ct-text .flex .right .text-1 .link.type-2 {
  position: relative;
  color: var(--Font-dark, #000);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5; /* 14px */
  letter-spacing: -0.42px;
  display: block;
  padding: 0 0 0 35px;
}
.box-placeInfo .inner .box-ct-text .flex .right .text-1 .link.type-2 .num {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-flex;
  width: 24px;
  height: 24px;
  justify-content: center;
  align-items: center;
  color: var(--Font-dark, #000);
  text-align: center;
  font-family: Gibson;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.5;
  border-radius: 999px;
  border: 1px solid var(--Stroke-light, #e5e5e5);
  background: var(--Icon-Icon-bg, #eee);
  margin-right: 10px;
}
.box-placeInfo .inner .box-ct-text .flex .right .text-1 .link.type-2 .icon {
  position: relative;
  top: -2px;
  left: 2px;
}
.box-placeInfo .inner .box-ct-text .flex .right .inner-table {
  margin-top: -5px;
}
.box-placeInfo .inner .box-ct-text .flex .right .inner-table .tableSwiper .swiper-wrapper .swiper-slide {
  min-width: 467px;
  padding-right: 0;
}
.box-placeInfo .inner .box-ct-notie {
  margin: 40px 0 50px;
  display: flex;
  padding: 25px 17px;
  flex-direction: column;
  gap: 16px;
  border-radius: 8px;
  border: 1px solid var(--Stroke-dark, #d0d0d0);
  background: var(--Primary-3, #fff);
}
.box-placeInfo .inner .box-ct-notie.top-gap {
  margin-top: 0;
}
.box-placeInfo .inner .box-ct-notie.top-gap-2 {
  margin-top: 23px;
}
.box-placeInfo .inner .box-ct-notie h2 {
  color: var(--Font-dark, #000);
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%; /* 16px */
  letter-spacing: -0.48px;
  text-transform: uppercase;
}
.box-placeInfo .inner .box-ct-notie ul {
  padding-left: 6px;
  display: flex;
  flex-flow: column nowrap;
  gap: 10px;
}
.box-placeInfo .inner .box-ct-notie ul li {
  position: relative;
  color: var(--Font-medium, #666);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.42px;
  padding-left: 1px;
}
.box-placeInfo .inner .box-ct-notie ul li:after {
  content: "";
  display: block;
  background-color: #666;
  width: 2px;
  height: 2px;
  position: absolute;
  top: 9px;
  left: -5px;
  border-radius: 999px;
}

.box-totalMap {
  margin: 63px 20px 54px 20px;
}
.box-totalMap .inner .map {
  position: relative;
  display: flex;
  justify-content: center;
}
.box-totalMap .inner .map .img-map {
  width: 100%;
}
.box-totalMap .inner .layer-map {
  z-index: 10000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--Gray-2, #222);
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s;
  display: flex;
  justify-content: center;
  align-items: center;
}
.box-totalMap .inner .layer-map.is-active {
  opacity: 1;
  pointer-events: all;
}
.box-totalMap .inner .layer-map .inner-layer {
  padding: 0 18px;
  width: 100%;
  position: relative;
}
.box-totalMap .inner .layer-map .inner-layer .inner-flex {
  background-color: #fff;
  border-radius: 12px;
  overflow: hidden;
}
.box-totalMap .inner .layer-map .inner-layer .inner-flex .item .top-info {
  padding: 74px 20px 48px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.box-totalMap .inner .layer-map .inner-layer .inner-flex .item .top-info .text-1 {
  font-family: Pretendard;
  color: var(--Font-dark, #000);
  text-align: center;
  font-size: 36px;
  font-weight: 500;
  letter-spacing: -1.08px;
}
.box-totalMap .inner .layer-map .inner-layer .inner-flex .item .top-info .btn-close {
  position: absolute;
  top: -37px;
  right: 18px;
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/btn/btn_close.svg");
  width: 22px;
  height: 22px;
}
.box-totalMap .inner .layer-map .inner-layer .inner-flex .box-map-swiper .swiper-wrapper {
  padding-bottom: 23px;
}
.box-totalMap .inner .layer-map .inner-layer .inner-flex .box-map-swiper .swiper-wrapper .swiper-slide span {
  padding-top: 56%;
}
.box-totalMap .inner .layer-map .inner-layer .inner-flex .box-map-swiper .swiper-wrapper .swiper-slide span::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.08) 100%);
}
.box-totalMap .inner .layer-map .inner-layer .inner-flex .box-map-swiper .common-swiper-control .swiper-pagination {
  gap: 6px;
}
.box-totalMap .inner .layer-map .inner-layer .inner-flex .box-map-swiper .common-swiper-control .swiper-pagination .swiper-pagination-bullet {
  background: var(--Icon-1_Icon-dimed, #c8c8c8);
  width: 6px;
  height: 6px;
  padding: 0;
  margin: 0;
}
.box-totalMap .inner .layer-map .inner-layer .inner-flex .box-map-swiper .common-swiper-control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #000;
}
.box-totalMap .inner .layer-map .inner-layer .inner-flex .box-text {
  margin: 34px 0 40px 0;
  padding: 20px;
  background-color: #f6f6f6;
  display: flex;
  gap: 11px;
  flex-direction: column;
}
.box-totalMap .inner .layer-map .inner-layer .inner-flex .box-text .tt-1 {
  color: var(--Font-dark, #000);
  text-align: center;
  font-family: Pretendard;
  font-size: 22px;
  font-weight: 500;
  line-height: 124%; /* 27.28px */
  letter-spacing: -0.66px;
}
.box-totalMap .inner .layer-map .inner-layer .inner-flex .box-text .tt-2 {
  color: var(--Font-dark, #000);
  text-align: center;
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: -0.48px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  -webkit-line-clamp: 3;
}

.box-rule-dirrhks {
  margin: 150px 18px 0;
}
.box-rule-dirrhks .inner h2 {
  color: var(--Font-dark, #000);
  font-family: Pretendard;
  font-size: 36px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -1.08px;
  padding: 0 0 29px;
}
.box-rule-dirrhks .inner .box-ct {
  padding: 33px 0 0 0;
}
.box-rule-dirrhks .inner .box-ct .top-info {
  display: flex;
  flex-direction: column;
  gap: 33px;
  margin-bottom: 32px;
}
.box-rule-dirrhks .inner .box-ct .top-info .text-1 {
  color: var(--Gray-4, #666);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 400;
  line-height: 200%; /* 28px */
  letter-spacing: -0.03em;
}
.box-rule-dirrhks .inner .box-ct .top-info .text-2 {
  color: var(--Font-dark, #000);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: -0.42px;
}
.box-rule-dirrhks .inner .box-ct .inner-ct {
  display: flex;
  flex-direction: column;
  gap: 54px;
  overflow: visible;
  border-top: 1px solid #000;
}
.box-rule-dirrhks .inner .box-ct .inner-ct .flex-gap {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  border-top: 1px solid var(--Stroke-light, #e5e5e5);
}
.box-rule-dirrhks .inner .box-ct .inner-ct .flex-gap:first-child {
  border-top: 0;
}
.box-rule-dirrhks .inner .box-ct .inner-ct .flex-gap:first-child .tt-1 {
  padding: 32px 0 0;
}
.box-rule-dirrhks .inner .box-ct .inner-ct .flex-gap.top-gap {
  margin-top: -45px;
}
.box-rule-dirrhks .inner .box-ct .inner-ct .flex-gap .tt-1 {
  color: var(--Font-dark, #000);
  font-family: Pretendard;
  font-size: 20px;
  font-weight: 500;
  line-height: 136%; /* 27.2px */
  letter-spacing: -0.6px;
  text-transform: uppercase;
  padding: 35px 0 0;
}
.box-rule-dirrhks .inner .box-ct .inner-ct .flex-gap .text-1 {
  color: var(--Font-dark, #000);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: -0.42px;
  padding: 19px 0 0;
}
.box-rule-dirrhks .inner .box-ct .inner-ct .flex-gap .text-2 {
  color: var(--Font-medium, #666);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.57;
  letter-spacing: -0.42px;
  padding: 31px 0 0 0;
}
.box-rule-dirrhks .inner .box-ct .inner-ct .flex-gap .text-2.gap-type-1 {
  padding: 3px 0 0 21px;
}
.box-rule-dirrhks .inner .box-ct .inner-ct .flex-gap .text-2.gap-type-1 p {
  text-indent: -7px;
  margin-left: 7px;
  line-height: 1.7;
}
.box-rule-dirrhks .inner .box-ct .inner-ct .flex-gap .table-marginType-1 {
  margin: 26px 0 -4px;
}
.box-rule-dirrhks .inner .box-ct .inner-ct .box-swiper-rule {
  display: block;
  margin: -30px -20px 0 0;
  overflow: hidden;
}

.box-kv-sub {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 158px 0 94px 0;
  will-change: transform, opacity;
}
.box-kv-sub.left-type-1 {
  padding: 193px 18px 91px 18px;
  align-items: flex-start;
}
.box-kv-sub.left-type-1 .text-1 {
  text-align: left;
}
.box-kv-sub h2 {
  color: var(--Font-medium, #666);
  font-family: Gibson;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%; /* 16px */
  letter-spacing: -0.04em;
}
.box-kv-sub .text-1 {
  text-align: center;
  color: var(--Font-dark, #000);
  font-family: Pretendard;
  font-size: 36px;
  font-weight: 500;
  line-height: 42px; /* 36px */
  letter-spacing: -1.08px;
}
.box-kv-sub .text-1 span {
  color: var(--Font-dark, #000);
  font-family: "Noto Sans";
  font-size: 36px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -1.08px;
}

.wwe-section-inner {
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  position: relative;
}
.wwe-section-inner .__visual {
  height: 100vh;
  width: 100%;
}
.wwe-section-inner .__visual .container {
  position: relative;
  margin: 0 auto;
  padding-left: 5vw;
  padding-right: 5vw;
}
.wwe-section-inner .__visual .container .__inner {
  overflow: hidden;
  border-radius: 8px;
  position: relative;
  height: 100vh;
  left: 50%;
  transform: translateX(-50%);
  will-change: width, border-radius;
}
.wwe-section-inner .__visual .container .__inner .__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.wwe-section-inner .__visual .container .__inner .__bg .__kv {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.wwe-section-inner .__visual .container .__inner .__bg .__kv:after {
  content: "";
  display: block;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.wwe-section-inner .__visual .container .__inner .__bg .__kv img {
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
}
.wwe-section-inner .__visual .container .__inner .__slogan {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  line-height: 1.6;
  letter-spacing: -0.04em;
  color: #fff;
}
.wwe-section-inner .__visual .container .__inner .__slogan .text {
  color: var(--Primary-1, #fff);
  text-align: center;
  font-family: Pretendard;
  font-size: 22px;
  font-weight: 500;
  line-height: 34px; /* 22px */
  letter-spacing: -0.66px;
  will-change: transform;
}

.wwe-subs {
  background: #fafafa;
  position: relative;
  z-index: 100;
}
.wwe-subs .wwe-sub .wwe-sub-section--main {
  overflow: hidden;
}
.wwe-subs .wwe-sub .wwe-sub-section--main .wwe-section-inner {
  position: relative;
}
.wwe-subs .wwe-sub .wwe-sub-section--main .wwe-section-inner .__visual {
  width: 100%;
  height: 100vh;
  position: relative;
}
.wwe-subs .wwe-sub .wwe-sub-section--main .wwe-section-inner .__visual .__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.wwe-subs .wwe-sub .wwe-sub-section--main .wwe-section-inner .__visual .__bg::after {
  content: "";
  display: block;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 74.09%, rgba(0, 0, 0, 0.1) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0) 75.77%, rgba(0, 0, 0, 0.4) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.wwe-subs .wwe-sub .wwe-sub-section--main .wwe-section-inner .__visual .__bg img {
  display: block;
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
}
.wwe-subs .wwe-sub .wwe-sub-section--main .wwe-section-inner .__visual .__desc {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  color: #fff;
}
.wwe-subs .wwe-sub .wwe-sub-section--main .wwe-section-inner .__visual .__desc .container {
  position: relative;
  margin: 0 auto;
  padding-left: 5vw;
  padding-right: 5vw;
}
.wwe-subs .wwe-sub .wwe-sub-section--main .wwe-section-inner .__visual .__desc .container .tt-1 {
  color: var(--Primary-1, #fff);
  text-align: center;
  /* H/H7 */
  font-family: Pretendard;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 39px; /* 28px */
  letter-spacing: -0.84px;
}
.wwe-subs .wwe-sub .wwe-sub-section--main .wwe-section-inner .__visual .__desc .container .tt-2 {
  color: var(--Primary-1, #fff);
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 500;
  line-height: 25px; /* 16px */
  letter-spacing: -0.48px;
  padding: 14px 0 0 0;
  text-align: center;
}

.scroll-motion-2 {
  position: relative;
}
.scroll-motion-2 .swiper {
  position: fixed;
  top: -100px;
  left: 0;
  padding: 28px 36px 0 36px;
  transition: all 0.6s;
  will-change: top;
  opacity: 0;
  pointer-events: none;
  z-index: 300;
}
.scroll-motion-2 .swiper.is-active {
  top: 0;
  opacity: 1;
  pointer-events: all;
}
.scroll-motion-2 .swiper.is-dark .swiper-wrapper .swiper-slide a {
  color: #000;
}
.scroll-motion-2 .swiper.is-dark .swiper-wrapper .swiper-slide a::after {
  border-bottom: 1px solid #000;
}
.scroll-motion-2 .swiper .swiper-wrapper {
  display: flex;
  flex-flow: row nowrap;
}
.scroll-motion-2 .swiper .swiper-wrapper .swiper-slide {
  width: auto;
}
.scroll-motion-2 .swiper .swiper-wrapper .swiper-slide a {
  color: var(--Primary-1, #fff);
  font-family: Pretendard;
  font-size: 12px;
  font-weight: 500;
  line-height: 30px; /* 12px */
  letter-spacing: -0.36px;
  position: relative;
  transition: color 0.4s;
}
.scroll-motion-2 .swiper .swiper-wrapper .swiper-slide a::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
  width: 0;
  height: 1px;
  border-bottom: 1px solid var(--Primary-1, #fff);
  transition: width 0.4s;
}
.scroll-motion-2 .swiper .swiper-wrapper .swiper-slide a:hover::after, .scroll-motion-2 .swiper .swiper-wrapper .swiper-slide a.is-active::after {
  width: 100%;
}
.scroll-motion-2 .section-1 {
  height: 200vh;
}
.scroll-motion-2 .section-1 .bg {
  display: flex;
  flex-flow: column nowrap;
  padding: 0 18px;
  justify-content: center;
  align-items: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
  position: relative;
  will-change: opacity;
  transition: opacity 2s;
}
.scroll-motion-2 .section-1 .bg p,
.scroll-motion-2 .section-1 .bg div {
  position: relative;
  z-index: 2;
}
.scroll-motion-2 .section-1 .bg::after {
  content: "";
  display: block;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.scroll-motion-2 .section-1 .bg .text-1 {
  color: var(--Primary-1, #fff);
  text-align: center;
  font-family: Gibson;
  font-size: 48px;
  font-weight: 250;
  line-height: 100%; /* 48px */
  letter-spacing: -1.44px;
}
.scroll-motion-2 .section-1 .bg .text-2 {
  color: var(--Primary-1, #fff);
  text-align: center;
  font-family: Pretendard;
  font-size: 28px;
  font-weight: 500;
  line-height: 40px; /* 28px */
  letter-spacing: -0.84px;
}
.scroll-motion-2 .section-1 .bg .text-3 {
  color: var(--Primary-1, #fff);
  text-align: center;
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 500;
  line-height: 25px; /* 16px */
  letter-spacing: -0.48px;
  margin-top: 15px;
}
.scroll-motion-2 .section-1 .bg .img {
  display: block;
  width: 100vw;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
}
.scroll-motion-2 .section-1 .bg .box-text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  z-index: 3;
}
.scroll-motion-2 .section-1 .bg.bg-1 {
  z-index: 100;
}
.scroll-motion-2 .section-text-1 {
  background: var(--BG-light-1, #fafafa);
  position: relative;
  z-index: 3;
}
.scroll-motion-2 .section-text-1 .inner {
  padding: 56px 18px;
}
.scroll-motion-2 .section-text-1 .inner .item:nth-child(odd) {
  padding-right: 97px;
}
.scroll-motion-2 .section-text-1 .inner .item:nth-child(even) {
  padding-left: 97px;
  margin: 56px 0;
}
.scroll-motion-2 .section-text-1 .inner .item .img-holder span {
  padding-top: 125%;
  border-radius: 8px;
}
.scroll-motion-2 .section-text-1 .inner .item .img-holder span::after {
  content: "";
  display: block;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.scroll-motion-2 .section-text-1 .inner .item .text {
  margin-top: 33px;
  color: var(--Font-dark, #000);
  font-family: Pretendard;
  font-size: 28px;
  font-weight: 500;
  line-height: 38px; /* 28px */
  letter-spacing: -0.84px;
}

.box-intro-text {
  background-color: #fff;
  padding: 48px 0 0 0;
  /* 전체 슬라이더 컨테이너 */
}
.box-intro-text .top-text {
  padding-bottom: 59px;
}
.box-intro-text .top-text .text-1 {
  color: var(--Font-dark, #000);
  text-align: center;
  font-family: Pretendard;
  font-size: 28px;
  font-weight: 500;
  line-height: 38px; /* 28px */
  letter-spacing: -0.84px;
}
.box-intro-text .section-inner {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.box-intro-text .section-inner ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  will-change: transform;
}
.box-intro-text .section-inner ul .img-holder {
  min-width: 132px;
  margin-right: 24px;
}
.box-intro-text .section-inner ul .img-holder span {
  border-radius: 6px;
  position: relative;
  display: block;
  width: 100%;
  padding-top: 126%;
}
.box-intro-text .section-inner ul .img-holder img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.box-img-motion .container {
  padding-left: 0;
  padding-right: 0;
  margin-left: 12.5vw;
  position: relative;
  margin: 0 auto;
}
.box-img-motion .container .bg-container {
  position: relative;
  width: 100%;
  height: 80vmin;
  overflow: hidden;
}
.box-img-motion .container .bg-container img {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform 0.4s;
  will-change: transform;
}
.box-img-motion .container .bg-container::after {
  content: "";
  display: block;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.box-img-motion .container .cont-hide {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.box-img-motion .container .cont-hide .row {
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: calc(clamp(16px, 1.5rem, 28px) * 0.5 * -1);
  margin-right: calc(clamp(16px, 1.5rem, 28px) * 0.5 * -1);
  height: 100%;
}
.box-img-motion .container .cont-hide .row .col-4 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-left: calc(clamp(16px, 1.5rem, 28px) * 0.5);
  padding-right: calc(clamp(16px, 1.5rem, 28px) * 0.5);
  flex-basis: 28.5714285714%;
  max-width: 28.5714285714%;
  position: relative;
  width: 100%;
  height: 100%;
}
.box-img-motion .container .cont-hide .row .col-4 .cont-hide__box {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 50%;
  height: 105%;
  background: #fff;
  will-change: width;
}

.box-audekd-text {
  padding: 70px 18px 57px;
}
.box-audekd-text h2 {
  /* Caption/Caption 16 */
  font-family: Pretendard;
  color: var(--Font-dark, #000);
  font-size: 26px;
  font-weight: 500;
  line-height: 31px; /* 26px */
  letter-spacing: -0.78px;
}
.box-audekd-text .text-1 {
  color: var(--Font-medium, #666);
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px; /* 16px */
  letter-spacing: -0.48px;
  padding: 20px 0 0 0;
}

.box-audekd-container {
  position: relative;
  height: calc(100lvh + 70px) !important;
  max-height: calc(100lvh + 70px) !important;
  overflow: hidden;
}
.box-audekd-container .box-bg {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.box-audekd-container .box-bg > div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s;
  will-change: opaicty;
}
.box-audekd-container .box-bg > div.is-active {
  opacity: 1;
  pointer-events: all;
}
.box-audekd-container .box-bg > div::after {
  content: "";
  display: block;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.box-audekd-container .box-bg img {
  display: block;
  width: 100vw;
  height: 110vh;
  -o-object-fit: cover;
  object-fit: cover;
  will-change: transform, object-position;
}
.box-audekd-container .box-bg .bg-1 {
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/bg/bg_aud_1.jpg");
}
.box-audekd-container .box-bg .bg-2 {
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/bg/bg_aud_2.jpg");
}
.box-audekd-container .box-bg .bg-3,
.box-audekd-container .box-bg .bg-4 {
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/bg/bg_aud_3.jpg");
}
.box-audekd-container .box-bg .bg-5,
.box-audekd-container .box-bg .bg-6,
.box-audekd-container .box-bg .bg-7 {
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/bg/bg_aud_5.jpg");
}
.box-audekd-container .box-fixed-text {
  position: absolute;
  top: 67px;
  left: 18px;
}
.box-audekd-container .box-fixed-text h3 {
  width: calc(100vw - 36px);
  position: absolute;
  top: 0;
  left: 0;
  font-family: Pretendard;
  color: var(--Primary-1, #fff);
  font-size: 32px;
  font-weight: 500;
  line-height: 40px; /* 32px */
  letter-spacing: -0.96px;
  opacity: 1;
  pointer-events: none;
  transition: 0.2s opacity, 0.4s z-index;
  will-change: opaicty, z-index;
  z-index: -1;
}

.box-item-scroll {
  margin-top: -100vh;
  padding-top: clamp(100px, 35vh, 238px);
  padding-bottom: 70px;
}
.box-item-scroll .box-item {
  padding: 0 18px 0 66px;
  position: relative;
  z-index: 3;
  opacity: 0;
  pointer-events: none;
  transition: opacity 1s;
  will-change: opaicty;
}
.box-item-scroll .box-item.is-active {
  opacity: 1;
  pointer-events: all;
}
.box-item-scroll .box-item + .box-item {
  margin-top: 160px;
}
.box-item-scroll .box-item .img-holder span {
  border-radius: 8px;
  padding-top: 67%;
}
.box-item-scroll .box-item .img-holder span::after {
  content: "";
  display: block;
  border-radius: 8px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.box-item-scroll .box-item .text-1 {
  margin: 30px 0 0 0;
  color: var(--Primary-1, #fff);
  font-family: Pretendard;
  font-size: 22px;
  font-weight: 500;
  line-height: 34px;
  letter-spacing: -0.66px;
}

.box-audekdText {
  background: var(--BG-light-1, #fafafa);
  padding: 59px 18px 32px 18px;
}
.box-audekdText .top-text {
  display: flex;
  flex-flow: column nowrap;
  gap: 19px;
  align-items: center;
  justify-content: center;
}
.box-audekdText .top-text h3 {
  color: var(--Font-dark, #000);
  text-align: center;
  font-family: Pretendard;
  font-size: 26px;
  font-weight: 500;
  line-height: 33px; /* 26px */
  letter-spacing: -0.78px;
}
.box-audekdText .top-text .text-1 {
  text-align: center;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 23px;
  letter-spacing: -0.48px;
}

.box-audekd-swiper {
  padding: 0 18vw 80px 18vw;
  position: relative;
  background: var(--BG-light-1, #fafafa);
}
.box-audekd-swiper .swiper .swiper-slide .img-holder span {
  padding-top: 60%;
}
.box-audekd-swiper .box-controll {
  display: flex;
  justify-content: center;
  align-items: center;
  vertical-align: top;
  width: -moz-fit-content;
  width: fit-content;
  margin: 13px auto 0 auto;
  position: relative;
}
.box-audekd-swiper .box-controll .swiper-pagination {
  position: relative;
  bottom: auto;
  top: auto;
  padding: 0;
  margin: 1px 0 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  gap: 0px;
  padding: 0 5px;
  color: var(--Font-light, #999);
  text-align: center;
  /* Section/Section 14 */
  font-family: Gibson;
  font-size: 14px;
  font-style: normal;
  font-weight: 200;
  line-height: 100%; /* 14px */
}
.box-audekd-swiper .box-controll .swiper-pagination .cnt {
  color: var(--Font-dark, #000);
  text-align: center;
  font-family: Gibson;
  font-size: 14px;
  font-style: normal;
  font-weight: 200;
  line-height: 100%; /* 14px */
  width: 20px;
}
.box-audekd-swiper .box-controll .swiper-pagination .total {
  color: var(--Font-light, #999);
  text-align: center;
  /* Section/Section 14 */
  font-family: Gibson;
  font-size: 14px;
  font-style: normal;
  font-weight: 200;
  line-height: 100%; /* 14px */
  width: 20px;
}
.box-audekd-swiper .box-controll .swiper-pagination .svg-motion {
  stroke: #000;
}
.box-audekd-swiper .box-controll .swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background: var(--Icon-1_Icon-dimed, #c8c8c8);
}
.box-audekd-swiper .box-controll .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--Font-dark, #000);
}
.box-audekd-swiper .box-controll .swiper-button-prev,
.box-audekd-swiper .box-controll .swiper-button-next {
  position: relative;
  top: auto;
  left: auto;
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_prevNext.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px;
  width: 30px;
  height: 16px;
  padding: 0;
  margin: 0;
}
.box-audekd-swiper .box-controll .swiper-button-prev::after,
.box-audekd-swiper .box-controll .swiper-button-next::after {
  content: "";
}
.box-audekd-swiper .box-controll .swiper-button-prev {
  transform: rotate(180deg);
}
.box-audekd-swiper .box-controll .swiper-button-next {
  right: auto;
}

.box-audekd-link .top-text {
  text-align: center;
  color: var(--Font-dark, #000);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.48px;
  padding: 42px 18px 9px;
}
.box-audekd-link .inner {
  padding: 42px 18vw 0 18vw;
}
.box-audekd-link .inner .inner-flex {
  display: flex;
  flex-flow: column nowrap;
  gap: 40px;
}
.box-audekd-link .inner .inner-flex h3 {
  color: var(--Font-dark, #000);
  text-align: center;
  font-family: Pretendard;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.07em;
  padding: 0 0 21px;
}
.box-audekd-link .inner .inner-flex .top-item .item-flex {
  border-top: 1px solid #000;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.box-audekd-link .inner .inner-flex .top-item .item-flex .item a .text-1 {
  margin: 16px 0;
  overflow: hidden;
  color: var(--Font-dark, #000);
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 600;
  line-height: 140%; /* 22.4px */
  letter-spacing: -0.48px;
  text-transform: uppercase;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  -webkit-line-clamp: 2;
}
.box-audekd-link .inner .inner-flex .top-item .item-flex .item a .img-holder span img {
  -o-object-fit: contain;
     object-fit: contain;
}
.box-audekd-link .inner .inner-flex .top-item .item-flex .item a .img-holder span::after {
  display: none;
}
.box-audekd-link .inner .inner-flex .bottom-item .flex {
  border-top: 1px solid #000;
  display: flex;
  flex-flow: column nowrap;
}
.box-audekd-link .inner .inner-flex .bottom-item .flex .item {
  border-bottom: 1px solid var(--Stroke-list, #ddd);
}
.box-audekd-link .inner .inner-flex .bottom-item .flex .item a {
  padding: 28px 0;
  display: block;
  display: flex;
  flex-flow: column nowrap;
  gap: 16px;
}
.box-audekd-link .inner .inner-flex .bottom-item .flex .item a .text-1 {
  color: var(--Font-dark, #000);
  font-family: Gibson;
  font-size: 14px;
  font-weight: 200;
  line-height: 100%; /* 14px */
}
.box-audekd-link .inner .inner-flex .bottom-item .flex .item a .text-2 {
  color: var(--Font-dark, #000);
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 600;
  line-height: 140%; /* 22.4px */
  letter-spacing: -0.48px;
  text-transform: uppercase;
}

.box-gride-vndrud {
  overflow: hidden;
}
.box-gride-vndrud .inner-vndrud .box-item {
  display: grid;
  grid-template-rows: minmax(155px, 2fr) minmax(155px, 1fr) minmax(155px, 1fr) minmax(155px, 1fr) minmax(155px, 1fr);
  gap: 1px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.box-gride-vndrud .inner-vndrud .box-item.bg-type-1 {
  background-position: center top;
  background-size: contain;
  background-attachment: initial;
  background-image: url(https://binishop.iwinv.net/sample/13/static/images/@/@img_vndrud_first.jpg) !important;
}
.box-gride-vndrud .inner-vndrud .box-item + .box-item {
  border-top: 1px solid #fff;
}
.box-gride-vndrud .inner-vndrud .item {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.box-gride-vndrud .inner-vndrud .item.hover:hover {
  cursor: pointer;
}
.box-gride-vndrud .inner-vndrud .item.size-type-1 {
  background-image: none !important;
}
.box-gride-vndrud .inner-vndrud .item::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 47.71%, rgba(0, 0, 0, 0.4) 100%);
}
.box-gride-vndrud .inner-vndrud .item .box-text {
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  gap: 14px;
  justify-content: flex-end;
  padding: 27px 18px;
  position: relative;
  z-index: 1;
}
.box-gride-vndrud .inner-vndrud .item .box-text::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 47.71%, rgba(0, 0, 0, 0.4) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
}
.box-gride-vndrud .inner-vndrud .item .box-text .text-1 {
  position: relative;
  z-index: 1;
  color: var(--Primary-1, #fff);
  font-family: Pretendard;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.84px;
}
.box-gride-vndrud .inner-vndrud .item .box-text .text-2 {
  position: relative;
  z-index: 1;
  color: var(--Primary-1, #fff);
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.48px;
}
.box-gride-vndrud .inner-vndrud .item a {
  display: block;
  height: 100%;
}
.box-gride-vndrud .inner-vndrud .item a .box-text .text-1 span {
  position: relative;
  padding-right: 25px;
}
.box-gride-vndrud .inner-vndrud .item a .box-text .text-1 span .icon {
  display: none;
}
.box-gride-vndrud .inner-vndrud .item a .box-text .text-1 span::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 8px;
  right: 0;
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_arrow_2.svg");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}

.box-vndrud-layer {
  background-color: #000;
}
.box-vndrud-layer .btn-list {
  position: absolute;
  top: 24px;
  left: 18px;
  transform: translate(0, 0);
}
.box-vndrud-layer .btn-list span {
  position: relative;
  color: var(--Primary-1, #fff);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.42px;
  padding-right: 10px;
  position: relative;
  padding-left: 21px;
}
.box-vndrud-layer .btn-list span::before {
  content: "";
  display: block;
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_arrow_3.svg");
  background-position: center;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0;
  left: 0;
}
.box-vndrud-layer .btn-list:after {
  display: none;
}
.box-vndrud-layer .inner-layer {
  padding: 0;
  margin: 0;
  background-color: transparent;
  position: static;
}
.box-vndrud-layer .inner-layer .gap .box {
  background: transparent;
  border-radius: 0;
  position: static;
}
.box-vndrud-layer .inner-layer .gap .box .pop-innerGap {
  position: static;
}
.box-vndrud-layer .inner-layer .gap .box .pop-innerGap.img-gallery {
  padding: 0;
}
.box-vndrud-layer .inner-layer .gap .box .pop-innerGap.img-gallery .swiper-img .swiper-wrapper .swiper-slide {
  background-color: transparent;
}
.box-vndrud-layer .inner-layer .gap .box .pop-innerGap.img-gallery .swiper-img .swiper-wrapper .swiper-slide .box-text {
  display: none;
}
.box-vndrud-layer .inner-layer .gap .box .pop-innerGap.img-gallery .swiper-img .common-swiper-control {
  left: 0;
  right: 0;
  bottom: 24px;
}
.box-vndrud-layer .inner-layer .gap .box .pop-innerGap.img-gallery .swiper-img .common-swiper-control .swiper-pagination .swiper-pagination-total,
.box-vndrud-layer .inner-layer .gap .box .pop-innerGap.img-gallery .swiper-img .common-swiper-control .swiper-pagination * {
  color: var(--Primary-1, #fff);
  font-family: Gibson;
  font-size: 14px;
  font-weight: 200;
  line-height: 100%; /* 14px */
}

.box-vndrud-layer.cjdtkah .inner-layer .gap .box .pop-innerGap.img-gallery .swiper-img .swiper-wrapper {
  position: static;
}
.box-vndrud-layer.cjdtkah .inner-layer .gap .box .pop-innerGap.img-gallery .swiper-img .swiper-wrapper .swiper-slide {
  position: static;
}
.box-vndrud-layer.cjdtkah .inner-layer .gap .box .pop-innerGap.img-gallery .swiper-img .common-swiper-control {
  left: auto;
  right: 17px;
}
.box-vndrud-layer.cjdtkah .inner-layer .gap .box .box-fixed-title {
  position: fixed;
  left: 18px;
  bottom: 24px;
  gap: 12px;
  display: flex;
  flex-flow: column nowrap;
}
.box-vndrud-layer.cjdtkah .inner-layer .gap .box .box-fixed-title .text-1 {
  color: var(--Primary-1, #fff);
  font-family: Pretendard;
  font-size: 22px;
  font-weight: 300;
  line-height: 100%; /* 22px */
  letter-spacing: -0.66px;
}
.box-vndrud-layer.cjdtkah .inner-layer .gap .box .box-fixed-title .text-2 {
  color: var(--Primary-1, #fff);
  font-family: Gibson;
  font-size: 16px;
  font-style: normal;
  font-weight: 200;
  line-height: 100%; /* 16px */
}

.box-container-map .box-text {
  padding: 66px 18px 0;
  position: relative;
  z-index: 1;
}
.box-container-map .box-text h2 {
  color: var(--Font-dark, #000);
  font-family: Pretendard;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.84px;
}
.box-container-map .box-text .text-1 {
  padding: 15px 0 55px 0;
  color: var(--Font-medium, #666);
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.48px;
}
.box-container-map .img-holder {
  padding: 0 18px;
  transition: padding 0.1s;
  will-change: padding;
}
.box-container-map .img-holder span {
  padding-top: 123%;
}
.box-container-map .img-holder span::after {
  content: "";
  display: block;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.box-map-img {
  background: var(--BG-light-1, #fafafa);
  padding: 36px 18px;
}
.box-map-img .img-holder span {
  padding-top: 123%;
}

.box-map-infoText {
  background: var(--BG-light-1, #fafafa);
  padding: 0 18px 71px;
}
.box-map-infoText .item {
  display: grid;
  grid-template-columns: 0.7fr 2fr;
  border-bottom: 1px solid var(--Stroke-list, #ddd);
}
.box-map-infoText .item:first-child {
  border-top: 1px solid var(--Stroke-list, #ddd);
}
.box-map-infoText .item .left,
.box-map-infoText .item .right {
  padding: 22px 0;
}
.box-map-infoText .item .left {
  padding-left: 5px;
  color: var(--Font-medium, #666);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 600;
}
.box-map-infoText .item .right {
  padding-left: 12px;
  color: var(--Font-dark, #000);
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.48px;
}
.box-map-infoText .btn {
  display: inline-block;
  margin: 24px 16px 0 0;
}
.box-map-infoText .btn span {
  display: inline-block;
  color: var(--Font-dark, #000);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.42px;
  position: relative;
  background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_arrow_black_2.svg");
  background-size: 16px;
  background-position: right center;
  background-repeat: no-repeat;
  padding: 5px 23px 5px 0;
}

.box-local {
  padding: 76px 18px 0 18px;
}
.box-local h2 {
  color: var(--Font-dark, #000);
  font-family: Pretendard;
  font-size: 36px;
  font-weight: 500;
  letter-spacing: -1.08px;
  padding: 0 0 56px 0;
}
.box-local .img-holder span {
  padding-top: 75%;
}
.box-local .local-item {
  margin: 48px 0;
  border-top: 1px solid var(--Stroke-list, #ddd);
}
.box-local .local-item .item {
  display: grid;
  grid-template-columns: 0.7fr 2fr;
  border-bottom: 1px solid var(--Stroke-list, #ddd);
}
.box-local .local-item .item .left,
.box-local .local-item .item .right {
  padding: 23px 0;
}
.box-local .local-item .item .left {
  padding-left: 5px;
  color: var(--Font-medium, #666);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 144%; /* 20.16px */
  letter-spacing: -0.42px;
}
.box-local .local-item .item .right {
  padding-left: 12px;
  color: var(--Font-dark, #000);
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%; /* 22.4px */
  letter-spacing: -0.48px;
}

.box-noData {
  display: flex;
  padding: 51px 18px;
  margin: 0 18px 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: 8px;
  border: 1px solid var(--Stroke-Input, #d6d6db);
  background: var(--Icon-Bg, #f6f6f6);
  color: var(--Gray-999999, #999);
  text-align: center;
  /* Body/sm 03 03 */
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 144%; /* 20.16px */
  letter-spacing: -0.42px;
}

.img-holder span,
.img-holder a {
  padding-top: 100%;
  position: relative;
  overflow: hidden;
  display: block;
}
.img-holder span::after,
.img-holder a::after {
  content: "";
  display: block;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.img-holder span img,
.img-holder a img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.img-holder.no-dim span::after,
.img-holder.no-dim a::after {
  display: none;
}
.img-holder.img-holder-scroll img {
  will-change: auto;
  width: 130%;
  height: 130%;
}

.img-over-scale span img,
.img-over-scale a img {
  transition: transform 0.4s;
  will-change: transform;
}
.img-over-scale span:hover img,
.img-over-scale a:hover img {
  transform: translate(-50%, -50%) scale(1.1);
}

.img-over-scaleLink img {
  transition: transform 0.4s;
  will-change: transform;
}
.img-over-scaleLink:hover img {
  transform: translate(-50%, -50%) scale(1.1);
}

/* 1024 이상 PC */
@media all and (min-width: 1024px) {
  .map_area{
   height:600px;
  }
  .common-selectbox-1 .button {
    padding: 22px 30px 22px 20px;
    border-radius: 12px;
    font-size: 16px;
    min-height: 62px;
  }
  .common-selectbox-1 .button.star span::before {
    font-size: 16px;
  }
  .common-selectbox-1 .button::after {
    width: 24px;
    height: 24px;
  }
  .common-selectbox-1 .list {
    top: 40px;
    padding: 20px 0 18px;
    border-radius: 0 0 12px 12px;
  }
  .common-selectbox-1 .list li + li {
    margin-top: 20px;
  }
  .common-selectbox-1 .list li button {
    width: 100%;
    position: relative;
    padding: 5px 20px;
    overflow: hidden;
    color: var(--Gray-1, #000);
    font-family: Pretendard;
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    text-align: left;
  }
  .common-selectbox-1 .list li:hover button {
    opacity: 0.7;
  }
  .common-selectbox-1 .list li.is-active button {
    padding: 5px 40px 5px 20px;
  }
  .common-selectbox-1 .list li.is-active button::after {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M6.5968 11.9062L3.4693 8.77869L2.4043 9.83619L6.5968 14.0287L15.5968 5.02869L14.5393 3.97119L6.5968 11.9062Z' fill='%23888888'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 45%;
    right: 15px;
    transform: translateY(-50%);
  }
  .common-selectbox-1.is-active .button {
    padding: 22px 30px 22px 20px;
    border-radius: 12px 12px 0 0;
  }
  .cover-sub-height .common-top-kv-1 {
    height: 66vh;
  }
  .cover-sub-height .common-top-kv-1 .img-holder span {
    padding-top: 100%;
  }
  .cover-sub-height .common-top-kv-1 .img-holder span img {
    height: 66vh;
    top: 0;
    transform: translate(-50%, 0);
  }
  .cover-sub-height .common-top-kv-1 .box-text {
    gap: 18px;
    top: 7vh;
  }
  .cover-sub-height .common-top-kv-1 .box-text h2 {
    color: var(--Primary-1, #fff);
    text-align: center;
    font-family: Pretendard;
    font-size: 72px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -2.16px;
  }
  .cover-sub-height .common-top-kv-1 .box-text .text-1 {
    color: var(--Primary-1, #fff);
    text-align: center;
    font-family: Pretendard;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.72px;
  }
  .common-newBtnType-1 {
    font-size: 22px;
    font-weight: 500;
    line-height: 100%; /* 22px */
    padding: 12px 21px;
    border-radius: 8px;
    border: 2px solid #000;
  }
  .common-newBtnType-1 span {
    padding-right: 0;
    margin-right: 28px;
  }
  .common-newBtnType-1 span::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.5 8H13.5' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cmask id='path-2-inside-1_7201_886' fill='white'%3E%3Cpath d='M14.4453 8L8.22277 14.2225L2.00023 8L8.22277 1.77746L14.4453 8Z'/%3E%3C/mask%3E%3Cpath d='M14.4453 8L15.506 9.06066L16.5666 8L15.506 6.93934L14.4453 8ZM13.3847 6.93934L7.16211 13.1619L9.28343 15.2832L15.506 9.06066L13.3847 6.93934ZM7.16211 2.83812L13.3847 9.06066L15.506 6.93934L9.28343 0.7168L7.16211 2.83812Z' fill='white' mask='url(%23path-2-inside-1_7201_886)'/%3E%3C/svg%3E");
    width: 16px;
    height: 16px;
    right: -28px;
  }
  .common-newBtnType-2 {
    font-size: 22px;
    font-weight: 500;
    line-height: 100%; /* 22px */
    padding: 12px 22px;
    border-radius: 8px;
    border: 2px solid var(--Font-dark, #000);
  }
  .common-newBtnType-2 span {
    padding-right: 0;
    margin-right: 28px;
  }
  .common-newBtnType-2 span::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.5 8H13.5' stroke='black' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cmask id='path-2-inside-1_7201_899' fill='white'%3E%3Cpath d='M14.4453 8L8.22277 14.2225L2.00023 8L8.22277 1.77746L14.4453 8Z'/%3E%3C/mask%3E%3Cpath d='M14.4453 8L15.506 9.06066L16.5666 8L15.506 6.93934L14.4453 8ZM13.3847 6.93934L7.16211 13.1619L9.28343 15.2832L15.506 9.06066L13.3847 6.93934ZM7.16211 2.83812L13.3847 9.06066L15.506 6.93934L9.28343 0.7168L7.16211 2.83812Z' fill='black' mask='url(%23path-2-inside-1_7201_899)'/%3E%3C/svg%3E");
    width: 16px;
    height: 16px;
    right: -28px;
  }
  .box-radio .radioitem label span:after {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-10px, -50%);
    background-repeat: no-repeat;
    background-size: auto;
    background-color: #fff;
    background-size: 20px;
  }
  .box-radio .radioitem input {
    display: none;
  }
  .window-cursor {
    display: block;
  }
  .pc-show {
    display: block;
  }
  .mo-show {
    display: none;
  }
  .common-checkDate {
    padding: 20px 8vw;
    margin: 0 11.5vw;
  }
  .common-checkDate .max-width {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0;
  }
  .common-checkDate .flex {
    margin-bottom: 0;
    gap: 30px;
    width: 64.7%;
  }
  .common-checkDate .flex .form-item {
    flex: 0 0 18vw;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .common-checkDate .flex .form-item .label {
    padding: 0;
    width: 5vw;
    color: var(--Font-dark, #000);
    font-family: Pretendard;
    font-size: 18px;
    font-weight: 600;
  }
  .common-checkDate .flex .form-item .input-wrap {
    flex: 0 0 10vw;
    min-width: 150px;
  }
  .common-checkDate .flex .form-item .input-wrap::after {
    content: "";
    width: 20px;
    height: 20px;
    background: url(https://binishop.iwinv.net/sample/13/static/images/icon/check_in.svg) no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
  }
  .common-checkDate .common-btnSA {
    width: 33.3%;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .common-checkDate .common-btnSA .label {
    padding: 0;
    width: 5vw;
    font-size: 18px;
  }
  .common-checkDate .common-btnSA .inner {
    flex: 0 0 10vw;
    min-width: 150px;
  }
  .common-checkDate .common-btnSA .inner .number {
    font-size: 16px;
    padding: 19px 40px;
  }
  .common-paging {
    padding-top: 120px;
  }
  .common-paging.type-2 ul {
    gap: 0;
  }
  .common-paging.type-2 ul li a {
    font-size: 16px;
    border-radius: 6px;
    border: 1px solid var(--Stroke-medium-01, #ddd);
    width: 48px;
    height: 48px;
    margin: 0 3px;
  }
  .common-paging.type-2 ul li a.is-active {
    color: var(--Gray-2, #fff);
    background: var(--Primary-1, #000);
    border: 1px solid #000;
  }
  .common-paging.type-2 ul li a.btn-first, .common-paging.type-2 ul li a.btn-last, .common-paging.type-2 ul li a.btn-prev, .common-paging.type-2 ul li a.btn-next {
    width: 48px;
    height: 48px;
    margin: 0 4px;
  }
  .common-paging.type-2 ul li a.btn-first::after, .common-paging.type-2 ul li a.btn-last::after, .common-paging.type-2 ul li a.btn-prev::after, .common-paging.type-2 ul li a.btn-next::after {
    content: "";
    display: block;
    opacity: 0.5;
    background-color: #fff;
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
  }
  .common-paging.type-2 ul li a.btn-first:hover::after, .common-paging.type-2 ul li a.btn-last:hover::after, .common-paging.type-2 ul li a.btn-prev:hover::after, .common-paging.type-2 ul li a.btn-next:hover::after {
    opacity: 0;
  }
  .common-paging.type-2 ul li a.btn-first, .common-paging.type-2 ul li a.btn-last {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0_7262_9946)'%3E%3Cmask id='path-1-inside-1_7262_9946' fill='white'%3E%3Cpath d='M13.4453 8L7.22277 14.2225L1.00023 8L7.22277 1.77746L13.4453 8Z'/%3E%3C/mask%3E%3Cpath d='M1.00023 8L-0.0604271 6.93934L-1.12109 8L-0.0604271 9.06066L1.00023 8ZM8.28343 13.1619L2.06089 6.93934L-0.0604271 9.06066L6.16211 15.2832L8.28343 13.1619ZM2.06089 9.06066L8.28343 2.83812L6.16211 0.7168L-0.0604271 6.93934L2.06089 9.06066Z' fill='%23666666' mask='url(%23path-1-inside-1_7262_9946)'/%3E%3Cmask id='path-3-inside-2_7262_9946' fill='white'%3E%3Cpath d='M19.4453 8L13.2228 14.2225L7.00023 8L13.2228 1.77746L19.4453 8Z'/%3E%3C/mask%3E%3Cpath d='M7.00023 8L5.93957 6.93934L4.87891 8L5.93957 9.06066L7.00023 8ZM14.2834 13.1619L8.06089 6.93934L5.93957 9.06066L12.1621 15.2832L14.2834 13.1619ZM8.06089 9.06066L14.2834 2.83812L12.1621 0.7168L5.93957 6.93934L8.06089 9.06066Z' fill='%23666666' mask='url(%23path-3-inside-2_7262_9946)'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7262_9946'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
  .common-paging.type-2 ul li a.btn-prev, .common-paging.type-2 ul li a.btn-next {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cmask id='path-1-inside-1_7262_9951' fill='white'%3E%3Cpath d='M15.4453 8L9.22277 14.2225L3.00023 8L9.22277 1.77746L15.4453 8Z'/%3E%3C/mask%3E%3Cpath d='M3.00023 8L1.93957 6.93934L0.878913 8L1.93957 9.06066L3.00023 8ZM10.2834 13.1619L4.06089 6.93934L1.93957 9.06066L8.16211 15.2832L10.2834 13.1619ZM4.06089 9.06066L10.2834 2.83812L8.16211 0.7168L1.93957 6.93934L4.06089 9.06066Z' fill='%23666666' mask='url(%23path-1-inside-1_7262_9951)'/%3E%3C/svg%3E");
  }
  .common-paging.type-2 ul li a.btn-next {
    transform: rotate(180deg);
  }
  .common-paging.type-2 ul li a.btn-last {
    transform: rotate(180deg);
  }
  .box-check.type-2 .checkitem label span {
    border-radius: 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 150%; /* 36px */
    letter-spacing: -0.72px;
    padding: 26px 16px 18px 31px;
    margin-right: 10px;
  }
  .box-check.type-2 .checkitem label span:hover {
    cursor: pointer;
  }
  .box-check.type-2 .checkitem label span:after {
    width: 22px;
    height: 22px;
    background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_ck_off.svg");
    transform: translate(0, calc(-50% + 4px));
  }
  .box-check.type-2 .checkitem input {
    display: none;
  }
  .box-check.type-2 .checkitem input:checked + span:after {
    background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_ck_on.svg");
  }
  .box-check.type-2 .checkitem input:disabled + span::after {
    background-image: url("https://binishop.iwinv.net/sample/13/static/images/btn/btn_Pcheck_disa.svg");
  }
  .box-check.type-2 .checkitem input:disabled:checked + span::after {
    background-image: url("https://binishop.iwinv.net/sample/13/static/images/btn/btn_Pcheck_disa_on.svg");
  }
  .box-check.type-3 {
    justify-content: flex-start;
    border-bottom: 1px solid #ddd;
  }
  .box-check.type-3 *:hover {
    cursor: pointer;
  }
  .box-check.type-3 .checkitem {
    flex: 1;
  }
  .box-check.type-3 .checkitem label span {
    border-radius: 0;
    font-size: 24px;
    padding: 46px 0 36px 0;
  }
  .box-check.type-3 .checkitem label span:after {
    left: auto;
    right: 14px;
    width: 58px;
    height: 58px;
    background-image: url(https://binishop.iwinv.net/sample/13/static/images/btn/btn_ck_off_2.svg);
  }
  .box-check.type-3 .checkitem input {
    display: none;
  }
  .box-check.type-3 .checkitem input:checked + span:after {
    width: 58px;
    height: 58px;
    background-image: url(https://binishop.iwinv.net/sample/13/static/images/btn/btn_ck_on_2.svg);
  }
  .box-check.type-3 .checkitem input:disabled + span::after {
    background-image: url("https://binishop.iwinv.net/sample/13/static/images/btn/btn_check_disa.svg");
  }
  .box-check.type-3 .checkitem input:disabled:checked + span::after {
    background-image: url("https://binishop.iwinv.net/sample/13/static/images/btn/btn_check_disa_on.svg");
  }
  .common-input-container-2 input {
    padding: 23px 20px;
    height: 60px;
  }
  .common-input-container-2 input:disabled {
    background: var(--BG-6, #e6e6e6);
  }
  .all-menu-box {
    padding: 35px 0 36px 0;
  }
  .all-menu-box h2 {
    display: block;
  }
  .all-menu-box h2 img {
    width: 103px;
    filter: brightness(0%);
  }
  .all-menu-box .inner {
    gap: 58px;
    min-height: 900px;
    overflow: auto;
    overflow-x: hidden;
    height: 100vh;
  }
  .all-menu-box .inner .top-info {
    padding: 0 5vw;
    align-items: center;
    display: flex;
  }
  .all-menu-box .inner .top-info .left {
    display: block;
    width: 50%;
  }
  .all-menu-box .inner .top-info .right {
    display: flex;
    width: 50%;
    justify-content: end;
    height: 38px;
    align-items: center;
    gap: 27px;
  }
  .all-menu-box .inner .top-info .btn-reser {
    border: 1px solid var(--Icon-Stroke, #ccc);
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--Font-dark, #000);
    font-family: Pretendard;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.42px;
    padding: 8px 23px;
  }
  .all-menu-box .inner .top-info .btn-home {
    display: none;
  }
  .all-menu-box .inner .menu-gap {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 5vw 0;
  }
  .all-menu-box .inner .menu-gap .menu-list {
    width: 100vw;
    max-width: 1200px;
    margin: 0 auto;
  }
  .all-menu-box .inner .menu-gap .menu-list > ul {
    gap: 0;
  }
  .all-menu-box .inner .menu-gap .menu-list > ul > li {
    align-items: center;
    gap: 0;
    flex-wrap: wrap;
    display: grid;
    height: -moz-fit-content;
    height: fit-content;
    grid-template-columns: 15.7vw auto;
    padding: 28px 0;
    align-items: flex-start;
  }
  .all-menu-box .inner .menu-gap .menu-list > ul > li.gap-type-1 {
    padding: 40px 0 36px 0;
  }
  .all-menu-box .inner .menu-gap .menu-list > ul > li.max-wd {
    grid-template-columns: 150px 0.9fr;
  }
  .all-menu-box .inner .menu-gap .menu-list > ul > li.max-wd-2 {
    grid-template-columns: 150px 0.6fr;
  }
  .all-menu-box .inner .menu-gap .menu-list > ul > li + li {
    border-top: 1px solid var(--Stroke-list, #ddd);
  }
  .all-menu-box .inner .menu-gap .menu-list > ul > li:last-child {
    border-bottom: 1px solid var(--Stroke-list, #ddd);
  }
  .all-menu-box .inner .menu-gap .menu-list > ul > li > a {
    color: var(--Font-dark, #000);
    font-family: Pretendard;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -0.72px;
    padding: 0;
  }
  .all-menu-box .inner .menu-gap .menu-list > ul > li > a::after {
    display: none;
  }
  .all-menu-box .inner .menu-gap .menu-list > ul > li > ul {
    display: grid;
    grid-template-columns: repeat(4, 0.19fr);
    height: -moz-fit-content;
    height: fit-content;
    flex-wrap: wrap;
    gap: 21px 30px;
  }
  .all-menu-box .inner .menu-gap .menu-list > ul > li > ul > li {
    min-width: 150px;
  }
  .all-menu-box .inner .menu-gap .menu-list > ul > li > ul > li:first-child {
    margin-top: 0;
  }
  .all-menu-box .inner .menu-gap .menu-list > ul > li > ul > li:last-child {
    margin-bottom: 0;
  }
  .all-menu-box .inner .menu-gap .menu-list > ul > li > ul > li a {
    transition: all 0.4s;
    color: var(--Font-dark, #000);
    font-family: Pretendard;
    font-size: 19px;
    font-weight: 500;
    letter-spacing: -0.57px;
    line-height: 1.6;
  }
  .all-menu-box .inner .menu-gap .menu-list > ul > li > ul > li a:hover, .all-menu-box .inner .menu-gap .menu-list > ul > li > ul > li a.is-active {
    color: var(--Gray-1, #000);
  }
  .all-menu-box .inner .menu-gap .menu-list > ul > li > ul > li > ul {
    margin-top: 17px;
    padding: 0;
  }
  .all-menu-box .inner .menu-gap .menu-list > ul > li > ul > li > ul.gap-ul-1 {
    margin-top: 17px;
    padding: 0;
  }
  .all-menu-box .inner .menu-gap .menu-list > ul > li > ul > li > ul > li > a {
    color: var(--Font-medium, #666);
    font-family: Pretendard;
    font-size: 15px;
    font-weight: 500;
    line-height: 100%; /* 15px */
    letter-spacing: -0.45px;
  }
  .all-menu-box .inner .menu-gap .menu-list > ul > li > ul > li > ul > li + li {
    margin-top: 9px;
  }
  .all-menu-box .bottom-link {
    padding: 0 5vw;
  }
  .all-menu-box .bottom-link .bottom-flex {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
  }
  .all-menu-box .bottom-link .bottom-flex .top,
  .all-menu-box .bottom-link .bottom-flex .bottom {
    padding: 0;
    margin: 0;
    flex: 1 1 49%;
  }
  .all-menu-box .bottom-link .bottom-flex .top {
    order: 2;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    transform: translateY(3px);
    gap: 31px;
  }
  .all-menu-box .bottom-link .bottom-flex .top .text.icon-1::after {
    transform: translate(-4px, -13px);
  }
  .all-menu-box .bottom-link .bottom-flex .top .text.icon-2::after {
    transform: translate(-11px, -13px);
  }
  .all-menu-box .bottom-link .bottom-flex .bottom {
    order: 1;
    border-top: 0;
    gap: 15px;
  }
  .all-menu-box .bottom-link .bottom-flex .text {
    color: var(--Gray-4, #444);
    font-size: 14px;
    font-weight: 500;
    line-height: 160%; /* 22.4px */
    padding: 0 0 0 29px;
  }
  .all-menu-box .bottom-link .bottom-flex .text.icon-1 {
    font-size: 16px;
    font-weight: 400;
    line-height: 100%; /* 16px */
    padding-left: 25px;
  }
  .all-menu-box .bottom-link .bottom-flex .text.icon-1::after {
    width: 24px;
    height: 24px;
    background-size: 24px;
  }
  .all-menu-box .bottom-link .bottom-flex .text.icon-2 {
    font-size: 16px;
    font-weight: 400;
    line-height: 100%; /* 16px */
    padding-left: 19px;
  }
  .all-menu-box .bottom-link .bottom-flex .text.icon-2::after {
    width: 24px;
    height: 24px;
    background-size: 24px;
  }
  .all-menu-box .bottom-link .bottom-flex .text.icon-3::after {
    width: 24px;
    height: 24px;
    background-size: 24px;
  }
  .all-menu-box .bottom-link .bottom-flex .text.icon-4::after {
    width: 24px;
    height: 24px;
    background-size: 24px;
  }
  .all-menu-box .bottom-link .bottom-flex .text.icon-5::after {
    width: 24px;
    height: 24px;
    background-size: 24px;
  }
  .box-header.is-hover {
    background: var(--Material-bg, rgba(255, 255, 255, 0.9));
    -webkit-backdrop-filter: blur(25px);
            backdrop-filter: blur(25px);
    height: 690px;
    will-change: height, background, backdrop-filter;
    border-bottom: 1px solid #ddd;
  }
  .box-header.is-hover::before {
    background: var(--Stroke-list, #ddd);
    content: "";
    display: block;
    position: absolute;
    top: 114px;
    left: 0;
    right: 0;
    height: 1px;
  }
  .box-header.is-hover .inner .flex h1 a {
    filter: brightness(0%);
  }
  .box-header.is-hover .inner .flex .etc a {
    color: #000;
    border: 1px solid var(--Icon-Stroke, #ccc);
  }
  .box-header.is-hover .inner .flex .box-menu .menu > span {
    background-color: #000;
  }
  .box-header.is-hover .inner .box-gnb .swiper-wrapper .swiper-slide {
    border-right: 1px solid var(--Stroke-list, #ddd);
    border-bottom: 1px solid var(--Stroke-list, #ddd);
  }
  .box-header.is-hover .inner .box-gnb .swiper-wrapper .swiper-slide.no-bg {
    overflow: hidden;
  }
  .box-header.is-hover .inner .box-gnb .swiper-wrapper .swiper-slide:last-child {
    border-right: 0;
  }
  .box-header.is-hover .inner .box-gnb .swiper-wrapper .swiper-slide:last-child .box-2depth {
    border-right: 0;
  }
  .box-header.is-hover .inner .box-gnb .swiper-wrapper .swiper-slide:hover > a, .box-header.is-hover .inner .box-gnb .swiper-wrapper .swiper-slide.is-active > a {
    color: #000 !important;
  }
  .box-header.is-hover .inner .box-gnb .swiper-wrapper .swiper-slide:hover > a::before, .box-header.is-hover .inner .box-gnb .swiper-wrapper .swiper-slide.is-active > a::before {
    width: 100%;
  }
  .box-header.is-hover .inner .box-gnb .swiper-wrapper .swiper-slide:hover .box-2depth, .box-header.is-hover .inner .box-gnb .swiper-wrapper .swiper-slide.is-active .box-2depth {
    background-color: #e4e4e4;
  }
  .box-header.is-hover .inner .box-gnb .swiper-wrapper .swiper-slide:hover.no-bg .box-2depth, .box-header.is-hover .inner .box-gnb .swiper-wrapper .swiper-slide.is-active.no-bg .box-2depth {
    background-color: transparent;
  }
  .box-header.is-hover .inner .box-gnb .swiper-wrapper .swiper-slide > a {
    color: #999 !important;
    padding: 47px clamp(14px, 3vw, 54px);
    will-change: padding;
  }
  .box-header.is-hover.dark {
    border-bottom: 1px solid var(--Stroke-list, #ddd) !important;
    background: var(--Material-bg, rgba(255, 255, 255, 0.9)) !important;
  }
  .box-header.is-hover.dark .flex h1 a {
    filter: brightness(0%) !important;
  }
  .box-header.is-hover.dark .flex .etc a {
    color: #000 !important;
    border: 1px solid var(--Icon-Stroke, #ccc) !important;
  }
  .box-header.is-hover.dark .flex .box-menu a span {
    background-color: #000 !important;
  }
  .box-header.is-hover.dark .box-gnb .swiper-wrapper .swiper-slide a {
    color: #000 !important;
  }
  body:not(.main) .box-header .inner .box-gnb .swiper-wrapper .swiper-slide > a {
    color: #000;
  }
  body:not(.main) .box-header .inner .flex .etc a {
    color: #000;
    border: 1px solid var(--Icon-Stroke, #ccc);
    background-color: transparent;
  }
  body:not(.main) .box-header.dark .inner .box-gnb .swiper-wrapper .swiper-slide > a {
    color: #fff;
  }
  body:not(.main) .box-header.dark .inner .flex .etc a {
    color: #fff;
    border: 1px solid var(--transparent-w-24, rgba(255, 255, 255, 0.24));
    background: var(--transparent-b-24, rgba(0, 0, 0, 0.24));
  }
  body:not(.main) .box-header.dark.ing-scroll .box-gnb .swiper-wrapper .swiper-slide > a {
    color: #000;
  }
  body:not(.main) .box-header.dark.ing-scroll .flex .etc a {
    color: #000;
    border: 1px solid var(--Icon-Stroke, #ccc);
    background-color: transparent;
  }
  .box-header.ing-scroll .inner .flex .etc a {
    color: #000;
    border: 1px solid var(--Icon-Stroke, #ccc);
    background-color: transparent;
  }
  .box-header.ing-scroll .inner .box-gnb .swiper-wrapper .swiper-slide > a {
    color: #000;
  }
  .box-header {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
    height: 114px;
    overflow: hidden;
  }
  .box-header .inner {
    padding: 0 75px;
  }
  .box-header .inner .flex {
    margin: 0;
    position: relative;
    z-index: 10;
    padding: 0;
  }
  .box-header .inner .flex .etc {
    position: absolute;
    top: 48px;
    right: 74px;
    left: auto;
    transform: translateX(0);
    display: block;
  }
  .box-header .inner .flex .etc a {
    padding: 10px 23px;
    color: var(--Primary-1, #fff);
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 14px */
    letter-spacing: -0.42px;
    border-radius: 999px;
    border: 1px solid var(--transparent-w-24, rgba(255, 255, 255, 0.24));
    transition: 0.4s bacground, 0.3s color;
  }
  .box-header .inner .flex .etc a:hover {
    background: #fff;
    color: #000;
  }
  .box-header .inner .flex .etc a span::after {
    left: -3px;
  }
  .box-header .inner .flex h1 {
    position: absolute;
    top: 35px;
    left: 20px;
  }
  .box-header .inner .flex h1 a {
    width: 103px;
    height: 44px;
    background-size: 103px auto;
  }
  .box-header .inner .flex .box-menu {
    position: absolute;
    top: 47px;
    right: 22px;
  }
  .box-header .inner .flex .box-menu .menu {
    height: 21px;
  }
  .box-header .inner .box-gnb {
    display: none;
    overflow: visible;
    padding: 0 0;
  }
  .box-header .inner .box-gnb .swiper-wrapper {
    justify-content: center;
    align-items: center;
    gap: 0;
  }
  .box-header .inner .box-gnb .swiper-wrapper .swiper-slide {
    position: relative;
  }
  .box-header .inner .box-gnb .swiper-wrapper .swiper-slide.left-bg .box-2depth {
    left: -1px;
    border-left: 1px solid var(--Stroke-list, #ddd);
  }
  .box-header .inner .box-gnb .swiper-wrapper .swiper-slide > a {
    color: var(--Primary-1, #fff);
    font-family: Pretendard;
    font-size: 20px;
    font-weight: 500;
    line-height: 100%; /* 20px */
    letter-spacing: -0.4px;
    padding: 47px 38px;
    transition: padding 0.6s;
  }
  .box-header .inner .box-gnb .swiper-wrapper .swiper-slide > a::before {
    content: "";
    display: block;
    border-bottom: 3px solid var(--Font-dark, #000);
    height: 3px;
    position: absolute;
    left: 50%;
    right: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 0;
    transition: width 0.4s;
  }
  .box-header .inner .box-gnb .swiper-wrapper .swiper-slide > a span {
    padding-bottom: 10px;
  }
  .box-header .inner .box-gnb .swiper-wrapper .swiper-slide > a span::after {
    top: 15px;
  }
  .box-header .inner .box-gnb .box-2depth {
    display: block;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transition: all 0.3s ease;
    position: absolute;
    top: 115px;
    left: 0;
    right: -1px;
    height: 575px;
    padding: 17px 0;
    background: transparent;
    border-right: 1px solid var(--Stroke-list, #ddd);
  }
  .box-header .inner .box-gnb .box-2depth.posi-2 {
    transform: translateX(calc(-50% + 145px));
  }
  .box-header .inner .box-gnb .box-2depth.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    color: #000;
  }
  .box-header .inner .box-gnb .box-2depth .flex-2depth {
    display: flex;
    gap: 30px;
  }
  .box-header .inner .box-gnb .box-2depth .flex-2depth > ul {
    display: flex;
    flex-direction: column;
    gap: 4px;
    justify-content: center;
    width: 100%;
  }
  .box-header .inner .box-gnb .box-2depth .flex-2depth > ul > li a {
    display: block;
    padding: 10px 0;
    color: var(--Font-dark, #000);
    font-family: Pretendard;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 19px */
    letter-spacing: -0.57px;
    text-align: center;
  }
  .box-header .inner .box-gnb .box-2depth .flex-2depth > ul > li a:hover, .box-header .inner .box-gnb .box-2depth .flex-2depth > ul > li a.is-active {
    color: var(--Gray-1, #000);
  }
  .box-header .inner .box-gnb .box-2depth .flex-2depth > ul > li > ul > li a {
    color: var(--Font-medium, #666);
    font-family: Pretendard;
    font-size: 15px;
    font-weight: 500;
    line-height: 100%; /* 15px */
    letter-spacing: -0.45px;
  }
  .box-header .inner .box-depth1 {
    display: none;
  }
  .common-contentTapGap {
    margin-top: 0 !important;
    padding-bottom: 330px;
  }
  .common-contentTapGap.view-gap {
    margin-top: 243px !important;
  }
  .main .common-contentTapGap {
    padding-bottom: 177px;
  }
  .common-swiper-control {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .common-swiper-control .swiper-pagination {
    display: inline-flex;
    width: -moz-fit-content !important;
    width: fit-content !important;
    margin: 0 35px;
  }
  .common-swiper-control .swiper-button-prev,
  .common-swiper-control .swiper-button-next {
    opacity: 1;
  }
  .common-swiper-control .swiper-button-prev::after,
  .common-swiper-control .swiper-button-next::after {
    content: "";
  }
  .common-swiper-control .swiper-button-prev {
    transform: translateY(-8px) rotate(180deg);
  }
  .common-swiper-control .swiper-button-next {
    transform: translateY(-8px);
  }
  .box-footer .inner-footer {
    position: relative;
    padding: 0;
  }
  .box-footer .inner-footer .flex-top {
    padding: 64px 96px 87px;
    display: block;
  }
  .box-footer .inner-footer .flex-top > ul {
    width: -moz-fit-content;
    width: fit-content;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 64px;
  }
  .box-footer .inner-footer .flex-top > ul > li:nth-child(3) {
    margin-left: -18px;
  }
  .box-footer .inner-footer .flex-top > ul > li:nth-child(4) {
    margin-left: -40px;
  }
  .box-footer .inner-footer .flex-top > ul > li:nth-child(5) {
    margin-left: -42px;
  }
  .box-footer .inner-footer .flex-top > ul > li > a {
    color: var(--Font-dark, #000);
    /* Body/sm 02 02 */
    font-family: Pretendard;
    font-size: 20px;
    font-weight: 600;
    line-height: 100%; /* 20px */
    letter-spacing: -0.6px;
    margin-bottom: 28px;
  }
  .box-footer .inner-footer .flex-top > ul > li > ul {
    margin-top: 30px;
  }
  .box-footer .inner-footer .flex-top > ul > li > ul li a {
    color: var(--Font-medium, #666);
    font-family: Pretendard;
    font-size: 16px;
    font-weight: 500;
    line-height: 100%; /* 16px */
    text-transform: uppercase;
  }
  .box-footer .inner-footer .flex-top > ul > li > ul li + li {
    padding-top: 20px;
  }
  .box-footer .inner-footer .flex-bottom {
    border-top: 1px solid #e5e5e5;
    padding: 32px 96px;
    gap: 32px;
  }
  .box-footer .inner-footer .flex-bottom .box-rule {
    display: flex;
    flex-flow: row nowrap;
  }
  .box-footer .inner-footer .flex-bottom .box-rule .text-1 {
    color: #666;
    font-size: 16px;
    font-weight: 500;
    line-height: 100%; /* 16px */
    text-transform: uppercase;
  }
  .box-footer .inner-footer .flex-bottom .box-btn {
    position: absolute;
    top: 70px;
    right: 96px;
    display: flex;
    flex-flow: column nowrap;
    width: clamp(150px, 14vw, 270px);
    gap: 18px;
  }
  .box-footer .inner-footer .flex-bottom .box-btn .btn-1 {
    color: var(--Font-dark, #000);
    font-family: Pretendard;
    font-size: 16px;
    font-weight: 500;
    line-height: 100%; /* 16px */
    text-transform: uppercase;
    padding: 15px 0;
  }
  .box-footer .inner-footer .flex-bottom .box-btn .btn-1::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Crect x='0.5' y='0.5' width='23' height='23' rx='11.5' fill='%23F5F5F7'/%3E%3Crect x='0.5' y='0.5' width='23' height='23' rx='11.5' stroke='%23F5F5F7'/%3E%3Cpath d='M8.0625 12H16.8125' stroke='%23888888' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cmask id='path-3-inside-1_7479_24135' fill='white'%3E%3Cpath d='M17.6406 12L12.1959 17.4447L6.75118 12L12.1959 6.55528L17.6406 12Z'/%3E%3C/mask%3E%3Cpath d='M17.6406 12L18.7013 13.0607L19.7619 12L18.7013 10.9393L17.6406 12ZM16.58 10.9393L11.1352 16.3841L13.2566 18.5054L18.7013 13.0607L16.58 10.9393ZM11.1352 7.61594L16.58 13.0607L18.7013 10.9393L13.2566 5.49462L11.1352 7.61594Z' fill='%23888888' mask='url(%23path-3-inside-1_7479_24135)'/%3E%3C/svg%3E");
    background-size: 24px;
    width: 24px;
    height: 24px;
    top: 50%;
    transform: translateY(calc(-50% - 2px));
  }
  .box-footer .inner-footer .flex-bottom .tt-1 {
    color: var(--Font-light, #999);
    font-family: Pretendard;
    font-size: 14px;
    font-weight: 500;
    line-height: 100%; /* 14px */
    margin-top: -23px;
    display: flex;
    width: 968px;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-top: 12px;
  }
  .box-footer .inner-footer .flex-bottom .tt-1 p {
    display: inline-block;
    width: -moz-fit-content;
    width: fit-content;
  }
  .box-footer .inner-footer .flex-bottom .tt-1 p + p {
    padding-top: 0;
  }
  .box-footer .inner-footer .flex-bottom .tt-1 p span {
    top: 0;
    padding-left: 5px;
    padding-right: 26px;
  }
  .box-footer .inner-footer .flex-bottom .tt-1 p:nth-child(1) {
    order: 1;
  }
  .box-footer .inner-footer .flex-bottom .tt-1 p:nth-child(2) {
    order: 4;
    padding-top: 20px;
  }
  .box-footer .inner-footer .flex-bottom .tt-1 p:nth-child(3) {
    order: 2;
  }
  .box-footer .inner-footer .flex-bottom .tt-1 p:nth-child(4) {
    order: 3;
  }
  .box-footer .inner-footer .flex-bottom .sns {
    position: absolute;
    bottom: 157px;
    right: 97px;
  }
  .box-footer .inner-footer .flex-bottom .sns img {
    width: 26px;
  }
  .box-footer .inner-footer .flex-bottom .copy-text {
    color: var(--Gray-888888, #888);
    font-family: Gibson;
    font-size: 16px;
    font-weight: 250;
    line-height: 100%; /* 16px */
    margin-top: 14px;
  }
  .box-footer .inner-footer .btn-top {
    top: 20px;
    right: 97px;
    width: 54px;
    height: 54px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='55' height='54' viewBox='0 0 55 54' fill='none'%3E%3Crect x='0.611328' y='0.5' width='53' height='53' rx='26.5' stroke='%23CCCCCC'/%3E%3Cpath d='M27 35.8457L27 18.3457' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cmask id='path-3-inside-1_7479_23923' fill='white'%3E%3Cpath d='M27 16.5957L37.8894 27.4851L27 38.3746L16.1106 27.4851L27 16.5957Z'/%3E%3C/mask%3E%3Cpath d='M27 16.5957L28.4142 15.1815L27 13.7673L25.5858 15.1815L27 16.5957ZM25.5858 18.0099L36.4752 28.8994L39.3037 26.0709L28.4142 15.1815L25.5858 18.0099ZM17.5248 28.8994L28.4142 18.0099L25.5858 15.1815L14.6963 26.0709L17.5248 28.8994Z' fill='black' mask='url(%23path-3-inside-1_7479_23923)'/%3E%3C/svg%3E");
  }
  .box-layer.box-video .inner-layer [data-event=layerClose].type-1 {
    left: 50%;
    top: 55px;
    transform: translateX(calc(-50% + 495px)) !important;
  }
  .box-layer .inner-layer {
    max-width: 1303px;
    padding: 111px 16px;
  }
  .box-layer .inner-layer .gap .box .pop-kv {
    height: 440px;
  }
  .box-layer .inner-layer .gap .box .pop-kv .pop-title {
    padding: 0 80px;
    font-size: 36px;
    line-height: 130%;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap {
    width: 100%;
    position: relative;
    padding: 80px 32px;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap .detailMax {
    max-width: 640px;
    margin: 0 auto;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap .fullMax {
    max-width: 100%;
  }
  .box-layer [data-event=layerClose] {
    width: 48px;
    height: 48px;
    top: 93px;
  }
  .box-layer [data-event=layerClose].type-1 {
    width: 40px;
    height: 40px;
    top: 40px !important;
    right: -13px;
  }
  .box-layer [data-event=layerClose].type-1::after {
    width: 40px;
    height: 40px;
    background-size: 30px;
    background-image: url("https://binishop.iwinv.net/sample/13/static/images/btn/btn_close_pc2.svg");
  }
  .box-layer [data-event=layerClose]::after {
    width: 32px;
    height: 32px;
  }
  .box-layer.box-video .inner-layer .gap .box .pop-innerGap .inner-video {
    width: 1024px;
    height: 576px;
  }
  .box-layer.box-video .inner-layer .gap .box .pop-innerGap .inner-video iframe {
    width: 1024px;
    height: 576px;
  }
  .main-layer-popup {
    left: 0;
    transform: translate(0, -50%);
    transition: 0.4s opacity, 0.8s left;
  }
  .main-layer-popup.video {
    transform: translate(0, calc(-50% - 109px));
  }
  .main-layer-popup.video .ct {
    width:416px;
    height:234px;
  }
  .main-layer-popup .inner .ct img {
    width: -moz-fit-content;
    width: fit-content;
  }
  .main-layer-popup .inner .btn {
    color: var(--Primary-3, #fff);
    font-size: 14px;
    font-weight: 600;
    line-height: 100%; /* 14px */
    letter-spacing: -0.56px;
    padding: 11px 0;
  }
  .main-layer-popup .inner .btn-flex a.btn-close24 {
    padding: 25px 12px 25px 51px;
    color: var(--Font-medium, #666);
    font-family: Pretendard;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.48px;
    text-transform: uppercase;
    background-position: 20px center;
  }
  .main-layer-popup .inner .btn-flex a.btn-close24.btn-close {
    right: 20px;
  }
  .common-top-type-1 .box-text {
    padding: 36px 40px 60px;
  }
  .common-top-type-1 .img-holder span {
    padding-top: 33.7%;
  }
  .common-top-type-2 .box-text {
    padding: 49px 0 0;
    margin: 0 40px 72px 40px;
  }
  .common-top-type-2 .box-text h2 {
    padding-bottom: 38px;
  }
  .common-edit {
    border-bottom: 3px solid #000;
    border-bottom: none;
    padding-bottom: 38px;
    padding-top: 61px;
    margin: 0 24.6vw 107px;
    color: var(--Font-medium-dark, #444);
    font-size: 22px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.66px;
  }
  .common-edit .text-1 {
    padding: 61px 0 0;
    color: var(--Font-medium-dark, #444);
    font-size: 22px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.66px;
  }
  .box-prevNext {
    margin: 0 24.6vw;
    padding: 21px 10px 21px 0;
  }
  .box-prevNext .flex-list {
    display: flex;
    flex-flow: row nowrap;
    padding: 20px 0;
  }
  .box-prevNext .flex-list .left {
    flex: 0 0 16%;
    color: var(--Font-dark, #000);
    font-size: 22px;
    font-weight: 500;
    line-height: 100%; /* 22px */
    letter-spacing: -0.66px;
  }
  .box-prevNext .flex-list .right {
    color: var(--Font-medium-dark, #444);
    font-size: 20px;
    font-weight: 500;
    line-height: 100%; /* 20px */
    letter-spacing: -0.6px;
    text-transform: uppercase;
  }
  .main-kv .kv-slider .swiper .swiper-wrapper .swiper-slide .flex.mo-show {
    display: none;
  }
  .main-kv .kv-slider .swiper .swiper-wrapper .swiper-slide .flex.pc-show {
    display: block;
  }
  .main-kv .kv-slider .swiper .swiper-wrapper .swiper-slide .text-1 {
    color: var(--Primary-1, #fff);
    font-family: Pretendard;
    font-size: 56px;
    font-weight: 500;
    line-height: 100%; /* 64px */
    letter-spacing: -1.92px;
    left: 95px;
    right: 95px;
    bottom: 124px;
    padding: 0 200px 0 0;
  }
  .main-kv .common-swiper-control .swiper-button-prev,
  .main-kv .common-swiper-control .swiper-button-next {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50vw;
    height: 100svh;
    background-image: none;
  }
  .main-kv .common-swiper-control .swiper-button-prev::after,
  .main-kv .common-swiper-control .swiper-button-next::after {
    content: "";
  }
  .main-kv .common-swiper-control .swiper-button-prev {
    left: 0;
  }
  .main-kv .common-swiper-control .swiper-button-next {
    right: 0;
  }
  .main-kv .common-swiper-control .progress-bar-wrap {
    left: 96px;
    right: 96px;
    bottom: 85px;
  }
  .main-kv .main-bottom-btn {
    width: 54px;
    height: 54px;
    bottom: 126px;
    right: 96px;
    border-radius: 999px;
    border: 1px solid var(--Primary-6, #fff);
    background-image: url(https://binishop.iwinv.net/sample/13/static/images/btn/btn_scroll.png);
    background-position: center;
    background-repeat: no-repeat;
    transition: background-position 0.4s;
    will-change: background-position;
    overflow: hidden;
  }
  .main-kv .main-bottom-btn:hover {
    background-position: center 200%;
  }
  .main-kv .main-bottom-btn:hover::after {
    top: 50%;
  }
  .main-kv .main-bottom-btn::after {
    transition: top 0.4s;
    will-change: top;
    content: "";
    display: block;
    background-image: url(https://binishop.iwinv.net/sample/13/static/images/btn/btn_scroll.png);
    position: absolute;
    width: 28px;
    height: 28px;
    position: absolute;
    top: -100%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .box-main-intro {
    pointer-events: none;
  }
  .box-main-intro.is-opacity {
    pointer-events: all;
  }
  .box-main-intro.is-opacity .flex-vh .text-1 .gap,
  .box-main-intro.is-opacity .flex-vh .text-2 .gap {
    opacity: 0.6;
  }
  .box-main-intro.is-opacity .flex-vh .text-1 .gap:hover, .box-main-intro.is-opacity .flex-vh .text-1 .gap.is-active,
  .box-main-intro.is-opacity .flex-vh .text-2 .gap:hover,
  .box-main-intro.is-opacity .flex-vh .text-2 .gap.is-active {
    opacity: 1 !important;
  }
  .box-main-intro .flex-vh {
    gap: 18px;
  }
  .box-main-intro .flex-vh .text-1,
  .box-main-intro .flex-vh .text-2 {
    height: 58px;
  }
  .box-main-intro .flex-vh .text-1 .gap,
  .box-main-intro .flex-vh .text-2 .gap {
    margin-top: 60px;
    transition: opacity 0.4s;
  }
  .box-main-intro .flex-vh .text-1:has(.is-active), .box-main-intro .flex-vh .text-1:has(.gap:hover),
  .box-main-intro .flex-vh .text-2:has(.is-active),
  .box-main-intro .flex-vh .text-2:has(.gap:hover) {
    overflow: visible;
  }
  .box-main-intro .flex-vh .text-1 .t-1 {
    font-size: 48px;
    font-weight: 500;
    line-height: 100%; /* 58px */
    letter-spacing: -1.74px;
  }
  .box-main-intro .flex-vh .text-1 .t-2 {
    font-size: 48px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -1.74px;
  }
  .box-main-intro .flex-vh .text-2 .t-1 {
    font-size: 48px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -1.74px;
  }
  .box-main-intro .flex-vh .text-2 .t-2 {
    font-size: 48px;
    font-weight: 500;
    line-height: 100%; /* 58px */
    letter-spacing: -1.74px;
  }
  .box-main-introText {
    padding-top: 0 !important;
    height: 100vh;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    position: static;
  }
  .box-main-introText .text {
    color: var(--Primary-1, #fff);
    font-family: Pretendard;
    font-size: 28px;
    font-weight: 500;
    line-height: 43px; /* 28px */
    letter-spacing: -0.84px;
    width: 702px;
    position: fixed;
    top: auto;
    left: auto;
    bottom: 119px;
    right: 0;
  }
  .bg-wrapper .item {
    height: 137lvh;
  }
  .bg-wrapper .item > div {
    height: 137lvh;
  }
  .bg-wrapper .item > div > div img {
    height: 137lvh;
  }
  .box-main-space {
    padding: 48px 96px;
    position: relative;
  }
  .box-main-space .box-line-posi {
    position: absolute;
    top: 89px;
    right: 91px;
  }
  .box-main-space .box-line-posi .swiper-space .swiper-wrapper .swiper-slide button {
    font-family: Pretendard;
    font-size: 16px;
    font-weight: 500;
    line-height: 100%; /* 16px */
    letter-spacing: -0.48px;
    padding: 0 15px;
    height: 41px;
  }
  .box-main-space .box-line-posi .swiper-space .swiper-wrapper .swiper-slide button.is-active {
    border-radius: 8px;
    font-size: 18px;
  }
  .box-main-space .info-text {
    align-items: flex-start;
    gap: 28px;
    padding-bottom: 73px;
  }
  .box-main-space .info-text h2 {
    color: var(--Font-dark, #000);
    font-family: Pretendard;
    font-size: 64px;
    font-weight: 500;
    line-height: 100%; /* 64px */
    letter-spacing: -1.92px;
  }
  .box-main-space .info-text .text-1 {
    text-align: left;
    color: var(--Font-dark, #000);
    font-family: Pretendard;
    font-size: 22px;
    font-weight: 500;
    line-height: 100%; /* 22px */
    letter-spacing: -0.66px;
  }
  .box-program-new {
    padding: 144px 0 0;
  }
  .box-program-new .top-text {
    flex-flow: column nowrap;
    gap: 28px;
    align-items: flex-start;
    padding: 0 96px 72px;
  }
  .box-program-new .top-text h2 {
    color: var(--Font-dark, #000);
    font-family: Pretendard;
    font-size: 64px;
    font-weight: 500;
    line-height: 100%; /* 64px */
    letter-spacing: -1.92px;
  }
  .box-program-new .top-text .text-1 {
    text-align: left;
    color: var(--Font-dark, #000);
    font-family: Pretendard;
    font-size: 22px;
    font-weight: 500;
    line-height: 100%; /* 22px */
    letter-spacing: -0.66px;
  }
  .box-program-new ul {
    display: flex;
    height: 71vh;
    flex-flow: row nowrap;
    overflow: hidden;
  }
  .box-program-new ul.is-hover li:hover {
    flex: 0 1 30%;
  }
  .box-program-new ul.is-hover li:hover .a-1 {
    padding: 0 0 72px 41px;
  }
  .box-program-new ul.is-hover li:hover .a-1 .text-1 {
    font-size: 50px;
    letter-spacing: -2.16px;
  }
  .box-program-new ul.is-hover li:hover .a-1 .text-2 {
    opacity: 1;
  }
  .box-program-new ul.is-hover li:hover .a-1 .box-text {
    display: none;
    opacity: 1;
    height: 100px;
    margin-top: 27px;
  }
  .box-program-new ul li {
    flex: 1;
    transition: flex 1300ms cubic-bezier(0.23, 1, 0.32, 1);
    will-change: flex;
  }
  .box-program-new ul li .a-1 {
    display: flex;
    flex-flow: column nowrap;
    gap: 28px;
    justify-content: flex-end;
    align-items: flex-start;
    will-change: padding;
    transition: 0.6s padding;
  }
  .box-program-new ul li .a-1 .text-1 {
    font-size: 40px;
    font-weight: 500;
    line-height: 100%; /* 40px */
    letter-spacing: -1.2px;
    will-change: font-size;
    transition: 0.2s font-size;
  }
  .box-program-new ul li .a-1 .text-2 {
    opacity: 0;
    height: 0;
    will-change: opacity, height;
    transition: 0.1s height, 0.5s opacity;
    transition-delay: 0s, 0.2s; /* height는 딜레이 없이, opacity는 0.5초 딜레이 */
    color: var(--Primary-1, #fff);
    font-family: Pretendard;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.72px;
  }
  .box-program-new ul li .a-1 .box-text {
    opacity: 0;
    height: 0;
    will-change: opacity, height;
    transition: 0.1s height, 0.5s opacity;
    transition-delay: 0s, 0.2s; /* height는 딜레이 없이, opacity는 0.5초 딜레이 */
    color: var(--Primary-1, #fff);
    font-family: Pretendard;
    font-size: 16px;
    font-weight: 500;
    line-height: 100%; /* 16px */
    letter-spacing: -0.48px;
    margin: 5px 0 0 0;
  }
  .box-program-new ul li .a-1 .box-text .item {
    display: flex;
    flex-flow: row nowrap;
    gap: 8px;
    margin-top: 7px;
  }
  .box-program-new ul li .a-1 .box-text .item span {
    border-radius: 999px;
    border: 0.8px solid var(--transparent-w-32, rgba(255, 255, 255, 0.32));
    padding: 12px 20px;
    position: relative;
    padding-right: 40px;
  }
  .box-program-new ul li .a-1 .box-text .item span::after {
    content: "";
    display: block;
    background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_arrow_5.svg");
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
  }
  .box-culture {
    padding: 0 96px;
  }
  .box-culture .top-text {
    align-items: flex-start;
    padding-top: 96px;
    padding-bottom: 0;
    gap: 28px;
  }
  .box-culture .top-text h2 {
    font-size: 64px;
    font-weight: 500;
    line-height: 100%; /* 64px */
    letter-spacing: -1.92px;
  }
  .box-culture .top-text .text-1 {
    text-align: left;
    font-size: 22px;
    font-weight: 500;
    line-height: 100%; /* 22px */
    letter-spacing: -0.66px;
  }
  .box-culture .box-video-swiper {
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 97px 0 0;
    margin-top: -25px;
  }
  .box-culture .box-video-swiper .swiper-slide .img-holder a {
    border-radius: 16px;
  }
  .box-culture .box-video-swiper .swiper-slide .img-holder a::after {
    border-radius: 16px;
  }
  .box-culture .box-video-swiper .swiper-slide .img-holder a::before {
    background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_play_2_pc.svg");
    width: 68px;
    height: 68px;
  }
  .box-culture .box-video-swiper .swiper-slide .box-text {
    align-items: flex-start;
    gap: 24px;
    padding: 38px 0 0;
  }
  .box-culture .box-video-swiper .swiper-slide .box-text .text-1 {
    font-size: 24px;
    font-weight: 500;
    line-height: 100%; /* 24px */
    letter-spacing: -0.72px;
  }
  .box-culture .box-video-swiper .swiper-slide .box-text .text-2 {
    color: var(--Font-medium, #666);
    font-size: 16px;
    font-weight: 200;
    line-height: 100%; /* 16px */
  }
  .box-culture .box-video-swiper .box-control {
    position: absolute;
    top: 20px;
    right: 16px;
    min-width: 110px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
  }
  .box-culture .box-video-swiper .box-control .swiper-button-prev,
  .box-culture .box-video-swiper .box-control .swiper-button-next {
    background-image: url("https://binishop.iwinv.net/sample/13/static/images/btn/btn_prevNext.png");
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    height: 16px;
    top: auto;
    display: block;
  }
  .box-culture .box-video-swiper .box-control .swiper-button-prev::after,
  .box-culture .box-video-swiper .box-control .swiper-button-next::after {
    content: "";
    width: 16px;
    height: 16px;
  }
  .box-culture .box-video-swiper .box-control .swiper-button-next {
    transform: rotate(180deg);
  }
  .box-culture .box-video-swiper .box-control .swiper-pagination-custom {
    color: var(--Font-light, #999);
    font-family: Gibson;
    font-size: 16px;
    font-weight: 200;
    line-height: 100%; /* 16px */
    transform: translateY(-1px);
    width: -moz-fit-content;
    width: fit-content;
  }
  .box-culture .box-video-swiper .box-control .swiper-pagination-custom .current-page,
  .box-culture .box-video-swiper .box-control .swiper-pagination-custom .line,
  .box-culture .box-video-swiper .box-control .swiper-pagination-custom .total-pages {
    width: 10px;
    display: inline-block;
    text-align: center;
  }
  .box-culture .box-video-swiper .box-control .swiper-pagination-custom .current-page {
    color: var(--Font-dark, #000);
    font-family: Gibson;
    font-size: 16px;
    font-weight: 200;
    line-height: 100%; /* 16px */
  }
  .box-culture .box-video-swiper .box-control .swiper-pagination-custom .line {
    width: 10px;
  }
  .box-gallery {
    padding: 192px 0 0 0;
    /* 전체 슬라이더 컨테이너 */
  }
  .box-gallery .top-text {
    align-items: flex-start;
    gap: 28px;
    padding: 0 96px;
  }
  .box-gallery .top-text h2 {
    font-size: 64px;
    font-weight: 500;
    line-height: 100%; /* 64px */
    letter-spacing: -1.92px;
  }
  .box-gallery .top-text .text-1 {
    color: var(--Font-dark, #000);
    font-size: 22px;
    font-weight: 500;
    line-height: 100%; /* 22px */
    letter-spacing: -0.66px;
  }
  .box-gallery .top-text .btn-gallery {
    margin: 13px 0 0 0;
  }
  .box-gallery .top-text .btn-gallery span {
    color: var(--Font-dark, #000);
    font-family: "Gibson";
    font-size: 24px;
    font-weight: 200;
    line-height: 100%; /* 24px */
    text-transform: uppercase;
    background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_arrow_black_2_mo.png");
    background-size: 26px;
    padding: 6px 33px 5px 0;
    letter-spacing: 0.02em;
  }
  .box-gallery .section-inner {
    margin: 115px 0 0 0;
  }
  .box-gallery .section-inner ul .img-holder {
    min-width: 351px;
  }
  .box-gallery .section-inner ul .img-holder span {
    padding-top: 124%;
  }
  .box-main-notice {
    padding: 253px 96px 0;
  }
  .box-main-notice .top-text {
    align-items: flex-start;
    gap: 27px;
    padding-bottom: 67px;
  }
  .box-main-notice .top-text h3 {
    color: var(--Font-dark, #000);
    font-family: Pretendard;
    font-size: 64px;
    font-weight: 500;
    line-height: 100%; /* 64px */
    letter-spacing: -1.92px;
  }
  .box-main-notice .top-text .btn-gallery {
    margin: 13px 0 0 0;
  }
  .box-main-notice .top-text .btn-gallery span {
    color: var(--Font-dark, #000);
    font-family: "Gibson";
    font-size: 24px;
    font-weight: 200;
    line-height: 100%; /* 24px */
    text-transform: uppercase;
    background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_arrow_black_2_mo.png");
    background-size: 26px;
    padding: 6px 33px 5px 0;
    letter-spacing: 0.02em;
  }
  .box-main-notice ul {
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
  }
  .box-main-notice ul li a .top {
    padding: 23px 0 33px 0;
    gap: 31px;
  }
  .box-main-notice ul li a .top .text-1 {
    font-size: 18px;
    font-weight: 200;
    line-height: 100%; /* 18px */
  }
  .box-main-notice ul li a .top .text-2 {
    font-size: 24px;
    font-weight: 500;
    line-height: 140%; /* 33.6px */
    letter-spacing: -0.72px;
    height: 67px;
  }
  .box-main-notice ul li a .top .text-3 {
    font-size: 16px;
    font-weight: 200;
    line-height: 100%; /* 16px */
  }
  .box-main-map {
    margin: 188px 96px 0;
    padding: 0;
    position: relative;
  }
  .box-main-map .top-text {
    align-items: flex-start;
    padding: 0 0 18px;
  }
  .box-main-map .top-text h2 {
    color: var(--Font-dark, #000);
    font-size: 64px;
    font-weight: 500;
    line-height: 100%; /* 64px */
    letter-spacing: -1.92px;
  }
  .box-main-map .top-text .btn-gallery {
    display: none;
  }
  .box-main-map .map-arear {
    position: absolute;
    top: -23px;
    right: 0;
    height: 600px;
    width: calc(50vw - 100px);
    border-radius: 16px;
  }
  .box-main-map .list-1 {
    gap: 16px;
    width: 40vw;
  }
  .box-main-map .list-1 li {
    color: var(--Font-dark, #000);
    font-size: 22px;
    font-weight: 500;
    line-height: 100%; /* 22px */
    letter-spacing: -0.66px;
  }
  .box-main-map .list-1 li span {
    color: #666;
  }
  .box-main-map .btn {
    margin: 88px 0 303px;
    gap: 10px;
    width: 40vw;
    display: flex;
    flex-flow: row wrap;
  }
  .box-main-bottomBtn .inner .swiper {
    padding: 0 96px 0;
  }
  .box-main-bottomBtn .inner .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
  .box-main-bottomBtn .inner .swiper-wrapper .swiper-slide {
    flex: 0;
    padding: 12px 10px 12px 2.5vw;
    border-radius: 12px;
  }
  .box-main-bottomBtn .inner .swiper-wrapper .swiper-slide a .img-holder {
    order: 2;
    flex: 0 0 7vw;
  }
  .box-main-bottomBtn .inner .swiper-wrapper .swiper-slide a .img-holder span {
    border-radius: 8px;
    width: 7vw;
  }
  .box-main-bottomBtn .inner .swiper-wrapper .swiper-slide a .img-holder::after {
    border-radius: 8px;
  }
  .box-main-bottomBtn .inner .swiper-wrapper .swiper-slide a .text-1 {
    order: 1;
    font-size: 22px;
    font-weight: 500;
    line-height: 100%; /* 32px */
    letter-spacing: -0.96px;
  }
  .box-main-bottomBtn .inner .swiper-wrapper .swiper-slide a .text-1 span {
    position: relative;
  }
  .box-main-bottomBtn .inner .swiper-wrapper .swiper-slide a .text-1 span::after {
    content: "";
    display: block;
    background-image: url(https://binishop.iwinv.net/sample/13/static/images/icon/icon_arrow_black_4.png);
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    background-position: center;
    position: absolute;
    top: 50%;
    right: -29px;
    transform: translate(0, -50%);
  }
  .box-main-reservation {
    margin-top: 173px;
  }
  .box-main-reservation .inner .img-holder {
    transition: background-position 0.1s cubic-bezier(0.23, 1, 0.32, 1);
    will-change: background-position;
    background-image: url(https://binishop.iwinv.net/sample/13/static/images/img/img_reservation.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .box-main-reservation .inner .img-holder span {
    padding-top: 25%;
  }
  .box-main-reservation .inner .box-text a {
    padding: 0 0 0 126px;
    gap: 24px;
    top: -15px;
  }
  .box-main-reservation .inner .box-text h3 {
    font-family: Pretendard;
    font-size: 64px;
    font-weight: 500;
    line-height: 100%; /* 64px */
    letter-spacing: -1.92px;
  }
  .box-main-reservation .inner .box-text .text-1 {
    font-size: 22px;
    font-weight: 500;
    line-height: 36px; /* 22px */
    letter-spacing: -0.66px;
  }
  .box-main-reservation .inner .box-text .text-1::after {
    background-image: url(https://binishop.iwinv.net/sample/13/static/images/icon/icon_arrow_white2_mo.png);
    width: 26px;
    height: 26px;
    bottom: -59px;
  }
  .common-tabType-3.type-2 .swiper-wrapper {
    display: flex;
  }
  .common-tabType-3.type-2 .swiper-wrapper .swiper-slide {
    flex: 1;
  }
  .common-tabType-3 .swiper-wrapper {
    margin: 0 auto;
  }
  .common-tabType-3 a {
    padding: clamp(10px, 1.6vw, 31px) 0;
    font-size: clamp(15px, 1.5vw, 24px);
    font-weight: 500;
    letter-spacing: -0.72px;
  }
  .common-tabType-3 a:hover, .common-tabType-3 a.is-active {
    background-color: #fff;
    color: #000;
  }
  .common-tabType-3 a:hover::after, .common-tabType-3 a.is-active::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    border-bottom: 1px solid #fff;
  }
  .common-tabType-4 {
    padding: 133px 0 0;
  }
  .common-tabType-4 a {
    color: var(--Font-dimed, #b2b2b2);
    font-family: Pretendard;
    font-size: 18px;
    padding: 5px 15px;
    border-radius: 8px;
  }
  .common-tabType-4 a.is-active {
    font-size: 18px;
    border: 1px solid var(--Font-dark, #000);
    color: var(--Font-dark, #000);
  }
  .flex-item-two {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    padding: 128px 0 41px 0;
  }
  .flex-item-two .common-tabType-4 {
    padding-top: 0;
  }
  .common-board-cnt-1 {
    padding: 0 0 25px;
    margin: 128px 11.5vw 0;
    justify-content: flex-end;
    flex-direction: row;
    position: relative;
    z-index: 5;
  }
  .common-board-cnt-1.no-type-1 {
    margin: 0 0 0 0;
    transform: translate(0, 12px);
  }
  .common-board-cnt-1.type-1 {
    justify-content: space-between;
    margin-bottom: 40px;
    margin-top: 141px;
  }
  .common-board-cnt-1.type-1 .text-cnt {
    font-size: 18px;
  }
  .common-board-cnt-1 .box-tab-list-1 {
    position: absolute;
    top: 0;
    left: 0;
    gap: 2.2vw;
  }
  .common-board-cnt-1 .box-tab-list-1 a {
    font-size: 22px;
    padding: 14px 0;
  }
  .common-board-cnt-1.faq {
    padding: 0;
  }
  .common-board-cnt-1.faq .common-selectbox-3 {
    flex: 0 0 240px;
  }
  .common-board-cnt-1.faq .box-search {
    transform: translateY(-2px);
  }
  .common-board-cnt-1 .box-search {
    transform: translateY(-14px);
    width: 296px;
  }
  .common-board-cnt-1 .box-search input {
    font-size: 16px;
    font-weight: 400;
    padding: 12px 1px;
  }
  .common-board-cnt-1 .box-search input::-moz-placeholder {
    color: var(--Gray-999999, #999);
    font-size: 16px;
    font-weight: 400;
    line-height: 100%; /* 16px */
  }
  .common-board-cnt-1 .box-search input::placeholder {
    color: var(--Gray-999999, #999);
    font-size: 16px;
    font-weight: 400;
    line-height: 100%; /* 16px */
  }
  .common-board-cnt-1 .box-search .btn-search {
    right: -9px;
  }
  .common-board-cnt-1 .box-search .btn-search img {
    width: 21px;
    height: 21px;
  }
  .common-tabCt .swiper-wrapper .swiper-slide {
    height: calc(100vh - 276px);
  }
  .common-tabCt .swiper-wrapper .swiper-slide:after {
    border-radius: 16px;
  }
  .common-tabCt .common-flex .img-holder span {
    border-radius: 16px;
    padding-top: 35.5%;
  }
  .common-tabCt .common-flex .box-text {
    bottom: 68px;
    left: 63px;
    gap: 20px;
  }
  .common-tabCt .common-flex .box-text .text-1 {
    color: var(--Primary-1, #fff);
    font-family: Pretendard;
    font-size: 40px;
    font-weight: 400;
    line-height: 100%; /* 40px */
    letter-spacing: -1.2px;
  }
  .common-tabCt .common-flex .box-text .text-2 {
    color: var(--Primary-1, #fff);
    font-family: Pretendard;
    font-size: 24px;
    font-weight: 400;
    line-height: 41px; /* 24px */
    letter-spacing: -0.72px;
  }
  .common-tabCt .common-flex .box-text .btn-viewMore {
    color: var(--Primary-1, #fff);
    font-size: 24px;
    font-weight: 200;
    line-height: 100%; /* 24px */
    text-transform: uppercase;
    letter-spacing: 0.02em;
  }
  .common-tabCt .common-flex .box-text .btn-viewMore span {
    background-image: url(https://binishop.iwinv.net/sample/13/static/images/icon/icon_arrow_black_mo.png);
    padding: 3px 32px 2px 0;
    background-position: right 0;
  }
  .common-tabCt .common-flex .box-text .btn-guide {
    top: auto;
    right: 64px;
    bottom: 3px;
    font-size: 22px;
    font-weight: 500;
    line-height: 100%; /* 22px */
    padding: 15px 30px 15px 23px;
  }
  .common-tabCt .common-flex .box-text .btn-guide span {
    padding-right: 20px;
    position: relative;
  }
  .common-tabCt .common-flex .box-text .btn-guide span::after {
    content: "";
    display: block;
    background-image: url(https://binishop.iwinv.net/sample/13/static/images/icon/icon_arrow_black_3.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
    right: -7px;
  }
  .box-floating-tk {
    display: none;
    right: 95px;
    bottom: 195px;
  }
  .box-floating-tk.is-active {
    right: 32px;
    bottom: 23px;
  }
  .box-floating-tk.is-active a {
    background-image: url(https://binishop.iwinv.net/sample/13/static/images/bg/bg_talk_pc.svg);
  }
  .box-floating-tk.sub {
    right: 32px;
    bottom: 23px;
  }
  .box-floating-tk.sub a {
    background-image: url(https://binishop.iwinv.net/sample/13/static/images/bg/bg_talk_scroll_sub_pc.svg);
  }
  .box-floating-tk.sub a:hover {
    background-image: url(https://binishop.iwinv.net/sample/13/static/images/bg/bg_talk_sub_pc.svg);
  }
  .box-floating-tk a {
    width: 55px;
    height: 55px;
    background-size: 55px;
    background-image: url(https://binishop.iwinv.net/sample/13/static/images/bg/bg_talk_pc.svg);
  }
  .box-floating-tk a:hover {
    background-image: url(https://binishop.iwinv.net/sample/13/static/images/bg/bg_talk_scroll_pc.svg);
  }
  .common-board-title {
    margin: 0 24.6vw;
    padding: 0;
    position: relative;
  }
  .common-board-title.text-left {
    gap: 31px;
    padding-bottom: 75px;
  }
  .common-board-title.text-left h2 {
    color: var(--Font-medium, #666);
    font-family: Pretendard;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0.96px;
  }
  .common-board-title.text-left h3 {
    color: var(--Font-dark, #000);
    font-family: Pretendard;
    font-size: 72px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -2.16px;
  }
  .common-board-title.text-left .cnt {
    color: var(--Font-medium-dark, #444);
    font-family: Gibson;
    font-size: 16px;
    font-weight: 200;
    line-height: 100%; /* 16px */
    padding-top: 14px;
  }
  .common-board-title .btn-list {
    position: absolute;
    top: 0;
    left: -127px;
  }
  .common-board-title .text-new-1 {
    font-size: 14px;
    height: 28px;
    line-height: 1.8;
    padding: 1px 12px 1px 29px;
    margin-right: 10px;
  }
  .common-board-title .text-new-1::after {
    width: 14px;
    height: 14px;
    background-size: 14px;
    top: 6px;
    left: 9px;
  }
  .box-gapType-1 {
    padding: 0 11.5vw;
  }
  .box-board-list {
    margin-top: -50px;
  }
  .box-board-list.no-margin {
    margin-top: 0;
  }
  .box-board-list.cjdtkah {
    margin-top: 122px;
    border-top: 3px solid #000;
    padding-top: 60px;
  }
  .box-board-list.cjdtkah ul {
    grid-template-columns: repeat(4, 1fr);
  }
  .box-board-list.cjdtkah ul li a .box-text .text-2 {
    font-family: Pretendard;
    font-size: 24px;
    font-weight: 500;
    line-height: 140%; /* 33.6px */
    letter-spacing: -0.72px;
    text-transform: uppercase;
    margin: 25px 0 14px 0;
  }
  .box-board-list.cjdtkah ul li a .box-text .text-3 {
    color: var(--Font-medium, #666);
    font-family: Gibson;
    font-size: 16px;
    font-weight: 200;
    line-height: 100%; /* 16px */
  }
  .box-board-list.gap-type-1 {
    padding: 0 11.5vw;
  }
  .box-board-list.gap-type-1 ul {
    grid-template-columns: repeat(4, 1fr);
  }
  .box-board-list.gap-type-1 ul li a .img-holder span {
    padding-top: 62%;
  }
  .box-board-list.gap-type-1 ul li a .box-text {
    padding-top: 25px;
  }
  .box-board-list.gap-type-1 ul li a .box-text .text-1 {
    color: var(--Font-medium-dark, #444);
    font-family: Pretendard;
    font-size: 18px;
    font-weight: 600;
  }
  .box-board-list.gap-type-1 ul li a .box-text .text-2 {
    font-size: 24px;
    line-height: 140%; /* 33.6px */
    letter-spacing: -0.72px;
    margin: 8px 0 18px 0;
  }
  .box-board-list.gap-type-1 ul li a .box-text .text-3 {
    padding-top: 29px;
    color: var(--Font-medium, #666);
    font-family: Gibson;
    font-size: 16px;
    font-weight: 200;
  }
  .box-board-list.gap-type-1 ul li a .bottom-text {
    margin-top: -16px;
  }
  .box-board-list.gap-type-1 ul li a .bottom-text .text-new-1 {
    font-size: 14px;
    height: 28px;
    line-height: 1.8;
    padding: 1px 12px 1px 29px;
    margin-right: 10px;
  }
  .box-board-list.gap-type-1 ul li a .bottom-text .text-new-1::after {
    width: 14px;
    height: 14px;
    background-size: 14px;
    top: 6px;
    left: 9px;
  }
  .box-board-list.gap-type-1 ul li a .bottom-text .text-new-1 .icon-before::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M10.4503 13.1769C8.9759 13.1769 7.78174 11.9827 7.78174 10.5084C7.78174 9.03401 9.00926 7.83984 10.4503 7.83984C11.9246 7.83984 13.1188 9.03401 13.1188 10.5084C13.1188 11.9827 11.9246 13.1769 10.4503 13.1769Z' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.4468 9.50781V11.5092' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.4521 10.5078H9.45068' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.11328 0.5H7.78181' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.55908 5.94922L6.44706 7.8372' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.7828 2.5L10.2217 4.06109' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.1191 1.83594L12.4534 3.1702' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.7835 8.19844V7.84486C11.7835 4.89614 9.39515 2.50781 6.44643 2.50781C3.49771 2.50781 1.10938 4.88947 1.10938 7.83819C1.10938 10.7869 3.49771 13.1752 6.44643 13.1752C7.30035 13.1752 8.10091 12.9684 8.81474 12.6149' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
  .box-board-list.gap-type-1 ul li a .bottom-text .text-new-1 .icon-ing::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='14' viewBox='0 0 13 14' fill='none'%3E%3Cpath d='M4.96191 0.535156H7.6522' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.30733 13.3119C9.27895 13.3119 11.6879 10.903 11.6879 7.93136C11.6879 4.95975 9.27895 2.55078 6.30733 2.55078C3.33572 2.55078 0.926758 4.95975 0.926758 7.93136C0.926758 10.903 3.33572 13.3119 6.30733 13.3119Z' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.30601 7.59766C6.11769 7.59766 5.96973 7.75235 5.96973 7.93394C5.96973 8.12226 6.11769 8.27023 6.30601 8.27023C6.49433 8.27023 6.6423 8.12226 6.6423 7.93394C6.6423 7.74562 6.49433 7.59766 6.30601 7.59766Z' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.68615 10.3143C8.07411 10.9197 7.23339 11.2963 6.30524 11.2963C4.44894 11.2963 2.94238 9.78974 2.94238 7.93344C2.94238 7.72494 2.96929 7.52317 3.00964 7.32812' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.31152 5.67578L6.18535 7.84044' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.6881 2.55078L10.1143 4.1246' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.0166 1.88281L12.3617 3.22796' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
  .box-board-list.gap-type-1 ul li a .bottom-text .text-new-1 .icon-end::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M5.39355 0.5H8.1312' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.76093 13.5053C9.78485 13.5053 12.2362 11.0539 12.2362 8.02998C12.2362 5.00606 9.78485 2.55469 6.76093 2.55469C3.73702 2.55469 1.28564 5.00606 1.28564 8.02998C1.28564 11.0539 3.73702 13.5053 6.76093 13.5053Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.39355 6.66016H8.1312L5.39355 9.3978V9.39096H8.1312' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.2363 2.55469L10.6348 4.15621' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.5498 1.86719L12.9186 3.23601' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
  .box-board-list ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 78px 24px;
  }
  .box-board-list ul li + li {
    margin-top: 0;
  }
  .box-board-list.event ul {
    grid-template-columns: repeat(4, 1fr);
    gap: 80px 25px;
  }
  .box-board-list.program ul li + li {
    margin-top: 0;
  }
  .box-board-list.program ul li a .box-text {
    padding-top: 31px;
  }
  .box-board-list.program ul li a .box-text .tt-1 {
    overflow: hidden;
    color: var(--Font-dark, #000);
    font-family: Pretendard;
    font-size: 18px;
    font-weight: 500;
    line-height: 100%; /* 18px */
    text-transform: uppercase;
  }
  .box-board-list.program ul li a .box-text .text-2 {
    color: var(--Font-dark, #000);
    font-family: Pretendard;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -0.72px;
    text-transform: uppercase;
    margin: 21px 0 17px 0;
  }
  .box-board-list.program ul li a .box-text .text-4 {
    color: var(--Font-medium-dark, #444);
    font-family: Pretendard;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    height: 50px;
  }
  .box-board-list.program ul li a .box-text .box-cnt {
    padding: 22px 0 0;
  }
  .box-board-list.program ul li a .box-text .box-cnt .cnt-1,
  .box-board-list.program ul li a .box-text .box-cnt .cnt-2 {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.48px;
    padding: 4px 12px 2px 31px;
  }
  .box-board-list.program ul li a .box-text .box-cnt .cnt-1::after,
  .box-board-list.program ul li a .box-text .box-cnt .cnt-2::after {
    width: 16px;
    height: 16px;
    background-size: contain;
    left: 11px;
  }
  .box-news-view .inner-news-view {
    position: relative;
  }
  .box-news-view .inner-news-view .flex {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .box-meeting {
    padding: 128px 0 0;
    margin: 0 11.5vw;
  }
  .box-meeting .text-1 {
    padding: 0 0 84px;
    color: var(--Font-dark, #000);
    font-family: Pretendard;
    font-size: 64px;
    font-weight: 500;
    line-height: 100%; /* 64px */
    letter-spacing: -1.92px;
  }
  .box-meeting .text-2 {
    margin-left: 19.5vw;
    padding: 44px 49px;
    color: var(--Font-medium, #666);
    font-family: Pretendard;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.5; /* 22px */
    letter-spacing: -0.66px;
  }
  .box-meeting .tel {
    margin-left: 19.5vw;
    margin-top: 122px;
    padding: 46px;
    color: var(--Font-dark, #000);
    font-family: Pretendard;
    font-size: 32px;
    font-weight: 500;
    line-height: 100%; /* 32px */
    letter-spacing: -0.96px;
  }
  .box-meeting .tel span {
    padding: 0 0 0 5px;
    text-indent: -22px;
    margin-left: 22px;
    line-height: 1.2;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery {
    padding: 60px;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery .swiper-img .swiper-wrapper .swiper-slide .img-holder span {
    padding-top: 49%;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery .swiper-img .swiper-wrapper .swiper-slide .box-text {
    margin-top: 102px;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery .swiper-img .swiper-wrapper .swiper-slide .box-text.top-gap-1 {
    margin-top: 40px;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery .swiper-img .swiper-wrapper .swiper-slide .box-text .text-1 {
    font-size: 24px;
    font-weight: 600;
    line-height: 100%; /* 24px */
    letter-spacing: -0.96px;
    text-transform: uppercase;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery .swiper-img .swiper-wrapper .swiper-slide .box-text .cnt {
    font-size: 14px;
    font-weight: 400;
    line-height: 100%; /* 14px */
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery .swiper-button-prev.posi-1,
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery .swiper-button-next.posi-1 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3E%3Cmask id='path-1-inside-1_3008_91629' fill='white'%3E%3Cpath d='M0 24L22.6274 1.37258L45.2548 24L22.6274 46.6274L0 24Z'/%3E%3C/mask%3E%3Cpath d='M0 24L-1.41421 22.5858L-2.82843 24L-1.41421 25.4142L0 24ZM1.41421 25.4142L24.0416 2.7868L21.2132 -0.0416301L-1.41421 22.5858L1.41421 25.4142ZM24.0416 45.2132L1.41421 22.5858L-1.41421 25.4142L21.2132 48.0416L24.0416 45.2132Z' fill='white' fill-opacity='0.4' mask='url(%23path-1-inside-1_3008_91629)'/%3E%3C/svg%3E");
    top: 50%;
    width: 48px;
    height: 48px;
    transition: all 0.4s;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery .swiper-button-prev.posi-1:hover,
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery .swiper-button-next.posi-1:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3E%3Cmask id='path-1-inside-1_3008_91629' fill='white'%3E%3Cpath d='M0 24L22.6274 1.37258L45.2548 24L22.6274 46.6274L0 24Z'/%3E%3C/mask%3E%3Cpath d='M0 24L-1.41421 22.5858L-2.82843 24L-1.41421 25.4142L0 24ZM1.41421 25.4142L24.0416 2.7868L21.2132 -0.0416301L-1.41421 22.5858L1.41421 25.4142ZM24.0416 45.2132L1.41421 22.5858L-1.41421 25.4142L21.2132 48.0416L24.0416 45.2132Z' fill='white' mask='url(%23path-1-inside-1_3008_91629)'/%3E%3C/svg%3E");
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery .swiper-button-prev.posi-1::after,
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery .swiper-button-next.posi-1::after {
    content: "";
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery .swiper-button-prev.posi-1 {
    transform: rotate(0) translate(0, -30px);
    left: 98px;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery .swiper-button-next.posi-1 {
    transform: rotate(180deg) translate(0, 30px);
    right: 103px;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery .common-swiper-control {
    bottom: 150px;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery .common-swiper-control.posi-type-1 {
    bottom: 59px;
    right: 61px;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery .common-swiper-control .swiper-pagination {
    font-size: 14px;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery .common-swiper-control .swiper-pagination .swiper-pagination-total {
    font-size: 14px;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery .common-swiper-control .swiper-button-prev,
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery .common-swiper-control .swiper-button-next {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M29.168 19.9974L10.8346 19.9974M10.8346 19.9974L18.4817 26.6641M10.8346 19.9974L18.4817 13.3307' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery .common-swiper-control .swiper-button-prev {
    transform: rotate(0);
    left: 68px;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery .common-swiper-control .swiper-button-next {
    transform: rotate(180deg);
    right: 68px;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 {
    padding: 82px 0 128px;
    height: calc(100vh - 228px) !important;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-top-text {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 40px;
    gap: 48px;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-top-text .text-1 {
    font-size: 64px;
    font-weight: 500;
    letter-spacing: -1.92px;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-top-text .text-2 {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: -0.72px;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-top-text .box-cnt {
    margin: -22px 0 0 0;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-top-text .box-cnt .cnt-1,
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-top-text .box-cnt .cnt-2 {
    color: var(--Font-medium, #666);
    font-family: Pretendard;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.48px;
    padding: 8px 13px 5px 31px;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-top-text .box-cnt .cnt-1::before,
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-top-text .box-cnt .cnt-2::before {
    width: 16px;
    height: 16px;
    background-size: 16px;
    top: 7px;
    left: 12px;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-top-text .list-text {
    margin-top: -30px;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-top-text .list-text span {
    font-size: 16px;
    font-weight: 500;
    line-height: 100%; /* 16px */
    letter-spacing: -0.48px;
    padding: 8px 12px;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-top-text .btn-center {
    margin: -7px 0 0 0;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-swiperImg-cap {
    padding: 96px 0 115px;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-swiperImg-cap .swiper-img-2 {
    max-width: 726px;
    width: 100%;
    margin: 0 auto;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .swiper-img-2 .common-swiper-control {
    align-items: center;
    margin: 31px 0 0;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .swiper-img-2 .common-swiper-control .swiper-pagination {
    top: -8px;
    margin: 0 16px;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .swiper-img-2 .common-swiper-control .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .swiper-img-2 .common-swiper-control .swiper-button-prev,
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .swiper-img-2 .common-swiper-control .swiper-button-next {
    background-image: url("https://binishop.iwinv.net/sample/13/static/images/btn/btn_prevNext_pc.svg");
    width: 22px;
    height: 22px;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .common-swiper-control {
    margin-top: 16px;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-table {
    margin-top: 19px;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-table .top-info {
    margin: 128px 7.5vw 0;
    gap: 56px;
    padding: 0 0 64px;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-table .top-info h3 {
    padding: 0 0 39px 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 100%; /* 20px */
    letter-spacing: -0.6px;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-table .top-info .tt-1 {
    color: var(--Font-dark, #000);
    text-align: center;
    font-family: Pretendard;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.66px;
    margin-top: -69px;
    margin-bottom: 137px;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-table .top-info .item {
    gap: 26px;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-table .top-info .item .text-1 {
    font-family: Pretendard;
    font-size: 32px;
    font-weight: 500;
    line-height: 100%; /* 32px */
    letter-spacing: -0.96px;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-table .top-info .item .text-2 {
    font-family: Pretendard;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: -0.66px;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-table .inner {
    padding: 128px 7.9vw 127px;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-table .inner h3 {
    color: var(--Font-dark, #000);
    text-align: center;
    font-family: Pretendard;
    font-size: 20px;
    font-weight: 500;
    line-height: 100%; /* 20px */
    letter-spacing: -0.6px;
    text-transform: uppercase;
    padding-bottom: 39px;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-table .inner .list-type-1 {
    padding: 64px 0 76px 0;
    margin: 0 0 -128px 0;
    text-align: center;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-table .inner .list-type-1 li {
    padding: 0 0 0 13px;
    color: var(--Font-dark, #000);
    font-family: Pretendard;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 22px */
    letter-spacing: -0.66px;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-table .inner .list-type-1 li + li {
    margin-top: 26px;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-table .inner .list-type-1 li span {
    position: relative;
    padding-left: 15px;
    line-height: 1.5;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-table .inner .list-type-1 li span::after {
    width: 4px;
    height: 4px;
    top: 10px;
    left: 2px;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-table .inner .table {
    display: flex;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-table .inner .table .box {
    display: flex;
    flex-flow: column nowrap;
    border-bottom: 0;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-table .inner .table .item {
    border-bottom: 1px solid #ddd;
    color: var(--Font-medium, #666);
    text-align: center;
    font-family: Pretendard;
    font-size: 18px;
    font-weight: 600;
    line-height: 132%; /* 23.76px */
    padding: 29px 0;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-table .inner .table .item.h {
    color: var(--Font-dark, #000);
    text-align: center;
    font-family: Pretendard;
    font-size: 22px;
    font-weight: 500;
    line-height: 100%; /* 22px */
    letter-spacing: -0.66px;
    padding: 31px 0;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-table .inner .table .item.order-1 {
    order: 1;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-table .inner .table .item.order-2 {
    order: 2;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-table .inner .table .item.order-3 {
    order: 3;
    border-right: 0;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-table .inner .table .item.order-4 {
    order: 4;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-table .inner .table .item.order-5 {
    order: 5;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-table .inner .table .item.order-6 {
    order: 6;
    border-right: 0;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-text {
    padding: 40px 0 0 0;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-text dl dt {
    font-size: 16px;
  }
  .box-layer .inner-layer .gap .box .pop-innerGap.img-gallery-2 .box-text dl dd {
    color: var(--Gray-4, #666);
    font-family: Pretendard;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%; /* 21px */
    padding: 13px 14px 5px;
  }
  .box-layer .inner-layer .gap .box .btn-footer {
    padding: 30px 0;
  }
  .box-layer .inner-layer .gap .box .btn-footer .btn {
    padding: 10px 12px;
  }
  .box-layer .inner-layer .gap .box .btn-footer .btn span {
    font-size: 14px;
  }
  .box-layer .inner-layer .gap .box .box-notice {
    border-radius: 16px;
    margin: 44px 18px 38px;
    padding: 59px 48px 52px 48px;
  }
  .box-layer .inner-layer .gap .box .box-notice h5 {
    color: var(--Font-dark, #000);
    font-family: Pretendard;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.72px;
    padding: 0 0 18px 0;
  }
  .box-layer .inner-layer .gap .box .box-notice ul li {
    color: var(--Font-medium, #666);
    font-family: Pretendard;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.54px;
  }
  .box-layer .inner-layer .gap .box .box-notice ul li + li {
    margin-top: 4px;
  }
  .box-story .inner .item.top-gap {
    margin-top: 58px;
  }
  .box-story .inner .item.top-gap.top-gap-2 {
    margin-top: 71px;
  }
  .box-story .inner .item .flex {
    display: flex;
    gap: 63px;
  }
  .box-story .inner .item .flex .img-holder {
    flex: 0 0 45vw;
  }
  .box-story .inner .item .flex .img-holder span {
    padding-top: 59%;
  }
  .box-story .inner .item .flex .box-text {
    flex-grow: 1;
  }
  .box-story .inner .item .box-text {
    padding: 10px 0 0 0;
  }
  .box-story .inner .item.type-2 .flex .order-1 {
    order: 1;
  }
  .box-story .inner .item.type-2 .flex .order-2 {
    order: 2;
  }
  .box-story .inner .item.type-2 .flex .order-2 .img-holder span {
    flex: 0 0 41vw;
  }
  .box-story .inner .item.type-2 .flex .img-holder {
    flex: 0 0 45vw;
  }
  .box-story .inner .item.type-2 .flex .img-holder span {
    padding-top: 59%;
  }
  .box-story .inner .item.type-2 .flex .box-text {
    padding-top: 19px;
  }
  .box-story .inner .item.type-2 .flex .box-text.gap-1 {
    padding-top: 9px;
  }
  .box-story .inner .item.type-2 .flex .box-text.gap-2 {
    padding-top: 9px;
  }
  .box-story .inner .item-text {
    padding: 160px 0;
  }
  .box-story .inner .item-text .in-text {
    color: var(--BG-7, #f3f4f4);
    font-size: 60px;
    font-weight: 400;
    line-height: 100%; /* 60px */
  }
  .box-story .inner .item-2 {
    margin-top: -321px;
  }
  .box-story .inner .item-2 .flex {
    display: flex;
    gap: 100px;
  }
  .box-story .inner .item-2 .flex .img-holder {
    flex: 0 0 47vw;
    padding: 0 0 0 21px;
    order: 2;
  }
  .box-story .inner .item-2 .flex .img-holder span {
    padding-top: 59%;
  }
  .box-story .inner .item-2 .flex .box-text {
    flex-grow: 1;
    padding: 340px 0 0 0;
    order: 1;
  }
  .box-story .inner .item-3 {
    padding-bottom: 125px;
    padding-top: 70px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
  }
  .box-story .inner .item-3::after {
    right: -40px;
    left: -40px;
    top: -361px;
    border: 0;
  }
  .box-story .inner .item-3 .in-item {
    position: relative;
    z-index: 30;
  }
  .box-story .inner .item-3 .in-item .img-holder span {
    padding-top: 97%;
  }
  .box-story .inner .item-3 .in-item .text-1 {
    padding-top: 21px;
  }
  .box-story .inner .item-4 {
    padding: 90px 0 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
  }
  .box-story .inner .item-4.gap-2 .box-text {
    order: 2;
    padding: 19px 0 0 38px;
  }
  .box-story .inner .item-4.gap-2 .img-holder {
    order: 1;
    margin-top: 0;
  }
  .box-story .inner .item-4.gap-3 {
    padding-top: 135px;
  }
  .box-story .inner .item-4.gap-3 .text-2 {
    padding-left: 37px;
  }
  .box-story .inner .item-5 {
    margin: 59px -40px 87px -40px;
  }
  .box-story .inner .item-5.gap-1 {
    margin: 69px -40px -23px -40px;
  }
  .box-story .inner .item-5 .img-holder span {
    padding-top: 33.5%;
  }
  .box-story .inner .item-5 .img-holder.type-2 {
    width: 144px;
    height: 144px;
    bottom: -93px;
    right: 40px;
  }
  .box-story .inner .item-5 .img-holder.type-2 span {
    padding-top: 100%;
  }
  .box-story .inner .item-5 .item-swiper .swiper-wrapper .swiper-slide:hover {
    cursor: grab;
  }
  .box-story .inner .item-5 .item-swiper .swiper-button-prev,
  .box-story .inner .item-5 .item-swiper .swiper-button-next {
    display: block;
  }
  .box-story .inner .item-5 .item-swiper .swiper-button-prev.posi-1,
  .box-story .inner .item-5 .item-swiper .swiper-button-next.posi-1 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3E%3Cmask id='path-1-inside-1_3008_91629' fill='white'%3E%3Cpath d='M0 24L22.6274 1.37258L45.2548 24L22.6274 46.6274L0 24Z'/%3E%3C/mask%3E%3Cpath d='M0 24L-1.41421 22.5858L-2.82843 24L-1.41421 25.4142L0 24ZM1.41421 25.4142L24.0416 2.7868L21.2132 -0.0416301L-1.41421 22.5858L1.41421 25.4142ZM24.0416 45.2132L1.41421 22.5858L-1.41421 25.4142L21.2132 48.0416L24.0416 45.2132Z' fill='white' fill-opacity='0.4' mask='url(%23path-1-inside-1_3008_91629)'/%3E%3C/svg%3E");
    top: 50%;
    width: 48px;
    height: 48px;
    transition: all 0.4s;
  }
  .box-story .inner .item-5 .item-swiper .swiper-button-prev.posi-1:hover,
  .box-story .inner .item-5 .item-swiper .swiper-button-next.posi-1:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3E%3Cmask id='path-1-inside-1_3008_91629' fill='white'%3E%3Cpath d='M0 24L22.6274 1.37258L45.2548 24L22.6274 46.6274L0 24Z'/%3E%3C/mask%3E%3Cpath d='M0 24L-1.41421 22.5858L-2.82843 24L-1.41421 25.4142L0 24ZM1.41421 25.4142L24.0416 2.7868L21.2132 -0.0416301L-1.41421 22.5858L1.41421 25.4142ZM24.0416 45.2132L1.41421 22.5858L-1.41421 25.4142L21.2132 48.0416L24.0416 45.2132Z' fill='white' mask='url(%23path-1-inside-1_3008_91629)'/%3E%3C/svg%3E");
  }
  .box-story .inner .item-5 .item-swiper .swiper-button-prev.posi-1::after,
  .box-story .inner .item-5 .item-swiper .swiper-button-next.posi-1::after {
    content: "";
  }
  .box-story .inner .item-5 .item-swiper .swiper-button-prev.posi-1 {
    transform: rotate(0) translate(0, -30px);
    left: 60px;
  }
  .box-story .inner .item-5 .item-swiper .swiper-button-next.posi-1 {
    transform: rotate(180deg) translate(0, 30px);
    right: 60px;
  }
  .box-story .inner .item-6 {
    margin-top: 60px;
    padding-top: 68px;
    padding-bottom: 10px;
  }
  .box-story .inner .item-6 .flex {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 100px;
  }
  .box-story .inner .item-6 .flex .top-text h2 {
    color: var(--Gray-2, #222);
    font-family: Pretendard;
    font-size: 18px;
    font-weight: 500;
    line-height: 100%; /* 18px */
  }
  .box-story .inner .item-6 .flex .top-text .common-btnType-7 {
    padding-right: 24px;
    transform: translate(-2px, -12px);
  }
  .box-story .inner .item-6 .flex .top-text .common-btnType-7 span {
    font-size: 14px;
    padding-bottom: 10px;
  }
  .box-story .inner .item-6 .flex .top-text .common-btnType-7 span::after {
    border-bottom: 1px solid #ccc;
  }
  .box-story .inner .item-6 .flex .top-text .common-btnType-7::after {
    width: 8px;
    height: 8px;
  }
  .box-story .inner .item-6 .flex .left ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .box-story .inner .item-6 .flex .left ul li a .img-holder span {
    padding-top: 151%;
  }
  .box-story .inner .item-6 .flex .left ul li a .text-1 {
    font-size: 22px;
    padding-top: 33px;
  }
  .box-story .inner .item-6 .flex .right ul {
    padding-top: 23px;
  }
  .box-story .inner .item-6 .flex .right ul li a .img-holder span {
    width: 9.8vw;
  }
  .box-gride-sight .inner {
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
  }
  .box-gride-sight .inner .gride.text {
    position: relative;
    background-position: center 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    /* 가로 */
    grid-column: 2/span 1;
    /* 세로 */
    grid-row: 1/span 2;
  }
  .box-gride-sight .inner .gride.text::after {
    content: "";
    display: block;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .box-gride-sight .inner .gride.text .box-text {
    z-index: 10;
    top: 7vh;
  }
  .box-gride-sight .inner .gride .hover-text {
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%);
    transition: all 0.4s;
  }
  .box-gride-sight .inner .gride .hover-text:hover {
    cursor: pointer;
  }
  .box-gride-sight .inner .gride .hover-text .text-1 {
    color: var(--Primary-3, #fff);
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    line-height: 100%; /* 24px */
    letter-spacing: -0.96px;
    text-transform: uppercase;
  }
  .box-gride-sight .inner .gride .hover-text .cnt {
    position: absolute;
    right: 10px;
    bottom: 11px;
    color: var(--Primary-3, #fff);
    font-family: Pretendard;
    font-size: 10px;
    font-weight: 400;
    line-height: 100%; /* 10px */
    padding-left: 18px;
  }
  .box-gride-sight .inner .gride .hover-text .cnt::after {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.74805 4.08211C1.74805 2.79291 2.79315 1.7478 4.08235 1.7478H9.91812C11.2073 1.7478 12.2524 2.79291 12.2524 4.08211V9.91787C12.2524 11.2071 11.2073 12.2522 9.91812 12.2522H4.08235C2.79315 12.2522 1.74805 11.2071 1.74805 9.91787V4.08211Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 9.33429L9.67628 6.65801C10.1321 6.20238 10.8709 6.20238 11.3266 6.65801L12.2522 7.58356' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.37536 5.24926C4.85882 5.24926 5.25073 4.85735 5.25073 4.3739C5.25073 3.89045 4.85882 3.49854 4.37536 3.49854C3.89191 3.49854 3.5 3.89045 3.5 4.3739C3.5 4.85735 3.89191 5.24926 4.37536 5.24926Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.95508 10.8773L4.42361 8.40874C4.87938 7.95311 5.61819 7.95311 6.07396 8.40874L9.81877 12.1536' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
    width: 14px;
    height: 14px;
    background-size: auto;
  }
  .box-gride-sight .inner .gride:hover .hover-text {
    opacity: 1;
    pointer-events: none;
  }
  .tableSwiper .swiper-wrapper .swiper-slide {
    width: 100%;
    padding-right: 0;
  }
  .common-table-1 {
    border-top: 2px solid #000;
  }
  .common-table-1.mo-show {
    display: none;
  }
  .common-table-1.pc-show {
    display: flex;
  }
  .common-table-1 table th {
    padding: 30px 10px;
    font-size: 22px;
    font-weight: 500;
    line-height: 100%; /* 22px */
    letter-spacing: -0.66px;
  }
  .common-table-1 table th.min-wd {
    min-width: 160px;
  }
  .common-table-1 table td {
    padding: 30px 20px;
    font-family: Pretendard;
    font-size: 20px;
    font-weight: 600;
    line-height: 132%; /* 23.76px */
  }
  .common-table-1 table .vw-10 {
    width: 10.4vw;
  }
  .device-gap-LR {
    padding-left: 40px;
    padding-right: 40px;
  }
  .box-map-guide {
    margin-top: 22px;
  }
  .box-map-guide .flex {
    flex-direction: row;
    gap: 73px;
  }
  .box-map-guide .flex .left {
    width: 289px;
    gap: 59px;
    margin-top: -12px;
  }
  .box-map-guide .flex .right {
    flex-grow: 1;
    margin: -21px 0 0 0;
  }
  .box-map-guide .flex .right .map {
    height: 300px;
  }
  .box-map-guide .flex .right .box-text {
    padding-top: 20px;
    gap: 13px;
    padding-bottom: 63px;
  }
  .box-map-guide .flex .right .box-text .flex-2 {
    display: flex;
    flex-direction: row;
    gap: 21px;
  }
  .map-kv .img-holder span {
    padding-top: 28%;
  }
  .text-map {
    padding-top: 61px;
    padding-right: 40px;
  }
  .text-map .flex {
    display: flex;
    gap: 0;
  }
  .text-map .flex .left {
    flex: 0 0 168px;
  }
  .text-map .flex .right {
    flex-grow: 1;
  }
  .box-inquiry {
    margin: 127px 11.5vw 0;
  }
  .box-inquiry .inner {
    padding: 75px 13.5vw 58px;
    gap: 36px;
  }
  .box-inquiry .inner .flex {
    display: grid;
    grid-template-columns: 160px 2fr;
    gap: 40px;
  }
  .box-inquiry .inner .flex .left {
    flex: 0 0 120px;
    display: flex;
    padding-top: 0;
  }
  .box-inquiry .inner .flex .left label {
    color: var(--Font-dark, #000);
    font-family: Pretendard;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -0.72px;
  }
  .box-inquiry .inner .flex .left label strong {
    font-size: 12px;
  }
  .box-inquiry .inner .flex .right {
    flex-grow: 1;
  }
  .box-inquiry .inner .flex .right .box-radio {
    gap: 23px;
  }
  .box-inquiry .inner .flex .right.margin-top-1 {
    margin: 0;
  }
  .box-inquiry .inner .flex .right .flex-number.gap-2 {
    gap: 20px;
  }
  .box-inquiry .inner .flex .right .flex-number.gap-2 .common-input-container-3 {
    min-width: auto;
  }
  .box-inquiry .inner .flex .right .flex-number * {
    flex-grow: 1;
  }
  .box-inquiry .inner .flex .right .flex-number .common-selectbox-3 {
    flex: 0 0 30%;
  }
  .box-inquiry .inner .flex .right .flex-number .line {
    flex-grow: 0;
  }
  .box-inquiry .inner .flex .right .w-type-1 {
    width: 400px;
  }
  .box-collection {
    margin-top: 60px;
  }
  .box-collection .inner .flex {
    flex-direction: row;
  }
  .box-collection .inner .flex .left {
    flex: 0 0 211px;
    text-align: left;
    border-radius: 12px 0 0 12px;
    display: flex;
    align-items: center;
    padding: 15px 0 15px 20px;
    border-right: 1px solid #dadce0;
  }
  .box-collection .inner .flex .right {
    text-align: left;
    display: flex;
    align-items: center;
    padding: 15px 0 15px 20px;
  }
  .box-rule-ok {
    margin: 48px 0;
    padding: 30px 30px 29px;
    position: relative;
  }
  .box-rule-ok .box-check {
    position: absolute;
    top: 25px;
    right: 18px;
  }
  .box-rule-ok .box-check .checkitem label span {
    font-size: 12px;
    font-weight: 400;
    line-height: 100%; /* 12px */
    letter-spacing: 0em;
  }
  .box-rule-ok .box-check .checkitem label span::after {
    width: 24px;
    height: 24px;
    background-size: 24px;
  }
  .common-btnType-12 {
    padding: 14px 24px;
  }
  .common-btnType-12 span {
    color: var(--Primary-1, #fff);
    font-family: Pretendard;
    font-size: 22px;
    font-weight: 500;
    line-height: 100%; /* 22px */
    padding-right: 24px;
  }
  .common-btnType-12 span::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.5 8H13.5' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cmask id='path-2-inside-1_7262_11436' fill='white'%3E%3Cpath d='M14.4453 8L8.22277 14.2225L2.00023 8L8.22277 1.77746L14.4453 8Z'/%3E%3C/mask%3E%3Cpath d='M14.4453 8L15.506 9.06066L16.5666 8L15.506 6.93934L14.4453 8ZM13.3847 6.93934L7.16211 13.1619L9.28343 15.2832L15.506 9.06066L13.3847 6.93934ZM7.16211 2.83812L13.3847 9.06066L15.506 6.93934L9.28343 0.7168L7.16211 2.83812Z' fill='white' mask='url(%23path-2-inside-1_7262_11436)'/%3E%3C/svg%3E");
    width: 16px;
    height: 16px;
  }
  .box-info-guide {
    margin: 128px 11.5vw 0;
  }
  .box-info-guide.rule .inner .flex .right .ga-1 {
    margin-top: 35px;
  }
  .box-info-guide.rule .inner .flex .right .list-text-1 li {
    margin-top: 8px;
  }
  .box-info-guide .inner .flex {
    display: flex;
    flex-direction: row;
    padding: 105px 39px 93px 39px;
    gap: 5vw;
  }
  .box-info-guide .inner .flex.gap-2 {
    flex-wrap: wrap;
  }
  .box-info-guide .inner .flex .left {
    flex: 1 1 20%;
    min-width: 258px;
    color: var(--Font-dark, #000);
    font-family: Pretendard;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.72px;
    padding: 0 0 0 12px;
    display: flex;
    align-items: baseline;
  }
  .box-info-guide .inner .flex .left .num {
    margin: 0 23px 0 0;
    position: relative;
    top: -3px;
    color: var(--Font-dark, #000);
    text-align: center;
    font-family: Gibson;
    font-size: 18px;
    font-weight: 200;
    line-height: 100%; /* 18px */
    width: 36px;
    height: 36px;
  }
  .box-info-guide .inner .flex .left::after {
    width: 4px;
    height: 4px;
    top: 5px;
    left: 0;
  }
  .box-info-guide .inner .flex .right {
    flex: 1 1 70%;
    border: 0;
    padding: 0;
    margin: -9px 0 0 0;
  }
  .box-info-guide .inner .flex .right .tt-cap-1 {
    margin: 7px 0 22px -9px;
    color: var(--Font-dark, #000);
    font-family: Pretendard;
    font-size: 18px;
    font-weight: 500;
    line-height: 100%; /* 18px */
  }
  .box-info-guide .inner .flex .right.gap-1 {
    width: 100%;
    padding: 0;
    margin: 0;
  }
  .box-info-guide .inner .flex .right.type-2 {
    margin-top: -3px;
  }
  .box-info-guide .inner .flex .right .text-1 {
    margin: 0 0 19px -9px;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%; /* 21px */
  }
  .box-info-guide .inner .flex .right .text-2 {
    font-size: 16px;
    line-height: 2;
  }
  .box-info-guide .inner .flex .right .list-text-1 li {
    margin-bottom: 2px;
    padding-left: 10px;
    color: var(--Font-medium, #666);
    font-family: Pretendard;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.54px;
  }
  .box-info-guide .inner .flex .right .list-text-1 li::after {
    width: 2px;
    height: 2px;
    top: 14px;
  }
  .box-info-guide .inner .flex .right .list-text-2 {
    margin: -11px 0 0 -9px;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 37px;
  }
  .box-info-guide .inner .flex .right .list-text-2 li {
    min-width: 236px;
    padding: 86px 6px 0 0;
    min-height: 173px;
  }
  .box-info-guide .inner .flex .right .list-text-2 li::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='236' height='175' viewBox='0 0 236 175' fill='none'%3E%3Cpath d='M197.152 0.499998C200.264 0.499998 203.052 2.4218 204.16 5.3299L234.448 84.8299C235.103 86.5497 235.103 88.4503 234.448 90.1701L204.16 169.67C203.052 172.578 200.264 174.5 197.152 174.5L8.00001 174.5C3.85786 174.5 0.499993 171.142 0.499993 167L0.5 7.99999C0.5 3.85785 3.85786 0.499993 8.00002 0.499993L197.152 0.499998Z' fill='%23F6F6F6' stroke='%23DADCE0'/%3E%3C/svg%3E");
    width: 236px;
    height: 172px;
    left: 50%;
    transform: translateX(calc(-50% + 5px));
  }
  .box-info-guide .inner .flex .right .list-text-2 li::before {
    top: 23px;
  }
  .box-info-guide .inner .flex .right .list-text-2 li.icon-1::before {
    width: 47px;
    height: 44px;
    background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_list_1_pc.svg");
  }
  .box-info-guide .inner .flex .right .list-text-2 li.icon-2::before {
    width: 47px;
    height: 48px;
    background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_list_2_pc.svg");
  }
  .box-info-guide .inner .flex .right .list-text-2 li.icon-3::before {
    width: 61px;
    height: 60px;
    background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_list_3_pc.svg");
  }
  .box-info-guide .inner .flex .right .list-text-2 li.icon-4::before {
    width: 47px;
    height: 48px;
    background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_list_4_pc.svg");
  }
  .box-info-guide .inner .flex .right .list-text-2 li.icon-5::before {
    width: 47px;
    height: 48px;
    background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_list_5_pc.svg");
  }
  .box-info-guide .inner .flex .right .list-text-2 li.icon-6::before {
    width: 61px;
    height: 60px;
    background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_list_6_pc.svg");
  }
  .box-info-guide .inner .flex .right .list-text-2 li.icon-7::before {
    width: 61px;
    height: 60px;
    background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_list_7_pc.svg");
  }
  .box-info-guide .inner .flex .right .list-text-2 li .text-2 {
    color: var(--Font-medium, #666);
    font-size: 18px;
    font-weight: 700;
    line-height: 100%; /* 18px */
  }
  .box-info-guide .inner .flex .right .list-text-2 li .text-3 {
    color: var(--Gray-888888, #888);
    font-size: 16px;
    font-weight: 500;
    line-height: 170%; /* 27.2px */
  }
  .box-info-guide-2 .inner {
    gap: 19px;
  }
  .box-info-guide-2 .inner .flex {
    padding: 0;
    border-radius: 12px;
    border: 1px solid var(--Stroke-medium-02, #ddd);
    flex-direction: row;
  }
  .box-info-guide-2 .inner .flex h3 {
    margin: 32px 20px;
    padding: 0 15px;
    flex: 0 0 131px;
  }
  .box-info-guide-2 .inner .flex .flex-inner {
    border: 0;
    gap: 64px;
  }
  .box-info-guide-2 .inner .flex .flex-inner .item {
    gap: 24px;
  }
  .box-faq {
    margin: 37px 11.5vw 0;
  }
  .box-faq .inner .item .flex-a a {
    gap: 0;
    padding: 34px 7px;
    color: var(--Gray-2, #222);
    font-size: 16px;
    font-weight: 600;
    line-height: 100%; /* 16px */
    letter-spacing: -0.64px;
  }
  .box-faq .inner .item .flex-a a::after {
    width: 24px;
    height: 24px;
    background-size: 24px;
  }
  .box-faq .inner .item .flex-a a .q {
    flex: 0 0 36px;
    height: 36px;
    font-size: 18px;
    margin-right: 22px;
    font-weight: 200;
  }
  .box-faq .inner .item .flex-a a .text-1 {
    color: var(--Gray-2, #222);
    font-size: 20px;
    font-weight: 600;
    line-height: 100%; /* 16px */
    letter-spacing: -0.64px;
  }
  .box-faq .inner .item .flex-b a {
    padding: 38px 60px;
    gap: 42px;
  }
  .box-faq .inner .item .flex-b a .a {
    font-size: 18px;
    font-weight: 600;
    line-height: 100%; /* 18px */
    letter-spacing: -0.72px;
  }
  .box-faq .inner .item .flex-b a .text-1 {
    color: var(--Gray-4, #666);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.6;
  }
  .box-placeInfo .inner .top-infoText {
    padding: 111px 11.5vw 122px 11.5vw;
    gap: 24px;
  }
  .box-placeInfo .inner .top-infoText h3 {
    font-size: 64px;
    letter-spacing: -0.03em;
  }
  .box-placeInfo .inner .top-infoText h3.top-gap {
    margin-top: 24px;
  }
  .box-placeInfo .inner .top-infoText .text-1 {
    font-size: 24px;
    line-height: 1.6;
    letter-spacing: -0.03em;
  }
  .box-placeInfo .inner .top-infoText + .top-infoText {
    margin-top: -178px;
  }
  .box-placeInfo .inner .box-swiper-line {
    padding: 0 11.5vw 110px;
    margin: -57px 0 0 0;
  }
  .box-placeInfo .inner .box-swiper {
    position: relative;
    margin: 0;
  }
  .box-placeInfo .inner .box-swiper .swiper-wrapper .swiper-slide:hover {
    cursor: grab;
  }
  .box-placeInfo .inner .box-swiper .swiper-wrapper .swiper-slide .img-holder span {
    border-radius: 16px;
    padding-top: 44%;
    padding-top: 48.3%;
  }
  .box-placeInfo .inner .box-swiper .swiper-wrapper .swiper-slide .text-1 {
    padding: 77px 64px;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: -0.84px;
  }
  .box-placeInfo .inner .box-swiper .common-swiper-control {
    align-items: center;
    margin: 10px 0 0;
  }
  .box-placeInfo .inner .box-swiper .common-swiper-control .swiper-pagination {
    top: -8px;
    margin: 0 16px;
    font-size: 16px;
  }
  .box-placeInfo .inner .box-swiper .common-swiper-control .swiper-pagination .cnt,
  .box-placeInfo .inner .box-swiper .common-swiper-control .swiper-pagination .total {
    width: 30px;
    font-size: 16px;
  }
  .box-placeInfo .inner .box-swiper .common-swiper-control .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
  }
  .box-placeInfo .inner .box-swiper .common-swiper-control .swiper-button-prev,
  .box-placeInfo .inner .box-swiper .common-swiper-control .swiper-button-next {
    background-image: url("https://binishop.iwinv.net/sample/13/static/images/btn/btn_prevNext_pc.svg");
    width: 22px;
    height: 22px;
  }
  .box-placeInfo .inner .box-ct-text {
    gap: 78px;
    padding: 126px 11.5vw 0;
  }
  .box-placeInfo .inner .box-ct-text .flex {
    flex-direction: row;
    gap: 0;
  }
  .box-placeInfo .inner .box-ct-text .flex .left {
    flex: 0 0 19.6vw;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.72px;
    line-height: 1;
  }
  .box-placeInfo .inner .box-ct-text .flex .left .num {
    color: var(--Font-dark, #000);
    text-align: center;
    font-family: Gibson;
    font-size: 18px;
    font-weight: 200;
    width: 36px;
    height: 36px;
    position: relative;
    top: -3px;
    margin-right: 19px;
  }
  .box-placeInfo .inner .box-ct-text .flex .left .num span {
    position: relative;
    top: 2px;
  }
  .box-placeInfo .inner .box-ct-text .flex .right {
    transform: translateY(3px);
    flex-grow: 1;
  }
  .box-placeInfo .inner .box-ct-text .flex .right .text-1 {
    color: var(--Gray-222222, #222);
    font-family: Pretendard;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.6px;
    text-transform: uppercase;
    position: relative;
    top: -2px;
  }
  .box-placeInfo .inner .box-ct-text .flex .right .text-1 strong {
    color: var(--Font-dark, #000);
    font-family: Pretendard;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -0.6px;
  }
  .box-placeInfo .inner .box-ct-text .flex .right .text-1 .link.type-2 {
    color: var(--Font-dark, #000);
    font-family: Pretendard;
    font-size: 24px;
    font-weight: 600;
    line-height: 100%; /* 24px */
    letter-spacing: -0.72px;
    padding: 0 0 0 0;
  }
  .box-placeInfo .inner .box-ct-text .flex .right .text-1 .link.type-2 .icon {
    width: 24px;
    left: 8px;
  }
  .box-placeInfo .inner .box-ct-text .flex .right .text-1 .link.type-2 .num {
    color: var(--Font-dark, #000);
    text-align: center;
    font-family: Gibson;
    font-size: 18px;
    font-weight: 200;
    width: 36px;
    height: 36px;
    position: relative;
    top: -3px;
    margin-right: 8px;
  }
  .box-placeInfo .inner .box-ct-text .flex .right .text-1 .link.type-2 .num span {
    position: relative;
    top: 2px;
  }
  .box-placeInfo .inner .box-ct-text .flex .right .inner-table .tableSwiper .swiper-wrapper .swiper-slide {
    width: 100%;
  }
  .box-placeInfo .inner .box-ct-notie {
    margin: 79px 0 83px;
    border-radius: 16px;
    padding: 58px 48px;
    gap: 28px;
  }
  .box-placeInfo .inner .box-ct-notie.top-gap-2 {
    margin-top: 74px;
  }
  .box-placeInfo .inner .box-ct-notie h2 {
    color: var(--Font-dark, #000);
    font-family: Pretendard;
    font-size: 24px;
    font-weight: 600;
    line-height: 100%; /* 24px */
    letter-spacing: -0.72px;
  }
  .box-placeInfo .inner .box-ct-notie ul {
    gap: 16px;
  }
  .box-placeInfo .inner .box-ct-notie ul li {
    padding-left: 4px;
    color: var(--Font-medium, #666);
    font-family: Pretendard;
    font-size: 18px;
    font-weight: 500;
    line-height: 100%; /* 18px */
    letter-spacing: -0.54px;
  }
  .box-placeInfo .inner .box-ct-notie ul li:after {
    width: 4px;
    height: 4px;
    top: 6px;
  }
  .common-btnType-15 {
    padding: 17px 28px;
  }
  .common-btnType-15 span {
    padding-right: 25px;
    font-size: 22px;
  }
  .common-btnType-15 span::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.5 8H13.5' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cmask id='path-2-inside-1_7262_17411' fill='white'%3E%3Cpath d='M14.4453 8L8.22277 14.2225L2.00023 8L8.22277 1.77746L14.4453 8Z'/%3E%3C/mask%3E%3Cpath d='M14.4453 8L15.506 9.06066L16.5666 8L15.506 6.93934L14.4453 8ZM13.3847 6.93934L7.16211 13.1619L9.28343 15.2832L15.506 9.06066L13.3847 6.93934ZM7.16211 2.83812L13.3847 9.06066L15.506 6.93934L9.28343 0.7168L7.16211 2.83812Z' fill='white' mask='url(%23path-2-inside-1_7262_17411)'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
  }
  .box-totalMap {
    margin: 158px 11.5vw 218px 11.5vw;
  }
  .box-totalMap .inner {
    position: relative;
    margin-top: -19px;
  }
  .box-totalMap .inner .map .img-map {
    max-width: 1100px;
  }
  .box-totalMap .inner .layer-map {
    z-index: 100;
    border-radius: 8px;
    padding: 32px 0 0;
    width: 524px;
    height: -moz-fit-content;
    height: fit-content;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: all 0.4s;
    transform: translate(-50%, -50%);
    border-radius: 16px;
    background: var(--Primary-1, #fff);
    box-shadow: 8px 8px 24px 0px rgba(0, 0, 0, 0.24);
  }
  .box-totalMap .inner .layer-map[data-idx="1"] {
    transform: translate(calc(-50% + 15px), calc(-50% + 18px));
  }
  .box-totalMap .inner .layer-map[data-idx="2"] {
    transform: translate(calc(-50% + 108px), calc(-50% - 7px));
  }
  .box-totalMap .inner .layer-map[data-idx="3"] {
    transform: translate(calc(-50% + 162px), -50%);
  }
  .box-totalMap .inner .layer-map[data-idx="4"] {
    transform: translate(calc(-50% + 324px), calc(-50% + 72px));
  }
  .box-totalMap .inner .layer-map[data-idx="5"] {
    transform: translate(calc(-50% - 214px), calc(-50% - 36px));
  }
  .box-totalMap .inner .layer-map[data-idx="6"] {
    transform: translate(calc(-50% - 13px), calc(-50% + 36px));
  }
  .box-totalMap .inner .layer-map[data-idx="7"] {
    transform: translate(calc(-50% - 58px), calc(-50% - 73px));
  }
  .box-totalMap .inner .layer-map[data-idx="8"] {
    transform: translate(calc(-50% + 118px), calc(-50% - 4px));
  }
  .box-totalMap .inner .layer-map[data-idx="9"] {
    transform: translate(calc(-50% - 90px), calc(-50% + 13px));
  }
  .box-totalMap .inner .layer-map .inner-layer {
    z-index: 100;
    padding: 0;
  }
  .box-totalMap .inner .layer-map .inner-layer .inner-flex .item .top-info {
    padding: 0 28px 20px;
    justify-content: space-between;
  }
  .box-totalMap .inner .layer-map .inner-layer .inner-flex .item .top-info .text-1 {
    color: var(--Font-dark, #000);
    font-size: 28px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.84px;
  }
  .box-totalMap .inner .layer-map .inner-layer .inner-flex .item .top-info .btn-close {
    transition: transform 0.4s;
    position: relative;
    top: -3px;
    right: 10px;
    background-image: url(https://binishop.iwinv.net/sample/13/static/images/btn/btn_close_pc.svg);
    background-position: center;
  }
  .box-totalMap .inner .layer-map .inner-layer .inner-flex .item .top-info .btn-close:hover {
    transform: rotate(90deg);
  }
  .box-totalMap .inner .layer-map .inner-layer .inner-flex .box-map-swiper {
    overflow: hidden;
  }
  .box-totalMap .inner .layer-map .inner-layer .inner-flex .box-map-swiper .swiper-wrapper {
    padding-bottom: 34px;
  }
  .box-totalMap .inner .layer-map .inner-layer .inner-flex .box-map-swiper .swiper-wrapper .img-holder span:hover {
    cursor: grab;
  }
  .box-totalMap .inner .layer-map .inner-layer .inner-flex .box-map-swiper .swiper-wrapper .swiper-slide span {
    padding-top: 56%;
  }
  .box-totalMap .inner .layer-map .inner-layer .inner-flex .box-map-swiper .common-swiper-control .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
  }
  .box-totalMap .inner .layer-map .inner-layer .inner-flex .box-text {
    padding: 22px 50px 31px;
    margin: 25px 0 40px 0;
    gap: 12px;
  }
  .box-totalMap .inner .layer-map .inner-layer .inner-flex .box-text .tt-1 {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -0.66px;
  }
  .box-totalMap .inner .layer-map .inner-layer .inner-flex .box-text .tt-2 {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -0.48px;
  }
  .rsv-step-swiper {
    pointer-events: all;
    padding: 128px 11.5vw 31px;
  }
  .rsv-step-swiper .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 70px;
  }
  .rsv-step-swiper .swiper-wrapper .swiper-slide {
    padding: 19px 8px 24px 8px;
  }
  .rsv-step-swiper .swiper-wrapper .swiper-slide::after {
    width: 21px;
    height: 21px;
    background-size: contain;
    right: -47px;
  }
  .rsv-step-swiper .swiper-wrapper .swiper-slide .num {
    font-size: 18px;
    margin-bottom: 8px;
  }
  .rsv-step-swiper .swiper-wrapper .swiper-slide .info {
    text-align: center;
    font-family: Pretendard;
    font-size: clamp(15px, 1.5vw, 26px);
    font-weight: 500;
    line-height: 130%; /* 33.8px */
    letter-spacing: -0.78px;
  }
  .rsv-form-wrap {
    padding: 0 11.5vw;
  }
  .rsv-form-wrap .rsv-form-item {
    border-radius: 16px;
    padding: 63px 13.4vw;
  }
  .rsv-form-wrap .rsv-form-item .form-item {
    display: flex;
    align-items: center;
    gap: 0;
  }
  .rsv-form-wrap .rsv-form-item .form-item .label-wrap {
    flex: 0 0 184px;
    margin-bottom: 0;
  }
  .rsv-form-wrap .rsv-form-item .form-item .label-wrap .input-label {
    font-size: 24px;
  }
  .rsv-form-wrap .rsv-form-item .form-item .input-wrap {
    max-width: 401px;
  }
  .rsv-form-wrap .rsv-form-item .form-item .input-wrap.items {
    max-width: 100%;
    gap: 20px;
  }
  .rsv-form-wrap .rsv-form-item .form-item .input-wrap.items .common-input-1:first-child {
    min-width: 30.5%;
    max-width: 30.5%;
  }
  .rsv-form-wrap .rsv-form-item .form-item .input-wrap.items.email {
    flex-wrap: nowrap;
  }
  .rsv-form-wrap .rsv-form-item .form-item .input-wrap.items.email .email-input,
  .rsv-form-wrap .rsv-form-item .form-item .input-wrap.items.email .common-selectbox-1,
  .rsv-form-wrap .rsv-form-item .form-item .input-wrap.items.email .common-input-1 {
    flex: 1 1 0%;
    flex-grow: 1;
  }
  .rsv-form-wrap .rsv-form-item .form-item .input-wrap.items.email .common-selectbox-1 {
    min-width: auto;
  }
  .rsv-form-wrap .rsv-form-item .form-item + .form-item {
    margin-top: 29px;
  }
  .rsv-form-wrap .rsv-form-item.dot {
    margin: 60px 0;
  }
  .rsv-form-wrap .rsv-form-item.dot .form-item {
    align-items: flex-start;
    gap: 0;
  }
  .rsv-form-wrap .rsv-form-item.dot .form-item .label-wrap {
    margin-bottom: 0;
    flex: 0 1 19vw;
  }
  .rsv-form-wrap .rsv-form-item.dot .form-item .label-wrap .input-label {
    font-size: clamp(12px, 1.5vw, 24px);
    line-height: 1.4;
    letter-spacing: -0.72px;
  }
  .rsv-form-wrap .rsv-form-item.dot .form-item .label-wrap .input-label .num {
    font-size: 18px;
    width: 36px;
    height: 36px;
    line-height: 18px;
    position: relative;
    top: -2px;
    margin-right: 19px;
  }
  .rsv-form-wrap .rsv-form-item.dot .form-item .right-box {
    flex: 1;
  }
  .rsv-form-wrap .rsv-form-item.dot .form-item .right-box .step-box {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
  }
  .rsv-form-wrap .rsv-form-item.dot .form-item .right-box .step-box .box {
    min-height: 149px;
    padding: clamp(10px, 4.4vw, 85px) 2vw 0 0px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='147' viewBox='0 0 256 147' fill='none'%3E%3Cpath d='M211.604 0.499998C214.332 0.499998 216.845 1.98129 218.166 4.36812L254.418 69.8681C255.669 72.1279 255.669 74.8721 254.418 77.1319L218.166 142.632C216.845 145.019 214.332 146.5 211.604 146.5L7.99999 146.5C3.85786 146.5 0.499994 143.142 0.499994 139L0.5 7.99999C0.5 3.85786 3.85786 0.49999 8 0.49999L211.604 0.499998Z' fill='%23F6F6F6' stroke='%23DADCE0'/%3E%3C/svg%3E");
    background-position: center top;
  }
  .rsv-form-wrap .rsv-form-item.dot .form-item .right-box .step-box .box.nt-1:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' fill='none'%3E%3Cpath d='M41.2491 20.6242C44.3555 20.6242 46.8737 18.106 46.8737 14.9996C46.8737 11.8932 44.3555 9.375 41.2491 9.375C38.1427 9.375 35.6245 11.8932 35.6245 14.9996C35.6245 18.106 38.1427 20.6242 41.2491 20.6242Z' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M50.6233 24.3747C50.6233 22.3011 48.9471 20.625 46.8735 20.625' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M31.8745 24.3747C31.8745 22.3011 33.5506 20.625 35.6243 20.625' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M50.6233 31.8711C50.6233 33.9447 48.9471 35.6208 46.8735 35.6208' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M46.8738 46.875C46.8738 48.9486 45.1976 50.6247 43.124 50.6247' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M35.6245 46.875C35.6245 48.9486 37.3006 50.6247 39.3743 50.6247' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M31.8745 31.8711C31.8745 33.9447 33.5506 35.6208 35.6243 35.6208' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M50.6235 24.375V31.8745' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M31.8745 24.375V31.8745' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M46.8735 35.6289V46.8781' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M43.1243 50.6211H39.3745' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M35.6245 35.6289V46.8781' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M46.8737 20.625H35.6245' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.0011 20.6242C18.1075 20.6242 20.6257 18.106 20.6257 14.9996C20.6257 11.8932 18.1075 9.375 15.0011 9.375C11.8947 9.375 9.37646 11.8932 9.37646 14.9996C9.37646 18.106 11.8947 20.6242 15.0011 20.6242Z' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.3752 24.3747C24.3752 22.3011 22.6991 20.625 20.6255 20.625' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.62646 24.3747C5.62646 22.3011 7.3026 20.625 9.37621 20.625' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.3755 24.375V28.1247' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.62646 24.375V28.1247' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.6257 20.625H9.37646' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M58.123 50.6196V28.1211' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M50.6235 28.1211H58.123' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M31.8749 28.1211H1.87695' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.87695 50.6196V28.1211' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
  .rsv-form-wrap .rsv-form-item.dot .form-item .right-box .step-box .box.nt-2::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='61' height='60' viewBox='0 0 61 60' fill='none'%3E%3Cpath d='M53 49.5V12H8V49.5' stroke='%23222222' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M8 22.5H53' stroke='%23222222' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M30.5 16.5V7.5' stroke='%23222222' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M23 16.5V7.5' stroke='%23222222' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M38 16.5V7.5' stroke='%23222222' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M15.5 16.5V7.5' stroke='%23222222' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M45.5 16.5V7.5' stroke='%23222222' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M8 49.5C8 51.159 9.341 52.5 11 52.5' stroke='%23222222' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M53 49.5C53 51.159 51.659 52.5 50 52.5' stroke='%23222222' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M11 52.5H50' stroke='%23222222' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M39.5 40.5V46.5' stroke='%23222222' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M45.5 40.5V46.5' stroke='%23222222' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M39.5 40.5H45.5' stroke='%23222222' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M45.5 46.5H39.5' stroke='%23222222' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M30.4849 31.5H30.5149' stroke='%23222222' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M42.4849 31.5H42.5149' stroke='%23222222' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M30.4849 43.5H30.5149' stroke='%23222222' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M18.4849 43.5H18.5149' stroke='%23222222' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M18.4849 31.5H18.5149' stroke='%23222222' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
  .rsv-form-wrap .rsv-form-item.dot .form-item .right-box .step-box .box.nt-3::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' fill='none'%3E%3Cpath d='M51.4287 48.5698V12.8555H8.57153V48.5698' stroke='%23222222' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M8.57153 22.8555H51.4287' stroke='%23222222' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M30.0002 17.1417V8.57031' stroke='%23222222' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M22.8574 17.1417V8.57031' stroke='%23222222' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M37.1431 17.1417V8.57031' stroke='%23222222' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M15.7146 17.1417V8.57031' stroke='%23222222' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M44.2859 17.1417V8.57031' stroke='%23222222' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M8.57153 48.5703C8.57153 50.1503 9.84868 51.4275 11.4287 51.4275' stroke='%23222222' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M51.4287 48.5703C51.4287 50.1503 50.1515 51.4275 48.5715 51.4275' stroke='%23222222' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M11.4285 51.4258H48.5713' stroke='%23222222' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M37.1431 32.8555L28.5717 41.4269L22.8574 35.7126' stroke='%23222222' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
  .rsv-form-wrap .rsv-form-item.dot .form-item .right-box .step-box .box.nt-4::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='61' height='60' viewBox='0 0 61 60' fill='none'%3E%3Cpath d='M30.5 52.8588C43.1236 52.8588 53.3571 42.6253 53.3571 30.0017C53.3571 17.378 43.1236 7.14453 30.5 7.14453C17.8763 7.14453 7.64282 17.378 7.64282 30.0017C7.64282 42.6253 17.8763 52.8588 30.5 52.8588Z' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M42.881 22.3789L27.643 37.617L18.1191 28.0932' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
  .rsv-form-wrap .rsv-form-item.dot .form-item .right-box .step-box .box .txt {
    font-size: clamp(12px, 1vw, 18px);
    line-height: 1.3;
  }
  .rsv-form-wrap .rsv-form-item.dot .form-item .right-box .step-box .box::after {
    width: clamp(20px, 3vw, 60px);
    height: clamp(20px, 3vw, 60px);
    top: 18px;
    transform: translateX(calc(-50% - 17px));
  }
  .rsv-form-wrap .rsv-form-item.dot .form-item .right-box .cancel-table {
    margin: 0;
    padding: 0;
  }
  .rsv-form-wrap .rsv-form-item.dot .form-item .right-box .cancel-table .swiper-slide {
    width: 100% !important;
  }
  .rsv-form-wrap .rsv-form-item.dot .form-item + .form-item {
    margin-top: 32px !important;
    border-top: 0;
  }
  .rsv-form-wrap .wrap-tit {
    margin-top: 64px;
    font-size: 40px;
    padding-bottom: 50px;
    border-bottom: 3px solid #000;
  }
  .srv-info-box {
    margin-top: 63px;
    padding: 0 11.5vw;
    gap: 18px;
  }
  .srv-info-box .box {
    display: flex;
    align-items: center;
  }
  .srv-info-box .box .left {
    max-width: 351px;
    padding: 28px 45px;
    text-align: left;
    border-bottom: none;
    border-right: 1px solid var(--Stroke-medium-01, #dadce0);
    color: var(--Gray-222222, #222);
    font-family: Pretendard;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -0.66px;
  }
  .srv-info-box .box .right {
    padding: 12.5px 48px;
    text-align: left;
    font-size: 20px;
  }
  .srv-agree-box {
    margin: 64px 11.5vw 80px;
    padding: 43px 0;
  }
  .srv-agree-box .txt {
    font-size: 20px;
    line-height: 1.6;
  }
  .srv-agree-box .box-check {
    margin-top: 0;
    position: absolute;
    top: 54px;
    right: 61px;
  }
  .srv-agree-box .box-check label {
    margin: 0;
  }
  .srv-agree-box .box-check label span {
    font-size: 20px;
    padding-left: 34px;
  }
  .common-btnType-13 {
    padding: 17px 68px 13px;
  }
  .common-btnType-13 span {
    font-size: 22px;
    padding-right: 24px;
  }
  .common-btnType-13 span::after {
    width: 16px;
    height: 16px;
  }
  .common-btnType-13.submit span {
    padding-right: 24px;
  }
  .srv-notice {
    padding: 60px 49px 55px;
    margin: 0 11.5vw 60px;
    border-radius: 16px;
  }
  .srv-notice.margin-top-1 {
    margin-top: 128px;
  }
  .srv-notice .tit {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.72px;
    padding-bottom: 25px;
  }
  .srv-notice .dot-list li {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.54px;
  }
  .srv-notice .dot-list li strong {
    font-size: 18px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.54px;
    text-decoration-line: underline;
  }
  .srv-notice .dot-list li + li {
    margin-top: 8px;
  }
  .srv-notice.type-2 {
    text-align: center;
  }
  .srv-notice.type-2 .dot-list li::before {
    display: none;
  }
  .srv-notice.type-2 .dot-list li span {
    position: relative;
  }
  .srv-notice.type-2 .dot-list li span::before {
    content: "";
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: var(--Gray-4, #666);
    position: absolute;
    top: 9.5px;
    left: -7px;
  }
  .srv-detail-inner {
    margin: 82px 11.5vw 78px;
    display: flex;
    align-items: flex-start;
    gap: 8vw;
  }
  .srv-detail-inner.program {
    margin: 64px 11.5vw 120px;
  }
  .srv-detail-inner .box-sel {
    border-top: 0;
    margin-top: 13px;
  }
  .srv-detail-inner .box-sel a {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.54px;
    line-height: 1.6;
    background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_sel.svg");
    padding: 16px 25px;
  }
  .srv-detail-inner .box-sel a + a {
    border-top: 1px solid var(--Stroke-list, #ddd);
  }
  .srv-detail-inner .detail-fix {
    border: 0;
    flex: 1 1 27vw;
    position: sticky;
    border-radius: 8px;
    box-shadow: none;
    left: auto;
    right: auto;
    bottom: auto;
    top: 0;
    z-index: 0;
    padding: 0;
  }
  .srv-detail-inner .detail-fix .tit {
    padding: 0 0 31px 0;
    margin-bottom: 0;
    color: var(--Font-dark, #000);
    font-family: Pretendard;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: -0.84px;
    border-bottom: 2px solid var(--Stroke-dark-light, #d0d0d0);
  }
  .srv-detail-inner .detail-fix .btn-flex {
    width: 100%;
    position: relative;
    justify-content: center;
    top: auto;
    right: auto;
    padding: 15px 0;
    margin-top: 10px;
  }
  .srv-detail-inner .detail-fix .btn-flex.mo-show {
    display: none;
  }
  .srv-detail-inner .detail-fix .form-wrap {
    width: 100%;
    gap: 5px;
  }
  .srv-detail-inner .detail-fix .form-wrap::after {
    display: none;
  }
  .srv-detail-inner .detail-fix .form-wrap .form-item {
    padding: 19px 0;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid var(--Stroke-list, #ddd);
    gap: 19px;
  }
  .srv-detail-inner .detail-fix .form-wrap .form-item .input-wrap .tt-1 {
    font-size: 18px;
  }
  .srv-detail-inner .detail-fix .form-wrap .form-item .label-wrap {
    display: block;
  }
  .srv-detail-inner .detail-fix .form-wrap .form-item .label-wrap .input-label {
    display: block;
    color: var(--Font-medium, #666);
    /* Body/sm 01 02 */
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 18px */
    letter-spacing: -0.54px;
    width: 60px;
    padding-left: 0;
    position: relative;
  }
  .srv-detail-inner .detail-fix .form-wrap .form-item .label-wrap .input-label::before {
    display: none;
  }
  .srv-detail-inner .detail-list {
    gap: 121px;
  }
  .srv-detail-inner .detail-list .box .flex-tit {
    padding-bottom: 14px;
  }
  .srv-detail-inner .detail-list .box .tit {
    font-family: Pretendard;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: -0.96px;
    padding: 7px 0 19px 0;
  }
  .srv-detail-inner .detail-list .box .tit > span {
    padding: 0 0 0 8px;
  }
  .srv-detail-inner .detail-list .box .tit > span::after {
    position: absolute;
    top: 10px;
  }
  .srv-detail-inner .detail-list .box .list {
    padding-top: 10px;
  }
  .srv-detail-inner .detail-list .box .list > li {
    padding: 30px 0;
    align-items: stretch;
    gap: 41px;
  }
  .srv-detail-inner .detail-list .box .list > li .img-holder {
    width: 25.4%;
  }
  .srv-detail-inner .detail-list .box .list > li .img-holder span {
    padding-top: 67%;
  }
  .srv-detail-inner .detail-list .box .list > li .step-2 {
    padding: 10px 0;
  }
  .srv-detail-inner .detail-list .box .list > li .step-2 .name {
    font-size: 24px;
  }
  .srv-detail-inner .detail-list .box .list > li .step-2 .info {
    margin: 15px 0 0;
    max-width: 75%;
  }
  .srv-detail-inner .detail-list .box .list > li .step-2 .info > li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
  }
  .srv-detail-inner .detail-list .box .list > li .step-2 .info > li + li {
    margin-top: 10px;
  }
  .srv-detail-inner .detail-list .box .list > li .step-2 label {
    position: absolute;
    top: 50%;
    transform: translateY(calc(-50% - 10px));
    right: 25px;
  }
  .srv-detail-inner .detail-list .box .list > li .step-2 label input {
    width: 58px;
    height: 58px;
    background-size: contain;
    background-image: url("https://binishop.iwinv.net/sample/13/static/images/btn/btn_ck_off_2.svg");
  }
  .srv-detail-inner .detail-list .box .list > li .step-2 label input:checked {
    background-image: url("https://binishop.iwinv.net/sample/13/static/images/btn/btn_ck_on_2.svg");
  }
  .srv-detail-inner .detail-list .box .list.program > li .img-holder {
    width: 18%;
  }
  .srv-detail-inner .detail-list .box .list.program > li .step-2 {
    padding: 0;
  }
  .srv-detail-inner .detail-list .box .list.program > li .step-2 .txt-box {
    width: 80%;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
  }
  .srv-detail-inner .detail-list .box .list.program > li .step-2 .txt-box .inner {
    width: calc(80% - 10px);
    max-width: calc(80% - 10px);
  }
  .srv-detail-inner .detail-list .box .list.program > li .step-2 .txt-box .inner .tag {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.42px;
    padding: 4px 12px;
    margin-bottom: 9px;
  }
  .srv-detail-inner .detail-list .box .list.program > li .step-2 .num {
    margin-top: 0;
    width: calc(20% - 10px);
    height: calc(100% + 30px);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--Font-medium, #666);
    font-family: Pretendard;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%; /* 18px */
  }
  .srv-detail-inner .detail-list .box .list.program > li .step-2 label {
    top: 50%;
    transform: translateY(calc(-50% - 10px));
  }
  .srv-detail-inner .detail-list .box .list.program > li .step-2 .more-btn {
    padding: 6px 0;
    bottom: 4px;
    top: auto;
    right: auto;
    left: 0;
  }
  .srv-detail-inner .detail-list .box .flex-tit.gap-1 {
    padding: 0 0 18px 0;
  }
  .srv-detail-inner .detail-list .box .flex-tit .sub-txt {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.42px;
    position: relative;
    top: -7px;
  }
  .srv-detail-inner .detail-list .box .flex-tit .sub-txt::before {
    left: -4px;
    width: 20px;
    height: 20px;
    background-size: contain;
  }
  .srv-detail-inner .detail-list .box .flex-tit .box-check {
    position: relative;
    top: -11px;
    right: 12px;
  }
  .srv-detail-inner .detail-list .box .flex-tit .box-check .gap {
    color: var(--Font-medium, #666);
    font-family: Pretendard;
    font-size: 14px;
    font-weight: 400;
    padding-left: 29px;
  }
  .srv-btn-flex.two {
    width: calc(100% - 26vw);
    margin-left: auto;
  }
  .srv-btn-flex.two .common-btnType-13 {
    padding: 15px 70px 12px;
    width: -moz-fit-content;
    width: fit-content;
  }
  .srv-btn-flex.two .common-btnType-13.prev {
    border: 2px solid var(--Font-dark, #000);
  }
  .srv-btn-flex.two .common-btnType-13.prev span {
    padding-left: 24px;
  }
  .srv-btn-flex.two .common-btnType-13.submit {
    padding: 15px 53px 12px 53px;
  }
  .srv-btn-flex.two .common-btnType-13.submit span {
    padding-right: 23px;
  }
  .srv-questions {
    width: calc(100% - 48.9vw);
    margin-left: auto;
    margin-bottom: 75px;
    margin-right: 11.5vw;
  }
  .srv-questions .flex-tit {
    padding-bottom: 32px;
    border-bottom: 2px solid var(--Gray-2, #000);
    margin-bottom: 38px;
  }
  .srv-questions .flex-tit .tit {
    color: var(--Font-dark, #000);
    font-family: Pretendard;
    font-size: 32px;
    font-weight: 600;
    line-height: 100%; /* 32px */
    letter-spacing: -0.96px;
  }
  .srv-questions .inner {
    width: 100%;
    position: relative;
  }
  .srv-questions .inner textarea {
    width: 100%;
    position: relative;
    border-radius: 12px;
    border: 1px solid var(--Stroke-list, #ddd);
    background: var(--Primary-1, #fff);
    padding: 23px 18px;
    color: var(--Gray-1, #000);
    font-family: Pretendard;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    min-height: 240px;
  }
  .srv-questions .inner textarea::-moz-placeholder {
    color: var(--Font-medium, #666);
    font-family: Pretendard;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%; /* 24px */
  }
  .srv-questions .inner textarea::placeholder {
    color: var(--Font-medium, #666);
    font-family: Pretendard;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%; /* 24px */
  }
  .box-rule-dirrhks {
    margin: 379px 18vw 0;
  }
  .box-rule-dirrhks .inner h2 {
    color: var(--Font-dark, #000);
    font-size: 72px;
    font-weight: 500;
    line-height: 100%; /* 72px */
    letter-spacing: -2.16px;
    padding: 0 0 64px;
    border-bottom: none;
  }
  .box-rule-dirrhks .inner .box-ct {
    padding: 46px 0 0 0;
  }
  .box-rule-dirrhks .inner .box-ct .top-info {
    gap: 62px;
    margin-bottom: 60px;
  }
  .box-rule-dirrhks .inner .box-ct .top-info .text-1 {
    font-size: 20px;
    font-weight: 500;
    line-height: 148%; /* 29.6px */
    letter-spacing: -0.6px;
  }
  .box-rule-dirrhks .inner .box-ct .top-info .text-2 {
    font-size: 22px;
    line-height: 1.9;
    letter-spacing: -0.66px;
  }
  .box-rule-dirrhks .inner .box-ct .inner-ct {
    gap: 89px;
    border-top: 2px solid #000;
    padding-bottom: 64px;
  }
  .box-rule-dirrhks .inner .box-ct .inner-ct .flex-gap:first-child .tt-1 {
    padding: 57px 0 0;
  }
  .box-rule-dirrhks .inner .box-ct .inner-ct .flex-gap.top-gap {
    margin-top: -45px;
  }
  .box-rule-dirrhks .inner .box-ct .inner-ct .flex-gap + .flex-gap {
    border-top: 1px solid var(--Stroke-light, #e5e5e5);
  }
  .box-rule-dirrhks .inner .box-ct .inner-ct .flex-gap .tt-1 {
    font-size: 32px;
    line-height: 136%; /* 27.2px */
    letter-spacing: -0.96px;
    padding: 35px 0 0;
  }
  .box-rule-dirrhks .inner .box-ct .inner-ct .flex-gap .text-1 {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.9;
    letter-spacing: -0.66px;
    padding: 19px 0 0;
  }
  .box-rule-dirrhks .inner .box-ct .inner-ct .flex-gap .text-2 {
    font-size: 20px;
    line-height: 1.7;
    letter-spacing: -0.6px;
    padding: 45px 0 0 0;
  }
  .box-rule-dirrhks .inner .box-ct .inner-ct .flex-gap .text-2.gap-type-1 {
    padding: 3px 0 0 21px;
  }
  .box-rule-dirrhks .inner .box-ct .inner-ct .flex-gap .text-2.gap-type-1 p {
    text-indent: -7px;
    margin-left: 7px;
    line-height: 1.7;
  }
  .box-rule-dirrhks .inner .box-ct .inner-ct .flex-gap .table-marginType-1 {
    margin: 45px 0 -4px;
  }
  .box-rule-dirrhks .inner .box-ct .inner-ct .box-swiper-rule {
    margin: -45px 0 0 0;
  }
  .box-kv-sub {
    gap: 32px;
    padding: 380px 0 265px 0;
  }
  .box-kv-sub.left-type-1 {
    padding: 379px 18px 259px 11.5vw;
  }
  .box-kv-sub.left-type-1 h2 {
    color: var(--Font-medium, #666);
    font-size: 24px;
    font-weight: 500;
    line-height: 100%; /* 24px */
    letter-spacing: 0.96px;
  }
  .box-kv-sub h2 {
    font-family: Pretendard;
    font-size: 24px;
    font-weight: 500;
    line-height: 100%; /* 24px */
    letter-spacing: 0.96px;
  }
  .box-kv-sub .text-1 {
    line-height: 87px; /* 36px */
    font-size: 72px;
    font-weight: 500;
    letter-spacing: -2.16px;
  }
  .box-kv-sub .text-1 span {
    font-size: 72px;
    font-weight: 600;
    letter-spacing: -2.16px;
  }
  .wwe-section-inner .__visual {
    height: 100vh;
    width: 100%;
  }
  .wwe-section-inner .__visual .container {
    padding-left: 5vw;
    padding-right: 5vw;
  }
  .wwe-section-inner .__visual .container .__inner {
    border-radius: 53px;
  }
  .wwe-section-inner .__visual .container .__inner .__slogan .text {
    font-size: 28px;
    font-weight: 500;
    line-height: 42px;
    letter-spacing: -0.84px;
  }
  .wwe-subs .wwe-sub .wwe-sub-section--main .wwe-section-inner .__visual .__bg img.mo-show {
    display: none !important;
  }
  .wwe-subs .wwe-sub .wwe-sub-section--main .wwe-section-inner .__visual .__desc .container {
    padding-left: 5vw;
    padding-right: 5vw;
  }
  .wwe-subs .wwe-sub .wwe-sub-section--main .wwe-section-inner .__visual .__desc .container .tt-1 {
    font-size: 48px;
    font-weight: 500;
    line-height: 69px;
    letter-spacing: -1.44px;
  }
  .wwe-subs .wwe-sub .wwe-sub-section--main .wwe-section-inner .__visual .__desc .container .tt-2 {
    padding: 39px 0 0 0;
    font-size: 28px;
    font-weight: 500;
    line-height: 42px;
    letter-spacing: -0.84px;
  }
  .scroll-motion-2 {
    position: relative;
  }
  .scroll-motion-2 .swiper {
    position: fixed;
    top: -100px;
    left: 126px;
    right: 126px;
    padding: 36px 0 0;
    margin: 0;
  }
  .scroll-motion-2 .swiper.is-dark .swiper-wrapper .swiper-slide a::after {
    border-bottom: 2px solid #000;
  }
  .scroll-motion-2 .swiper .swiper-wrapper {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
  }
  .scroll-motion-2 .swiper .swiper-wrapper .swiper-slide {
    display: block;
    text-align: center;
  }
  .scroll-motion-2 .swiper .swiper-wrapper .swiper-slide a {
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 6px;
    letter-spacing: -0.54px;
  }
  .scroll-motion-2 .swiper .swiper-wrapper .swiper-slide a::after {
    bottom: 1px;
    border-bottom: 2px solid #fff;
  }
  .scroll-motion-2 .section-1 {
    overflow: hidden;
  }
  .scroll-motion-2 .section-1 .bg {
    padding: 0;
  }
  .scroll-motion-2 .section-1 .bg .text-1 {
    color: var(--Primary-1, #fff);
    /* Heading EN/Heading 128 */
    font-family: Gibson;
    font-size: 128px;
    font-weight: 250;
    line-height: 100%; /* 128px */
    letter-spacing: -3.84px;
  }
  .scroll-motion-2 .section-1 .bg .text-2 {
    font-size: 48px;
    font-weight: 500;
    line-height: 69px;
    letter-spacing: -1.44px;
  }
  .scroll-motion-2 .section-1 .bg .text-3 {
    margin-top: 40px;
    font-size: 28px;
    font-weight: 500;
    line-height: 42px;
    letter-spacing: -0.84px;
  }
  .scroll-motion-2 .section-1 .bg.bg13::after {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
  }
  .scroll-motion-2 .section-1 .bg .img {
    max-width: 100%;
    transform: scale(1.1);
  }
  .scroll-motion-2 .section-text-1 .inner {
    padding: 5vw 18vw 8vw 18vw;
  }
  .scroll-motion-2 .section-text-1 .inner.flex {
    padding: 2vw 18vw 8vw 18vw;
    display: flex;
    flex-flow: column nowrap;
  }
  .scroll-motion-2 .section-text-1 .inner .item:nth-child(odd) {
    padding-right: 32.5vw;
  }
  .scroll-motion-2 .section-text-1 .inner .item:nth-child(even) {
    padding-left: 32.5vw;
    margin: 56px 0;
  }
  .scroll-motion-2 .section-text-1 .inner .item.type-2 {
    padding-left: 45.5vw;
    margin-right: -6.5vw;
    margin-top: -33.6vh;
  }
  .scroll-motion-2 .section-text-1 .inner .item.type-3 {
    margin-left: -6.5vw;
    margin-top: -2vw;
    padding-right: 45.7vw;
  }
  .scroll-motion-2 .section-text-1 .inner .item.type-4 {
    margin-top: -9.4vw;
  }
  .scroll-motion-2 .section-text-1 .inner .item.type-5 {
    order: 2;
    margin: -13vw 0 0 -6.5vw;
    padding: 0 45.6vw 0 0;
  }
  .scroll-motion-2 .section-text-1 .inner .item.type-6 {
    order: 1;
  }
  .scroll-motion-2 .section-text-1 .inner .item.type-7 {
    order: 4;
    margin: -2vw 0 0 0;
    padding: 0 32.6vw 0 0;
  }
  .scroll-motion-2 .section-text-1 .inner .item.type-8 {
    order: 3;
    margin: 0.7vw -6.5vw 0 0;
    padding: 0 0 0 45.6vw;
  }
  .scroll-motion-2 .section-text-1 .inner .item.type-9 {
    order: 2;
    margin: -20.6vw 0 0 -6.5vw;
    padding: 0 45.7vw 0 0;
  }
  .scroll-motion-2 .section-text-1 .inner .item.type-10 {
    order: 1;
  }
  .scroll-motion-2 .section-text-1 .inner .item.type-11 {
    order: 3;
    margin: 0.9vw -6.5vw 4vw 0;
    padding: 0 0 0 45.6vw;
  }
  .scroll-motion-2 .section-text-1 .inner .item .img-holder span {
    border-radius: 16px;
    padding-top: 123%;
  }
  .scroll-motion-2 .section-text-1 .inner .item .img-holder span::after {
    border-radius: 16px;
  }
  .scroll-motion-2 .section-text-1 .inner .item .text {
    margin-top: 4vw;
    color: var(--Font-dark, #000);
    font-family: Pretendard;
    font-size: clamp(18px, 3vw, 48px); /* 최소 18px, 뷰포트 너비의 3%, 최대 48px */
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -1.44px;
  }
  .box-intro-text {
    padding: 150px 0 0 0;
    /* 전체 슬라이더 컨테이너 */
  }
  .box-intro-text .top-text {
    padding-bottom: 169px;
  }
  .box-intro-text .top-text .text-1 {
    color: var(--Font-dark, #000);
    text-align: center;
    /* Title/lg 02 01 */
    font-family: Pretendard;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 68px; /* 48px */
    letter-spacing: -1.44px;
  }
  .box-intro-text .section-inner ul .img-holder {
    min-width: 351px;
  }
  .box-intro-text .section-inner ul .img-holder span {
    border-radius: 16px;
    padding-top: 126%;
  }
  .box-img-motion .container {
    padding-left: 0;
    padding-right: 0;
    margin-left: 11.5vw;
  }
  .box-img-motion .container .bg-container {
    height: 82.5vmin;
  }
  .box-audekd-text {
    padding: 209px 18px 89px 11.5vw;
  }
  .box-audekd-text h2 {
    font-size: 56px;
    font-weight: 500;
    letter-spacing: -1.68px;
    line-height: 86px; /* 26px */
  }
  .box-audekd-text .text-1 {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -0.72px;
    line-height: 39px; /* 16px */
    padding: 37px 0 0 0;
  }
  .box-audekd-container {
    height: calc(100lvh + 170px) !important;
    max-height: calc(100lvh + 170px) !important;
  }
  .box-audekd-container .box-bg > div {
    transition: opacity 1s;
  }
  .box-audekd-container .box-bg > div.bg-2, .box-audekd-container .box-bg > div.bg-3, .box-audekd-container .box-bg > div.bg-4 {
    height: 100%;
  }
  .box-audekd-container .box-bg img {
    display: none;
  }
  .box-audekd-container .box-fixed-text {
    top: 11vw;
    left: 11.5vw;
  }
  .box-audekd-container .box-fixed-text h3 {
    font-size: clamp(18px, 4vw, 64px);
    line-height: 1.4;
    font-weight: 500;
    letter-spacing: -1.92px;
    width: calc(100vw - 36px);
    transition: none;
  }
  .box-audekd-container .box-fixed-text h3.is-active {
    z-index: 1;
  }
  .box-item-scroll {
    padding-top: clamp(100px, 35vh, 238px);
    padding-bottom: 80px;
  }
  .box-item-scroll .box-item {
    padding: 0 11.5vw 0 50.6vw;
  }
  .box-item-scroll .box-item + .box-item {
    margin-top: 160px;
  }
  .box-item-scroll .box-item .img-holder span {
    border-radius: 16px;
    padding-top: 66%;
  }
  .box-item-scroll .box-item .img-holder span::after {
    border-radius: 16px;
  }
  .box-item-scroll .box-item .text-1 {
    margin: 91px 0 0 0;
    font-size: clamp(20px, 3vw, 32px);
    font-weight: 500;
    line-height: 180%; /* 57.6px */
    letter-spacing: -0.96px;
  }
  .box-audekdText {
    padding: 243px 0 63px;
  }
  .box-audekdText .top-text {
    gap: 40px;
    margin: 0 11.5vw;
  }
  .box-audekdText .top-text h3 {
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5; /* 48px */
    letter-spacing: -1.44px;
  }
  .box-audekdText .top-text .text-1 {
    font-size: 28px;
    font-weight: 500;
    line-height: 1.57; /* 28px */
    letter-spacing: -0.84px;
  }
  .box-audekd-swiper {
    padding: 0 24.5vw 121px;
  }
  .box-audekd-swiper .swiper:hover {
    cursor: grab;
  }
  .box-audekd-swiper .swiper .swiper-slide .img-holder span {
    padding-top: 60%;
  }
  .box-audekd-swiper .box-controll {
    margin: 23px auto 0 auto;
  }
  .box-audekd-swiper .box-controll .swiper-pagination {
    top: 1px;
    margin: 0;
    font-size: 16px;
  }
  .box-audekd-swiper .box-controll .swiper-pagination .cnt,
  .box-audekd-swiper .box-controll .swiper-pagination .total {
    width: 30px;
    font-size: 16px;
  }
  .box-audekd-swiper .box-controll .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
  }
  .box-audekd-swiper .box-controll .swiper-button-prev,
  .box-audekd-swiper .box-controll .swiper-button-next {
    background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_prevNext.svg");
    background-size: 22px;
    width: 40px;
    height: 22px;
  }
  .box-audekd-swiper .box-controll .swiper-button-prev::after,
  .box-audekd-swiper .box-controll .swiper-button-next::after {
    content: "";
  }
  .box-audekd-link .top-text {
    font-size: 28px;
    line-height: 1.55;
    padding: 162px 0 0;
    letter-spacing: -0.02em;
    margin-bottom: -64px;
  }
  .box-audekd-link .inner {
    padding: 159px 18vw 0 18vw;
  }
  .box-audekd-link .inner .inner-flex {
    display: grid;
    grid-template-columns: 1fr 1.54fr;
    gap: 24px;
  }
  .box-audekd-link .inner .inner-flex h3 {
    padding: 0 0 0;
    margin-bottom: 33px;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.84px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    -webkit-line-clamp: 1;
  }
  .box-audekd-link .inner .inner-flex .top-item .item-flex {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
  .box-audekd-link .inner .inner-flex .top-item .item-flex .item a .text-1 {
    margin: 18px 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.6px;
    -webkit-line-clamp: 1;
  }
  .box-audekd-link .inner .inner-flex .top-item .item-flex .item a .img-holder {
    max-height: 314px;
    overflow: hidden;
  }
  .box-audekd-link .inner .inner-flex .top-item .item-flex .item a .img-holder span {
    height: 314px;
    padding-top: 100%;
  }
  .box-audekd-link .inner .inner-flex .top-item .item-flex .item a .img-holder span img {
    top: 0;
    transform: translate(-50%, 0);
    height: 314px;
  }
  .box-audekd-link .inner .inner-flex .bottom-item .flex .item a {
    display: grid;
    grid-template-columns: 1fr 4.3fr;
    align-items: center; /* 모든 아이템을 수직 방향 가운데 정렬 */
    justify-items: flex-start; /* 모든 아이템을 수평 방향 가운데 정렬 */
    padding: 30px 0 34px 0;
    gap: 16px;
  }
  .box-audekd-link .inner .inner-flex .bottom-item .flex .item a .text-1 {
    align-self: center;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 250;
    padding: 0 0 0 27px;
  }
  .box-audekd-link .inner .inner-flex .bottom-item .flex .item a .text-2 {
    align-self: center;
    font-size: 20px;
    font-weight: 500;
    line-height: 100%; /* 20px */
    letter-spacing: -0.6px;
    text-transform: uppercase;
    line-height: 1.5;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    -webkit-line-clamp: 1;
  }
  .box-gride-vndrud .inner-vndrud .box-item {
    background-image: none !important;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: none;
    gap: 0;
    height: 100vh;
  }
  .box-gride-vndrud .inner-vndrud .box-item + .box-item {
    border-top: 0;
  }
  .box-gride-vndrud .inner-vndrud .item {
    position: relative;
  }
  .box-gride-vndrud .inner-vndrud .item::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    transition: opacity 0.4s;
    will-change: opacity;
    z-index: 3;
  }
  .box-gride-vndrud .inner-vndrud .item.size-type-1 {
    background-image: url("https://binishop.iwinv.net/sample/13/static/images/@/@img_vndrud_1.jpg") !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    grid-column: 1/3;
    grid-row: 1/3;
  }
  .box-gride-vndrud .inner-vndrud .item.size-type-2 {
    grid-column: 3/5;
    grid-row: 1/3;
  }
  .box-gride-vndrud .inner-vndrud .item.size-type-3 {
    grid-column: 1/3;
    grid-row: 1/3;
  }
  .box-gride-vndrud .inner-vndrud .item .img {
    position: fixed;
    top: 0;
    left: 0;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100vw;
    height: 45vh;
  }
  .box-gride-vndrud .inner-vndrud .item .box-text {
    gap: 28px;
    padding: 42px 47px;
  }
  .box-gride-vndrud .inner-vndrud .item .box-text .text-1 {
    position: relative;
    color: var(--Primary-1, #fff);
    font-family: Pretendard;
    font-size: 72px;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: -2.16px;
  }
  .box-gride-vndrud .inner-vndrud .item .box-text .text-2 {
    position: relative;
    color: var(--Primary-1, #fff);
    font-family: Pretendard;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: -0.72px;
  }
  .box-gride-vndrud .inner-vndrud .item a {
    opacity: 0;
    transition: opacity 0.4s;
    will-change: opacity;
    position: relative;
    z-index: 2;
  }
  .box-gride-vndrud .inner-vndrud .item a .box-text::before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 47.71%, rgba(0, 0, 0, 0.4) 100%);
  }
  .box-gride-vndrud .inner-vndrud .item a .box-text .text-1 {
    font-size: 32px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.96px;
  }
  .box-gride-vndrud .inner-vndrud .item a .box-text .text-1 span {
    padding-right: 0;
  }
  .box-gride-vndrud .inner-vndrud .item a .box-text .text-1 span .icon {
    display: inline-block;
    position: relative;
    top: -3px;
    margin-left: 12px;
  }
  .box-gride-vndrud .inner-vndrud .item a .box-text .text-1 span::after {
    top: auto;
    bottom: 6px;
    right: -38px;
    background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_arrow_2_pc.png");
    width: 26px;
    height: 26px;
  }
  .box-gride-vndrud .inner-vndrud .item:hover::after {
    opacity: 0;
  }
  .box-gride-vndrud .inner-vndrud .item:hover a {
    opacity: 1;
  }
  .box-vndrud-layer {
    background-color: #000;
    height: 100vh;
  }
  .box-vndrud-layer .box-top-info {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 52px;
    display: flex;
    gap: 32px;
    z-index: 10;
    height: 122px;
    z-index: 100;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  }
  .box-vndrud-layer .box-top-info .btn-list {
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    top: 0;
    left: 0;
  }
  .box-vndrud-layer .box-top-info .btn-list span {
    color: var(--Primary-1, #fff);
    font-family: Pretendard;
    font-size: 18px;
    font-weight: 500;
    line-height: 100%; /* 18px */
    letter-spacing: -0.54px;
    padding-right: 10px;
    position: relative;
    padding-left: 28px;
  }
  .box-vndrud-layer .box-top-info .btn-list span::before {
    background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_arrow_3_pc.svg");
    width: 22px;
    height: 22px;
    top: -1px;
  }
  .box-vndrud-layer .box-top-info .posi {
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
  }
  .box-vndrud-layer .box-top-info .posi.is-active .layer::after {
    transform: rotate(180deg);
  }
  .box-vndrud-layer .box-top-info .posi.is-active .drow-layer {
    opacity: 1;
    pointer-events: all;
  }
  .box-vndrud-layer .box-top-info .posi::after {
    content: "";
    display: block;
    background: var(--transparent-w-60, rgba(255, 255, 255, 0.6));
    width: 1px;
    height: 22px;
    position: absolute;
    left: -21px;
    top: -2px;
    bottom: 0;
  }
  .box-vndrud-layer .box-top-info .posi .layer {
    color: var(--Primary-1, #fff);
    font-family: Pretendard;
    font-size: 18px;
    font-weight: 500;
    line-height: 100%; /* 18px */
    letter-spacing: -0.54px;
    padding-right: 50px;
  }
  .box-vndrud-layer .box-top-info .posi .layer:after {
    transition: transform 0.4s;
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='7' viewBox='0 0 13 7' fill='none'%3E%3Cpath d='M12.4452 6.77723L6.22266 0.554688L0.000116547 6.77723H12.4452Z' fill='white'/%3E%3C/svg%3E");
    width: 13px;
    height: 7px;
    position: absolute;
    top: 5px;
    right: 29px;
  }
  .box-vndrud-layer .box-top-info .posi .drow-layer {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 31px;
    left: -14px;
    transition: opacity 0.4s;
  }
  .box-vndrud-layer .box-top-info .posi .drow-layer .drow-inner {
    display: flex;
    padding: 12px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 11px;
    flex: 1 0 0;
    align-self: stretch;
    overflow: scroll;
    overflow-x: hidden;
    height: 520px;
    background-color: #fff;
    box-shadow: 8px 8px 24px 0px rgba(0, 0, 0, 0.24);
  }
  .box-vndrud-layer .box-top-info .posi .drow-layer .drow-inner a {
    display: block;
    width: 100%;
    text-align: left;
    color: var(--Font-medium, #666);
    font-family: Pretendard;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.54px;
    transition: color 0.4s;
  }
  .box-vndrud-layer .box-top-info .posi .drow-layer .drow-inner a:hover, .box-vndrud-layer .box-top-info .posi .drow-layer .drow-inner a.is-active {
    color: #000;
  }
  .box-vndrud-layer .inner-layer {
    padding: 0;
    margin: 0;
    max-width: 100%;
    max-height: 100%;
  }
  .box-vndrud-layer .inner-layer .gap .box {
    border-radius: 0;
  }
  .box-vndrud-layer .inner-layer .gap .box .pop-innerGap.img-gallery {
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
  }
  .box-vndrud-layer .inner-layer .gap .box .pop-innerGap.img-gallery::after {
    content: "";
    display: block;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 86.81%);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 216px;
  }
  .box-vndrud-layer .inner-layer .gap .box .pop-innerGap.img-gallery .swiper-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .box-vndrud-layer .inner-layer .gap .box .pop-innerGap.img-gallery .swiper-img .swiper-wrapper .swiper-slide {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100vh;
  }
  .box-vndrud-layer .inner-layer .gap .box .pop-innerGap.img-gallery .swiper-img .swiper-wrapper .swiper-slide .img-holder span {
    padding-top: 0;
  }
  .box-vndrud-layer .inner-layer .gap .box .pop-innerGap.img-gallery .swiper-img .swiper-wrapper .swiper-slide .img-holder span img {
    position: relative;
    top: auto;
    left: auto;
    transform: translate(0, 0);
    height: 100%;
    width: 100%;
  }
  .box-vndrud-layer .inner-layer .gap .box .pop-innerGap.img-gallery .swiper-img .common-swiper-control {
    left: auto;
    right: 53px;
    bottom: 57px;
  }
  .box-vndrud-layer .inner-layer .gap .box .pop-innerGap.img-gallery .swiper-img .common-swiper-control .swiper-pagination .swiper-pagination-total,
  .box-vndrud-layer .inner-layer .gap .box .pop-innerGap.img-gallery .swiper-img .common-swiper-control .swiper-pagination * {
    color: var(--Primary-1, #fff);
    text-align: center;
    font-family: Gibson;
    font-size: 22px;
    font-weight: 200;
    line-height: 100%; /* 22px */
  }
  .box-vndrud-layer .inner-layer .gap .box .pop-innerGap.img-gallery .swiper-img .swiper-button-prev,
  .box-vndrud-layer .inner-layer .gap .box .pop-innerGap.img-gallery .swiper-img .swiper-button-next {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 50vw;
    height: 100vh;
    background-repeat: no-repeat;
    background-image: none !important;
  }
  .box-vndrud-layer .inner-layer .gap .box .pop-innerGap.img-gallery .swiper-img .swiper-button-next {
    left: auto;
    right: 0;
  }
  .box-vndrud-layer.cjdtkah .inner-layer .gap .box .pop-innerGap.img-gallery .swiper-img .common-swiper-control {
    right: 50px !important;
    bottom: 50px !important;
  }
  .box-vndrud-layer.cjdtkah .inner-layer .gap .box .box-fixed-title {
    position: fixed;
    left: 50px;
    bottom: 50px;
  }
  .box-vndrud-layer.cjdtkah .inner-layer .gap .box .box-fixed-title .text-1 {
    font-size: 32px;
    font-weight: 300;
    line-height: 180%; /* 57.6px */
    letter-spacing: -0.96px;
  }
  .box-vndrud-layer.cjdtkah .inner-layer .gap .box .box-fixed-title .text-2 {
    font-size: 16px;
    font-weight: 200;
    line-height: 100%; /* 16px */
  }
  .box-ct-gap {
    padding-left: 11.5vw;
  }
  .box-container-map {
    display: grid;
    grid-template-columns: 1fr 1.46fr;
    padding: 224px 0 220px 0;
    border-bottom: 1px solid #d0d0d0;
    gap: 100px;
  }
  .box-container-map .box-text {
    padding: 57px 0 0 0;
    gap: 60px;
  }
  .box-container-map .box-text h2 {
    color: var(--Font-dark, #000);
    font-family: Pretendard;
    font-size: 48px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -1.44px;
  }
  .box-container-map .box-text .text-1 {
    color: var(--Font-medium, #666);
    font-family: Pretendard;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: -0.84px;
    padding: 40px 0 55px 0;
  }
  .box-container-map .img-holder {
    padding: 0;
  }
  .box-container-map .img-holder span {
    padding-top: 75%;
  }
  .box-map-img {
    background: #fff;
    padding: 96px 11.5vw 60px 0;
  }
  .box-map-img .img-holder span {
    padding-top: 59%;
  }
  .box-map-infoText {
    background: transparent;
    padding: 0 11.5vw 71px 0;
  }
  .box-map-infoText .item {
    grid-template-columns: 0.43fr 2fr;
    border-bottom: 1px solid var(--Stroke-list, #ddd);
  }
  .box-map-infoText .item:first-child {
    border-top: 1px solid var(--Stroke-list, #ddd);
  }
  .box-map-infoText .item .left,
  .box-map-infoText .item .right {
    padding: 38px 0;
    line-height: 1.5;
  }
  .box-map-infoText .item .left {
    padding-left: 5px;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.72px;
  }
  .box-map-infoText .item .right {
    padding-left: 5px;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -0.72px;
  }
  .box-map-infoText .btn {
    margin: 27px 20px 0 0;
  }
  .box-map-infoText .btn span {
    display: inline-block;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -0.72px;
    position: relative;
    background-image: url("https://binishop.iwinv.net/sample/13/static/images/icon/icon_arrow_black_2.svg");
    background-size: 26px;
    padding: 5px 33px 5px 0;
  }
  .box-local {
    padding: 175px 0 0 0;
  }
  .box-local h2 {
    font-size: 72px;
    font-weight: 500;
    letter-spacing: -2.16px;
    padding: 0 0 123px 0;
  }
  .box-local .local-flex {
    display: grid;
    grid-template-columns: 1.12fr 2fr;
    gap: 8vw;
    padding-right: 11.5vw;
  }
  .box-local .local-flex .img-holder span {
    padding-top: 75%;
  }
  .box-local .local-flex .img-holder span::after {
    display: none;
  }
  .box-local .local-flex .local-item {
    margin: 0;
    border-top: 1px solid var(--Stroke-list, #ddd);
    position: relative;
  }
  .box-local .local-flex .local-item .item {
    display: grid;
    grid-template-columns: 0.89fr 2fr;
    border-bottom: 1px solid var(--Stroke-list, #ddd);
  }
  .box-local .local-flex .local-item .item .left,
  .box-local .local-flex .local-item .item .right {
    padding: 37px 0;
    height: 100%;
    place-items: start start;
  }
  .box-local .local-flex .local-item .item .left {
    padding-left: 5px;
    color: var(--Font-medium, #666);
    font-family: Pretendard;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.6px;
  }
  .box-local .local-flex .local-item .item .right {
    padding-left: 5px;
    color: var(--Font-dark, #000);
    font-family: Pretendard;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.66px;
  }
  .common-input-1 {
    border-radius: 12px;
    padding: 20.5px 20px;
    font-size: 16px;
  }
  .common-input-1::-moz-placeholder {
    font-size: 16px;
  }
  .common-input-1::placeholder {
    font-size: 16px;
  }
  .box-noData {
    padding: 75px 18px;
    margin: 0 11.5vw 80px;
    border: 1px solid var(--Stroke-Input, #d6d6db);
    background: var(--Icon-Bg, #f6f6f6);
    font-size: 20px;
    letter-spacing: -0.6px;
  }
}
/* //1024 이상 PC */
/* 1280 이상 PC */
@media all and (min-width: 1280px) {
  .device-gap-LR {
    padding-left: 60px;
    padding-right: 60px;
  }
  .device-gap-top {
    padding-top: 90px;
  }
  .box-map-guide .flex .left {
    margin-top: 2px;
  }
  .common-btnType-11 {
    font-size: 22px;
    padding: 11px 63px;
    border: 2px solid var(--Font-dark, #000);
    margin-top: 73px;
  }
  .common-btnType-11 span {
    padding-left: 25px;
  }
  .common-btnType-11 span::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3 8L13 8' stroke='black' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cmask id='path-2-inside-1_7957_6042' fill='white'%3E%3Cpath d='M14.4453 8L8.22277 14.2225L2.00023 8L8.22277 1.77746L14.4453 8Z'/%3E%3C/mask%3E%3Cpath d='M2.00023 8L0.939573 6.93934L-0.121087 8L0.939573 9.06066L2.00023 8ZM9.28343 13.1619L3.06089 6.93934L0.939573 9.06066L7.16211 15.2832L9.28343 13.1619ZM3.06089 9.06066L9.28343 2.83812L7.16211 0.7168L0.939573 6.93934L3.06089 9.06066Z' fill='black' mask='url(%23path-2-inside-1_7957_6042)'/%3E%3C/svg%3E");
    width: 16px;
    height: 16px;
  }
  .box-header .inner .box-gnb {
    display: block;
  }
  .common-top-type-1 .box-text {
    padding: 67px 61px 67px;
  }
  .common-top-type-1 .box-text h2 {
    font-size: 44px;
    letter-spacing: -1.76px;
  }
  .common-top-type-1 .box-text .sub-text-1 {
    font-size: 16px;
  }
  .common-top-type-2 .box-text {
    padding: 66px 0 0;
    margin: 0 60px 100px 60px;
  }
  .common-top-type-2 .box-text h2 {
    padding-bottom: 38px;
    font-size: 44px;
    font-weight: 600;
    line-height: 100%; /* 44px */
    letter-spacing: -1.76px;
  }
  .box-main-bottomBtn .inner .swiper-wrapper .swiper-slide a .text-1 {
    font-size: 32px;
  }
  .common-btnType-5 {
    font-size: 14px;
    font-weight: 500;
    line-height: 100%; /* 14px */
  }
  .common-btnType-5::after {
    width: 8px;
    height: 8px;
  }
  .common-btnType-5 span {
    padding-bottom: 7px;
  }
  .common-tab-2 {
    font-size: 18px;
    font-weight: 400;
    line-height: 100%; /* 18px */
    letter-spacing: -0.72px;
  }
  .common-tab-2 span::after {
    width: 8px;
    height: 8px;
  }
  .box-story .inner .item.top-gap {
    margin-top: 110px;
  }
  .box-story .inner .item.top-gap.top-gap-2 {
    margin-top: 121px;
  }
  .box-story .inner .item .flex {
    gap: 119px;
  }
  .box-story .inner .item .flex .img-holder {
    flex: 0 0 43.8vw;
  }
  .box-story .inner .item .img-holder span {
    padding-top: 71%;
  }
  .box-story .inner .item .box-text {
    padding-top: 22px;
  }
  .box-story .inner .item .box-text .text-1 {
    font-size: 32px;
    font-weight: 600;
    line-height: 160%; /* 51.2px */
    letter-spacing: -1.28px;
    padding-bottom: 22px;
  }
  .box-story .inner .item .box-text .text-2 {
    color: var(--Gray-4, #666);
    font-size: 16px;
    font-weight: 500;
    line-height: 170%; /* 27.2px */
  }
  .box-story .inner .item.type-2 .flex .img-holder {
    flex: 0 0 43.7vw;
    transform: translateY(-10px);
  }
  .box-story .inner .item.type-2 .flex .box-text {
    padding-top: 31px;
  }
  .box-story .inner .item.type-2 .flex .box-text.gap-1 {
    padding-top: 21px;
  }
  .box-story .inner .item-text {
    padding: 228px 0 0 0;
  }
  .box-story .inner .item-text .in-text {
    font-size: 80px;
    font-weight: 400;
    line-height: 100%; /* 80px */
  }
  .box-story .inner .item-2 {
    margin-top: -206px;
  }
  .box-story .inner .item-2 .flex {
    gap: 160px;
  }
  .box-story .inner .item-2 .flex .img-holder {
    flex: 0 0 45.4vw;
  }
  .box-story .inner .item-2 .flex .box-text {
    padding: 413px 0 0 0;
  }
  .box-story .inner .item-2 .box-text .text-1 {
    color: var(--Gray-2, #222);
    font-size: 32px;
    font-weight: 600;
    line-height: 160%; /* 51.2px */
    letter-spacing: -1.28px;
    padding-bottom: 22px;
  }
  .box-story .inner .item-2 .box-text .text-2 {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%; /* 24px */
  }
  .box-story .inner .item-3 {
    padding: 69px 0 175px;
  }
  .box-story .inner .item-3::after {
    left: -60px;
    right: -60px;
    top: -444px;
  }
  .box-story .inner .item-3 .in-item .img-holder span {
    padding-top: 92%;
  }
  .box-story .inner .item-4 {
    padding: 119px 0 0;
    gap: 121px;
  }
  .box-story .inner .item-4.gap-2 {
    padding-top: 120px;
    gap: 41px;
  }
  .box-story .inner .item-4.gap-2 .box-text {
    padding: 28px 0 0 80px;
  }
  .box-story .inner .item-4.gap-2 .img-holder span {
    padding-top: 59%;
  }
  .box-story .inner .item-4.gap-3 {
    padding-top: 129px;
  }
  .box-story .inner .item-4.gap-3 .text-2 {
    padding-left: 0;
  }
  .box-story .inner .item-4 .text-1 {
    color: var(--Gray-2, #222);
    font-size: 32px;
    font-weight: 600;
    line-height: 160%; /* 51.2px */
    letter-spacing: -1.28px;
    padding-bottom: 22px;
  }
  .box-story .inner .item-4 .text-2 {
    color: var(--Gray-4, #666);
    font-size: 16px;
    font-weight: 500;
    line-height: 170%; /* 27.2px */
    padding: 0 0 0 19px;
  }
  .box-story .inner .item-4 .text-2.gap {
    padding-left: 0;
  }
  .box-story .inner .item-5 {
    margin: 91px -60px 0 -60px;
  }
  .box-story .inner .item-5.gap-1 {
    margin: 111px -60px -17px -60px;
  }
  .box-story .inner .item-5 .img-holder span {
    padding-top: 33.7%;
  }
  .box-story .inner .item-5 .img-holder.type-2 {
    width: 192px;
    height: 192px;
    bottom: -112px;
    right: 60px;
  }
  .box-story .inner .item-5 .item-swiper .swiper-button-prev.posi-1,
  .box-story .inner .item-5 .item-swiper .swiper-button-next.posi-1 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3E%3Cmask id='path-1-inside-1_3008_91629' fill='white'%3E%3Cpath d='M0 24L22.6274 1.37258L45.2548 24L22.6274 46.6274L0 24Z'/%3E%3C/mask%3E%3Cpath d='M0 24L-1.41421 22.5858L-2.82843 24L-1.41421 25.4142L0 24ZM1.41421 25.4142L24.0416 2.7868L21.2132 -0.0416301L-1.41421 22.5858L1.41421 25.4142ZM24.0416 45.2132L1.41421 22.5858L-1.41421 25.4142L21.2132 48.0416L24.0416 45.2132Z' fill='white' fill-opacity='0.4' mask='url(%23path-1-inside-1_3008_91629)'/%3E%3C/svg%3E");
    top: 50%;
    width: 68px;
    height: 68px;
    background-repeat: no-repeat;
    background-size: 68px;
  }
  .box-story .inner .item-5 .item-swiper .swiper-button-prev.posi-1:hover,
  .box-story .inner .item-5 .item-swiper .swiper-button-next.posi-1:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3E%3Cmask id='path-1-inside-1_3008_91629' fill='white'%3E%3Cpath d='M0 24L22.6274 1.37258L45.2548 24L22.6274 46.6274L0 24Z'/%3E%3C/mask%3E%3Cpath d='M0 24L-1.41421 22.5858L-2.82843 24L-1.41421 25.4142L0 24ZM1.41421 25.4142L24.0416 2.7868L21.2132 -0.0416301L-1.41421 22.5858L1.41421 25.4142ZM24.0416 45.2132L1.41421 22.5858L-1.41421 25.4142L21.2132 48.0416L24.0416 45.2132Z' fill='white' mask='url(%23path-1-inside-1_3008_91629)'/%3E%3C/svg%3E");
  }
  .box-story .inner .item-5 .item-swiper .swiper-button-prev.posi-1::after,
  .box-story .inner .item-5 .item-swiper .swiper-button-next.posi-1::after {
    content: "";
  }
  .box-story .inner .item-5 .item-swiper .swiper-button-prev.posi-1 {
    left: 85px;
  }
  .box-story .inner .item-5 .item-swiper .swiper-button-next.posi-1 {
    right: 85px;
  }
  .box-story .inner .item-6 {
    margin-top: 90px;
    padding-bottom: 0;
  }
  .box-story .inner .item-6 .flex {
    gap: 160px;
  }
  .box-story .inner .item-6 .flex .top-text {
    margin-bottom: 23px;
  }
  .box-story .inner .item-6 .flex .left ul {
    gap: 62px;
  }
  .box-story .inner .item-6 .flex .right ul {
    padding-top: 0;
  }
  .box-story .inner .item-6 .flex .right ul li {
    padding-bottom: 31px;
    margin-bottom: 31px;
  }
  .box-story .inner .item-6 .flex .right ul li a .img-holder span {
    width: 14vw;
    padding-top: 55%;
  }
  .box-story .inner .item-6 .flex .right ul li a .box-text {
    gap: 19px;
  }
  .box-story .inner .item-6 .flex .right ul li a .box-text .text-1 {
    font-size: 18px;
  }
  .text-map {
    padding-right: 60px;
  }
}
/* //1280 이상 PC */
/* 1440 이상 PC */
@media all and (min-width: 1440px) {
  .common-top-type-1 .img-holder span {
    padding-top: 35.5%;
  }
  .box-story .inner .item.type-2 .flex .img-holder {
    transform: translateY(0px);
  }
  .box-story .inner .item.type-2 .flex .box-text.gap-2 {
    padding-top: 20px;
  }
  .box-story .inner .item.top-gap {
    margin-top: 88px;
  }
  .box-story .inner .item.top-gap.top-gap-2 {
    margin-top: 106px;
  }
  .box-story .inner .item .flex .img-holder {
    flex: 0 0 43.8vw;
  }
  .box-story .inner .item-text {
    padding: 235px 0 68px 0;
  }
  .box-story .inner .item-2 {
    margin-top: -294px;
  }
  .box-story .inner .item-2 .flex .img-holder {
    flex: 0 0 45vw;
  }
  .box-story .inner .item-2 .flex .box-text {
    padding: 465px 0 0 0;
  }
  .box-story .inner .item-4 {
    padding-top: 120px;
  }
  .box-story .inner .item-4.gap-2 {
    gap: 59px;
  }
  .box-story .inner .item-4.gap-2 .box-text {
    padding: 29px 0 0 60px;
  }
  .box-story .inner .item-4 .text-2 {
    padding-left: 0;
  }
  .box-story .inner .item-5 {
    margin: 90px -60px 0;
  }
  .box-story .inner .item-5 .img-holder span {
    padding-top: 35%;
  }
  .box-story .inner .item-5 .img-holder.type-2 {
    width: 240px;
    height: 240px;
    bottom: -130px;
  }
  .box-story .inner .item-6 .flex .left ul li a .img-holder span {
    padding-top: 139%;
  }
  .box-story .inner .item-6 .flex .right ul li a .img-holder span {
    width: 10vw;
    padding-top: 66%;
  }
  .box-gride-sight .inner .gride .hover-text .cnt {
    color: var(--Primary-3, #fff);
    font-size: 16px;
    font-weight: 400;
    line-height: 100%; /* 16px */
    padding-left: 30px;
  }
  .box-gride-sight .inner .gride .hover-text .cnt::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.99609 6.99788C2.99609 4.78782 4.7877 2.99622 6.99776 2.99622H17.0019C19.212 2.99622 21.0036 4.78782 21.0036 6.99788V17.002C21.0036 19.2121 19.212 21.0037 17.0019 21.0037H6.99776C4.7877 21.0037 2.99609 19.2121 2.99609 17.002V6.99788Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 16.0016L16.5879 11.4137C17.3692 10.6326 18.6358 10.6326 19.4171 11.4137L21.0037 13.0004' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.49672 8.99869C8.32549 8.99869 8.99734 8.32683 8.99734 7.49806C8.99734 6.66929 8.32549 5.99744 7.49672 5.99744C6.66795 5.99744 5.99609 6.66929 5.99609 7.49806C5.99609 8.32683 6.66795 8.99869 7.49672 8.99869Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.34766 18.6468L7.57942 14.415C8.36074 13.634 9.62727 13.634 10.4086 14.415L16.8283 20.8347' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    width: 24px;
    height: 24px;
    background-size: 24px;
  }
}
/* //1440 이상 PC */
/* 1600 이상 PC */
@media all and (min-width: 1600px) {
  .device-gap-LR {
    padding-left: 100px;
    padding-right: 100px;
  }
  .device-gap-top {
    padding-top: 120px;
  }
  .box-map-guide {
    margin-top: 39px;
  }
  .common-btnType-14 span {
    color: var(--Gray-2, #222);
    font-size: 13px;
    font-weight: 500;
    line-height: 100%; /* 10px */
    letter-spacing: -0.4px;
  }
  .common-top-type-2 .box-text {
    padding: 62px 0 0;
    margin: 0 100px 119px 100px;
  }
  .common-top-type-2 .box-text h2 {
    color: var(--Gray-2, #222);
    font-size: 54px;
    font-weight: 600;
    line-height: 100%; /* 54px */
    letter-spacing: -2.16px;
  }
  .common-top-type-1 .box-text {
    padding: 62px 101px 88px;
    gap: 26px;
  }
  .common-top-type-1 .box-text h2 {
    font-size: 54px;
    font-weight: 600;
    line-height: 100%; /* 54px */
    letter-spacing: -2.16px;
  }
  .common-top-type-1 .box-text .sub-text-1 {
    font-size: 20px;
    font-weight: 200;
    line-height: 100%; /* 20px */
  }
  .common-top-type-1 .img-holder span {
    padding-top: 28.3%;
  }
  .common-tab-2 {
    color: var(--Gray-2, #222);
    font-size: 22px;
    font-weight: 400;
    line-height: 100%; /* 22px */
    letter-spacing: -0.88px;
  }
  .common-tab-2 span::after {
    width: 8px;
    height: 8px;
  }
  .common-btnType-5 {
    padding-right: 29px;
  }
  .common-btnType-5 span {
    font-size: 18px;
    font-weight: 500;
    line-height: 100%; /* 18px */
    padding-bottom: 14px;
  }
  .box-story .inner .item.top-gap {
    margin-top: 148px;
  }
  .box-story .inner .item.top-gap.top-gap-2 {
    margin-top: 150px;
  }
  .box-story .inner .item.type-2 .flex .box-text {
    padding-top: 36px;
  }
  .box-story .inner .item.type-2 .flex .box-text.gap-1 {
    padding-top: 30px;
  }
  .box-story .inner .item.type-2 .flex .box-text.gap-2 {
    padding-top: 28px;
  }
  .box-story .inner .item.type-2 .flex .img-holder {
    flex: 0 0 40vw;
  }
  .box-story .inner .item .flex {
    gap: 161px;
  }
  .box-story .inner .item .flex .img-holder {
    flex: 0 0 40vw;
  }
  .box-story .inner .item .flex .img-holder span {
    padding-top: 59%;
  }
  .box-story .inner .item .flex .box-text {
    padding-top: 28px;
  }
  .box-story .inner .item .flex .box-text .text-1 {
    padding-bottom: 32px;
    font-size: 40px;
    line-height: 150%; /* 60px */
    letter-spacing: -1.6px;
  }
  .box-story .inner .item .flex .box-text .text-2 {
    font-size: 22px;
    font-weight: 500;
    line-height: 180%; /* 39.6px */
  }
  .box-story .inner .item .box-text .text-1 {
    font-size: 36px;
    font-weight: 600;
    line-height: 150%; /* 54px */
    letter-spacing: -1.44px;
  }
  .box-story .inner .item .box-text .text-2 {
    font-size: 20px;
    font-weight: 400;
    line-height: 150%; /* 30px */
  }
  .box-story .inner .item-text {
    padding: 292px 0 73px 0;
  }
  .box-story .inner .item-text .in-text {
    font-size: 100px;
  }
  .box-story .inner .item-2 {
    margin-top: -313px;
  }
  .box-story .inner .item-2 .flex .img-holder {
    flex: 0 0 41.3vw;
  }
  .box-story .inner .item-2 .flex .img-holder span {
    padding-top: 59%;
  }
  .box-story .inner .item-2 .flex .box-text {
    padding: 493px 0 0 0;
  }
  .box-story .inner .item-2 .box-text .text-1 {
    color: var(--Gray-2, #222);
    font-size: 40px;
    font-weight: 600;
    line-height: 150%; /* 60px */
    letter-spacing: -1.6px;
    padding-bottom: 33px;
  }
  .box-story .inner .item-2 .box-text .text-2 {
    color: var(--Gray-4, #666);
    font-size: 22px;
    font-weight: 500;
    line-height: 180%; /* 39.6px */
  }
  .box-story .inner .item-3 {
    padding-bottom: 222px;
  }
  .box-story .inner .item-3::after {
    left: -100vw;
    right: -100vw;
    top: -557px;
  }
  .box-story .inner .item-3 .in-item .img-holder span {
    padding-top: 98%;
  }
  .box-story .inner .item-3 .in-item .text-1 {
    font-size: 22px;
    padding-top: 29px;
  }
  .box-story .inner .item-4 {
    padding: 157px 0 0;
    gap: 200px;
  }
  .box-story .inner .item-4.gap-2 {
    padding-top: 159px;
    gap: 100px;
    display: flex;
  }
  .box-story .inner .item-4.gap-2 .box-text {
    padding: 38px 0 0 0;
  }
  .box-story .inner .item-4.gap-2 .img-holder {
    flex: 0 0 43.7vw;
  }
  .box-story .inner .item-4.gap-2 .img-holder span {
    padding-top: 58.5%;
  }
  .box-story .inner .item-4 .text-1 {
    padding-bottom: 31px;
    font-size: 40px;
    font-weight: 600;
    line-height: 150%; /* 60px */
    letter-spacing: -1.6px;
  }
  .box-story .inner .item-4 .text-2 {
    font-size: 22px;
    font-weight: 500;
    line-height: 180%; /* 39.6px */
    padding-top: 3px;
  }
  .box-story .inner .item-5 {
    margin: 119px -100px 0;
  }
  .box-story .inner .item-5.gap-1 {
    margin: 157px -100px -17px -100px;
  }
  .box-story .inner .item-5 .img-holder span {
    padding-top: 28.3%;
  }
  .box-story .inner .item-5 .img-holder.type-2 {
    width: 300px;
    height: 300px;
    bottom: -155px;
    right: 100px;
  }
  .box-story .inner .item-6 {
    margin-top: 120px;
    padding-bottom: 31px;
    padding-top: 74px;
  }
  .box-story .inner .item-6 .flex {
    gap: 200px;
  }
  .box-story .inner .item-6 .flex .top-text {
    margin-bottom: 21px;
  }
  .box-story .inner .item-6 .flex .top-text h2 {
    font-size: 24px;
    line-height: 100%; /* 24px */
    letter-spacing: -0.96px;
    text-transform: uppercase;
  }
  .box-story .inner .item-6 .flex .top-text .common-btnType-7 {
    padding-right: 27px;
  }
  .box-story .inner .item-6 .flex .top-text .common-btnType-7::after {
    width: 8px;
    height: 8px;
    transform: translate(0, calc(-50% - 5px)) rotate(-45deg);
  }
  .box-story .inner .item-6 .flex .top-text .common-btnType-7 span {
    padding-bottom: 18px;
    color: var(--Gray-3, #333);
    font-size: 18px;
    font-weight: 500;
    line-height: 100%; /* 18px */
  }
  .box-story .inner .item-6 .flex .left ul li a .img-holder span {
    padding-top: 140%;
  }
  .box-story .inner .item-6 .flex .right ul li a {
    gap: 32px;
  }
  .box-story .inner .item-6 .flex .right ul li a .img-holder span {
    width: 11.2vw;
  }
  .box-story .inner .item-6 .flex .right ul li a .box-text {
    gap: 18px;
    padding: 10px 0 0 0;
  }
  .box-story .inner .item-6 .flex .right ul li a .box-text .text-1 {
    font-size: 22px;
    font-weight: 600;
    line-height: 100%; /* 22px */
    letter-spacing: -0.88px;
  }
  .box-story .inner .item-6 .flex .right ul li a .box-text .text-2 {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 14px */
  }
  .box-map-guide .flex {
    flex-direction: row;
    gap: 99px;
  }
  .box-map-guide .flex .left {
    width: 520px;
    gap: 121px;
    margin-top: -9px;
  }
  .box-map-guide .flex .left h2 {
    font-size: 40px;
    font-weight: 600;
    line-height: 150%; /* 60px */
    letter-spacing: -1.6px;
  }
  .box-map-guide .flex .left .list {
    width: 292px;
  }
  .box-map-guide .flex .right {
    flex-grow: 1;
    margin: -40px 0 0 0;
  }
  .box-map-guide .flex .right .map {
    height: 560px;
  }
  .box-map-guide .flex .right .box-text {
    padding-top: 36px;
    gap: 18px;
    padding-bottom: 122px;
  }
  .box-map-guide .flex .right .box-text .flex-2 {
    display: flex;
    flex-direction: row;
    gap: 22px;
  }
  .box-map-guide .flex .right .box-text p {
    font-size: 22px;
  }
  .box-map-guide .flex .right .box-text p::after {
    top: 4px;
  }
  .map-kv .img-holder span {
    padding-top: 23.5%;
  }
  .text-map {
    padding-top: 121px;
    padding-right: 100px;
  }
  .text-map .flex {
    display: flex;
    gap: 0;
  }
  .text-map .flex .left {
    flex: 0 0 315px;
  }
  .text-map .flex .left h2 {
    font-size: 40px;
  }
  .text-map .flex .right {
    flex-grow: 1;
  }
  .box-radio .radioitem label span {
    font-size: 18px;
    font-weight: 400;
    line-height: 100%; /* 18px */
    padding: 10px 20px 10px 20px;
  }
  .box-radio .radioitem label span:after {
    width: 24px;
    height: 24px;
    background-size: 24px;
  }
  .box-radio .radioitem input {
    display: none;
  }
  .common-input-container-3 input {
    padding: 20px 23px;
    border-radius: 12px;
    height: 62px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 16px */
  }
  .common-input-container-3 input::-moz-placeholder {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 16px */
  }
  .common-input-container-3 input::placeholder {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 16px */
  }
  .common-selectbox-3 .button {
    height: 60px;
    padding: 18px 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 100%; /* 16px */
    border-radius: 12px;
  }
  .common-selectbox-3 .list {
    top: 55px;
  }
  .common-selectbox-3.is-active .list button {
    padding: 5px 15px 5px 20px;
  }
  .common-textarea {
    font-size: 16px;
    font-weight: 500;
    line-height: 170%; /* 27.2px */
    padding: 20px 23px;
    min-height: 346px;
  }
  .common-textarea::-moz-placeholder {
    font-size: 16px;
    font-weight: 500;
    line-height: 170%; /* 27.2px */
  }
  .common-textarea::placeholder {
    font-size: 16px;
    font-weight: 500;
    line-height: 170%; /* 27.2px */
  }
  .box-collection {
    margin-top: 120px;
  }
  .box-collection .inner {
    gap: 20px;
  }
  .box-collection .inner .flex .left {
    flex: 0 0 398px;
    font-size: 20px;
    font-weight: 600;
    line-height: 100%; /* 20px */
    padding: 29px 0 29px 40px;
  }
  .box-collection .inner .flex .right {
    font-size: 20px;
    font-weight: 500;
    line-height: 100%; /* 20px */
    padding: 29px 0 29px 40px;
  }
  .box-rule-ok {
    margin: 80px 0;
    padding: 50px 30px 48px;
  }
  .box-rule-ok .text-1 {
    font-size: 20px;
    font-weight: 600;
    line-height: 150%; /* 30px */
  }
  .box-rule-ok .box-check {
    top: 40px;
    right: 50px;
  }
  .box-rule-ok .box-check .checkitem label span {
    font-size: 22px;
    font-weight: 500;
    line-height: 180%; /* 39.6px */
  }
  .box-rule-ok .box-check .checkitem label span::after {
    width: 30px;
    height: 30px;
    background-size: 30px;
  }
  .box-inquiry-end {
    padding: 47px 0;
  }
  .box-inquiry-end .inner {
    gap: 33px;
  }
  .box-inquiry-end .inner .text-1 {
    font-size: 28px;
    font-weight: 600;
    line-height: 100%; /* 28px */
    letter-spacing: -1.12px;
  }
  .box-inquiry-end .inner .text-2 {
    font-size: 16px;
    font-weight: 400;
    line-height: 200%; /* 32px */
  }
  .box-info-guide-2 .inner {
    gap: 40px;
  }
  .box-info-guide-2 .inner .flex h3 {
    color: var(--Gray-3, #333);
    font-family: Pretendard;
    font-size: 24px;
    font-weight: 600;
    line-height: 100%; /* 24px */
    margin: 58px 42px;
    padding: 0 20px;
    flex: 0 0 356px;
  }
  .box-info-guide-2 .inner .flex h3::after {
    width: 6px;
    height: 6px;
    top: 7px;
  }
  .box-info-guide-2 .inner .flex .flex-inner {
    padding-top: 48px;
    padding-bottom: 50px;
    gap: 79px;
  }
  .box-info-guide-2 .inner .flex .flex-inner .item {
    gap: 30px;
  }
  .box-info-guide-2 .inner .flex .flex-inner .item h4 {
    color: var(--Gray-2, #222);
    font-family: Pretendard;
    font-size: 18px;
    font-weight: 500;
    line-height: 100%; /* 18px */
  }
  .box-info-guide-2 .inner .flex .flex-inner .item .ul-list-1 li {
    color: var(--Gray-4, #666);
    font-size: 16px;
    font-weight: 500;
    line-height: 170%; /* 27.2px */
    padding-left: 23px;
  }
  .box-info-guide-2 .inner .flex .flex-inner .item .ul-list-1 li::after {
    width: 4px;
    height: 4px;
    border-radius: 100px;
  }
}
/* //1600 이상 PC */
/* 1921 이상 PC */
@media all and (min-width: 1921px) {
  .max-1920-width {
    max-width: 1815px;
    margin: 0 auto;
    padding: 0 100px;
  }
  .max-1920-width2 {
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 100px;
  }
  .max-1920-width2.gap-type-1 {
    padding: 0;
  }
  .device-gap-LR {
    padding-left: 0;
    padding-right: 0;
  }
  .box-story .inner .item.type-2 .felx .img-holder {
    flex: 0 0 42.7vw;
  }
  .box-story .inner .item.top-gap {
    margin-top: 118px;
  }
  .box-story .inner .item .flex .img-holder {
    flex: 0 0 42.7vw;
    max-width: 820px;
  }
  .box-story .inner .item .flex .box-text {
    padding-top: 30px;
  }
  .box-story .inner .item .box-text {
    padding-top: 52px;
  }
  .box-story .inner .item .box-text .text-1 {
    font-size: 40px;
  }
  .box-story .inner .item-text {
    padding: 317px 0 101px 0;
  }
  .box-story .inner .item-2 {
    margin-top: -393px;
  }
  .box-story .inner .item-2 .flex .img-holder {
    flex: 0 0 39.6vw;
    max-width: 841px;
    margin-right: 0;
  }
  .box-story .inner .item-2 .flex .box-text {
    padding: 598px 0 0 0;
  }
  .box-story .inner .item-2 .box-text .text-1 {
    font-size: 40px;
  }
  .box-story .inner .item-3 {
    margin-right: 0;
  }
  .box-story .inner .item-3::after {
    top: -628px;
  }
  .box-story .inner .item-4 {
    gap: 102px;
  }
  .box-story .inner .item-4.gap-2 {
    gap: 160px;
  }
  .box-story .inner .item-4.gap-2 .box-text {
    padding-top: 43px;
  }
  .box-story .inner .item-4.gap-2 .img-holder {
    flex: 0 0 36.1vw;
  }
  .box-story .inner .item-4.gap-2 .img-holder span {
    padding-top: 59%;
  }
  .box-story .inner .item-4.gap-2 .img-holder.max-wid {
    max-width: 820px;
  }
  .box-story .inner .item-4 .text-1 {
    font-size: 40px;
  }
  .box-story .inner .item-4 .text-2 {
    color: var(--Gray-4, #666);
    font-size: 22px;
    font-weight: 500;
    line-height: 180%; /* 39.6px */
  }
  .box-story .inner .item-5 {
    margin-right: -10vw;
    margin-left: -10vw;
  }
  .box-story .inner .item-5.gap-1 {
    margin: 149px -10vw -17px -10vw;
  }
  .box-story .inner .item-5 .img-holder span {
    padding-top: 25.2%;
  }
  .box-story .inner .item-5 .img-holder.type-2 {
    left: 50%;
    right: auto;
    width: 350px;
    height: 350px;
    bottom: -202px;
    transform: translateX(calc(100% + 159px));
  }
  .box-story .inner .item-6 .flex {
    gap: 200px;
  }
  .box-story .inner .item-6 .flex .left {
    padding-right: 50px;
  }
  .box-story .inner .item-6 .flex .right {
    margin-left: -51px;
  }
  .box-story .inner .item-6 .flex .right ul li a .img-holder span {
    width: 8.2vw;
  }
  .text-map {
    padding-right: 0;
  }
  .box-program-new ul.is-hover li:hover {
    flex: 0 1 55%;
  }
  .box-program-new ul.is-hover li:hover .a-1 .box-text {
    display: block;
  }
  .box-program-new ul.is-hover li:hover .a-1 .text-1 {
    font-size: 72px;
  }
  .box-program-new ul.is-hover li:hover .a-1 .text-2 {
    font-size: 24px;
  }
}
/* //1921 이상 PC *//*# sourceMappingURL=style.css.map */