@charset "UTF-8";
@import url("https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo.css");
@import url("https://fonts.googleapis.com/css2?family=Tilt+Neon&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Farsan&family=Tilt+Neon&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Charmonman:wght@400;700&family=Petit+Formal+Script&display=swap");
@import url("https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo.css");
@import url("https://fonts.googleapis.com/css2?family=Tilt+Neon&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Farsan&family=Tilt+Neon&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Charmonman:wght@400;700&family=Petit+Formal+Script&display=swap");
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable.css");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  box-sizing: border-box;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
  font: inherit;
}

html {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

ol, ul {
  list-style: none;
  font: inherit;
}

blockquote, q {
  quotes: none;
  font: inherit;
}

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

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

a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  font: inherit;
}

button {
  border-style: none;
  cursor: pointer;
  outline: none;
  font: inherit;
}

input {
  box-sizing: border-box;
  outline: none;
  font: inherit;
}

textarea {
  outline: none;
}

textarea, select, header, footer {
  font: inherit;
}

@font-face {
  font-family: "GowunBatang-Regular";
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/GowunBatang-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "GowunBatang-Bold";
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/GowunBatang-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "GowunDodum-Regular";
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/GowunDodum-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GowunBatang-Regular";
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/GowunBatang-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "GowunBatang-Bold";
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/GowunBatang-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "GowunDodum-Regular";
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/GowunDodum-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
* {
  font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

h1, h2, h3, h4, h5, p, button, span {
  transform: skew(-0.1deg);
}

#home_wrap {
  overflow: auto;
  background-color: #F4F5F7;
  margin: auto;
  min-width: 320px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
#home_wrap h1, #home_wrap h2, #home_wrap h3, #home_wrap h4 {
  line-height: 1;
  letter-spacing: -4%;
}

#profile_home_wrap {
  overflow: auto;
  background-color: #F8F8F8;
  margin: auto;
  gap: 0;
  height: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
#profile_home_wrap .profile_inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

#fixed_home_wrap {
  overflow-y: hidden;
  background-color: #fff;
  margin: auto;
  height: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: none;
  justify-content: space-between;
}
@media (max-width: 500px) {
  #fixed_home_wrap {
    overflow-y: auto;
  }
}
#fixed_home_wrap .fixed_inner {
  width: 100%;
  max-width: 500px;
  padding: 30px 20px 30px 20px;
  margin: 0 auto;
  min-width: 320px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 500px) {
  #fixed_home_wrap .fixed_inner {
    height: unset;
  }
}

#introduction_home_wrap {
  width: 100%;
  height: 100%;
  background-color: #FFFDFB;
  position: relative;
  color: #25183E;
  overflow: hidden;
}

.scan_result_wrap {
  max-width: 700px;
  min-width: 320px;
  margin: auto;
  padding: 0 20px 50px 20px;
}

section {
  background-color: #fff;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
section > .contents {
  margin: 16px 0;
}
@media (max-width: 500px) {
  section {
    padding: 0;
  }
}

#bsVideo {
  width: 100%;
  background-color: transparent !important;
  max-width: 1200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1024px) {
  #bsVideo {
    height: auto;
  }
}
@media (max-width: 500px) {
  #bsVideo {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: auto;
  }
}

#instaCard {
  padding: 0 1rem;
  width: 100%;
}

#bsHowto {
  padding: 200px 32px;
}
@media (max-width: 500px) {
  #bsHowto {
    padding: 150px 24px;
  }
}
@media (max-width: 344px) {
  #bsHowto {
    padding: 150px 16px;
  }
}

#bsFaq {
  background-color: #FFFDFB;
}
@media (max-width: 500px) {
  #bsFaq .bs-mg10 {
    margin: 0;
  }
}

#bsMedia {
  background-color: #FFFDFB;
  margin-bottom: 200px;
}
@media (max-width: 500px) {
  #bsMedia {
    margin-bottom: 150px;
  }
}

/* Demo content for scrolling */
.demo-content {
  padding: 150px 40px 40px;
  text-align: center;
}

.demo-content h1 {
  font-size: 2rem;
  margin-bottom: 1rem;
  color: #333;
}

.demo-content p {
  font-size: 1.1rem;
  color: #666;
  margin-bottom: 2rem;
}

.spacer {
  height: 200vh;
  background: linear-gradient(180deg, #f5f5f5 0%, #e0e0e0 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  color: #888;
}

.spacer::after {
  content: "계속 스크롤해보세요...";
}

/* Header styles */
.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  padding: 16px 24px;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 1024px) {
  .header {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .header {
    top: 0;
    padding: 0;
    width: 100%;
    border-radius: 0;
  }
}
@media (max-width: 500px) {
  .header {
    top: 0;
    height: auto;
    padding: 0 0px;
  }
}
.header .header-container {
  border-radius: 12px;
  backdrop-filter: blur(0px);
  background: rgba(255, 255, 255, 0);
  transition: all 0.3s ease-in-out;
  width: 100%;
  height: 100%;
}
.header .header-container .header-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 40px;
  width: 100%;
  min-height: 60px;
  height: 80px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  /* Logo styles */
  /* Menu styles */
  /* Secondary menu styles */
}
@media (max-width: 1024px) {
  .header .header-container .header-content {
    padding: 12px 32px;
  }
}
@media (max-width: 768px) {
  .header .header-container .header-content {
    padding: 0 24px;
    border-radius: 0;
  }
}
@media (max-width: 500px) {
  .header .header-container .header-content {
    padding: 0 20px;
    height: 60px;
  }
}
.header .header-container .header-content .logo {
  width: 140px;
  position: relative;
  flex-shrink: 0;
  font-size: 18px;
  font-weight: 900;
  line-height: 24px;
  color: #ff7f00;
  text-align: center;
  font-family: "NanumSquareNeo" !important;
}
@media (max-width: 1024px) {
  .header .header-container .header-content .logo {
    width: 120px;
  }
}
@media (max-width: 500px) {
  .header .header-container .header-content .logo {
    width: 120px;
  }
}
.header .header-container .header-content .logo a {
  display: block;
}
.header .header-container .header-content .logo a img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.header .header-container .header-content .menu-tab {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 500px) {
  .header .header-container .header-content .menu-tab {
    gap: 24px;
  }
}
@media (max-width: 320px) {
  .header .header-container .header-content .menu-tab {
    gap: 18px;
  }
}
@media (max-width: 768px) {
  .header .header-container .header-content .menu-tab {
    display: none;
  }
}
.header .header-container .header-content .menu-tab p {
  color: #181818;
  text-align: center;
  white-space: nowrap;
  flex-shrink: 0;
  cursor: pointer;
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  padding-top: 4px;
}
.header .header-container .header-content .menu-tab p:hover {
  opacity: 0.7;
}
.header .header-container .header-content .menu-tab p .mouseOver {
  width: auto;
  height: 35px;
  text-align: center;
  line-height: 34px;
  display: block;
  border-radius: 5px;
  transition: 0.1s;
  white-space: nowrap;
  background: transparent !important;
  border: 0 !important;
}
@media (max-width: 500px) {
  .header .header-container .header-content .menu-tab p .mouseOver {
    width: auto;
    height: auto;
    line-height: 1;
    position: relative;
    top: 0.1em;
  }
}
.header .header-container .header-content .menu-tab p .mouseOver:hover {
  color: #ff7f00;
}
.header .header-container .header-content .nav {
  display: flex;
  flex-direction: column;
  position: relative;
  display: none;
}
@media (max-width: 768px) {
  .header .header-container .header-content .nav {
    display: block;
    width: 40px;
    position: unset;
  }
}
.header .header-container .header-content .nav .navbar-collapse {
  position: absolute;
  top: 0;
  right: 0px;
  width: 100%;
  z-index: -1;
}
.header .header-container .header-content .nav .nav-list {
  display: none;
  transition: 0.3s ease;
  gap: 60px;
}
.header .header-container .header-content .nav .nav-list.active-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
  background-color: rgb(248, 243, 238);
  gap: 0px;
  box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.15);
  width: 100%;
  padding: 90px 16px 15px 16px;
  transition: 0.3s ease;
}
@media (max-width: 320px) {
  .header .header-container .header-content .nav .nav-list.active-btn {
    padding: 70px 16px 15px 16px;
  }
}
@media (max-width: 768px) {
  .header .header-container .header-content .nav .nav-list {
    gap: 24px;
  }
}
@media (max-width: 320px) {
  .header .header-container .header-content .nav .nav-list {
    gap: 18px;
  }
}
.header .header-container .header-content .nav .nav-list li {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  color: #121427;
  font-family: "NanumSquareNeo" !important;
}
@media (max-width: 768px) {
  .header .header-container .header-content .nav .nav-list li {
    width: 100%;
    transition: 0.2s ease;
  }
  .header .header-container .header-content .nav .nav-list li:hover {
    background-color: #f5e8da;
    border-radius: 12px;
  }
}
.header .header-container .header-content .nav .nav-list li .mouseOver {
  width: auto;
  height: 35px;
  text-align: center;
  line-height: 42px;
  display: block;
  border-radius: 5px;
  transition: 0.1s;
  white-space: nowrap;
  float: right;
  background: transparent !important;
  border: 0 !important;
}
@media (max-width: 768px) {
  .header .header-container .header-content .nav .nav-list li .mouseOver {
    padding: 10px 50px;
    width: 100%;
    height: auto;
    position: relative;
    font-size: 16px;
    font-weight: 700;
    color: #181818;
    font-family: "NanumSquare Neo" !important;
  }
}
@media (max-width: 400px) {
  .header .header-container .header-content .nav .nav-list li .mouseOver {
    font-size: 14px;
    padding: 2px 50px;
    line-height: 38px;
  }
}
.header .header-container .header-content .nav .nav-list li .nav-submenu {
  width: 100%;
  display: inline-block;
  position: absolute;
  left: 0;
  padding: 24px 0 24px 0;
  background-color: rgb(248, 243, 238);
}
@media (max-width: 320px) {
  .header .header-container .header-content .nav .nav-list li .nav-submenu {
    padding: 16px 0 24px 0;
  }
}
.header .header-container .header-content .nav .nav-list li .nav-submenu li a {
  font-size: 14px;
  font-weight: 700;
  line-height: 38px;
  color: #888;
}
@media (max-width: 320px) {
  .header .header-container .header-content .nav .nav-list li .nav-submenu li a {
    padding: 8px 0;
    line-height: 26px;
  }
}
.header .header-container .header-content .menu-tab-secondary {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-shrink: 0;
}
@media (min-width: 1025px) and (max-width: 1440px) {
  .header .header-container .header-content .menu-tab-secondary {
    gap: 24px;
  }
}
@media (max-width: 768px) {
  .header .header-container .header-content .menu-tab-secondary {
    display: none;
  }
}
.header .header-container .header-content .menu-tab-secondary a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  display: flex;
}
.header .header-container .header-content .menu-tab-secondary a svg {
  width: 24px;
  height: 24px;
}
.header .header-container .header-content .menu-tab-secondary a p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  line-height: 1;
  font-size: 14px;
  font-weight: 400;
  color: #181818;
  text-align: center;
  white-space: nowrap;
  flex-shrink: 0;
  cursor: pointer;
  transition: opacity 0.2s ease;
  padding-top: 4px;
}
@media (min-width: 1025px) and (max-width: 1440px) {
  .header .header-container .header-content .menu-tab-secondary a p {
    display: none;
  }
}
@media (max-width: 1024px) {
  .header .header-container .header-content .menu-tab-secondary a p {
    display: none;
  }
}
.header .header-container .header-content .menu-tab-secondary a p:hover {
  opacity: 0.7;
}

/* Scrolled state */
.header.scrolled .header-container {
  backdrop-filter: blur(8px);
  background: rgba(255, 255, 255, 0.15);
}

.card {
  width: 100%;
  height: auto;
  background-color: #fff;
  border-radius: 4px;
}

.ft-policy-wrap {
  background-color: #2d2d2d;
  margin: 0;
  overflow: hidden;
  width: 100%;
  min-height: 338px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.ft-policy-wrap .ft_inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 30px;
  min-width: 320px;
  width: 100%;
  max-width: 500px;
  padding: 60px 20px;
  height: 339px;
}
.ft-policy-wrap .ft_inner .ft-top {
  width: 100%;
  gap: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 500px) {
  .ft-policy-wrap .ft_inner .ft-top {
    margin-bottom: 0;
  }
}
.ft-policy-wrap .ft_inner .ft-top .familysite-select {
  display: flex;
  flex-direction: column;
  letter-spacing: -4%;
  z-index: 2;
  width: 100%;
  height: 50px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  color: #fff;
}
@media (max-width: 500px) {
  .ft-policy-wrap .ft_inner .ft-top .familysite-select {
    width: 100%;
    height: 35px;
  }
}
.ft-policy-wrap .ft_inner .ft-top .familysite-select .option {
  display: flex;
  min-height: 35px;
  align-items: center;
  position: absolute;
  pointer-events: none;
  order: 2;
  z-index: 1;
  transition: background 0.1s ease-in-out;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  background-color: #2d2d2d;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  color: #fff;
}
@media (max-width: 500px) {
  .ft-policy-wrap .ft_inner .ft-top .familysite-select .option {
    width: 100%;
    font-size: 14px;
  }
}
.ft-policy-wrap .ft_inner .ft-top .familysite-select .option:hover {
  background: #666;
}
.ft-policy-wrap .ft_inner .ft-top .familysite-select .option.tb {
  border-radius: 10px 10px 0 0;
}
.ft-policy-wrap .ft_inner .ft-top .familysite-select .option.opt-tit {
  background-color: #2d2d2d;
  min-height: 50px;
  margin-bottom: 5px;
}
@media (max-width: 500px) {
  .ft-policy-wrap .ft_inner .ft-top .familysite-select .option.opt-tit {
    width: 100%;
    height: 35px;
    min-height: 35px;
  }
}
.ft-policy-wrap .ft_inner .ft-top .familysite-select .option.opt-tit a {
  width: 100%;
  padding: 15px 25px;
  height: 50px;
  border: 1px solid #fff;
  border-radius: 40px;
  background-color: #2d2d2d;
  box-sizing: border-box;
  border: 1px solid #fff;
  border-radius: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 500px) {
  .ft-policy-wrap .ft_inner .ft-top .familysite-select .option.opt-tit a {
    width: 100%;
    height: 35px;
    padding: 15px 15px;
    font-size: 14px;
  }
}
@media (max-width: 500px) {
  .ft-policy-wrap .ft_inner .ft-top .familysite-select .option.opt-tit a img {
    width: 13px;
  }
}
.ft-policy-wrap .ft_inner .ft-top .familysite-select .option.opt-list:last-child {
  border-radius: 0 0 10px 10px;
}
.ft-policy-wrap .ft_inner .ft-top .familysite-select .option.opt-list a {
  width: 100%;
  padding: 0px 25px;
}
.ft-policy-wrap .ft_inner .ft-top .familysite-select:focus .option {
  position: relative;
  pointer-events: all;
}
.ft-policy-wrap .ft_inner .ft-top .familysite-select input {
  opacity: 0;
  position: absolute;
  left: -99999px;
}
.ft-policy-wrap .ft_inner .ft-top .familysite-select input:checked + label {
  order: 1;
  z-index: 2;
  background: #666;
  border-top: none;
  position: relative;
}
.ft-policy-wrap .ft_inner .ft-top .familysite-select input:checked + label:before {
  position: absolute;
  right: 0;
  height: 50px;
  width: 50px;
  content: "";
}
.ft-policy-wrap .ft_inner .ft-top .ft-policy {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 15px;
  margin: 0;
  width: 100%;
  line-height: 1;
}
.ft-policy-wrap .ft_inner .ft-top .ft-policy li {
  border-right: 1px solid #fff;
  padding-right: 15px;
}
.ft-policy-wrap .ft_inner .ft-top .ft-policy li a {
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  color: #fff;
  white-space: nowrap;
}
.ft-policy-wrap .ft_inner .ft-top .ft-policy li:last-child {
  display: block !important;
  border-right: none;
}
.ft-policy-wrap .ft_inner .ft-info-wrap .ft-info {
  gap: 15px;
  flex-wrap: nowrap;
  word-break: break-all;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
.ft-policy-wrap .ft_inner .ft-info-wrap .ft-info li {
  font-size: 12px;
  font-weight: 300;
  line-height: 20px;
  color: #E9E9E9;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  border-right: none;
  font-size: 13px;
}
@media (max-width: 768px) {
  .ft-policy-wrap .ft_inner .ft-info-wrap .ft-info li {
    padding: 0;
    border-right: none;
  }
}
.ft-policy-wrap .ft_inner .ft-info-wrap .ft-info li:first-child {
  padding-left: 0;
}
.ft-policy-wrap .ft_inner .ft-info-wrap .ft-address {
  display: block;
  margin-top: 9px;
  font-size: 13px;
  font-weight: 300;
  line-height: 1;
  color: #E9E9E9;
}
.ft-policy-wrap .ft_inner .ft-copy {
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
  color: #E9E9E9;
}

footer {
  margin: 31px 0 36px 0;
  padding: 0;
  position: static;
  bottom: 35px;
}
footer ul {
  margin: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
footer ul li {
  color: #666;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
}
@media (max-width: 500px) {
  footer ul li {
    border-right: 1px solid #fff;
    padding-right: 10px;
  }
}
footer ul li:last-child {
  border-right: 0;
  padding-right: 0px;
}

/********* Scroll Top CSS - Start *********/
.topBtn {
  width: 64px;
  height: 64px;
  border-radius: 21.333px;
  background: rgba(234, 234, 234, 0.75);
  flex-shrink: 0;
  cursor: pointer;
  opacity: 0;
  pointer-events: none; /* 처음에는 클릭 방지 */
  transition: opacity 0.2s ease-in-out;
  z-index: 3;
  position: fixed;
  bottom: 50px;
  right: 100px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1024px) {
  .topBtn {
    bottom: 50px;
    right: 50px;
  }
}
@media (max-width: 768px) {
  .topBtn {
    bottom: 50px;
    right: 50px;
  }
}
@media (max-width: 500px) {
  .topBtn {
    bottom: 50px;
    right: 30px;
  }
}

/******** Scroll Top CSS - End *********/
/********* Pagenation CSS - Start *********/
#pagination-demo {
  display: flex;
  flex-direction: row;
  align-items: align;
  justify-content: center;
  gap: 1rem;
  margin: 3rem 0 1rem 0;
}
@media (max-width: 344px) {
  #pagination-demo {
    gap: 8px;
  }
}
#pagination-demo .page-item {
  transition: 0.2s;
  padding: 4px 8px 4px 8px;
  line-height: 1;
  border-radius: 4px;
}
#pagination-demo .page-item:hover {
  background: #eaeaea;
  padding: 4px 8px 4px 8px;
  line-height: 1;
  border-radius: 4px;
}
#pagination-demo .page-item > a {
  color: #888;
}
@media (max-width: 344px) {
  #pagination-demo .page-item > a {
    font-size: 14px;
  }
}
#pagination-demo .page-item.active {
  background: #eaeaea;
  padding: 4px 8px 4px 8px;
  line-height: 1;
  border-radius: 4px;
}
#pagination-demo .page-item.active a {
  color: #000;
}

#pagination-demo li {
  display: inline-block;
}

/******** Pagenation CSS - End *********/
/* Arrow Button CSS */
.arrow {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  padding: 9px;
  gap: 10px;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  color: white;
  cursor: pointer;
  border-radius: 32px;
  border: 0;
  background: rgba(255, 255, 255, 0);
  box-sizing: border-box;
  z-index: 2;
}
.arrow > svg {
  width: 40px;
  height: 40px;
}
@media (max-width: 375px) {
  .arrow > svg {
    width: 32px;
    height: 32px;
  }
}
.arrow.left {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.arrow.right {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1024px) {
  .arrow {
    border: 0;
    padding: 0;
  }
}
@media (max-width: 768px) {
  .arrow {
    border: 0;
    padding: 0;
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 500px) {
  .arrow {
    width: 32px;
    height: 32px;
    border: none !important;
    padding: 0;
  }
}
@media (max-width: 320px) {
  .arrow {
    width: 32px;
    height: 32px;
    padding: 0;
  }
}

.card-carousel.smooth-transition .card {
  transition: transform 0.5s ease, left 0.5s ease, opacity 0.5s ease;
}

p {
  line-height: 1;
  letter-spacing: -4%;
}

.section_one {
  padding: 0 20px 16px 20px;
  max-width: 500px;
}
.section_one .conTit {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.section_one .conTit .conText {
  font-size: 20px;
  font-weight: 300;
  line-height: 1;
  color: #000;
}
.section_one .conTit .logout_btn {
  width: 80px;
  height: 30px;
  background-color: #fff;
  line-height: 2;
  font-size: 14px;
  border: 1px solid #D2D2D4;
  border-radius: 40px;
  box-sizing: border-box;
  font-weight: 500;
  color: #464646;
  border: 1px solid #D2D2D4;
  border-radius: 40px;
}
.section_one .conName {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.section_one .conName .conLeft {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}
.section_one .conName .conLeft .conName_text {
  font-size: 20px !important;
  font-weight: 700 !important;
}
.section_one .conName .conLeft .conName_num {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #930D15;
}
.section_one .conName .conName_arrow {
  width: auto;
  height: auto;
}
.section_one .conName .conName_arrow a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
}
.section_one .conName .conName_arrow a .info_link_text {
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: rgba(0, 0, 0, 0.85);
}
.section_one .conName .conName_arrow a img {
  width: 18px;
  height: 18px;
}
.section_one .conRate {
  padding: 20px 22px;
  box-shadow: 0 7px 29px rgba(101, 101, 112, 0.2);
  gap: 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
.section_one .conRate .conRate_text {
  font-size: 17px;
  font-weight: 700;
  line-height: 1;
  color: #000;
}
.section_one .conRate .conRate_mile {
  font-size: 11px;
  font-weight: 400;
  line-height: 1;
  color: #656668;
}
.section_one .conRate .conRate_mile .conRate_mile_num {
  font-size: 11px;
  font-weight: 400;
  line-height: 1;
  color: #BE0000;
}
.section_one .conHistory {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  width: 100%;
}
.section_one .conHistory .conbox_history {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.section_one .conHistory .conbox_history .ch_icon_box {
  position: relative;
  width: 25px;
  height: 22px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.section_one .conHistory .conbox_history .ch_icon_box .ch_icon {
  width: 19px;
  height: 19px;
  margin: auto;
}
.section_one .conHistory .conbox_history .ch_icon_box .ch_icon_mark {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #BE0000;
  border-radius: 100%;
  width: 4px;
  height: 4px;
}
.section_one .conHistory .conbox_history .ch_text {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #212224;
}
.section_one .conHistory .conbox_history .ch_num {
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  color: #BE0000;
}
.section_one .conTotal {
  width: 100%;
  background-color: #F5F6F8;
  padding: 14px 15px;
  margin-bottom: 14px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.section_one .conTotal .ct_text {
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  color: #515558;
}
.section_one .conTotal .ct_num {
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  color: #1F2021;
  letter-spacing: -4%;
}

.section_two {
  padding: 30px 20px 30px 20px;
  max-width: 500px;
  margin: 11px 0;
}
.section_two .product_list_nav {
  width: 100%;
  margin: 0px 0 24px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.section_two .product_list_nav ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.section_two .product_list_nav ul li.active h2 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  color: #000;
}
.section_two .product_list_nav ul li .pd_nav_tit {
  width: 100%;
  transition: 0.1s;
  cursor: pointer;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  color: #CECECE;
}
.section_two .product_list_nav ul li span {
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background-color: #D9D9D9;
  display: block;
}
.section_two .product_list_nav .survey_btn {
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 25px;
  padding: 6px 8px 5px 8px;
  background-color: #cacaca;
}
.section_two .mySwiper {
  margin: 0;
  width: 100%;
  height: auto;
  max-height: 520px;
  display: flex;
  flex-direction: row;
}
@media (max-width: 320px) {
  .section_two .mySwiper {
    max-height: 390px;
  }
}
.section_two .mySwiper .swiper-wrapper {
  display: none;
}
.section_two .mySwiper .swiper-wrapper.active {
  display: -webkit-box;
}
.section_two .mySwiper .swiper-wrapper.no-content01, .section_two .mySwiper .swiper-wrapper.no-content02 {
  font-size: 18px;
  font-weight: 500;
  line-height: 230px;
  color: #cecece;
  text-align: center;
}
.section_two .mySwiper .swiper-wrapper.no-content01 .no-con-text, .section_two .mySwiper .swiper-wrapper.no-content02 .no-con-text {
  width: 100%;
  line-height: 230px;
  text-align: center;
  display: none;
}
.section_two .mySwiper .swiper-wrapper .swiper-slide {
  flex-shrink: 0;
  height: auto;
  min-height: 520px;
  overflow: hidden;
  position: relative;
  transition-property: transform;
  gap: 30px 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 430px) {
  .section_two .mySwiper .swiper-wrapper .swiper-slide {
    height: auto;
    min-height: 430px;
  }
}
@media (max-width: 320px) {
  .section_two .mySwiper .swiper-wrapper .swiper-slide {
    height: auto;
    min-height: 390px;
  }
}
.section_two .mySwiper .swiper-wrapper .swiper-slide .conbox_purchase {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  box-sizing: border-box;
  flex-basis: calc(25% - 8px) !important;
}
.section_two .mySwiper .swiper-wrapper .swiper-slide .conbox_purchase .conbox_img {
  border: 1px solid #ebebeb;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 160px;
  overflow: hidden;
  box-sizing: border-box;
  cursor: pointer;
}
@media (max-width: 430px) {
  .section_two .mySwiper .swiper-wrapper .swiper-slide .conbox_purchase .conbox_img {
    height: 180px;
  }
}
@media (min-width: 431px) and (max-width: 600px) {
  .section_two .mySwiper .swiper-wrapper .swiper-slide .conbox_purchase .conbox_img {
    height: 130px;
  }
}
@media (max-width: 320px) {
  .section_two .mySwiper .swiper-wrapper .swiper-slide .conbox_purchase .conbox_img {
    height: 95px;
  }
}
@media (max-width: 344px) {
  .section_two .mySwiper .swiper-wrapper .swiper-slide .conbox_purchase .conbox_img {
    height: 103px;
  }
}
@media (min-width: 345px) and (max-width: 360px) {
  .section_two .mySwiper .swiper-wrapper .swiper-slide .conbox_purchase .conbox_img {
    height: 105px;
  }
}
@media (min-width: 361px) and (max-width: 430px) {
  .section_two .mySwiper .swiper-wrapper .swiper-slide .conbox_purchase .conbox_img {
    height: 115px;
  }
}
.section_two .mySwiper .swiper-wrapper .swiper-slide .conbox_purchase .conbox_img img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.section_two .mySwiper .swiper-wrapper .swiper-slide .conbox_purchase .cp_name01 {
  padding-top: 8px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  color: #5c5c63;
}
.section_two .mySwiper .swiper-wrapper .swiper-slide .conbox_purchase .cp_name02 {
  padding: 4px 0 0 0;
  font-size: 11px;
  font-weight: 400;
  line-height: 1;
  color: #9b9ba2;
}
.section_two .mySwiper .swiper-wrapper .swiper-slide .conbox_purchase .cp_num {
  font-size: 8px;
  font-weight: 400;
  line-height: 1;
  color: #000;
}
.section_two .mySwiper .swiper-wrapper .swiper-slide .conbox_purchase .cp_amount {
  padding-top: 13px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  color: #000;
}
.section_two .mySwiper .swiper-wrapper .swiper-slide-r {
  flex-shrink: 0;
  height: 100%;
  position: relative;
  transition-property: transform;
  gap: 30px 8px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
.section_two .mySwiper .swiper-wrapper .swiper-slide-r .conbox_purchase {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  box-sizing: border-box;
  flex-basis: calc(33.3333% - 7px) !important;
}
@media (max-width: 320px) {
  .section_two .mySwiper .swiper-wrapper .swiper-slide-r .conbox_purchase {
    flex-basis: 25% !important;
    width: 23%;
  }
}
.section_two .mySwiper .swiper-wrapper .swiper-slide-r .conbox_purchase .conbox_img {
  border: 1px solid #ebebeb;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 160px;
  overflow: hidden;
  box-sizing: border-box;
  cursor: pointer;
}
@media (max-width: 430px) {
  .section_two .mySwiper .swiper-wrapper .swiper-slide-r .conbox_purchase .conbox_img {
    height: 180px;
  }
}
@media (min-width: 431px) and (max-width: 600px) {
  .section_two .mySwiper .swiper-wrapper .swiper-slide-r .conbox_purchase .conbox_img {
    height: 130px;
  }
}
@media (max-width: 320px) {
  .section_two .mySwiper .swiper-wrapper .swiper-slide-r .conbox_purchase .conbox_img {
    height: 95px;
  }
}
@media (max-width: 344px) {
  .section_two .mySwiper .swiper-wrapper .swiper-slide-r .conbox_purchase .conbox_img {
    height: 103px;
  }
}
@media (min-width: 345px) and (max-width: 360px) {
  .section_two .mySwiper .swiper-wrapper .swiper-slide-r .conbox_purchase .conbox_img {
    height: 105px;
  }
}
@media (min-width: 361px) and (max-width: 430px) {
  .section_two .mySwiper .swiper-wrapper .swiper-slide-r .conbox_purchase .conbox_img {
    height: 115px;
  }
}
.section_two .mySwiper .swiper-wrapper .swiper-slide-r .conbox_purchase .conbox_img img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.section_two .mySwiper .swiper-wrapper .swiper-slide-r .conbox_purchase .conbox_img .md_pick {
  position: absolute;
  top: 8px;
  right: 0px;
  background-color: rgba(190, 0, 0, 0.8);
  width: 48px;
  height: 18px;
  color: #fff;
  font-size: 10px;
  z-index: 99;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  border-radius: 3px 0px 0 3px;
  padding: 0px 0 0 0;
}
.section_two .mySwiper .swiper-wrapper .swiper-slide-r .conbox_purchase .cp_name01 {
  padding-top: 8px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  color: #5c5c63;
}
.section_two .mySwiper .swiper-wrapper .swiper-slide-r .conbox_purchase .cp_name02 {
  padding: 4px 0 0 0;
  font-size: 11px;
  font-weight: 400;
  line-height: 1;
  color: #9b9ba2;
  text-align: left;
}
.section_two .mySwiper .swiper-wrapper .swiper-slide-r .conbox_purchase .cp_num {
  font-size: 8px;
  font-weight: 400;
  line-height: 1;
  color: #000;
}
.section_two .mySwiper .swiper-wrapper .swiper-slide-r .conbox_purchase .cp_amount {
  padding-top: 13px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  color: #000;
}
.section_two .mySwiper .swiper-pagination {
  display: block;
  bottom: 0px;
}
.section_two .con_btn {
  border: 1px solid #D3DEE4;
  border-radius: 7px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  color: #6f6f6f;
  line-height: 41px;
  text-align: center;
  background-image: none;
  box-sizing: border-box;
  margin: 26px 0 30px 0;
}

.section_three {
  max-width: 500px;
  margin-bottom: 11px;
}
.section_three .con_tit {
  margin: 33px 0 17.5px 0;
  width: 100%;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px 10px 20px;
}
.section_three .con_tit .arrow {
  position: relative;
  background-color: #cacaca;
  padding: 10px;
  border-radius: 100%;
  display: inline-block;
  width: 30px;
  height: 30px;
  transition: ease 0.2s;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.section_three .con_tit .arrow::after {
  content: "";
  display: inline-block;
  margin-right: 2px;
  width: 9px;
  height: 9px;
  background-color: #cacaca;
  transform: rotate(-45deg);
  border: solid 2px #fff;
  border-top: none;
  border-left: none;
}
.section_three .con_tit .arrow.active::after {
  transition: ease 0.1s;
  transform: rotate(45deg);
  margin-right: 0px;
}
.section_three .con_tit .arrow:hover {
  transition: ease 0.1s;
  background-color: #c0c0c0;
}
.section_three .con_tit .arrow:hover::after {
  background-color: #c0c0c0;
}
.section_three .conbox_wrap {
  padding: 0px 20px 33px 20px !important;
  width: 100%;
  display: none;
  transition: ease 0.2s;
}
.section_three .conbox_wrap .conbox_view {
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 70vh;
  max-height: 47rem;
  min-height: 33rem;
}
.section_three .conbox_wrap .conbox_view .custom_select_con {
  position: relative;
  width: 100%;
  z-index: 999;
}
.section_three .conbox_wrap .conbox_view .custom_select_con .slt_custom {
  background-color: #666;
  height: 50px;
  padding: 0 20px 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.section_three .conbox_wrap .conbox_view .custom_select_con .slt_custom:hover {
  cursor: pointer;
}
.section_three .conbox_wrap .conbox_view .custom_select_con .slt_custom > span {
  font-size: 14px;
  font-weight: 500;
  line-height: 50px;
  color: #fff;
}
.section_three .conbox_wrap .conbox_view .custom_select_con .slt_custom > span > span {
  font-weight: normal;
}
.section_three .conbox_wrap .conbox_view .custom_select_con .slt_custom .arrow {
  position: relative;
  transition: ease 0.1s;
}
.section_three .conbox_wrap .conbox_view .custom_select_con .slt_custom .arrow::after {
  content: "";
  display: inline-block;
  margin-right: 2px;
  width: 9px;
  height: 9px;
  background-color: #666;
  position: relative;
  top: -3px;
  transform: rotate(45deg);
  border: solid 2px #fff;
  border-top: none;
  border-left: none;
}
.section_three .conbox_wrap .conbox_view .custom_select_con .slt_custom .arrow.active::after {
  transform: rotate(-135deg);
  transition: ease 0.1s;
}
.section_three .conbox_wrap .conbox_view .custom_select_con .slt_ul {
  background-color: #333;
  width: 100%;
  max-height: 460px;
  overflow-y: auto;
  position: absolute;
  z-index: 1;
  left: 0;
  border-top: none;
}
.section_three .conbox_wrap .conbox_view .custom_select_con .slt_ul::-webkit-scrollbar {
  width: 4px;
}
.section_three .conbox_wrap .conbox_view .custom_select_con .slt_ul::-webkit-scrollbar-thumb {
  background: #ccc; /* 스크롤바 색상 */
  border-radius: 10px; /* 스크롤바 둥근 테두리 */
  min-height: 50px; /* 스크롤바 막대 최소 높이 */
}
.section_three .conbox_wrap .conbox_view .custom_select_con .slt_ul::-webkit-scrollbar-track {
  background: #333; /*스크롤바 뒷 배경 색상*/
  /*스크롤바 뒷 배경 안보이게*/
  box-shadow: none;
  background-color: #333 !important;
}
.section_three .conbox_wrap .conbox_view .custom_select_con .slt_ul li {
  padding: 0 30px 0 20px;
  border-bottom: 1px solid #1f1f1f;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  line-height: 50px;
  color: #fff;
}
.section_three .conbox_wrap .conbox_view .custom_select_con .slt_ul li:first-child {
  border-top: 1px solid #333;
}
.section_three .conbox_wrap .conbox_view .custom_select_con .slt_ul li:last-child {
  border-bottom: none;
}
.section_three .conbox_wrap .conbox_view .custom_select_con .slt_ul li:hover {
  background-color: #555;
}
.section_three .conbox_wrap .conbox_view .custom_select_con .slt_ul li span {
  font-weight: normal;
}
.section_three .conbox_wrap .conbox_view .cv_img {
  background-color: #f2f2f2;
  padding-bottom: 28px;
}
.section_three .conbox_wrap .conbox_view .cv_img img {
  margin: 0 auto;
  display: block;
}

.profile_user {
  width: 100%;
  max-width: 500px;
  background-color: #F8F8F8;
  padding: 0 20px 0 20px;
  height: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.profile_user .profile_tit {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 15px;
  width: 100%;
  margin: 15px 0 0px 0;
  top: 0;
}
.profile_user .profile_tit p {
  font-size: 20px;
  font-weight: 300;
  line-height: 1;
  color: #000;
}
.profile_user .profile_image_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin: 50px 0;
  height: 300px;
}
.profile_user .profile_image_box .profile_user_name {
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  color: #000;
}

.profile_info {
  background-color: #fff;
  border-radius: 18px 18px 0px 0px;
  overflow: hidden;
  padding: 0 20px 0 20px;
  max-width: 500px;
  min-height: calc(100vh - 630px);
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.profile_info .contents {
  width: 100%;
  margin: 0 0 110px 0;
}
.profile_info .contents:first-child {
  margin: 47px 0 55px 0;
}
.profile_info .contents p {
  margin-bottom: 32px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  color: #1E222E;
}
.profile_info .contents .profile_info_detail {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 25px;
}
.profile_info .contents .profile_info_detail li {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: space-between;
}
@media (max-width: 500px) {
  .profile_info .contents .profile_info_detail li {
    flex-direction: column;
    gap: 10px;
  }
}
.profile_info .contents .profile_info_detail li .profile_info_list_tit {
  width: 180px;
  display: inline-block;
  white-space: nowrap;
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
  color: #656668;
}
.profile_info .contents .profile_info_detail li .profile_info_list_detail {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  color: #20232A;
}
.profile_info .contents .profile_info_detail li:first-child .profile_info_list_detail {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  color: #930D15;
}
.profile_info .contents .profile_info_detail li:nth-child(2) .profile_info_list_detail {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  color: #20232A;
}
.profile_info .contents .profile_info_detail02 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 25px;
}
.profile_info .contents .profile_info_detail02 li {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: space-between;
}
@media (max-width: 500px) {
  .profile_info .contents .profile_info_detail02 li {
    flex-direction: column;
    gap: 10px;
  }
}
.profile_info .contents .profile_info_detail02 li .profile_info_list_tit {
  width: 180px;
  display: inline-block;
  white-space: nowrap;
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
  color: #656668;
}
.profile_info .contents .profile_info_detail02 li .profile_info_list_detail {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  color: #20232A;
}

.logo_img {
  padding: 120px 0 0px 0;
  width: 253px;
}
.logo_img img {
  width: 100%;
}

.login_btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 12px;
  margin: 85px 0 105px 0;
}
.login_btn a {
  width: 100%;
  border-radius: 38px;
  height: 46px;
  gap: 6px;
  box-sizing: border-box;
  letter-spacing: -3%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.login_btn a p {
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}
.login_btn a.kakao_login_btn {
  background-color: #FDDC3F;
}
.login_btn a.kakao_login_btn p {
  color: #3A2929;
}
.login_btn a.naver_login_btn {
  background-color: #03C75A;
}
.login_btn a.naver_login_btn p {
  color: #fff;
}
.login_btn a.google_login_btn {
  border: 1px solid #E2E2E2;
  border-radius: 38px;
  background-color: #fff;
}
.login_btn a.google_login_btn p {
  color: #0E100F;
}
.login_btn a.membership_join_btn {
  border: 1px solid #930D15;
  border-radius: 38px;
  background-color: #fff;
  margin-top: 8px;
}
.login_btn a.membership_join_btn p {
  color: #930D15;
}

.ln_banner {
  height: 185px;
  overflow: hidden;
  width: 460px;
  margin-bottom: 20px;
  background-image: url(/static/assets/img/banner_1200x480.gif);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: gray;
  border: 1px solid #e9e9e9;
  box-sizing: border-box;
  display: block;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
@media (max-width: 500px) {
  .ln_banner {
    width: 260px;
    height: 105px;
  }
}
.ln_banner img {
  width: 100%;
}

.agree_wrap {
  margin-bottom: 8.8rem;
}

.agree_con_body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 50px;
}
.agree_con_body .agree_detail {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 40px;
}
.agree_con_body .agree_detail .agree_ex {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #7b7b7b;
}
.agree_con_body .agree_detail .agree_check {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.agree_con_body .agree_detail .agree_check .agree_check_01 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
  padding-bottom: 25px;
  width: 100%;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
}
.agree_con_body .agree_detail .agree_check .agree_check_01 .required {
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  color: #4f4f4f;
}
.agree_con_body .agree_detail .agree_check .agree_check_02 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 15px;
  padding-top: 25px;
}

.req_sign {
  font-family: "Noto Sans KR";
}

.agree_checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: #930D15;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  --tw-shadow: 0 0 rgba(0, 0, 0, 0);
}

.agree_check_text {
  font-size: 16;
  font-weight: 600;
  line-height: 1;
  color: #000;
}

.term_row .agree_box1 {
  padding: 0 15px 30px 15px;
  border: none;
  background-color: #fff;
  position: relative;
  width: 100%;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
}
.term_row .agree_box3 {
  border: none;
  padding: 0px 15px 0px 15px;
}
.term_row.pv_term_row {
  max-width: 670px;
  margin: auto;
  overflow: auto;
  position: relative;
}
.term_row.pv_term_row .pv_tit {
  position: absolute;
  top: 0;
  bottom: none;
  left: 30px;
  right: none;
}
.term_row.pv_term_row .pv_tit a {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 15px;
  width: 100%;
  margin: 15px 0 0px 0;
}
.term_row.pv_term_row .pv_tit p {
  font-size: 20px;
  font-weight: 300;
  line-height: 1;
  color: #000;
}
.term_row.pv_term_row .pv_box {
  border: none;
}
.term_row.pv_term_row .pv_box .pv_terms_area {
  height: auto !important;
  border: none !important;
  margin-top: 0 !important;
}
.term_row.pv_term_row .pv_box .pv_terms_area .pv_tit2 {
  font-size: 22px;
  text-align: center;
  margin-bottom: 40px;
}
.term_row.pv_term_row .pv_box .pv_terms_area .pv_terms_part {
  line-height: 40px;
}
.term_row.pv_term_row .pv_box .pv_terms_area .pv_terms_part .pv_tit3 {
  font-weight: 600;
  margin-top: 1.4rem;
  font-size: 0.8rem;
}
.term_row.pv_term_row .pv_box .pv_terms_area .pv_terms_part p {
  margin-top: 0.5rem;
  line-height: 20px;
}
.term_row.pv_term_row .pv_box .pv_terms_area .pv_terms_part li {
  font-size: 0.7rem;
}
.term_row.pv_term_row .pv_box .pv_terms_area .pv_terms_part .pv_table th, .term_row.pv_term_row .pv_box .pv_terms_area .pv_terms_part .pv_table td {
  font-size: 0.7rem;
}
.term_row .box3 .agree_list .tit_area .chk label {
  font-size: 16px;
}
.term_row .box3 .agree_list .terms_area .sub-text {
  font-size: 0.8rem;
  margin-top: 3px;
}

.terms_area::-webkit-scrollbar {
  width: 6px !important;
}

.terms_area::-webkit-scrollbar-thumb {
  background: rgb(101, 101, 101); /* 스크롤바 색상 */
  border-radius: 10px; /* 스크롤바 둥근 테두리 */
  min-height: 50px; /* 스크롤바 막대 최소 높이 */
}

.terms_area::-webkit-scrollbar-track {
  background: rgb(245, 245, 245); /*스크롤바 뒷 배경 색상*/
  /*스크롤바 뒷 배경 안보이게*/
  box-shadow: none;
}

.agree_tit {
  width: 80%;
}
@media (max-width: 500px) {
  .agree_tit {
    font-size: 0.9rem;
    line-height: 22px;
  }
}

.a_con_tit {
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  color: #333;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 5px;
}

.a_con_tit svg {
  width: 15px;
  height: 15px;
  margin-right: 5px;
}

.a_con_tit svg path {
  fill: #930D15;
}

.col-12 {
  margin-top: 5px;
  float: right;
}

.a_con_text {
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: #333;
}

.agree_btn {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  gap: 12px;
  margin-top: 40px !important;
}

.agree_btn form {
  width: 100%;
}

.agree_btn form button {
  width: 100%;
  border-radius: 38px;
  height: 46px;
  gap: 6px;
  box-sizing: border-box;
  letter-spacing: -3%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.agree_btn form button p {
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}

.agree_btn form button.kakao_login_btn {
  background-color: #FDDC3F;
}

.agree_btn form button.kakao_login_btn p {
  color: #3A2929;
}

.agree_btn form button.naver_login_btn {
  background-color: #03C75A;
}

.agree_btn form button.naver_login_btn p {
  color: #fff;
}

.agree_btn form button.google_login_btn {
  border: 1px solid #E2E2E2;
  border-radius: 38px;
  background-color: #fff;
}

.agree_btn form button.google_login_btn p {
  color: #0E100F;
}

.agree_btn form button.mb_phone_certifi_btn {
  border: 1px solid #930D15;
  border-radius: 38px;
  background-color: #fff;
  margin-top: 8px;
}

.agree_btn form button.mb_phone_certifi_btn p {
  color: #930D15;
}

.nice_agree_section .nice_agree_con {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  height: auto;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem 0 0 0;
  min-width: unset;
  margin-bottom: 0;
}
.nice_agree_section .nice_agree_con .content {
  padding: 0;
  max-width: 28rem;
}
.nice_agree_section .nice_agree_con .content .nice_agree_conbody {
  gap: 0;
}
.nice_agree_section .nice_agree_con .content .nice_agree_conbody .content_scroll {
  margin-top: 1rem;
  margin-bottom: 3rem;
}

.complete_txt {
  margin-top: 41.6px !important;
}

.tit_b {
  font-size: 1.2em;
}

.pw_wrap {
  max-width: 500px;
  background-color: #fff;
  z-index: 10;
  margin: auto;
  height: 100vh;
  min-width: 320px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.pw_wrap .pw_section {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: calc(100% - 265px);
  gap: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pw_wrap .pw_section .close_btn {
  position: absolute;
  top: 0;
  right: 0;
  margin: 15px 20px 0 0;
}
.pw_wrap .pw_section .close_btn img {
  width: 100%;
}
.pw_wrap .pw_section .pw_request_phrase {
  gap: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.pw_wrap .pw_section .pw_request_phrase .pw_request_text {
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  color: #000;
}
.pw_wrap .pw_section .pw_request_phrase .pw_message {
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  color: #9e9e9e;
  letter-spacing: -0.03em;
  opacity: 0;
  transition: 0.2s ease-out;
  height: 10px;
}
.pw_wrap .pw_section .pw_request_phrase .success {
  opacity: 1;
}
.pw_wrap .pw_section .pw_request_phrase .fail {
  opacity: 1;
}
.pw_wrap .pw_section .pw_input_box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.pw_wrap .pw_section .pw_input_box li {
  width: 33px;
  height: 34px;
  box-sizing: border-box;
  text-align: center;
  line-height: 1;
  padding: 9px 0;
  border: 1px solid #930D15;
  border-radius: 5px;
}
.pw_wrap .number_section {
  overflow: hidden;
  width: 100%;
  height: 265px;
  background-color: #393939;
}
.pw_wrap .number_section button {
  float: left;
  width: 33.33%;
  height: 25%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 12px 0;
  cursor: pointer;
  background-color: #393939;
  box-sizing: border-box;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
}
.pw_wrap .number_section button .backspace_icon {
  font-size: 28px;
  font-weight: 500;
}
.pw_wrap .number_section .number {
  transition: 0.1s;
}
.pw_wrap .number_section .number:focus {
  background-color: #4e4e4e;
}
.pw_wrap.error .pw_message {
  opacity: 1;
  color: red;
}
.pw_wrap.confirm .pw_message {
  opacity: 1;
  color: green;
}

.sv_header {
  margin: auto;
}
.sv_header h1 {
  margin: 50px 0 20px 0;
  text-align: center;
  font-size: 26px;
  font-weight: 800;
  line-height: 1;
  color: #000;
}
.sv_header p {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  color: #212121;
}

.sv_list {
  width: 100%;
  padding: 45px 0px 45px 0px;
}
.sv_list ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}
.sv_list ul.mg-30 {
  margin-top: 30px;
}
.sv_list ul li {
  width: 100%;
  height: 68px;
  background-color: #fff;
  gap: 20px;
  box-sizing: content-box;
  cursor: pointer;
  transition: 0.1s;
  outline: 1px solid #a6a6a6;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.sv_list ul li .sv-list-img {
  width: 60px;
  margin-left: 20px;
}
.sv_list ul li .sv-list-img img {
  margin: auto;
}
.sv_list ul li p span {
  display: block;
}
.sv_list ul li p span.sv-list-tit {
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  margin-bottom: 7px;
}
.sv_list ul li p span.sv-list-text {
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: #919191;
}
.sv_list ul .sv_sub_tit {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: -7px;
  text-align: left;
  float: left;
  width: 100%;
}
.sv_list ul .selected {
  outline: 2px solid #fc9898;
}

.sv_button {
  width: 100%;
  gap: 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.sv_button button.sv-submit-btn {
  background-color: #8d8d8d;
  color: #fff;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 500;
  width: 100%;
  padding: 14px 0;
}
.sv_button .selected {
  background-color: #ff8080;
  color: #fff;
  border-radius: 10px;
}
.sv_button button.sv-skip-btn {
  background-color: #ededee;
  color: #000;
  border-radius: 10px;
  font-weight: 700;
  font-size: 13px;
  width: 50%;
  padding: 14px 0;
}

.sv-ft-text {
  margin: 35px auto;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  color: #4d4d4d;
}

.container-wrap {
  position: relative;
}

.bs-header {
  background-color: rgba(255, 255, 255, 0.15);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  position: fixed;
  top: 35px;
  left: 50%;
  transform: translateX(-50%);
  width: 95%;
  height: 80px;
  z-index: 99;
  border-radius: 10px;
}
@media (max-width: 1024px) {
  .bs-header {
    width: 93%;
  }
}
@media (max-width: 768px) {
  .bs-header {
    top: 0;
    padding: 0;
    width: 100%;
    border-radius: 0;
  }
}
@media (max-width: 500px) {
  .bs-header {
    top: 0;
    height: auto;
    padding: 0 0px;
  }
}
.bs-header .header-container {
  width: 100%;
  max-width: 1800px;
  height: 80px;
  padding: 0 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .bs-header .header-container {
    padding: 0 50px;
  }
}
@media (max-width: 768px) {
  .bs-header .header-container {
    padding: 0 30px;
    border-radius: 0;
  }
}
@media (max-width: 500px) {
  .bs-header .header-container {
    padding: 0 20px;
    height: 60px;
  }
}
.bs-header .header-container .bs-logo {
  font-size: 18px;
  font-weight: 900;
  line-height: 24px;
  color: #ff7f00;
  text-align: center;
  font-family: "NanumSquareNeo" !important;
}
.bs-header .header-container .bs-logo a {
  display: block;
  width: 140px;
}
@media (max-width: 1024px) {
  .bs-header .header-container .bs-logo a {
    width: 140px;
  }
}
@media (max-width: 500px) {
  .bs-header .header-container .bs-logo a {
    width: 120px;
  }
}
@media (max-width: 500px) {
  .bs-header .header-container .bs-logo {
    font-size: 14px;
    line-height: 18px;
  }
}
.bs-header .header-container .bs-menu {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
}
@media (max-width: 500px) {
  .bs-header .header-container .bs-menu {
    gap: 24px;
  }
}
@media (max-width: 320px) {
  .bs-header .header-container .bs-menu {
    gap: 18px;
  }
}
@media (max-width: 768px) {
  .bs-header .header-container .bs-menu {
    display: none;
  }
}
.bs-header .header-container .bs-menu li {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  color: #121427;
  font-family: "NanumSquareNeo" !important;
}
@media (max-width: 500px) {
  .bs-header .header-container .bs-menu li {
    font-size: 12px;
    font-weight: 800;
  }
}
.bs-header .header-container .bs-menu li .mouseOver {
  width: auto;
  height: 35px;
  text-align: center;
  line-height: 34px;
  display: block;
  border-radius: 5px;
  transition: 0.1s;
  white-space: nowrap;
}
@media (max-width: 500px) {
  .bs-header .header-container .bs-menu li .mouseOver {
    width: auto;
    height: auto;
    line-height: 1;
    position: relative;
    top: 0.1em;
  }
}
.bs-header .header-container .bs-menu li .mouseOver:hover {
  color: #ff7f00;
}
.bs-header .header-container nav {
  display: flex;
  flex-direction: column;
  position: relative;
  display: none;
}
@media (max-width: 768px) {
  .bs-header .header-container nav {
    display: block;
    width: 40px;
    position: unset;
  }
}
.bs-header .header-container nav .navbar-collapse {
  position: absolute;
  top: 0;
  right: 0px;
  width: 100%;
  z-index: -1;
}
.bs-header .header-container nav .nav-list {
  display: none;
  transition: 0.3s ease;
  gap: 60px;
}
.bs-header .header-container nav .nav-list.active-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
  background-color: rgb(255, 244, 232);
  gap: 0px;
  box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.15);
  width: 100%;
  padding: 90px 10px 15px 10px;
  transition: 0.3s ease;
}
@media (max-width: 768px) {
  .bs-header .header-container nav .nav-list {
    gap: 24px;
  }
}
@media (max-width: 320px) {
  .bs-header .header-container nav .nav-list {
    gap: 18px;
  }
}
.bs-header .header-container nav .nav-list li {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  color: #121427;
  font-family: "NanumSquareNeo" !important;
}
@media (max-width: 768px) {
  .bs-header .header-container nav .nav-list li {
    width: 100%;
  }
}
.bs-header .header-container nav .nav-list li .mouseOver {
  width: auto;
  height: 35px;
  text-align: center;
  line-height: 42px;
  display: block;
  border-radius: 5px;
  transition: 0.1s;
  white-space: nowrap;
  float: right;
}
@media (max-width: 768px) {
  .bs-header .header-container nav .nav-list li .mouseOver {
    padding: 10px 50px;
    width: 100%;
    height: auto;
    position: relative;
    font-size: 16px;
    font-weight: 800;
    color: #121427;
    font-family: "NanumSquare Neo" !important;
  }
}
@media (max-width: 400px) {
  .bs-header .header-container nav .nav-list li .mouseOver {
    font-size: 14px;
  }
}
.bs-header .header-container .fixed-btn button {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  color: #121427;
  font-family: "NanumSquareNeo" !important;
}

.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 249px;
}

@media screen and (max-width: 800px) {
  .navbar .nav-list .nav-link {
    font-size: 15px;
    font-weight: 500;
  }
}
@media screen and (max-width: 768px) {
  .navbar .nav-list .nav-link {
    font-size: 13px;
    font-weight: 500;
  }
  header .ham-menu {
    float: right;
    transform: scale(40%);
  }
}
@media screen and (max-width: 768px) and (max-width: 400px) {
  header .ham-menu {
    transform: scale(40%);
  }
}
@media screen and (max-width: 768px) {
  header .ham-menu .bar {
    width: 20px;
  }
}
header .logo {
  padding: 40px;
}
header .ham-menu {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 50px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
}
@media (max-width: 500px) {
  header .ham-menu {
    top: 10px;
    right: 15px;
  }
}
header .ham-menu span {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 7px;
  background: #2d2d2d;
  transition: all 200ms ease-in-out;
}
header .ham-menu span.top {
  top: 0%;
}
header .ham-menu span.middle {
  top: 50%;
}
header .ham-menu span.bottom {
  top: 100%;
}
header .ham-menu.active span.top {
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
header .ham-menu.active span.bottom {
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}
header .ham-menu.active span.middle {
  display: none;
}
header .ham-menu input {
  display: none;
}
header .ham-active {
  position: relative;
  width: 400px;
}
header .ham-active ul {
  position: absolute;
  list-style: none;
}
header .ham-active ul li {
  display: inline-block;
}

.navbar-toggler {
  border: none !important;
}
.navbar-toggler span {
  color: black !important;
}

#bsHome {
  height: auto;
  width: 100%;
  background-image: linear-gradient(2deg, #ffffff 85%, #eedecf 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  z-index: 1;
}
@media (min-width: 1025px) and (max-width: 1440px) {
  #bsHome {
    background-size: 130%;
  }
}
@media (max-width: 1024px) {
  #bsHome {
    background-size: 200%;
  }
}
@media (max-width: 768px) {
  #bsHome {
    background-size: 240%;
  }
}
@media (max-width: 500px) {
  #bsHome {
    background-size: 300%;
    background-position: top 0px center;
    padding: 0 0px !important;
  }
}
@media (max-width: 400px) {
  #bsHome {
    background-size: 320%;
    background-position: top 0px center;
  }
}
#bsHome #bs-content-banner01 {
  text-align: center;
  width: 100%;
  padding: 20px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1024px) {
  #bsHome #bs-content-banner01 {
    padding: 0;
  }
}
@media (max-width: 768px) {
  #bsHome #bs-content-banner01 {
    padding: 0;
  }
}
#bsHome #bs-content-banner01 .inner {
  width: 100%;
  height: 100%;
  border-radius: 30px;
  background-image: url(/static/assets/img/background.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top -100px center;
}
@media (min-width: 1025px) and (max-width: 1440px) {
  #bsHome #bs-content-banner01 .inner {
    background-size: auto;
  }
}
@media (max-width: 1024px) {
  #bsHome #bs-content-banner01 .inner {
    background-position: top 0px center;
    border-radius: 0;
    background-size: 220%;
  }
}
@media (max-width: 768px) {
  #bsHome #bs-content-banner01 .inner {
    background-position: top 0px center;
    background-size: 300%;
  }
}
@media (max-width: 500px) {
  #bsHome #bs-content-banner01 .inner {
    border-radius: 0;
    background-size: 500%;
  }
}
#bsHome #bs-content-banner01 .intro-main-con-box {
  width: 100%;
  padding: 180px 32px 80px 32px;
}
@media (max-width: 768px) {
  #bsHome #bs-content-banner01 .intro-main-con-box {
    padding: 160px 24px 80px 24px;
  }
}
#bsHome #bs-content-banner01 .intro-main-con-box .main-title {
  transform: scale(0.25);
}
#bsHome #bs-content-banner01 .intro-main-con-box .bs-intro-img {
  width: 200px;
  margin: auto;
  transform: translateY(20px);
  opacity: 0;
}
@media (max-width: 1024px) {
  #bsHome #bs-content-banner01 .intro-main-con-box .bs-intro-img {
    width: 160px;
  }
}
@media (max-width: 500px) {
  #bsHome #bs-content-banner01 .intro-main-con-box .bs-intro-img {
    width: 160px;
  }
}
@media (max-width: 320px) {
  #bsHome #bs-content-banner01 .intro-main-con-box .bs-intro-img {
    width: 120px;
  }
}
#bsHome #bs-content-banner01 .intro-main-con-box .bs-con-bn-text01 {
  transform: translateY(40px);
  font-size: 4rem;
  font-weight: 800;
  color: #000;
  font-family: "NanumSquare Neo" !important;
  opacity: 0;
  margin: 80px 0 30px 0;
  word-break: keep-all;
  letter-spacing: -2px;
}
@media (max-width: 1024px) {
  #bsHome #bs-content-banner01 .intro-main-con-box .bs-con-bn-text01 {
    font-size: 3.4375rem;
    margin-top: 64px;
  }
}
@media (max-width: 768px) {
  #bsHome #bs-content-banner01 .intro-main-con-box .bs-con-bn-text01 {
    font-size: 3rem;
  }
}
@media (max-width: 599px) {
  #bsHome #bs-content-banner01 .intro-main-con-box .bs-con-bn-text01 {
    font-size: 2.5rem;
  }
}
@media (max-width: 500px) {
  #bsHome #bs-content-banner01 .intro-main-con-box .bs-con-bn-text01 {
    font-size: 2rem;
    margin: 32px 0 0 0;
    letter-spacing: -2px;
  }
}
#bsHome #bs-content-banner01 .intro-main-con-box .bs-con-bn-text01 .main-text-bold {
  font-weight: 800;
  color: #ff7f00;
  font-family: "NanumSquare Neo" !important;
}
#bsHome #bs-content-banner01 .intro-main-con-box .bs-con-bn-text01 .main-text-bold.or-cl {
  font-weight: 700;
}
#bsHome #bs-content-banner01 .intro-main-con-box .bs-con-bn-text01 .main-text {
  font-weight: 800;
  line-height: 110px; /* 171.875% */
  letter-spacing: -2.56px;
  margin-top: 16px;
  font-size: 4rem;
  font-family: "NanumSquare Neo" !important;
}
@media (max-width: 768px) {
  #bsHome #bs-content-banner01 .intro-main-con-box .bs-con-bn-text01 .main-text {
    font-size: 2.5rem;
    line-height: 72px;
  }
}
@media (max-width: 500px) {
  #bsHome #bs-content-banner01 .intro-main-con-box .bs-con-bn-text01 .main-text {
    font-size: 2rem;
    line-height: 56px;
  }
}
@media (max-width: 320px) {
  #bsHome #bs-content-banner01 .intro-main-con-box .bs-con-bn-text01 .main-text {
    font-size: 24px;
    line-height: 48px;
  }
}
#bsHome #bs-content-banner01 .intro-main-con-box .bs-con-bn-text01 .main-text.or-cl {
  font-weight: 800;
  font-size: 4rem;
  color: #ff7f00;
}
#bsHome #bs-content-banner01 .intro-main-con-box .bs-con-bn-text01 .main-tit-01 {
  font-size: 56px;
  font-weight: 700;
  font-family: "NanumSquare Neo" !important;
  display: block;
  line-height: 1;
  letter-spacing: -4px;
}
@media (max-width: 768px) {
  #bsHome #bs-content-banner01 .intro-main-con-box .bs-con-bn-text01 .main-tit-01 {
    font-size: 2.5rem;
  }
}
@media (max-width: 500px) {
  #bsHome #bs-content-banner01 .intro-main-con-box .bs-con-bn-text01 .main-tit-01 {
    font-size: 2rem;
    line-height: 1;
    font-weight: 700;
    letter-spacing: -2px;
    margin-bottom: 6px;
  }
}
@media (max-width: 320px) {
  #bsHome #bs-content-banner01 .intro-main-con-box .bs-con-bn-text01 .main-tit-01 {
    font-size: 24px;
    margin-bottom: 2px;
  }
}
#bsHome #bs-content-banner01 .intro-main-con-box .main-subBox {
  position: relative;
  width: 100%;
  height: 100%;
}
@media (max-width: 1024px) {
  #bsHome #bs-content-banner01 .intro-main-con-box .main-subBox {
    display: flex;
    flex-direction: column;
    margin-top: 32px;
  }
}
@media (max-width: 500px) {
  #bsHome #bs-content-banner01 .intro-main-con-box .main-subBox {
    margin-top: -50px;
  }
}
@media (max-width: 320px) {
  #bsHome #bs-content-banner01 .intro-main-con-box .main-subBox {
    margin-top: -80px;
  }
}
#bsHome #bs-content-banner01 .intro-main-con-box .main-subBox .bs-con-bn-text02 {
  font-size: 20px;
  font-weight: 700;
  line-height: 38px;
  color: #000;
  color: #000;
  letter-spacing: -0.8px;
  font-family: "NanumSquare Neo" !important;
  word-break: keep-all;
  width: fit-content;
  margin: auto;
  margin-bottom: 60px;
  padding: 0 20px;
  transform: translateY(60px);
  opacity: 0;
}
@media (max-width: 500px) {
  #bsHome #bs-content-banner01 .intro-main-con-box .main-subBox .bs-con-bn-text02 {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.65rem;
    color: #000;
    margin-bottom: 30px;
  }
}
#bsHome #bs-content-banner01 .intro-main-con-box .main-subBox .bs-con-bn-text02 .main-text-bold {
  font-weight: 800;
  color: #ff7f00;
  font-family: "NanumSquare Neo" !important;
}
#bsHome #bs-content-banner01 .intro-main-con-box .main-subBox .bs-con-bn-text02.sub-text-l {
  position: absolute;
  top: 0;
  left: 240px;
  text-align: left;
}
@media (min-width: 1025px) and (max-width: 1440px) {
  #bsHome #bs-content-banner01 .intro-main-con-box .main-subBox .bs-con-bn-text02.sub-text-l {
    left: 120px;
  }
}
@media (max-width: 1024px) {
  #bsHome #bs-content-banner01 .intro-main-con-box .main-subBox .bs-con-bn-text02.sub-text-l {
    position: unset;
    order: 1;
    text-align: center;
    padding: 2rem;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.4);
    margin: 56px 0 24px 0;
    width: 100%;
  }
}
@media (max-width: 500px) {
  #bsHome #bs-content-banner01 .intro-main-con-box .main-subBox .bs-con-bn-text02.sub-text-l {
    margin: 0px 0 16px 0;
  }
}
#bsHome #bs-content-banner01 .intro-main-con-box .main-subBox .bs-con-bn-text02.sub-text-r {
  position: absolute;
  bottom: 0;
  right: 240px;
  text-align: left;
}
@media (min-width: 1025px) and (max-width: 1440px) {
  #bsHome #bs-content-banner01 .intro-main-con-box .main-subBox .bs-con-bn-text02.sub-text-r {
    right: 120px;
  }
}
@media (max-width: 1024px) {
  #bsHome #bs-content-banner01 .intro-main-con-box .main-subBox .bs-con-bn-text02.sub-text-r {
    position: unset;
    order: 2;
    text-align: center;
    padding: 2rem;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.4);
    margin: 0;
    width: 100%;
  }
}
#bsHome #bs-content-banner01 .intro-main-con-box .main-subBox > img {
  margin: auto;
  transform: translateX(56px);
}
@media (max-width: 768px) {
  #bsHome #bs-content-banner01 .intro-main-con-box .main-subBox > img {
    transform: translateX(40px);
  }
}
@media (max-width: 500px) {
  #bsHome #bs-content-banner01 .intro-main-con-box .main-subBox > img {
    transform: translateX(40px) scale(0.7);
  }
}
@media (max-width: 320px) {
  #bsHome #bs-content-banner01 .intro-main-con-box .main-subBox > img {
    transform: translateX(40px) scale(0.6);
  }
}
#bsHome .bn-text-box {
  width: 100%;
  background-color: #FFFAF3;
  padding: 300px 0 210px 0;
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: 50px;
}
@media (max-width: 500px) {
  #bsHome .bn-text-box {
    padding: 260px 0 160px 0;
  }
}
#bsHome .bn-text-box p {
  transform: translateY(100px);
  opacity: 0;
  font-size: 32px;
  font-weight: 800;
  line-height: 50px;
  color: #3C3C3C;
  position: relative;
  letter-spacing: -4%;
  text-align: center;
  display: inline-block;
  margin: auto;
  font-family: "NanumSquare Neo" !important;
}
@media (max-width: 1024px) {
  #bsHome .bn-text-box p {
    font-size: 28px;
    line-height: 46px;
  }
}
@media (max-width: 768px) {
  #bsHome .bn-text-box p {
    padding: 0 30px;
    font-size: 24px;
    line-height: 44px;
  }
}
@media (max-width: 599px) {
  #bsHome .bn-text-box p {
    padding: 0 30px;
    font-size: 16px;
    line-height: 28px;
    word-break: keep-all;
  }
}
#bsHome .bn-text-box p::before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='42' height='32' viewBox='0 0 42 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.9891 15.8511V24.5041C25.9891 25.9295 25.9891 26.6416 26.2665 27.1861C26.5105 27.6649 26.8996 28.055 27.3785 28.299C27.9223 28.5762 28.6347 28.5762 30.0572 28.5762H34.6461C36.0687 28.5762 36.78 28.5762 37.3239 28.299C37.8028 28.055 38.1931 27.6647 38.4371 27.1858C38.7142 26.6419 38.7142 25.9306 38.7142 24.5081V19.9192C38.7142 18.4966 38.7142 17.7843 38.4371 17.2404C38.1931 16.7615 37.803 16.3725 37.3241 16.1285C36.7797 15.8511 36.0676 15.8511 34.6422 15.8511H25.9891ZM25.9891 15.8511V10.761C25.9891 6.54431 29.4075 3.12598 33.6242 3.12598M3.08398 15.8511V24.5041C3.08398 25.9295 3.08398 26.6416 3.36137 27.1861C3.60537 27.6649 3.99443 28.055 4.47331 28.299C5.01718 28.5762 5.72952 28.5762 7.15208 28.5762H11.741C13.1635 28.5762 13.8748 28.5762 14.4187 28.299C14.8976 28.055 15.288 27.6647 15.532 27.1858C15.8091 26.6419 15.8091 25.9306 15.8091 24.5081V19.9192C15.8091 18.4966 15.8091 17.7843 15.532 17.2404C15.288 16.7615 14.8978 16.3725 14.419 16.1285C13.8746 15.8511 13.1624 15.8511 11.737 15.8511H3.08398ZM3.08398 15.8511V10.761C3.08398 6.54431 6.50231 3.12598 10.719 3.12598' stroke='%233C3C3C' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  transform: translate(-30px, -10px);
}
@media (max-width: 1024px) {
  #bsHome .bn-text-box p::before {
    background-size: contain;
    width: 30px;
    height: 30px;
  }
}
@media (max-width: 768px) {
  #bsHome .bn-text-box p::before {
    width: 22px;
    height: 22px;
  }
}
@media (max-width: 500px) {
  #bsHome .bn-text-box p::before {
    transform: translate(0px, -5px);
    width: 20px;
    height: 20px;
  }
}
#bsHome .bn-text-box p::after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='43' height='33' viewBox='0 0 43 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.8443 29.2837C36.0885 29.2837 39.5291 25.8432 39.5291 21.599V16.4761M39.5291 16.4761V7.76257C39.5291 6.33075 39.5291 5.61375 39.2501 5.06633C39.0046 4.58434 38.6117 4.19275 38.1297 3.94716C37.5817 3.66797 36.8654 3.66797 35.4308 3.66797H30.82C29.3853 3.66797 28.6675 3.66797 28.1195 3.94716C27.6376 4.19275 27.246 4.58434 27.0004 5.06633C26.7212 5.61428 26.7212 6.33212 26.7212 7.76674V12.3776C26.7212 13.8122 26.7212 14.5285 27.0004 15.0765C27.246 15.5584 27.6376 15.9513 28.1195 16.1969C28.667 16.4759 29.3839 16.4759 30.8157 16.4759L39.5291 16.4761ZM8.79015 29.2837C13.0343 29.2837 16.4749 25.8432 16.4749 21.599L16.4749 16.4761M16.4749 16.4761V7.76254C16.4749 6.33074 16.4749 5.61374 16.196 5.06633C15.9504 4.58434 15.5575 4.19275 15.0755 3.94716C14.5275 3.66797 13.8112 3.66797 12.3766 3.66797H7.76576C6.33115 3.66797 5.6133 3.66797 5.06535 3.94716C4.58336 4.19275 4.19177 4.58434 3.94619 5.06633C3.66699 5.61428 3.66699 6.33212 3.66699 7.76674V12.3776C3.66699 13.8122 3.66699 14.5285 3.94619 15.0765C4.19177 15.5584 4.58336 15.9513 5.06535 16.1969C5.61277 16.4759 6.32975 16.4759 7.76156 16.4759L16.4749 16.4761Z' stroke='%233C3C3C' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  float: right;
  transform: translate(20px, 30px);
}
@media (max-width: 1024px) {
  #bsHome .bn-text-box p::after {
    background-size: contain;
    width: 30px;
    height: 30px;
    transform: translate(20px, 20px);
  }
}
@media (max-width: 768px) {
  #bsHome .bn-text-box p::after {
    width: 22px;
    height: 22px;
    transform: translate(20px, 20px);
  }
}
@media (max-width: 500px) {
  #bsHome .bn-text-box p::after {
    width: 20px;
    height: 20px;
    transform: translate(-5px, 20px);
  }
}
#bsHome .bn-text-box p .point-cl {
  color: #FE7E21;
  font-family: "NanumSquare Neo" !important;
}

#bsVideo {
  transform: translateY(80px);
  opacity: 0;
}
#bsVideo .bs-con-bn-text02 span {
  display: inline-block;
  line-height: 1;
  padding-bottom: 8px;
}
#bsVideo .bs-video-player {
  border-radius: 4px;
}
#bsVideo .main-btn-box {
  display: flex;
  flex-direction: row;
  align-items: space-between;
  justify-content: center;
  width: 100%;
  gap: 15px;
  margin-top: 20px;
}
@media (max-width: 500px) {
  #bsVideo .main-btn-box {
    display: flex;
    flex-direction: column;
    align-items: space-between;
    justify-content: center;
  }
}
#bsVideo .main-btn-box .more-btn {
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
  color: #fff;
  width: 50%;
  padding: 25px 50px;
  border-radius: 20px;
  background-color: #ff7f00;
  min-height: 45px;
  box-shadow: 2px 0px 14px 6px rgba(0, 0, 0, 0.05);
}
@media (max-width: 768px) {
  #bsVideo .main-btn-box .more-btn {
    font-size: 22px;
  }
}
@media (max-width: 500px) {
  #bsVideo .main-btn-box .more-btn {
    font-size: 16px;
    padding: 15px 50px 13px 50px;
    width: 100%;
  }
}
#bsVideo .main-btn-box .mydata-btn {
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
  color: #25183E;
  width: 50%;
  display: block;
  padding: 25px 50px;
  border-radius: 20px;
  background-color: #fff;
  min-height: 45px;
  box-shadow: 2px 0px 14px 6px rgba(0, 0, 0, 0.05);
}
@media (max-width: 768px) {
  #bsVideo .main-btn-box .mydata-btn {
    font-size: 22px;
  }
}
@media (max-width: 500px) {
  #bsVideo .main-btn-box .mydata-btn {
    font-size: 16px;
    padding: 15px 50px 13px 50px;
    width: 100%;
  }
}

.instagram-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 2rem;
  padding: 0 32px;
  width: 100%;
}
@media (max-width: 500px) {
  .instagram-card {
    padding: 0;
  }
}
.instagram-card > img {
  transform: scale(0.6);
}
@media (max-width: 500px) {
  .instagram-card > img {
    transform: scale(1);
  }
}
.instagram-card .scan_box {
  background-image: linear-gradient(68.3deg, rgb(245, 177, 97) 0.4%, rgb(236, 54, 110) 100.2%);
  padding: 2rem;
  gap: 2rem;
  border-radius: 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 500px) {
  .instagram-card .scan_box {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
  }
}
.instagram-card .scan_box svg {
  width: 240px;
  height: 240px;
}
.instagram-card .scan_box > a {
  font-size: 28px;
  font-weight: 500;
  line-height: 36px;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  cursor: pointer;
  width: 50%;
}
@media (max-width: 500px) {
  .instagram-card .scan_box > a {
    font-size: 20px;
    line-height: 28px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
.instagram-card .scan_box > a > span {
  background-color: #fff;
  border-radius: 100%;
  color: #ef636b;
  display: block;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 24px;
  font-weight: 600;
}
@media (max-width: 500px) {
  .instagram-card .scan_box > a > span {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 22px;
  }
}

#bsWhere {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  #bsWhere {
    padding: 0px 24px 0px 24px;
  }
}
@media (max-width: 500px) {
  #bsWhere {
    padding: 0px 8px 0px 8px;
  }
}
@media (max-width: 375px) {
  #bsWhere {
    padding: 0;
  }
}
@media (max-width: 344px) {
  #bsWhere {
    padding: 0;
  }
}
#bsWhere .bs-con-lc-inner {
  width: 100%;
  opacity: 0;
  transform: translateY(40px);
}
#bsWhere .bs-con-lc-inner .container {
  position: relative;
}
#bsWhere .bs-con-lc-inner .container .card-carousel {
  --card-width: 100%;
  --card-max-width: 410px;
  --card-height: 520px;
  z-index: 1;
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: var(--card-height);
  min-width: var(--carousel-min-width);
  transition: filter 0.3s ease;
}
@media (max-width: 500px) {
  #bsWhere .bs-con-lc-inner .container .card-carousel {
    --card-max-width: 310px;
    --card-height: 370px;
    width: 310px;
    height: 390px;
  }
}
@media (max-width: 344px) {
  #bsWhere .bs-con-lc-inner .container .card-carousel {
    --card-max-width: 250px;
    --card-height: 360px;
    width: 250px;
    height: 360px;
  }
}
#bsWhere .bs-con-lc-inner .container .card-carousel.smooth-return {
  transition: all 0.2s ease;
}
#bsWhere .bs-con-lc-inner .container .card-carousel .card {
  background: #fff;
  width: var(--card-width);
  max-width: var(--card-max-width);
  text-align: center;
  min-width: 250px;
  height: var(--card-height);
  position: absolute;
  margin: 0 auto;
  color: rgba(0, 0, 0, 0.5);
  transition: inherit;
  box-sizing: border-box;
  border-radius: 2rem;
  filter: brightness(0.95);
  overflow: hidden;
  box-shadow: 0 4px 15px 0.2px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
#bsWhere .bs-con-lc-inner .container .card-carousel .card .bs-primary-color {
  color: #7C7C7C;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
#bsWhere .bs-con-lc-inner .container .card-carousel .card.highlight {
  filter: brightness(1);
  box-shadow: 0 4px 15px 0.2px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0 4px 15px 0.2px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 4px 15px 0.2px rgba(0, 0, 0, 0.35);
}
#bsWhere .bs-con-lc-inner .container .card-carousel .card.highlight .store-date {
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  color: #fff !important;
  font-family: "NanumSquare Neo" !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px !important;
  border-radius: 40px !important;
  background: #FF7F00 !important;
  border: none !important;
}
#bsWhere .bs-con-lc-inner .container .card-carousel .card.highlight .bs-primary-color {
  color: #FF9F48;
}
@media (max-width: 500px) {
  #bsWhere .bs-con-lc-inner .container .card-carousel .card.highlight .bs-primary-color {
    font-size: 16px;
  }
}
#bsWhere .bs-con-lc-inner .container .card-carousel .card.open-store {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  justify-content: flex-end;
  border: none;
}
#bsWhere .bs-con-lc-inner .container .card-carousel .card .text-container {
  width: 100%;
  height: auto;
  padding: 24px;
  border-radius: 2rem;
  background: #FFF;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 24px;
}
@media (max-width: 500px) {
  #bsWhere .bs-con-lc-inner .container .card-carousel .card .text-container {
    gap: 16px;
  }
}
#bsWhere .bs-con-lc-inner .container .card-carousel .card .text-container .store-date {
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  color: #777;
  font-family: "NanumSquare Neo";
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 8px;
  border-radius: 40px;
  border: 1px solid #BBB;
  background: #FFF;
}
#bsWhere .bs-con-lc-inner .container .card-carousel .card .text-container .store-tit {
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  color: #181818;
  text-align: left;
}
@media (max-width: 1024px) {
  #bsWhere .bs-con-lc-inner .container .card-carousel .card .text-container .store-tit {
    font-size: 22px;
  }
}
@media (max-width: 768px) {
  #bsWhere .bs-con-lc-inner .container .card-carousel .card .text-container .store-tit {
    line-height: 1;
  }
}
@media (max-width: 500px) {
  #bsWhere .bs-con-lc-inner .container .card-carousel .card .text-container .store-tit {
    font-size: 14px;
    line-height: 20px;
  }
}
#bsWhere .bs-con-lc-inner .container .card-carousel .card .text-container .store-name {
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
  color: #181818;
  font-family: "Kakao Big Sans";
}
@media (max-width: 500px) {
  #bsWhere .bs-con-lc-inner .container .card-carousel .card .text-container .store-name {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #181818;
    text-align: left;
    word-break: keep-all;
    gap: 0;
  }
}
#bsWhere .bs-con-lc-inner .container .card-carousel .image-container {
  width: 8em;
  height: 8em;
  position: relative;
  background-size: cover;
  margin-bottom: 2em;
  border-radius: 100%;
  padding: 1em;
  -webkit-box-shadow: inset 0px 0px 17px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 17px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 17px 0px rgba(0, 0, 0, 0.3);
}
#bsWhere .bs-con-lc-inner .container .card-carousel .image-container::after {
  content: "";
  display: block;
  width: 120%;
  height: 120%;
  border: solid 3px rgba(0, 0, 0, 0.1);
  border-radius: 100%;
  position: absolute;
  top: calc(-10% - 3px);
  left: calc(-10% - 3px);
}
#bsWhere .bs-con-lc-inner .container #store-2 {
  background-image: url("/static/assets/img/location_img.jpg");
}
#bsWhere .bs-con-lc-inner .container #store-3 {
  background-image: url("/static/assets/img/where-img.jpg");
}
#bsWhere .bs-con-lc-inner .visuallyhidden {
  position: absolute;
  z-index: -1;
  right: 0;
  opacity: 0;
}
#bsWhere .advance-booking-btn {
  width: 100%;
  min-width: 260px;
  max-width: 410px;
  height: auto;
  padding: 28px;
  font-size: 24px;
  font-weight: 800;
  line-height: 1;
  color: #ff7f00;
  border: 1px solid #FF7F00;
  border-radius: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  margin: 0 auto;
  box-sizing: border-box;
  padding-left: 70px;
}
@media (max-width: 500px) {
  #bsWhere .advance-booking-btn {
    font-size: 16px;
    padding: 20px;
    max-width: 310px;
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
}
@media (max-width: 344px) {
  #bsWhere .advance-booking-btn {
    width: 80%;
  }
}
#bsWhere .advance-booking-btn .arrow-r {
  background-color: #fff;
  border-radius: 100%;
  padding: 10px;
  color: #464646;
  font-weight: 600;
}

#bsHowto {
  width: 100%;
  height: auto;
  background-color: #FFF4E8;
  z-index: 98;
  overflow: hidden;
}
@media (max-width: 500px) {
  #bsHowto {
    border-radius: 30px 30px 0 0;
  }
}
@media (max-width: 500px) {
  #bsHowto #bs-content-howto {
    margin: 0 auto;
    width: 100%;
  }
}
@media (max-width: 320px) {
  #bsHowto #bs-content-howto {
    padding: 0 20px;
  }
}
#bsHowto #bs-content-howto .bs-con-howto-title {
  width: 100%;
  margin: auto;
  opacity: 0;
  transform: translateY(40px);
}
#bsHowto #bs-content-howto .bs-con-howto-detailWrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  max-width: 878.5px;
  width: 100%;
  height: auto;
  gap: 120px;
  margin: auto;
  margin-top: 80px;
}
@media (max-width: 500px) {
  #bsHowto #bs-content-howto .bs-con-howto-detailWrap {
    gap: 50px;
  }
}
#bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  position: relative;
  opacity: 1;
}
@media (max-width: 1024px) {
  #bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail {
    width: 100%;
    gap: 50px;
  }
}
@media (max-width: 768px) {
  #bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail {
    gap: 0;
  }
}
@media (max-width: 500px) {
  #bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 0;
    padding: 0;
  }
}
#bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail:nth-child(odd) .bs-con-howto-detail-text-wrap {
  padding-left: 0;
}
@media (max-width: 599px) {
  #bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail:nth-child(odd) .bs-con-howto-detail-text-wrap {
    padding-left: 30px;
  }
}
@media (max-width: 500px) {
  #bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail:nth-child(odd) .bs-con-howto-detail-text-wrap {
    padding-left: 0;
  }
}
#bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail .bs-con-howto-imgbox-01 {
  background-image: url("/static/assets/img/about_01.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 320px;
  height: 320px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  #bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail .bs-con-howto-imgbox-01 {
    width: 300px;
    height: 300px;
  }
}
@media (max-width: 500px) {
  #bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail .bs-con-howto-imgbox-01 {
    display: block;
    width: 220px;
    height: 200px;
    background-size: contain;
  }
}
#bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail .bs-con-howto-imgbox-02 {
  background-image: url("/static/assets/img/about_02.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 320px;
  height: 320px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  #bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail .bs-con-howto-imgbox-02 {
    width: 300px;
    height: 300px;
  }
}
@media (max-width: 500px) {
  #bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail .bs-con-howto-imgbox-02 {
    display: block;
    width: 220px;
    height: 200px;
    background-size: contain;
    margin-top: 30px;
  }
}
#bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail .bs-con-howto-imgbox-03 {
  background-image: url("/static/assets/img/about_03.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 320px;
  height: 320px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  #bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail .bs-con-howto-imgbox-03 {
    width: 300px;
    height: 300px;
  }
}
@media (max-width: 500px) {
  #bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail .bs-con-howto-imgbox-03 {
    display: block;
    width: 220px;
    height: 200px;
    background-size: contain;
    margin-top: 30px;
  }
}
#bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail .bs-con-howto-imgbox-04 {
  background-image: url("/static/assets/img/about_04.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 320px;
  height: 320px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  #bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail .bs-con-howto-imgbox-04 {
    width: 300px;
    height: 300px;
  }
}
@media (max-width: 599px) {
  #bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail .bs-con-howto-imgbox-04 {
    width: 250px;
    height: 300px;
  }
}
@media (max-width: 500px) {
  #bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail .bs-con-howto-imgbox-04 {
    display: block;
    width: 220px;
    height: 200px;
    background-size: contain;
    margin-top: 30px;
  }
}
#bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail .bs-con-howto-imgbox-05 {
  background-image: url("/static/assets/img/about_05.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 320px;
  height: 320px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  #bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail .bs-con-howto-imgbox-05 {
    width: 300px;
    height: 300px;
  }
}
@media (max-width: 599px) {
  #bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail .bs-con-howto-imgbox-05 {
    width: 310px;
    height: 300px;
  }
}
@media (max-width: 500px) {
  #bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail .bs-con-howto-imgbox-05 {
    display: block;
    width: 220px;
    height: 200px;
    background-size: contain;
    margin-top: 30px;
  }
}
#bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail .bs-con-howto-img {
  width: 100%;
  margin: auto;
}
@media (max-width: 768px) {
  #bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail .bs-con-howto-img {
    display: none;
  }
}
@media (max-width: 500px) {
  #bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail .bs-con-howto-img {
    display: none;
  }
}
#bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail.wd-01 {
  margin-left: 0px;
  opacity: 0;
  transform: translateY(60px);
}
@media (max-width: 1024px) {
  #bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail.wd-01 {
    margin-left: 0;
  }
}
#bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail.wd-02 {
  opacity: 0;
  transform: translateY(80px);
}
@media (max-width: 768px) {
  #bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail.wd-02 {
    margin-left: 0px;
  }
}
@media (max-width: 500px) {
  #bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail.wd-02 {
    flex-direction: column-reverse;
  }
}
#bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail.wd-03 {
  margin-left: 0px;
  opacity: 0;
  transform: translateY(100px);
}
@media (max-width: 1024px) {
  #bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail.wd-03 {
    padding-right: 10px;
    margin-left: 0;
  }
}
#bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail.wd-04 {
  opacity: 0;
  transform: translateY(120px);
}
@media (max-width: 768px) {
  #bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail.wd-04 {
    margin-left: 0;
    gap: 30px;
  }
}
@media (max-width: 500px) {
  #bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail.wd-04 {
    flex-direction: column-reverse;
    gap: 0;
  }
}
#bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail.wd-05 {
  margin-left: 0px;
  opacity: 0;
  transform: translateY(140px);
}
@media (max-width: 768px) {
  #bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail.wd-05 {
    margin-left: 0;
    gap: 30px;
  }
}
@media (max-width: 500px) {
  #bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail.wd-05 {
    gap: 0;
  }
}
#bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail .bs-con-howto-detail-text-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  width: 320px;
}
@media (max-width: 1024px) {
  #bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail .bs-con-howto-detail-text-wrap {
    padding-top: 0px;
  }
}
@media (max-width: 768px) {
  #bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail .bs-con-howto-detail-text-wrap {
    width: 320px;
    padding-left: 15px;
  }
}
@media (max-width: 500px) {
  #bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail .bs-con-howto-detail-text-wrap {
    padding-top: 0;
    padding-left: 0px;
    width: 100%;
  }
}
#bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail .bs-con-howto-detail-text-wrap .bs-con-howto-detail-tit {
  font-size: 76px;
  font-weight: 700;
  line-height: 1;
  color: #ff7f00;
  font-family: "Charmonman", cursive;
}
@media (max-width: 1024px) {
  #bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail .bs-con-howto-detail-text-wrap .bs-con-howto-detail-tit {
    font-size: 72px;
  }
}
@media (max-width: 599px) {
  #bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail .bs-con-howto-detail-text-wrap .bs-con-howto-detail-tit {
    font-size: 60px;
  }
}
@media (max-width: 500px) {
  #bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail .bs-con-howto-detail-text-wrap .bs-con-howto-detail-tit {
    font-size: 48px;
    margin-top: 40px;
  }
}
#bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail .bs-con-howto-detail-text-wrap .bs-con-howto-detail-subtit {
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  padding: 50px 0 30px 0;
}
@media (max-width: 1024px) {
  #bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail .bs-con-howto-detail-text-wrap .bs-con-howto-detail-subtit {
    font-size: 22px;
  }
}
@media (max-width: 599px) {
  #bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail .bs-con-howto-detail-text-wrap .bs-con-howto-detail-subtit {
    font-size: 20px;
  }
}
@media (max-width: 500px) {
  #bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail .bs-con-howto-detail-text-wrap .bs-con-howto-detail-subtit {
    font-size: 18px;
    padding: 30px 0 15px 0;
  }
}
#bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail .bs-con-howto-detail-text-wrap .bs-con-howto-detail-text {
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  color: #25183E;
  word-break: keep-all;
}
@media (max-width: 1024px) {
  #bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail .bs-con-howto-detail-text-wrap .bs-con-howto-detail-text {
    font-size: 18px;
  }
}
@media (max-width: 599px) {
  #bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail .bs-con-howto-detail-text-wrap .bs-con-howto-detail-text {
    font-size: 16px;
  }
}
@media (max-width: 500px) {
  #bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail .bs-con-howto-detail-text-wrap .bs-con-howto-detail-text {
    font-size: 16px;
    line-height: 22px;
  }
}
#bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail .bs-con-howto-detail-text-wrap .bs-con-howto-detail-text .use_point_cl {
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  color: #ff7f00;
}
@media (max-width: 599px) {
  #bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail .bs-con-howto-detail-text-wrap .bs-con-howto-detail-text .use_point_cl {
    font-size: 16px;
  }
}
#bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail .bs-con-howto-detail-text-wrap .bs-con-howto-detail-text .use_sub_text {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  color: #888;
  margin: 10px 0 0 10px;
  display: block;
}
@media (max-width: 599px) {
  #bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail .bs-con-howto-detail-text-wrap .bs-con-howto-detail-text .use_sub_text {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #888;
    margin: 5px 0 0 10px;
  }
}
#bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail .bs-con-howto-detail-text-wrap .bs-con-howto-detail-text .use_sub_text .use_point_cl {
  font-size: 16px;
  display: unset;
}
@media (max-width: 599px) {
  #bsHowto #bs-content-howto .bs-con-howto-detailWrap .bs-con-howto-detail .bs-con-howto-detail-text-wrap .bs-con-howto-detail-text .use_sub_text .use_point_cl {
    font-size: 14px;
  }
}
#bsHowto #bs-content-howto .bs-con-howto-detailWrap .use_bot_text {
  opacity: 0;
  transform: translateY(140px);
  font-size: 24px;
  font-weight: 700;
  line-height: 45px;
  color: #25183E;
  text-align: center;
  font-family: "NanumSquare Neo";
  word-break: keep-all;
}
@media (max-width: 500px) {
  #bsHowto #bs-content-howto .bs-con-howto-detailWrap .use_bot_text {
    font-size: 16px;
    line-height: 15px;
  }
}
#bsHowto #bs-content-howto .bs-con-howto-detailWrap .use_bot_text::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: #ff7f00;
  margin: 20px auto;
}
#bsHowto #bs-content-howto .bs-con-howto-detailWrap .use_bot_text .use_point_cl {
  font-size: 24px;
  font-weight: 700;
  line-height: 40px;
  color: #ff7f00;
  display: block;
  font-family: "NanumSquare Neo";
}
@media (max-width: 500px) {
  #bsHowto #bs-content-howto .bs-con-howto-detailWrap .use_bot_text .use_point_cl {
    font-size: 16px;
    display: inline;
    line-height: 26px;
  }
}

#bsWhat {
  width: 100%;
  height: auto;
  background-color: #FFFDFB;
  z-index: 98;
}
#bsWhat .bs-content-wrap {
  margin: auto;
}
@media (max-width: 500px) {
  #bsWhat .bs-content-wrap {
    margin: 0;
  }
}
#bsWhat .bs-content-wrap .bs-con-content-title {
  padding-bottom: 0;
  opacity: 0;
  transform: translateY(40px);
}
@media (max-width: 500px) {
  #bsWhat .bs-content-wrap .bs-con-content-title {
    padding-bottom: 0px;
  }
}
#bsWhat .bs-content-wrap .bs-con-content-title > span {
  padding-top: 20px;
}
#bsWhat .bs-content-wrap .bs-con-content-title .bs-con-subtext {
  padding-top: 12px;
}
#bsWhat .bs-content-wrap .bs-content-image-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
@media (max-width: 1024px) {
  #bsWhat .bs-content-wrap .bs-content-image-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 500px) {
  #bsWhat .bs-content-wrap .bs-content-image-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
#bsWhat .bs-content-wrap .bs-content-image-wrap .bs-content-image-box {
  box-sizing: border-box;
  width: 60%;
  height: auto;
  padding-bottom: 30px !important;
  margin-bottom: 70px;
}
#bsWhat .bs-content-wrap .bs-content-image-wrap .bs-content-image-box.bs-con-01 {
  opacity: 0;
  transform: translateY(60px);
}
#bsWhat .bs-content-wrap .bs-content-image-wrap .bs-content-image-box.bs-con-02 {
  opacity: 0;
  transform: translateY(110px);
}
#bsWhat .bs-content-wrap .bs-content-image-wrap .bs-content-image-box.bs-con-03 {
  opacity: 0;
  transform: translateY(160px);
}
#bsWhat .bs-content-wrap .bs-content-image-wrap .bs-content-image-box.bs-con-04 {
  opacity: 0;
  transform: translateY(210px);
  padding-bottom: 0 !important;
  border-bottom: none !important;
  margin-bottom: 0;
}
@media (max-width: 1024px) {
  #bsWhat .bs-content-wrap .bs-content-image-wrap .bs-content-image-box {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 768px) {
  #bsWhat .bs-content-wrap .bs-content-image-wrap .bs-content-image-box {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 500px) {
  #bsWhat .bs-content-wrap .bs-content-image-wrap .bs-content-image-box {
    width: 100%;
    height: auto;
    padding-bottom: 30px !important;
    margin-bottom: 30px;
  }
}
@media (max-width: 500px) {
  #bsWhat .bs-content-wrap .bs-content-image-wrap .bs-content-image-box:nth-child(odd) {
    border: 0;
  }
}
@media (max-width: 500px) {
  #bsWhat .bs-content-wrap .bs-content-image-wrap .bs-content-image-box:nth-child(1) {
    border: 0;
    padding: 0;
  }
}
@media (max-width: 500px) {
  #bsWhat .bs-content-wrap .bs-content-image-wrap .bs-content-image-box:nth-child(2) {
    border: 0;
    padding: 0;
  }
}
@media (max-width: 500px) {
  #bsWhat .bs-content-wrap .bs-content-image-wrap .bs-content-image-box:nth-child(3) {
    padding: 0;
  }
}
@media (max-width: 500px) {
  #bsWhat .bs-content-wrap .bs-content-image-wrap .bs-content-image-box:nth-child(4) {
    padding: 0;
    margin-bottom: 0;
  }
}
#bsWhat .bs-content-wrap .bs-content-image-wrap .bs-content-image-box img {
  width: 100%;
}
@media (max-width: 500px) {
  #bsWhat .bs-content-wrap .bs-content-image-wrap .bs-content-image-box img {
    width: 95%;
    margin: auto;
  }
}
#bsWhat .bs-content-wrap .bs-content-image-wrap .bs-content-image-box p {
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  color: #3c3c3c;
  letter-spacing: -4%;
  text-align: center;
  padding: 20px;
  word-break: keep-all;
}
@media (max-width: 599px) {
  #bsWhat .bs-content-wrap .bs-content-image-wrap .bs-content-image-box p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 500px) {
  #bsWhat .bs-content-wrap .bs-content-image-wrap .bs-content-image-box p {
    font-size: 16px;
    line-height: 20px;
  }
}
#bsWhat .bs-content-wrap .bs-content-image-wrap .bs-content-image-box p .text_cl {
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  color: #ff7f00;
}
@media (max-width: 599px) {
  #bsWhat .bs-content-wrap .bs-content-image-wrap .bs-content-image-box p .text_cl {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 500px) {
  #bsWhat .bs-content-wrap .bs-content-image-wrap .bs-content-image-box p .text_cl {
    font-size: 16px;
    line-height: 20px;
  }
}
#bsWhat .bs-content-mypage-wrap {
  opacity: 0;
  transform: translateY(100px);
  margin: 100px 0;
  width: 100%;
  display: none;
}
@media (max-width: 500px) {
  #bsWhat .bs-content-mypage-wrap {
    margin: 80px 0;
  }
}
#bsWhat .bs-content-mypage-wrap .bs-content-title {
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
  color: #ff7f00;
  font-family: "Tilt Neon", sans-serif;
  text-align: center;
}
@media (max-width: 768px) {
  #bsWhat .bs-content-mypage-wrap .bs-content-title {
    font-size: 20px;
  }
}
@media (max-width: 500px) {
  #bsWhat .bs-content-mypage-wrap .bs-content-title {
    font-size: 16px;
  }
}
#bsWhat .bs-content-mypage-wrap .bs-content-mypage-image {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 20px;
  background-image: url("/static/assets/img/layer-blur.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 100%;
  margin: auto;
  height: 880px;
  opacity: 0;
  transform: translateY(140px);
}
@media (max-width: 768px) {
  #bsWhat .bs-content-mypage-wrap .bs-content-mypage-image {
    height: 680px;
  }
}
@media (max-width: 500px) {
  #bsWhat .bs-content-mypage-wrap .bs-content-mypage-image {
    height: auto;
  }
}
#bsWhat .bs-content-mypage-wrap .bs-content-mypage-image .mydata-img {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 20px;
  background-image: url("/static/assets/img/mypage_img_05.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  margin: auto;
  height: 715px;
}
@media (max-width: 768px) {
  #bsWhat .bs-content-mypage-wrap .bs-content-mypage-image .mydata-img {
    background-size: 120%;
  }
}
@media (max-width: 500px) {
  #bsWhat .bs-content-mypage-wrap .bs-content-mypage-image .mydata-img {
    height: 355px;
  }
}
#bsWhat .bs-content-mypage-wrap .bs-content-mypage-image .bs-con-mp-imgbox01 {
  position: relative;
}
#bsWhat .bs-content-mypage-wrap .bs-content-mypage-image .bs-con-mp-imgbox01 img {
  width: 318px;
  height: 655px;
  box-shadow: 9px 12px 28px rgba(0, 0, 0, 0.09);
  border-radius: 20px;
  position: relative;
}
@media (max-width: 1024px) {
  #bsWhat .bs-content-mypage-wrap .bs-content-mypage-image .bs-con-mp-imgbox01 img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 500px) {
  #bsWhat .bs-content-mypage-wrap .bs-content-mypage-image .bs-con-mp-imgbox01 img {
    border-radius: 10px;
  }
}
#bsWhat .bs-content-mypage-wrap .bs-content-mypage-image .bs-con-mp-imgbox01::after {
  position: absolute;
  top: 345px;
  bottom: none;
  left: -17px;
  right: none;
  content: "";
  display: block;
  background-image: url("/static/assets/img/mypage_img_03.png");
  background-position: -21px -18px;
  width: 151px;
  height: 209px;
  border-radius: 11px;
}
@media (max-width: 768px) {
  #bsWhat .bs-content-mypage-wrap .bs-content-mypage-image .bs-con-mp-imgbox01::after {
    top: 236px;
    width: 178px;
    height: 208px;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 500px) {
  #bsWhat .bs-content-mypage-wrap .bs-content-mypage-image .bs-con-mp-imgbox01::after {
    top: 114px;
    left: -7px;
    width: 62px;
    height: 73px;
    display: none;
  }
}
#bsWhat .bs-content-mypage-wrap .bs-content-mypage-image .bs-con-mp-imgbox02 {
  position: relative;
}
#bsWhat .bs-content-mypage-wrap .bs-content-mypage-image .bs-con-mp-imgbox02 img {
  width: 318px;
  height: 655px;
  box-shadow: 9px 12px 28px rgba(0, 0, 0, 0.09);
  border-radius: 20px;
  position: relative;
}
@media (max-width: 1024px) {
  #bsWhat .bs-content-mypage-wrap .bs-content-mypage-image .bs-con-mp-imgbox02 img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 500px) {
  #bsWhat .bs-content-mypage-wrap .bs-content-mypage-image .bs-con-mp-imgbox02 img {
    border-radius: 10px;
  }
}
#bsWhat .bs-content-mypage-wrap .bs-content-mypage-image .bs-con-mp-imgbox02::after {
  position: absolute;
  top: 170px;
  bottom: none;
  left: none;
  right: -192px;
  content: "";
  display: block;
  background-image: url("/static/assets/img/mypage_img_04.png");
  background-position: center;
  background-size: cover;
  width: 321px;
  height: 164px;
  border-radius: 21px;
  box-shadow: 9px 12px 28px 2px rgba(0, 0, 0, 0.09);
}
@media (max-width: 1024px) {
  #bsWhat .bs-content-mypage-wrap .bs-content-mypage-image .bs-con-mp-imgbox02::after {
    right: -150px;
  }
}
@media (max-width: 768px) {
  #bsWhat .bs-content-mypage-wrap .bs-content-mypage-image .bs-con-mp-imgbox02::after {
    top: 133px;
    right: -126px;
    background-size: cover;
    width: 273px;
    height: 174px;
    box-shadow: none;
    background-position: center;
  }
}
@media (max-width: 500px) {
  #bsWhat .bs-content-mypage-wrap .bs-content-mypage-image .bs-con-mp-imgbox02::after {
    top: 63px;
    right: -40px;
    width: 120px;
    height: 75px;
    display: none;
  }
}

#bsFooter {
  width: 100%;
  height: auto;
  background-color: #2d2d2d;
  margin: 0;
}
@media (max-width: 1024px) {
  #bsFooter {
    overflow: hidden;
  }
}
#bsFooter .bs-ft-inner {
  padding: 50px 50px 70px 50px;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: none;
}
@media (max-width: 500px) {
  #bsFooter .bs-ft-inner {
    padding: 30px 15px 50px 15px;
  }
}
#bsFooter .bs-ft-inner .bs-ft-link-wrap {
  width: 100%;
  margin-bottom: 63px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 500px) {
  #bsFooter .bs-ft-inner .bs-ft-link-wrap {
    margin-bottom: 34px;
  }
}
#bsFooter .bs-ft-inner .bs-ft-link-wrap a.eshop-logo {
  width: 120px;
  height: 48px;
  background-image: url("data:image/svg+xml,%3Csvg width='1111' height='431' viewBox='0 0 1111 431' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_395_585)'%3E%3Cpath d='M679.22 226.941C674.05 232.501 668.43 235.241 662.28 236.751C648.72 240.081 635.85 238.201 623.84 230.901C607.45 220.931 594.24 207.491 583.64 191.791C556.32 151.361 529.57 110.551 502.59 69.8905C501.32 67.9805 500.09 66.0405 498.84 64.1105C498.4 64.1705 497.96 64.2305 497.51 64.2805C497.51 66.1105 497.51 67.9405 497.51 69.7805C497.51 120.941 497.51 172.111 497.51 223.271C497.51 231.281 497.51 231.281 489.24 231.291C488.07 231.291 486.91 231.291 485.74 231.291C476.13 231.281 474.75 229.951 474.75 220.401C474.74 178.071 474.74 135.741 474.74 93.4105C474.74 73.0805 474.76 52.7505 474.72 32.4105C474.71 29.0805 474.65 25.7305 474.23 22.4305C473.52 16.8505 471.23 12.2505 465.53 10.0405C464.45 9.62053 463.61 8.57053 462.12 7.38053C463.75 6.69053 464.59 6.00053 465.43 6.02053C475.58 6.25053 485.74 6.33053 495.86 6.98053C503.2 7.45053 509.13 11.1605 513.61 16.9905C516.35 20.5505 519.04 24.1705 521.49 27.9305C554.5 78.5805 587.46 129.261 620.43 179.931C621.43 181.461 622.45 182.971 624.63 184.451C624.63 182.631 624.63 180.821 624.63 179.001C624.63 125.501 624.63 72.0105 624.63 18.5105C624.63 16.6805 624.55 14.8305 624.77 13.0205C625.38 7.93053 627.52 6.01053 632.61 5.97053C639.78 5.91053 646.94 5.91053 654.11 6.00053C655.6 6.02053 657.09 6.56053 659.62 7.06053C657.96 8.63053 657.31 9.60053 656.41 10.0405C650.56 12.8705 647.9 17.7605 647.29 23.9705C646.96 27.2805 646.61 30.6105 646.61 33.9205C646.57 90.0805 646.72 146.251 646.43 202.411C646.39 210.831 649.74 216.371 656.4 220.561C663 224.731 670.06 227.441 679.22 226.941Z' fill='white'/%3E%3Cpath d='M906.55 6.7007C905.95 8.0707 905.89 8.5407 905.67 8.6307C895.32 13.2607 894.28 22.2707 894.3 32.0407C894.37 75.7007 894.45 119.361 894.17 163.011C894.11 171.611 893.09 180.331 891.4 188.771C886.79 211.711 872.8 226.901 850.6 233.651C823.48 241.891 795.97 242.001 768.93 233.371C736.94 223.161 719.05 198.911 718.62 164.791C718.06 120.971 718.39 77.1407 718.28 33.3207C718.27 30.0007 717.94 26.6707 717.55 23.3707C716.85 17.4107 714.41 12.5407 708.6 9.9107C707.87 9.5807 707.24 9.0007 706.64 8.4607C706.44 8.2807 706.48 7.8507 706.22 6.7207C707.89 6.4607 709.5 5.9907 711.12 5.9807C727.62 5.9307 744.11 5.9207 760.61 5.9607C767 5.9807 768.52 7.6507 768.52 14.5507C768.53 55.7107 768.21 96.8707 768.7 138.021C768.86 151.771 770.09 165.681 772.6 179.191C776.86 202.061 793.09 214.871 816.33 215.071C822.62 215.131 829.05 214.741 835.18 213.451C855.28 209.251 867.48 195.421 870.33 173.251C871.71 162.551 872.34 151.681 872.4 140.881C872.63 98.8907 872.49 56.9007 872.49 14.9107C872.49 7.2907 873.82 5.9607 881.51 5.9307C888.01 5.9107 894.51 5.8807 901.01 5.9607C902.72 6.0107 904.43 6.4207 906.55 6.7007Z' fill='white'/%3E%3Cpath d='M1025.12 238.68C996.65 238.1 973.47 233.03 951.58 222.19C942.65 217.77 938.16 210.97 937.29 201.07C935.92 185.48 933.92 169.95 932.45 154.38C932.27 152.5 933.74 150.46 934.45 148.49C936 149.92 938.06 151.08 939.01 152.84C943.64 161.49 947.57 170.53 952.47 179.02C969.92 209.2 1007.06 224.92 1038.93 215.94C1058.84 210.33 1067.67 197.34 1064.58 178.26C1063.49 171.53 1060.32 165.8 1054.98 161.84C1049.41 157.71 1043.41 153.98 1037.17 150.97C1017.4 141.43 997.4 132.35 977.54 122.98C973.64 121.14 969.92 118.89 966.19 116.7C943.56 103.46 935.95 82.9703 938.98 58.0603C942.3 30.7903 962.82 9.85028 992.42 3.05028C1024.36 -4.27972 1054.5 2.21028 1083.51 16.0103C1087.57 17.9403 1089.99 21.1603 1090.42 25.7003C1091.51 37.3003 1092.63 48.9003 1093.56 60.5203C1093.67 61.9103 1092.68 63.3903 1092.21 64.8303C1090.95 63.7803 1089.09 62.9903 1088.51 61.6503C1083.02 48.8903 1076.01 37.1703 1064.25 29.3303C1041.76 14.3503 1017.84 10.3903 992.97 22.9003C974.45 32.2203 970.97 56.2403 986.5 70.1303C994.18 76.9903 1003.68 82.0803 1012.94 86.8503C1032.75 97.0503 1052.98 106.44 1072.95 116.35C1077.25 118.48 1081.22 121.33 1085.22 124.02C1118.47 146.42 1114.12 182.61 1100.67 204.23C1089.18 222.7 1071.75 232.27 1050.74 235.68C1040.9 237.26 1030.93 238.02 1025.12 238.68Z' fill='white'/%3E%3Cpath d='M253.62 6.74993C255.28 6.48993 256.93 5.99993 258.59 5.98993C312.08 5.94993 365.58 5.99993 419.07 5.87993C423.46 5.86993 424.86 7.37993 424.88 11.6699C424.97 25.4999 423.93 26.6699 409.92 26.6699C381.92 26.6699 353.93 26.6599 325.93 26.6799C317.17 26.6899 315.35 28.4899 315.34 37.1899C315.31 58.8499 315.48 80.5199 315.22 102.18C315.16 107.07 316.99 107.98 321.35 107.96C350.18 107.81 379.01 107.88 407.84 107.89C411.09 107.89 414.7 107.07 415.07 112.29C415.7 121.04 414.34 124.63 409.06 125.72C406.64 126.22 404.09 126.17 401.6 126.18C374.94 126.21 348.27 126.31 321.61 126.1C316.58 126.06 315.07 127.5 315.13 132.6C315.4 155.59 315.23 178.59 315.25 201.59C315.26 209.27 316.51 210.53 324.33 210.54C354.16 210.57 383.99 210.54 413.82 210.56C423.34 210.57 429.3 221.09 424.36 229.51C423.71 230.62 421.25 231.12 419.62 231.14C406.12 231.27 392.62 231.21 379.13 231.21C349.8 231.21 320.47 231.22 291.14 231.21C273.38 231.2 265.55 223.42 265.54 205.66C265.52 147.5 265.55 89.3399 265.48 31.1799C265.48 27.3799 265.57 23.2599 264.18 19.8899C262.76 16.4399 259.65 13.6499 257.1 10.7399C256.11 9.60993 254.61 8.91993 253.34 8.02993C253.44 7.58993 253.53 7.16993 253.62 6.74993Z' fill='white'/%3E%3Cpath d='M224.39 6.59015C223.18 8.30015 222.93 9.07015 222.45 9.28015C213.18 13.1402 208.74 21.2102 205.24 29.7502C196.1 52.0702 187.21 74.4902 178.39 96.9302C160.91 141.35 143.52 185.81 126.18 230.28C124.72 234.02 123.09 236.71 118.41 236.27C113.66 235.82 109.06 237.33 106.23 230.75C78.42 166.11 50.23 101.64 22.09 37.1402C19.83 31.9702 17.72 26.5202 14.4 22.0702C10.34 16.6502 5.07 12.1402 0 6.90015C1.09 6.66015 2.67 6.02015 4.25 6.01015C20.74 5.94015 37.24 5.94015 53.73 5.98015C61.31 6.00015 66.45 9.30015 69.6 16.5202C89.02 61.0402 108.65 105.47 128.23 149.93C128.93 151.53 129.77 153.07 131.05 155.64C132.42 152.72 133.42 150.87 134.19 148.93C152.05 103.77 169.89 58.5901 187.73 13.4202C190.59 6.17015 190.86 5.98015 198.7 5.97015C205.2 5.96015 211.7 5.93015 218.19 5.99015C219.91 6.00015 221.62 6.31015 224.39 6.59015Z' fill='white'/%3E%3Cpath d='M748.84 395.42C748.84 407.48 748.84 418.87 748.84 430.55C743.68 430.55 739.09 430.55 734.17 430.55C734.17 394.79 734.17 359.09 734.17 323.18C738.93 323.18 743.38 323.18 748.53 323.18C748.53 327.73 748.53 332.24 748.53 336.76C749.08 337.07 749.63 337.39 750.19 337.7C751.07 336.38 751.82 334.95 752.86 333.76C760.97 324.48 770.81 319.06 783.35 322.42C795.98 325.81 802.36 335.39 804.79 347.59C807.09 359.14 805.88 370.49 800.47 381.12C791.75 398.25 771.66 405.35 753.96 397.67C752.49 397.05 751.03 396.39 748.84 395.42ZM748.71 361.93C748.71 366.43 748.7 370.92 748.71 375.42C748.74 385.53 752.95 391.4 762 393.99C771.43 396.7 779.54 394 784.16 385.28C792.24 370.01 791.37 354.39 783.26 339.44C779.35 332.23 771.59 330.08 763.72 332.58C754.31 335.57 748.72 342.03 748.72 349.94C748.71 353.93 748.71 357.93 748.71 361.93Z' fill='white'/%3E%3Cpath d='M555.34 284.61C555.34 292.89 555.34 301.35 555.34 309.82C555.34 318.29 555.34 326.77 555.34 336.14C556.99 334.75 557.94 333.73 559.09 333.02C564.7 329.56 569.99 325.11 576.08 322.99C590.3 318.04 602.81 326.64 603.26 341.66C603.82 360.46 603.39 379.29 603.39 398.48C598.54 398.48 593.84 398.48 588.63 398.48C588.63 393.36 588.64 388.41 588.63 383.45C588.61 370.79 588.77 358.12 588.51 345.47C588.27 334.13 580.46 329.07 569.76 333C568.52 333.46 567.32 334.07 566.13 334.65C558.76 338.22 554.42 342.81 555.07 352.31C556.12 367.54 555.35 382.89 555.35 398.53C550.44 398.53 545.85 398.53 540.48 398.53C540.48 396.74 540.48 394.83 540.48 392.91C540.48 360.92 540.46 328.93 540.51 296.94C540.51 294.03 539.92 289.52 541.43 288.53C545 286.18 549.67 285.48 553.91 284.15C554.15 284.07 554.51 284.33 555.34 284.61Z' fill='white'/%3E%3Cpath d='M708.48 359.27C708.37 382.54 690.81 400.68 668.55 400.51C645.95 400.34 628.66 383.41 628.84 361.61C629.02 338.86 646.33 321.43 668.65 321.51C691.78 321.61 708.58 337.52 708.48 359.27ZM691.44 364.39C691.44 362.39 691.62 360.38 691.41 358.4C690.49 349.7 688.8 341.22 682.7 334.43C673.51 324.21 659.38 324.55 651.69 335.07C641.52 348.98 644.75 378.3 657.7 389.63C657.83 389.74 657.95 389.85 658.08 389.96C667.89 398.19 679.93 396.31 686.76 385.45C690.82 378.99 692.01 371.87 691.44 364.39Z' fill='white'/%3E%3Cpath d='M378.63 370.741C380.01 371.381 381.15 371.911 382.26 372.421C377.37 390.721 358.63 402.811 340.05 399.861C321.99 397.001 308.72 379.691 309.99 360.851C310.57 352.221 312.52 344.041 317.51 336.871C326.48 323.961 339.16 319.731 354.2 322.181C367.02 324.261 377 334.241 379.81 347.131C380.22 349.011 380.23 350.991 380.48 353.361C361.66 353.361 343.37 353.361 325.19 353.361C322.09 365.701 331.06 382.981 342.59 387.471C355.4 392.471 370.54 385.631 378.63 370.741ZM361.2 346.951C362.03 336.811 354.05 327.831 343.72 327.021C334.06 326.261 325.42 335.131 324.63 346.951C336.84 346.951 349.03 346.951 361.2 346.951Z' fill='white'/%3E%3Cpath d='M458.06 386.23C459.98 384.48 461.68 382.93 463.52 381.25C466.46 384.37 469.05 387.55 472.09 390.25C477.77 395.29 484.48 396.72 491.62 394.11C500.65 390.81 502.52 381.56 495.41 375.16C492.62 372.65 489.13 370.85 485.8 369.02C480.71 366.22 475.31 363.95 470.34 360.96C462.19 356.06 457.94 348.76 459.7 339.13C461.37 329.95 467.8 324.97 476.46 322.58C490.51 318.71 502.56 323.21 511 335.64C509.47 337.03 507.9 338.46 506.16 340.04C503.85 337.4 501.87 334.77 499.52 332.52C493.19 326.48 483.99 324.74 476.9 328.02C469.61 331.39 468.07 338.7 473.97 344.12C477.08 346.98 481.04 349.02 484.84 351C490.14 353.75 495.78 355.88 501.06 358.67C511.13 363.99 515.42 371.36 514.27 380.6C513.08 390.16 506.46 396.83 495.55 399.45C480.27 403.11 466.36 398.34 458.06 386.23Z' fill='white'/%3E%3Cpath d='M402.58 367.51C402.58 364.67 402.58 362.22 402.58 359.42C414.39 359.42 426.06 359.42 438.02 359.42C438.02 362.14 438.02 364.69 438.02 367.51C426.23 367.51 414.69 367.51 402.58 367.51Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_395_585'%3E%3Crect width='1110.7' height='430.55' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
}
@media (max-width: 500px) {
  #bsFooter .bs-ft-inner .bs-ft-link-wrap a.eshop-logo {
    width: 80px;
    height: 48px;
  }
}
#bsFooter .bs-ft-inner .bs-ft-policy-wrap {
  gap: 34px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: none;
}
@media (max-width: 500px) {
  #bsFooter .bs-ft-inner .bs-ft-policy-wrap {
    width: 100%;
  }
}
#bsFooter .bs-ft-inner .bs-ft-policy-wrap .bs-ft-policy {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 60px;
  margin: unset;
}
@media (max-width: 500px) {
  #bsFooter .bs-ft-inner .bs-ft-policy-wrap .bs-ft-policy {
    gap: 10px;
    width: 100%;
  }
}
#bsFooter .bs-ft-inner .bs-ft-policy-wrap .bs-ft-policy li a {
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  color: #fff;
  white-space: nowrap;
}
@media (max-width: 500px) {
  #bsFooter .bs-ft-inner .bs-ft-policy-wrap .bs-ft-policy li a {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    color: #fff;
  }
}
#bsFooter .bs-ft-inner .bs-ft-policy-wrap .bs-ft-policy li:last-child {
  display: block !important;
}
#bsFooter .bs-ft-inner .bs-ft-policy-wrap .bs-ft-info-wrap .bs-ft-info {
  gap: 0;
  flex-wrap: nowrap;
  white-space: nowrap;
}
@media (max-width: 1024px) {
  #bsFooter .bs-ft-inner .bs-ft-policy-wrap .bs-ft-info-wrap .bs-ft-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: cneter;
    gap: 15px 10px;
  }
}
@media (max-width: 500px) {
  #bsFooter .bs-ft-inner .bs-ft-policy-wrap .bs-ft-info-wrap .bs-ft-info {
    gap: 10px 10px;
  }
}
#bsFooter .bs-ft-inner .bs-ft-policy-wrap .bs-ft-info-wrap .bs-ft-info li {
  font-size: 16px;
  font-weight: 300;
  line-height: 1;
  color: #E9E9E9;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 15px;
  border-right: 1px solid #fff;
}
#bsFooter .bs-ft-inner .bs-ft-policy-wrap .bs-ft-info-wrap .bs-ft-info li:last-child {
  border-right: none;
}
@media (max-width: 1024px) {
  #bsFooter .bs-ft-inner .bs-ft-policy-wrap .bs-ft-info-wrap .bs-ft-info li {
    padding: 0;
    line-height: 1;
    border-right: none;
  }
}
@media (max-width: 500px) {
  #bsFooter .bs-ft-inner .bs-ft-policy-wrap .bs-ft-info-wrap .bs-ft-info li {
    font-size: 12px;
    white-space: nowrap;
  }
}
#bsFooter .bs-ft-inner .bs-ft-policy-wrap .bs-ft-info-wrap .bs-ft-info li:first-child {
  padding-left: 0;
}
#bsFooter .bs-ft-inner .bs-ft-policy-wrap .bs-ft-info-wrap .bs-ft-address {
  display: block;
  margin-top: 14px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1;
  color: #E9E9E9;
}
@media (max-width: 500px) {
  #bsFooter .bs-ft-inner .bs-ft-policy-wrap .bs-ft-info-wrap .bs-ft-address {
    font-size: 12px;
    margin-top: 10px;
  }
}
#bsFooter .bs-ft-inner .bs-ft-policy-wrap .bs-ft-copy {
  font-size: 14px;
  font-weight: 300;
  line-height: 1;
  color: #E9E9E9;
}
@media (max-width: 500px) {
  #bsFooter .bs-ft-inner .bs-ft-policy-wrap .bs-ft-copy {
    font-size: 11px;
    line-height: 13px;
  }
}

.familysite-select {
  display: flex;
  flex-direction: column;
  letter-spacing: -4%;
  z-index: 2;
  width: 155px;
  height: 50px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  color: #fff;
}
@media (max-width: 500px) {
  .familysite-select {
    width: 120px;
    height: 40px;
  }
}
.familysite-select .option {
  display: flex;
  min-height: 35px;
  height: 40px;
  align-items: center;
  position: absolute;
  pointer-events: none;
  order: 2;
  z-index: 1;
  transition: background 0.1s ease-in-out;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  background-color: #555;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  color: #fff;
}
@media (max-width: 500px) {
  .familysite-select .option {
    width: 120px;
    font-size: 14px;
  }
}
.familysite-select .option:hover {
  background: #666;
}
.familysite-select .option.tb {
  border-radius: 5px 5px 0 0;
}
.familysite-select .option.opt-tit {
  background-color: #2d2d2d;
  min-height: 50px;
  margin-bottom: 5px;
}
@media (max-width: 500px) {
  .familysite-select .option.opt-tit {
    width: 120px;
    height: 40px;
    min-height: 40px;
  }
}
.familysite-select .option.opt-tit a {
  width: 155px;
  padding: 15px 25px;
  height: 50px;
  border: 1px solid #fff;
  border-radius: 40px;
  background-color: #2d2d2d;
  box-sizing: border-box;
  border: 1px solid #fff;
  border-radius: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 500px) {
  .familysite-select .option.opt-tit a {
    width: 120px;
    height: 35px;
    padding: 15px 15px;
    font-size: 14px;
  }
}
@media (max-width: 500px) {
  .familysite-select .option.opt-tit a img {
    width: 13px;
  }
}
.familysite-select .option.opt-list:last-child {
  border-radius: 0 0 5px 5px;
}
.familysite-select .option.opt-list a {
  width: 155px;
  padding: 0px 25px;
}
.familysite-select:focus .option {
  position: relative;
  pointer-events: all;
}
.familysite-select input {
  opacity: 0;
  position: absolute;
  left: -99999px;
}
.familysite-select input:checked + label {
  order: 1;
  z-index: 2;
  background: #666;
  border-top: none;
  position: relative;
}
.familysite-select input:checked + label:before {
  position: absolute;
  right: 0;
  height: 50px;
  width: 50px;
  content: "";
}

/* 공통 스타일 */
.bs-mg10 {
  margin: 200px 0 0 0;
  padding: 0 32px;
}
@media (max-width: 1024px) {
  .bs-mg10 {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media (max-width: 768px) {
  .bs-mg10 {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media (max-width: 500px) {
  .bs-mg10 {
    padding-left: 24px;
    padding-right: 24px;
    margin: 150px 0 0 0;
  }
}
@media (max-width: 344px) {
  .bs-mg10 {
    padding: 0 16px;
  }
}

.bs-mg20 {
  max-width: 1200px;
  width: 100%;
  display: flex;
  gap: 48px;
  flex-direction: column;
}

.bs-primary-color {
  color: #ff7f00;
  font-family: "NanumSquare Neo";
  font-weight: 800;
}
@media (max-width: 599px) {
  .bs-primary-color {
    font-size: 28px;
  }
}
@media (max-width: 500px) {
  .bs-primary-color {
    font-size: 24px;
  }
}

.bs-gray-light-color {
  font-size: 20px;
  font-weight: 300;
  line-height: 1;
  color: #797979;
  font-family: "NanumSquareNeo" !important;
  text-align: center;
  padding-top: 40px;
  display: block;
  line-height: 33px;
}
@media (max-width: 500px) {
  .bs-gray-light-color {
    font-size: 13px;
    line-height: 20px;
    padding-top: 0px;
  }
}

.bs-con-tit {
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
  color: #ff7f00;
  font-family: "Tilt Neon", sans-serif;
  text-align: center;
  padding: 20px 0;
  display: block;
}
@media (max-width: 768px) {
  .bs-con-tit {
    font-size: 20px;
  }
}
@media (max-width: 500px) {
  .bs-con-tit {
    font-size: 14px;
    line-height: 1;
    padding-bottom: 10px;
  }
}

.bs-con-title {
  font-size: 48px;
  font-weight: 800;
  line-height: 70px;
  color: #25183E;
  text-align: center;
  font-family: "NanumSquare Neo";
}
@media (max-width: 1024px) {
  .bs-con-title {
    font-size: 40px;
    font-weight: 800;
    line-height: 58px;
    color: #25183E;
  }
}
@media (max-width: 768px) {
  .bs-con-title {
    font-size: 36px;
    font-weight: 800;
    line-height: 46px;
    color: #25183E;
  }
}
@media (max-width: 599px) {
  .bs-con-title {
    font-size: 26px;
    font-weight: 800;
    line-height: 42px;
    color: #25183E;
  }
}
@media (max-width: 500px) {
  .bs-con-title {
    font-size: 24px;
    line-height: 34px;
    word-break: keep-all;
    padding: 0 1rem;
  }
}
.bs-con-title .bs-con-text-color {
  font-size: 48px;
  font-weight: 900;
  line-height: 60px;
  color: #ff7f00;
  font-family: "NanumSquare Neo";
}
@media (max-width: 768px) {
  .bs-con-title .bs-con-text-color {
    font-size: 36px;
  }
}
@media (max-width: 500px) {
  .bs-con-title .bs-con-text-color {
    font-size: 22px;
    font-weight: 900;
    line-height: 1;
    color: #ff7f00;
  }
}

.bs-con-text {
  font-size: 28px;
  font-weight: 400;
  line-height: 40px;
  color: #25183E;
  text-align: center;
  font-family: "NanumSquare Neo" !important;
  margin-top: 25px;
}
@media (max-width: 1024px) {
  .bs-con-text {
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    color: #25183E;
  }
}
@media (max-width: 768px) {
  .bs-con-text {
    font-size: 20px;
    line-height: 28px;
    margin-top: 15px;
  }
}
@media (max-width: 599px) {
  .bs-con-text {
    font-size: 16px;
  }
}
@media (max-width: 500px) {
  .bs-con-text {
    font-size: 16px;
    line-height: 26px;
    word-break: keep-all;
    font-weight: 400;
    margin-top: 10px;
    padding: 0 20px;
  }
}

.block-mb {
  font-family: "NanumSquare Neo" !important;
}

.sub-text-bold {
  font-size: 28px;
  font-weight: 700;
  color: #25183E;
  font-family: "NanumSquare Neo" !important;
  word-break: keep-all;
}
@media (max-width: 1024px) {
  .sub-text-bold {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .sub-text-bold {
    font-size: 20px;
  }
}
@media (max-width: 599px) {
  .sub-text-bold {
    font-size: 16px;
  }
}
@media (max-width: 500px) {
  .sub-text-bold {
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  br.onlyPC {
    display: none;
  }
}
@media (max-width: 500px) {
  br.onlyPC-02 {
    display: none;
  }
}
@media (max-width: 344px) {
  br.onlyPC-sm {
    display: none;
  }
}
.otp_complete_wrap {
  height: 70vh;
  margin-bottom: 0rem;
}
@media (max-width: 500px) {
  .otp_complete_wrap {
    margin-bottom: 3rem;
  }
}

.complete_logo {
  width: 300px;
  margin: auto;
}
@media (max-width: 500px) {
  .complete_logo {
    width: 280px;
    margin: auto;
    padding: 0 0 20px 0;
  }
}

@media (max-width: 500px) {
  .text-center {
    font-size: 14px;
  }
}

.text-center {
  color: #252525;
}

.result_tit {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  margin: 15px 0 15px 0;
}
.result_tit p {
  font-size: 20px;
  font-weight: 300;
}

.measure-date {
  width: 100%;
  padding: 15px 50px;
  background-color: #CB4462;
  margin-bottom: 15px;
  gap: 100px;
  grid-area: measure-date;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
@media (max-width: 500px) {
  .measure-date {
    gap: 30px;
  }
}
.measure-date p {
  font-size: 16px;
  font-weight: 300;
  line-height: 1;
  color: #fff;
  white-space: nowrap;
}

.inner_data_wrap {
  width: 100%;
  height: auto;
  background-color: rgba(245, 218, 229, 0.28);
  border-radius: 10px;
  border: 1px solid #ff98af;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 30px;
}
.inner_data_wrap .scan_data_tit {
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  width: 100%;
  text-align: center;
  padding: 30px 0 20px 0;
}
.inner_data_wrap .inner_data_detail {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: flex-start;
  padding: 0 15px;
  flex-wrap: wrap;
  gap: 30px 0;
}
.inner_data_wrap .inner_data_detail li {
  gap: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 33.33%;
}
@media (max-width: 500px) {
  .inner_data_wrap .inner_data_detail li {
    width: 33.33%;
  }
}
.inner_data_wrap .inner_data_detail li img {
  width: 80px;
  margin: auto;
}
@media (max-width: 768px) {
  .inner_data_wrap .inner_data_detail li img {
    width: 50px;
  }
}
.inner_data_wrap .inner_data_detail li .inner_name {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #333;
  white-space: nowrap;
}
.inner_data_wrap .inner_data_detail li .inner_size {
  font-size: 17px;
  font-weight: 600;
  line-height: 1;
  color: #000;
  margin-top: 10px;
}
.inner_data_wrap .inner_data_subtext {
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
  color: #666;
  padding: 20px 0 0px 0;
  margin: 0px 0 30px 0;
  border-top: 1px solid rgba(104, 104, 104, 0.5098039216);
  width: 90%;
  text-align: center;
  word-break: keep-all;
}
@media (max-width: 768px) {
  .inner_data_wrap .inner_data_subtext {
    border-top: none;
  }
}

.body_data_wrap {
  width: 100%;
  height: auto;
  background-color: rgba(245, 218, 229, 0.28);
  border-radius: 10px;
  margin: 15px auto;
  border: 1px solid #ff98af;
  gap: 30px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.body_data_wrap .scan_data_tit {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  color: #000;
  width: 100%;
  text-align: center;
  padding: 30px 0 10px 0;
}
.body_data_wrap .body_data_detail {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 15px 50px;
  height: 300px;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 45px 30px 45px;
}
@media (max-width: 500px) {
  .body_data_wrap .body_data_detail {
    height: auto;
    padding: 0 20px 30px 20px;
    gap: 20px 50px;
  }
}
.body_data_wrap .body_data_detail li {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.body_data_wrap .body_data_detail li .b_d_left {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #333;
}
.body_data_wrap .body_data_detail li .b_d_right {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  color: #000;
}

.body_type_wrap {
  width: 100%;
  height: auto;
  background-color: rgba(245, 218, 229, 0.28);
  border-radius: 10px;
  margin: 0 auto;
  border: 1px solid #ff98af;
  gap: 40px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.body_type_wrap .scan_data_tit {
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  width: 100%;
  text-align: center;
  padding: 30px 0 10px 0;
}
.body_type_wrap .body_type_top .body_type_subtext {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #6b6b6b;
  word-break: keep-all;
  text-align: center;
  padding: 0 15px;
}
.body_type_wrap .body_type_detail_wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 50px;
  width: 100%;
  padding-bottom: 30px;
}
.body_type_wrap .body_type_detail_wrap .body_type_detail_row {
  width: 100%;
  height: auto;
}
.body_type_wrap .body_type_detail_wrap .body_type_detail_row .body_type_detail_tit {
  width: 100%;
  text-align: center;
  font-weight: 600;
}
.body_type_wrap .body_type_detail_wrap .body_type_detail_row .body_type_detail_tit .bt_d_subtit {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #666;
}
.body_type_wrap .body_type_detail_wrap .body_type_detail_row .body_type_detail {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 80px;
  width: calc(100% - 60px);
  overflow: hidden;
  margin: auto;
}
@media (max-width: 1024px) {
  .body_type_wrap .body_type_detail_wrap .body_type_detail_row .body_type_detail {
    width: calc(100% - 35px);
  }
}
@media (max-width: 768px) {
  .body_type_wrap .body_type_detail_wrap .body_type_detail_row .body_type_detail {
    width: calc(100% - 30px);
  }
}
@media (max-width: 500px) {
  .body_type_wrap .body_type_detail_wrap .body_type_detail_row .body_type_detail {
    height: 60px;
    width: calc(100% - 30px) !important;
    gap: 15px;
  }
}
.body_type_wrap .body_type_detail_wrap .body_type_detail_row .body_type_detail > li {
  min-width: 200px;
  width: 50%;
}
@media (max-width: 768px) {
  .body_type_wrap .body_type_detail_wrap .body_type_detail_row .body_type_detail > li {
    min-width: 140px;
  }
}
@media (max-width: 500px) {
  .body_type_wrap .body_type_detail_wrap .body_type_detail_row .body_type_detail > li {
    min-width: calc(100% - 230px);
  }
}
.body_type_wrap .body_type_detail_wrap .body_type_detail_row .body_type_detail > li:first-child {
  width: 80px;
  min-width: 60px;
}
@media (max-width: 1024px) {
  .body_type_wrap .body_type_detail_wrap .body_type_detail_row .body_type_detail > li:first-child {
    width: 65px;
  }
}
@media (max-width: 768px) {
  .body_type_wrap .body_type_detail_wrap .body_type_detail_row .body_type_detail > li:first-child {
    width: 60px;
  }
}
.body_type_wrap .body_type_detail_wrap .body_type_detail_row .body_type_detail > li:last-child {
  width: 80px;
  min-width: 60px;
}
@media (max-width: 1024px) {
  .body_type_wrap .body_type_detail_wrap .body_type_detail_row .body_type_detail > li:last-child {
    width: 65px;
  }
}
@media (max-width: 768px) {
  .body_type_wrap .body_type_detail_wrap .body_type_detail_row .body_type_detail > li:last-child {
    width: 60px;
  }
}
.body_type_wrap .body_type_detail_wrap .body_type_detail_row .body_type_detail > li img {
  width: 100%;
  margin: auto;
}
.body_type_wrap .body_type_detail_wrap .body_type_detail_row .body_type_detail > li .body_type_level {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
}
.body_type_wrap .body_type_detail_wrap .body_type_detail_row .body_type_detail > li .body_type_level .bt_l_tab {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  color: #797979;
  width: 50px;
  height: 50px;
  background-color: #e6e7eb;
  border-radius: 7px;
}
@media (max-width: 768px) {
  .body_type_wrap .body_type_detail_wrap .body_type_detail_row .body_type_detail > li .body_type_level .bt_l_tab {
    width: 25px;
    height: 25px;
    font-size: 14px;
  }
}
@media (max-width: 500px) {
  .body_type_wrap .body_type_detail_wrap .body_type_detail_row .body_type_detail > li .body_type_level .bt_l_tab {
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    color: #797979;
    width: 30px;
    height: 30px;
    border-radius: 3px;
  }
}
.body_type_wrap .body_type_detail_wrap .body_type_detail_row .body_type_detail > li .body_type_level .bt_l_tab.tab_select {
  background-color: #E43D30;
  color: #fff;
}

.scan_result_wrap.temp {
  background-color: rgba(255, 255, 255, 0.28);
  border: 1px solid #c3c3c3;
  padding: 0 30px;
  max-width: 1280px;
}
.scan_result_wrap.temp .inner_data_wrap {
  background-color: rgba(255, 255, 255, 0.28);
  border: none;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
}
.scan_result_wrap.temp .inner_data_wrap .inner_data_subtext {
  border-top: 0;
}
.scan_result_wrap.temp .body_data_wrap {
  background-color: rgba(255, 255, 255, 0.28);
  border: none;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
}
.scan_result_wrap.temp .body_type_wrap {
  background-color: rgba(255, 255, 255, 0.28);
  border: none;
}

.scan_result_wrap.tempd {
  max-width: 1280px;
  display: grid;
  grid-template-areas: "inner_data_wrap body_data_wrap" "body_type_wrap body_type_wrap";
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 20px;
  padding: 0 30px;
}
@media (max-width: 768px) {
  .scan_result_wrap.tempd {
    padding: 0;
  }
}
@media (max-width: 500px) {
  .scan_result_wrap.tempd {
    display: grid;
    grid-template-areas: "inner_data_wrap" "body_data_wrap" "body_type_wrap";
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
  }
}
.scan_result_wrap.tempd .inner_data_wrap {
  min-width: 362px;
  background-color: rgba(255, 255, 255, 0.28);
  border: 1px solid #c3c3c3;
  grid-area: inner_data_wrap;
}
@media (max-width: 500px) {
  .scan_result_wrap.tempd .inner_data_wrap {
    min-width: 320px;
    width: 100%;
  }
}
.scan_result_wrap.tempd .body_data_wrap {
  overflow: auto;
  min-width: 362px;
  background-color: rgba(255, 255, 255, 0.28);
  border: 1px solid #c3c3c3;
  margin: 0;
  grid-area: body_data_wrap;
}
@media (max-width: 500px) {
  .scan_result_wrap.tempd .body_data_wrap {
    min-width: 320px;
    width: 100%;
  }
}
.scan_result_wrap.tempd .body_data_wrap .body_data_detail {
  height: auto;
}
.scan_result_wrap.tempd .body_type_wrap {
  min-width: 636px;
  background-color: rgba(255, 255, 255, 0.28);
  border: 1px solid #c3c3c3;
  grid-area: body_type_wrap;
}
@media (max-width: 500px) {
  .scan_result_wrap.tempd .body_type_wrap {
    min-width: 320px;
    width: 100%;
  }
}

.page_wrap .sf_wrap {
  width: 100%;
  height: 100vh;
  margin: auto;
  position: relative;
  overflow: hidden;
  background-color: #f9f9f9;
  gap: 10px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .page_wrap .sf_wrap {
    height: auto;
  }
}
@media (max-width: 768px) {
  .page_wrap .sf_wrap {
    gap: 5px;
  }
}
@media (max-width: 500px) {
  .page_wrap .sf_wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    height: auto;
  }
}
.page_wrap .sf_wrap .sf_left {
  width: 30%;
  height: 100vh;
  overflow: hidden;
  background-color: #fff;
  position: relative;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1024px) {
  .page_wrap .sf_wrap .sf_left {
    width: 40%;
  }
}
@media (max-width: 768px) {
  .page_wrap .sf_wrap .sf_left {
    width: 45%;
    border: none;
    padding: 0;
  }
}
@media (max-width: 500px) {
  .page_wrap .sf_wrap .sf_left {
    width: 100%;
    min-width: 320px;
  }
}
.page_wrap .sf_wrap .sf_left .section_three {
  max-width: 100%;
  padding: 0 !important;
}
.page_wrap .sf_wrap .sf_left .section_three .con_tit {
  margin: 33px 0 17.5px 0;
  width: 100%;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  color: #000;
}
.page_wrap .sf_wrap .sf_left .section_three .conbox_view {
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100vh;
  min-height: 33rem;
}
.page_wrap .sf_wrap .sf_left .section_three .conbox_view .custom_select_con {
  position: relative;
  width: 100%;
  z-index: 999;
}
.page_wrap .sf_wrap .sf_left .section_three .conbox_view .custom_select_con .slt_custom {
  background-color: #666;
  height: 50px;
  padding: 0 20px 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.page_wrap .sf_wrap .sf_left .section_three .conbox_view .custom_select_con .slt_custom:hover {
  cursor: pointer;
}
.page_wrap .sf_wrap .sf_left .section_three .conbox_view .custom_select_con .slt_custom > span {
  font-size: 14px;
  font-weight: 500;
  line-height: 50px;
  color: #fff;
}
.page_wrap .sf_wrap .sf_left .section_three .conbox_view .custom_select_con .slt_custom > span > span {
  font-weight: normal;
}
.page_wrap .sf_wrap .sf_left .section_three .conbox_view .custom_select_con .slt_custom .arrow {
  position: relative;
  transition: ease 0.1s;
}
.page_wrap .sf_wrap .sf_left .section_three .conbox_view .custom_select_con .slt_custom .arrow::after {
  content: "";
  display: inline-block;
  margin-right: 2px;
  width: 9px;
  height: 9px;
  background-color: #666;
  position: relative;
  top: -3px;
  transform: rotate(45deg);
  border: solid 2px #fff;
  border-top: none;
  border-left: none;
}
.page_wrap .sf_wrap .sf_left .section_three .conbox_view .custom_select_con .slt_custom .arrow.active::after {
  transform: rotate(-135deg);
  transition: ease 0.1s;
}
.page_wrap .sf_wrap .sf_left .section_three .conbox_view .custom_select_con .slt_ul {
  background-color: #333;
  width: 100%;
  max-height: 460px;
  overflow-y: auto;
  position: absolute;
  z-index: 1;
  left: 0;
  border-top: none;
}
.page_wrap .sf_wrap .sf_left .section_three .conbox_view .custom_select_con .slt_ul::-webkit-scrollbar {
  width: 4px;
}
.page_wrap .sf_wrap .sf_left .section_three .conbox_view .custom_select_con .slt_ul::-webkit-scrollbar-thumb {
  background: #ccc; /* 스크롤바 색상 */
  border-radius: 10px; /* 스크롤바 둥근 테두리 */
  min-height: 50px; /* 스크롤바 막대 최소 높이 */
}
.page_wrap .sf_wrap .sf_left .section_three .conbox_view .custom_select_con .slt_ul::-webkit-scrollbar-track {
  background: #333; /*스크롤바 뒷 배경 색상*/
  /*스크롤바 뒷 배경 안보이게*/
  box-shadow: none;
  background-color: #333 !important;
}
.page_wrap .sf_wrap .sf_left .section_three .conbox_view .custom_select_con .slt_ul li {
  padding: 0 30px 0 20px;
  border-bottom: 1px solid #1f1f1f;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  line-height: 50px;
  color: #fff;
}
.page_wrap .sf_wrap .sf_left .section_three .conbox_view .custom_select_con .slt_ul li:first-child {
  border-top: 1px solid #333;
}
.page_wrap .sf_wrap .sf_left .section_three .conbox_view .custom_select_con .slt_ul li:last-child {
  border-bottom: none;
}
.page_wrap .sf_wrap .sf_left .section_three .conbox_view .custom_select_con .slt_ul li:hover {
  background-color: #555;
}
.page_wrap .sf_wrap .sf_left .section_three .conbox_view .custom_select_con .slt_ul li span {
  font-weight: normal;
}
.page_wrap .sf_wrap .sf_left .section_three .conbox_view #container {
  height: calc(100vh - 0px);
}
.page_wrap .sf_wrap .sf_left .section_three .conbox_view .cv_img {
  background-color: #f2f2f2;
  padding-bottom: 28px;
}
.page_wrap .sf_wrap .sf_left .section_three .conbox_view .cv_img img {
  margin: 0 auto;
  display: block;
}
.page_wrap .sf_wrap .sf_right {
  width: 70%;
  display: grid;
  grid-template-areas: "measure-date measure-date" "inner_data_wrap body_data_wrap" "body_type_wrap body_type_wrap";
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 20px;
  height: 100vh;
  overflow: auto;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
@media (max-width: 1024px) {
  .page_wrap .sf_wrap .sf_right {
    width: 60%;
    grid-template-areas: "measure-date" "inner_data_wrap" "body_data_wrap" "body_type_wrap";
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
  }
}
@media (max-width: 768px) {
  .page_wrap .sf_wrap .sf_right {
    overflow-x: hidden;
    padding: 0;
  }
}
@media (max-width: 500px) {
  .page_wrap .sf_wrap .sf_right {
    width: 100%;
    height: auto;
    display: grid;
    grid-template-areas: "measure-date" "inner_data_wrap" "body_data_wrap" "body_type_wrap";
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
  }
}
.page_wrap .sf_wrap .sf_right > .measure-date {
  margin-bottom: 0;
}
.page_wrap .sf_wrap .sf_right .inner_data_wrap {
  background-color: rgba(255, 255, 255, 0.28);
  border: 1px solid #c3c3c3;
  grid-area: inner_data_wrap;
}
@media (max-width: 768px) {
  .page_wrap .sf_wrap .sf_right .inner_data_wrap img {
    width: 50px;
  }
}
@media (max-width: 500px) {
  .page_wrap .sf_wrap .sf_right .inner_data_wrap img {
    width: 60px;
  }
}
@media (max-width: 768px) {
  .page_wrap .sf_wrap .sf_right .inner_data_wrap {
    border: none;
  }
}
@media (max-width: 500px) {
  .page_wrap .sf_wrap .sf_right .inner_data_wrap {
    min-width: 320px;
    width: 100%;
  }
}
.page_wrap .sf_wrap .sf_right .body_data_wrap {
  background-color: rgba(255, 255, 255, 0.28);
  border: 1px solid #c3c3c3;
  margin: 0;
  grid-area: body_data_wrap;
}
@media (max-width: 768px) {
  .page_wrap .sf_wrap .sf_right .body_data_wrap {
    border: none;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    border-radius: 0;
  }
}
@media (max-width: 500px) {
  .page_wrap .sf_wrap .sf_right .body_data_wrap {
    min-width: 320px;
    width: 100%;
  }
}
.page_wrap .sf_wrap .sf_right .body_data_wrap .body_data_detail {
  height: auto;
}
@media (max-width: 1024px) {
  .page_wrap .sf_wrap .sf_right .body_data_wrap .body_data_detail {
    padding: 0 25px 30px 25px;
  }
}
.page_wrap .sf_wrap .sf_right .body_data_wrap .body_data_detail li .b_d_left {
  font-size: 14px;
  word-break: keep-all;
}
.page_wrap .sf_wrap .sf_right .body_data_wrap .body_data_detail li .b_d_right {
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}
.page_wrap .sf_wrap .sf_right .body_type_wrap {
  background-color: rgba(255, 255, 255, 0.28);
  border: 1px solid #c3c3c3;
  grid-area: body_type_wrap;
}
@media (max-width: 768px) {
  .page_wrap .sf_wrap .sf_right .body_type_wrap {
    border: none;
  }
}
@media (max-width: 500px) {
  .page_wrap .sf_wrap .sf_right .body_type_wrap {
    min-width: 320px;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .page_wrap .sf_wrap .sf_right .body_type_wrap .body_type_detail_wrap .body_type_detail_row .body_type_detail {
    width: calc(100% - 10px);
  }
}
.page_wrap .sf_wrap .sf_right .body_type_wrap .body_type_detail_wrap .body_type_detail_row .body_type_detail li img {
  width: 100%;
}
@media (max-width: 768px) {
  .page_wrap .sf_wrap .sf_right .body_type_wrap .body_type_detail_wrap .body_type_detail_row .body_type_detail li img {
    width: 80%;
  }
}
.page_wrap .sf_wrap .sf_right .body_type_wrap .body_type_detail_wrap .body_type_detail_row .body_type_detail li .bt_l_tab {
  font-size: 16px;
  width: 35px;
  height: 35px;
  border-radius: 5px;
}
@media (max-width: 768px) {
  .page_wrap .sf_wrap .sf_right .body_type_wrap .body_type_detail_wrap .body_type_detail_row .body_type_detail li .bt_l_tab {
    width: 25px;
    height: 25px;
  }
}
@media (max-width: 500px) {
  .page_wrap .sf_wrap .sf_right .body_type_wrap .body_type_detail_wrap .body_type_detail_row .body_type_detail li .bt_l_tab {
    width: 30px;
    height: 30px;
  }
}

/* No_Obj Custom */
.no_obj {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.no_obj p {
  font-size: 14px;
  font-weight: 400;
  color: #BABABA;
  text-align: center;
  line-height: 18px;
}

.frame-parent {
  width: 100%;
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 768px) {
  .frame-parent {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    justify-content: center;
    gap: 24px;
    flex-wrap: wrap;
  }
}
@media (max-width: 500px) {
  .frame-parent {
    padding: 0;
    gap: 16px;
  }
}
.frame-parent .group-parent {
  width: 100%;
  height: 100%;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  align-items: flex-center;
  justify-content: center;
  gap: 24px;
  flex: auto;
  align-self: stretch;
  border: 1px solid #eee;
  border-radius: 2rem;
  background-color: #fff;
  box-shadow: 3px 5.51px 17.5px 0 rgba(0, 0, 0, 0.04);
}
@media (max-width: 768px) {
  .frame-parent .group-parent {
    width: 100%;
  }
  .frame-parent .group-parent svg {
    transform: scale(0.9);
  }
}
@media (max-width: 768px) and (max-width: 500px) {
  .frame-parent .group-parent svg {
    transform: unset;
  }
}
@media (max-width: 500px) {
  .frame-parent .group-parent {
    padding: 1.5rem;
  }
}
.frame-parent .group-parent > h2 {
  width: 100%;
  padding-bottom: 24px;
  border-bottom: 1px solid #ddd;
  display: block;
  font-size: 28px;
  font-weight: 600;
  line-height: 38px;
  color: #181818;
  word-break: keep-all;
  font-family: "Kakao Big Sans";
}
@media (max-width: 768px) {
  .frame-parent .group-parent > h2 {
    font-size: 24px;
  }
}
@media (max-width: 500px) {
  .frame-parent .group-parent > h2 {
    font-size: 20px;
    line-height: 30px;
  }
}
.frame-parent .group-parent .wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}
.frame-parent .group-parent .wrapper p {
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  color: #52575C;
  word-break: keep-all;
  font-family: "Kakao Big Sans";
}
@media (max-width: 500px) {
  .frame-parent .group-parent .wrapper p {
    font-size: 14px;
    line-height: 24px;
  }
}
.frame-parent .group-parent .wrapper > svg {
  padding: 0 0 0 16px;
}
@media (max-width: 500px) {
  .frame-parent .group-parent .wrapper > svg {
    padding: 8px;
  }
}

.faq-list {
  background: white;
  position: relative;
  border-radius: 16px;
  box-shadow: 2px 3px 19.8px 2px rgba(0, 0, 0, 0.04);
  width: 100%;
  padding: 40px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .faq-list {
    padding: 24px 16px;
  }
}
@media (max-width: 500px) {
  .faq-list {
    padding: 8px 12px;
  }
}

.accordion {
  background: white;
  position: relative;
  flex-shrink: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.accordion:not(:last-child) {
  margin-bottom: 0;
}

.accordion-border {
  border-bottom: 1px solid #f2f3f4;
  inset: 0;
  pointer-events: none;
  width: 100%;
  height: 1px;
}

.accordion-button {
  background: white;
  position: relative;
  flex-shrink: 0;
  width: 100%;
  cursor: pointer;
  transition: background-color 0.2s ease;
  border-radius: 1rem;
}
.accordion-button:hover {
  background-color: #fafafa;
}

.accordion-content-wrapper {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  padding: 32px 20px;
  position: relative;
  width: 100%;
}

.q-label {
  font-weight: 600;
  line-height: 1;
  font-style: normal;
  position: relative;
  flex-shrink: 0;
  color: #606060;
  font-size: 16px;
  white-space: nowrap;
  transition: color 0.1s ease;
}

.question-text {
  font-weight: 600;
  flex-grow: 1;
  line-height: 1;
  position: relative;
  color: #606060;
  font-size: 16px;
  letter-spacing: -0.36px;
  transition: color 0.1s ease;
}
@media (max-width: 500px) {
  .question-text {
    line-height: 22px;
  }
}

.caret-icon {
  position: relative;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}
.caret-icon svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: none;
}

.caret-down {
  display: block;
}

.caret-up {
  display: none;
}

.accordion-answer {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  overflow: hidden;
}

.answer-content {
  width: 100%;
  height: 100%;
}

.answer-text {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
  padding: 32px 24px;
  position: relative;
  width: 100%;
  line-height: 1;
  color: #333;
  font-size: 16px;
  letter-spacing: -0.32px;
}
.answer-text p {
  margin: 0;
  line-height: 30px;
}
.answer-text p:last-child {
  margin-bottom: 0;
}
.answer-text p.note {
  color: #6a6a6a;
  font-size: 15px;
}

.accordion.active .accordion-button {
  background-color: rgb(249, 249, 249);
}
.accordion.active .q-label {
  color: #FF9F48;
}
.accordion.active .question-text {
  color: #FF9F48;
  font-weight: 600;
}
.accordion.active .caret-down {
  display: none;
}
.accordion.active .caret-up {
  display: block;
}

@media (max-width: 768px) {
  .accordion-content-wrapper {
    padding: 24px 16px;
    gap: 12px;
  }
  .q-label {
    font-size: 14px;
  }
  .question-text {
    font-size: 16px;
    letter-spacing: -0.32px;
  }
  .answer-text {
    padding: 24px 20px;
    font-size: 15px;
    gap: 16px;
  }
  .caret-icon {
    width: 18px;
    height: 18px;
  }
}
@media (max-width: 480px) {
  .accordion-content-wrapper {
    padding: 20px 12px;
    gap: 8px;
  }
  .q-label {
    font-size: 13px;
  }
  .question-text {
    font-size: 15px;
    letter-spacing: -0.3px;
  }
  .answer-text {
    padding: 20px 16px;
    font-size: 14px;
  }
  .answer-text p {
    margin-bottom: 16px;
  }
  .caret-icon {
    width: 16px;
    height: 16px;
  }
}
.tab-header {
  display: flex;
  justify-content: center;
}

.tab-navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-family: "Pretendard", sans-serif;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  line-height: 0;
}

.tab-item {
  position: relative;
  flex-shrink: 0;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.tab-item p {
  line-height: 1;
  white-space: pre;
  margin: 0;
}
.tab-item:hover {
  opacity: 0.8;
}
.tab-item.news-tab {
  font-size: 48px;
  color: #d8d8d8;
  letter-spacing: -1.92px;
}
.tab-item.news-tab.active {
  color: #000000;
}
.tab-item.notice-tab {
  font-size: 48px;
  color: #d8d8d8;
  letter-spacing: -1.92px;
}
.tab-item.notice-tab.active {
  color: #000000;
}

.tab-separator {
  position: relative;
  flex-shrink: 0;
  font-size: 40px;
  color: #000000;
  letter-spacing: -1.6px;
}
.tab-separator p {
  line-height: 1;
  white-space: pre;
  margin: 0;
}

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

.tab-content {
  display: none;
  width: 100%;
  max-width: 1280px;
  padding: 2rem;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 2px 3px 19.8px 2px rgba(0, 0, 0, 0.04);
}
@media (max-width: 500px) {
  .tab-content {
    padding: 1.5rem;
  }
}
.tab-content.active {
  display: block;
}

.news-content {
  flex: 1;
  height: auto;
  padding: 2rem;
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 500px) {
  .news-content {
    padding: 1.5rem;
  }
}
.news-content .card-view {
  display: block;
  /* 스크롤바의 폭 너비 */
}
.news-content .card-view::-webkit-scrollbar {
  width: 8px;
}
.news-content .card-view::-webkit-scrollbar-thumb {
  background: #888; /* 스크롤바 색상 */
  border-radius: 10px; /* 스크롤바 둥근 테두리 */
  min-height: 50px; /* 스크롤바 막대 최소 높이 */
}
.news-content .card-view::-webkit-scrollbar-track {
  background: rgba(220, 20, 60, 0.1); /*스크롤바 뒷 배경 색상*/
  /*스크롤바 뒷 배경 안보이게*/
  box-shadow: none;
  background-color: transparent;
}
.news-content .card-view .cards-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 24px;
  width: 100%;
}
@media (max-width: 500px) {
  .news-content .card-view .cards-grid {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
}
.news-content .card-view .cards-grid .card {
  width: 100%;
  height: 244px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  cursor: pointer;
}
@media (max-width: 500px) {
  .news-content .card-view .cards-grid .card {
    height: auto;
  }
}
.news-content .card-view .cards-grid .card .card-image {
  width: 100%;
  height: 165.799px;
  border-radius: 4.044px;
  overflow: hidden;
}
.news-content .card-view .cards-grid .card .card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.news-content .card-view .cards-grid .card .card-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.news-content .card-view .cards-grid .card .card-title {
  font-weight: 500;
  font-size: 16px;
  color: #25282b;
  line-height: 24px;
  letter-spacing: 0.1011px;
  height: 42px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 500px) {
  .news-content .card-view .cards-grid .card .card-title {
    font-size: 14px;
    height: auto;
    line-height: 20px;
    word-break: keep-all;
  }
}
.card:first-child .news-content .card-view .cards-grid .card .card-title {
  font-size: 18px;
  letter-spacing: 0.2022px;
}
.card:nth-child(2) .news-content .card-view .cards-grid .card .card-title {
  font-size: 18px;
  letter-spacing: 0.2022px;
}
.news-content .card-view .cards-grid .card .card-meta {
  font-weight: 500;
  font-size: 13px;
  color: #52575c;
  line-height: 16px;
  letter-spacing: 0.2022px;
  height: 16px;
}

.search-section {
  width: 446px;
  margin: auto;
}
.search-section .search-container {
  width: 100%;
  height: 40px;
}
.search-section .search-container .input-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.5rem;
  height: 40px;
}
@media (max-width: 500px) {
  .search-section .search-container .input-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
  }
}
.search-section .search-container .input-box .search-input {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  background: transparent;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  color: #b3b3b3;
  padding: 0 50px 0 12px;
}
@media (max-width: 500px) {
  .search-section .search-container .input-box .search-input {
    height: 40px;
    padding: 0 30px 0 12px;
    font-size: 14px;
  }
}
.search-section .search-container .input-box .search-input::placeholder {
  color: #b3b3b3;
  font-weight: 400;
}
.search-section .search-container .input-box .search-icon {
  width: 24px;
  height: 24px;
}
.search-section .search-container .search-underline {
  height: 3px;
  background-color: #ff9f48;
  border-radius: 1.5px;
}

.nav-tabs {
  position: absolute;
  top: 123px;
  left: 40px;
  display: flex;
  gap: 24px;
  align-items: flex-start;
}
@media (max-width: 500px) {
  .nav-tabs {
    position: unset;
  }
}

.tab {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 7px;
  align-items: flex-start;
  cursor: pointer;
}
@media (max-width: 500px) {
  .tab {
    position: unset;
  }
}
.tab span {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 20px;
  color: #ff9f48;
  line-height: 26px;
  white-space: nowrap;
  letter-spacing: 0.2px;
}
.tab.active .tab-underline {
  display: block;
}

.tab-underline {
  display: none;
  width: 29px;
  height: 3px;
  background-color: #ff9f48;
  border-radius: 1.5px;
}

.view-controls {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  width: 100%;
  margin: 1.5rem 0 1rem 0;
}
@media (max-width: 500px) {
  .view-controls {
    position: unset;
  }
}
.view-controls .change-view-text {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #52575c;
  line-height: 16px;
  letter-spacing: 0.2px;
  white-space: nowrap;
}
.view-controls .view-icon {
  width: 24px;
  height: 24px;
}

.date-display {
  position: absolute;
  bottom: 147px;
  left: 46px;
}
.date-display p {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: #119c59;
  line-height: 24px;
  letter-spacing: 0.1px;
}

@media (max-width: 1200px) {
  .card-view {
    width: 100%;
    max-width: 1186px;
  }
  .search-section {
    width: 90%;
    max-width: 446px;
  }
  .cards-grid {
    width: calc(100% - 80px);
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 20px;
  }
  .nav-tabs {
    flex-wrap: wrap;
    gap: 16px;
  }
}
@media (max-width: 768px) {
  .card-view {
    height: auto;
    min-height: 779px;
    margin: 5px;
  }
  .nav-tabs {
    top: 140px;
    left: 20px;
    right: 20px;
  }
  .nav-tabs .tab span {
    font-size: 16px;
  }
  .view-controls {
    top: 140px;
    right: 20px;
  }
  .cards-grid {
    top: 200px;
    left: 20px;
    width: calc(100% - 40px);
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
  }
  .card {
    width: 100%;
  }
  .card-image {
    height: 140px;
  }
  .search-section {
    top: 20px;
    width: calc(100% - 40px);
  }
}
.tab:hover span {
  opacity: 0.8;
}

.card:hover {
  transform: translateY(-2px);
  transition: transform 0.2s ease;
}
.card:hover .card-image img {
  transform: scale(1.05);
  transition: transform 0.3s ease;
}

.view-controls:hover {
  opacity: 0.8;
  cursor: pointer;
}

.notice-list-view {
  background-color: #ffffff;
  width: 100%;
  overflow: hidden;
  display: block;
}

.notice-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 40px;
}
@media (max-width: 768px) {
  .notice-list {
    padding: 0;
  }
}
@media (max-width: 500px) {
  .notice-list {
    padding: 0;
  }
}

.notice-item {
  background-color: #ffffff;
  height: 80px;
  width: 100%;
}
@media (max-width: 500px) {
  .notice-item {
    height: 60px;
  }
}
.notice-item.stripe {
  background-color: #f4f3f1;
}

.notice-row {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 12px 24px;
  gap: 24px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1px;
  position: relative;
  cursor: pointer;
}
@media (max-width: 500px) {
  .notice-row {
    font-size: 14px;
  }
}

.notice-number {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  color: #25282b;
  white-space: nowrap;
  flex-shrink: 0;
}

.notice-title {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  color: #25282b;
  width: 447px;
  height: 54px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.notice-date {
  position: absolute;
  right: 84px;
  top: 50%;
  transform: translateY(-50%) translateX(100%);
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  color: #52575c;
  white-space: nowrap;
}

.article-item {
  background-color: #faf9f7;
  height: 80px;
  width: 865px;
  position: relative;
}
.article-item.stripe {
  background-color: #f4f3f1;
}
.article-item.light-stripe {
  background-color: #faf9f7;
}

.article-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  padding: 0 74px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1px;
  position: relative;
}

.article-checkbox {
  position: absolute;
  left: 32px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.article-checkbox .checkbox-icon {
  width: 100%;
  height: 100%;
}
.article-checkbox .checkbox-icon:hover {
  opacity: 0.8;
}

.article-title {
  color: #25282b;
  width: 447px;
  height: 54px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.article-meta {
  color: #52575c;
  white-space: nowrap;
  flex-shrink: 0;
}

@media (max-width: 1200px) {
  .search-section {
    width: 90%;
    max-width: 446px;
  }
  .nav-tabs {
    flex-wrap: wrap;
    gap: 16px;
  }
}
@media (max-width: 768px) {
  .tab-item.news-tab, .tab-item.notice-tab {
    font-size: 36px;
    letter-spacing: -1.44px;
  }
  .tab-separator {
    font-size: 30px;
    letter-spacing: -1.2px;
  }
  .card-view {
    height: auto;
    min-height: 779px;
  }
  .nav-tabs {
    top: 140px;
    left: 20px;
    right: 20px;
  }
  .nav-tabs .tab span {
    font-size: 16px;
  }
  .view-controls {
    top: 123px;
    right: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    cursor: pointer;
    transition: opacity 0.3s ease;
  }
  .view-controls:hover {
    opacity: 0.8;
  }
  .change-view-text {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 12px;
    color: #52575c;
    line-height: 16px;
    letter-spacing: 0.2px;
  }
  .view-icon {
    width: 25.621px;
    height: 24px;
    transition: all 0.3s ease;
  }
  .cards-grid {
    top: 200px;
    left: 20px;
    width: calc(100% - 40px);
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
  }
  .card {
    width: 100%;
  }
  .card-image {
    height: 140px;
  }
  .search-section {
    top: 20px;
    width: calc(100% - 40px);
  }
}
@media (max-width: 500px) {
  .card-view {
    margin: 0;
  }
  .card-view .search-section {
    margin: auto;
  }
  .card-view .view-controls {
    float: right;
    margin: 1.5rem 0 1.5rem 0;
  }
  .cards-grid {
    top: 200px;
    left: 0px;
    width: 100%;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 16px;
    margin: auto;
  }
  .cards-grid .card {
    width: 100%;
  }
  .tab-item.news-tab, .tab-item.notice-tab {
    font-size: 28px;
    letter-spacing: -1.12px;
  }
  .tab-separator {
    font-size: 24px;
    letter-spacing: -0.96px;
  }
}
.tab:hover span {
  opacity: 0.8;
}

.card:hover {
  transform: translateY(-2px);
  transition: transform 0.2s ease;
}
.card:hover .card-image img {
  transform: scale(1.05);
  transition: transform 0.3s ease;
}

.view-controls:hover {
  opacity: 0.8;
  cursor: pointer;
}

.news-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.news-item {
  width: 100%;
  height: 113px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  cursor: pointer;
  transition: transform 0.2s ease, background-color 0.2s ease;
  border-radius: 8px;
  padding: 8px;
}
@media (max-width: 500px) {
  .news-item {
    gap: 8px;
    padding: 0;
  }
}
.news-item:hover .news-image img {
  transform: scale(1.05);
}

.news-title {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #25282b;
  line-height: 24px;
  letter-spacing: 0.2022px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 4px;
}
@media (max-width: 500px) {
  .news-title {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 20px;
    word-break: keep-all;
  }
}

.news-meta {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #52575c;
  line-height: 16px;
  letter-spacing: 0.2022px;
}

.news-image {
  width: 186px;
  height: 112px;
  flex-shrink: 0;
  border-radius: 4.044px;
  overflow: hidden;
}
@media (max-width: 500px) {
  .news-image {
    width: 160px;
    height: 110px;
  }
}
.news-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.3s ease;
}

.news-detail {
  display: none;
}
.news-detail__inner {
  width: 100%;
  height: 100%;
}
.news-detail__content {
  display: flex;
  flex-direction: column;
  gap: 48px;
  overflow: hidden;
  padding: 3rem;
}
@media (max-width: 1024px) {
  .news-detail__content {
    padding: 1rem;
  }
}
.news-detail__backBtn {
  width: 40px;
  height: 40px;
  float: left;
  padding: 0;
}
.news-detail__backBtn svg {
  width: 40px;
  height: 40px;
  transition: 0.2s;
  padding: 2px;
}
@media (max-width: 500px) {
  .news-detail__backBtn svg {
    width: 32px;
    height: 32px;
  }
}
.news-detail__backBtn svg:hover {
  background-color: rgba(204, 204, 204, 0.35);
  border-radius: 8px;
}
.news-detail__header {
  display: flex;
  flex-direction: column;
  gap: 23px;
  width: 100%;
}
.news-detail__brand {
  font-family: "Kakao Big Sans", sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: #ff7f00;
  letter-spacing: 0.2px;
  line-height: 26px;
}
.news-detail__title {
  font-family: "Pretendard", sans-serif;
  font-weight: 700;
  font-size: 32px;
  color: #181818;
  letter-spacing: -1.6px;
  white-space: pre;
}
.news-detail__date {
  display: flex;
  gap: 8px;
  align-items: center;
}
.news-detail__date p {
  font-family: "Pretendard", sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: #666666;
  white-space: pre;
}
.news-detail__divider {
  height: 0;
  width: 100%;
  position: relative;
}
.news-detail__divider-line {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: -1px;
}
.news-detail__body {
  display: flex;
  flex-direction: column;
  gap: 56px;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.news-detail__image-container {
  width: 448px;
  height: 486px;
  position: relative;
  flex-shrink: 0;
}
.news-detail__image {
  background-image: url("https://www.fashionbiz.co.kr/images/articleImg/textImg/1732581928575-01.%20%EC%8B%A0%EC%98%81%EC%99%80%EC%BD%94%EB%A3%A8_%EC%8B%A0%EC%98%81%EB%B0%A9%EC%A7%81%20%ED%8C%9D%EC%97%85%EC%8A%A4%ED%86%A0%EC%96%B4.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: contain;
  object-position: 50% 50%;
  pointer-events: none;
}
.news-detail__text-content {
  font-family: "Pretendard", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  color: #555555;
  width: 100%;
  max-width: 869px;
}
.news-detail__paragraph {
  font-family: "Pretendard", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  color: #555555;
  margin-bottom: 0;
  word-break: keep-all;
}

@media (max-width: 768px) {
  .news-detail__content {
    padding: 0;
    gap: 32px;
  }
  .news-detail__header {
    gap: 16px;
  }
  .news-detail__brand {
    font-size: 18px;
  }
  .news-detail__title {
    font-size: 24px;
    letter-spacing: -1.28px;
    white-space: normal;
    line-height: 32px;
  }
  .news-detail__date p {
    font-size: 14px;
  }
  .news-detail__body {
    gap: 40px;
  }
  .news-detail__image-container {
    width: 100%;
    height: auto;
    aspect-ratio: 448/486;
  }
  .news-detail__text-content {
    font-size: 14px;
    width: 100%;
  }
  .news-detail__paragraph {
    font-size: 14px;
  }
}
.notice-detail {
  background-color: white;
  width: 100%;
  max-width: 1015px;
  margin: 0 auto;
  display: none;
}
@media (max-width: 500px) {
  .notice-detail {
    padding: 1rem 1.5rem 2rem 1.5rem;
  }
}
.notice-detail__inner {
  width: 100%;
  height: 100%;
}
.notice-detail__content {
  display: flex;
  flex-direction: column;
  gap: 48px;
  padding: 3rem 0;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .notice-detail__content {
    padding: 1rem;
  }
}
.notice-detail__header {
  display: flex;
  flex-direction: column;
  gap: 23px;
  width: 100%;
}
.notice-detail__brand {
  font-family: "Kakao Big Sans", sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: #ff7f00;
  letter-spacing: 0.2px;
  line-height: 26px;
}
.notice-detail__title {
  font-family: "Pretendard", sans-serif;
  font-weight: 400;
  font-size: 35px;
  color: black;
  letter-spacing: -1.4px;
  white-space: pre;
}
.notice-detail__date {
  display: flex;
  gap: 8px;
  align-items: center;
}
.notice-detail__date p {
  font-family: "Pretendard", sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: #666666;
  white-space: pre;
}
.notice-detail__divider {
  height: 0;
  width: 100%;
  position: relative;
}
.notice-detail__divider-line {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: -1px;
}
.notice-detail__body {
  display: flex;
  flex-direction: column;
  gap: 56px;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
}
.notice-detail__text-content {
  font-family: "Pretendard", sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: #555555;
  width: 100%;
  max-width: 869px;
}
.notice-detail__paragraph {
  font-family: "Pretendard", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.32px;
  color: #3d3d3d;
  margin-bottom: 0;
}
.notice-detail__section-title {
  font-family: "Pretendard", sans-serif;
  font-weight: 500;
  color: #181818;
}

@media (max-width: 768px) {
  .notice-detail {
    padding: 0;
  }
  .notice-detail__content {
    padding: 0;
    gap: 32px;
  }
  .notice-detail__header {
    gap: 16px;
  }
  .notice-detail__brand {
    font-size: 18px;
  }
  .notice-detail__title {
    font-size: 18px;
    letter-spacing: -1.12px;
    line-height: 32px;
  }
  .notice-detail__date p {
    font-size: 14px;
  }
  .notice-detail__body {
    gap: 40px;
  }
  .notice-detail__text-content {
    font-size: 14px;
  }
  .notice-detail__paragraph {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.28px;
  }
}

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