@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");
:root {
  /* color */
  --pink:#FF437A;
  --black:#000;
  --light-pink:#FBE9F0;
  --medium-pink:#FF91AA;
  --coral:#FF7D46;
  /* gray */
  --Gray1:#222;
  --Gray2:#454545;
  --Gray3:#6a6a6a;
  --Gray4:#a6a6a6;
  --Gray5:#ddd;
  --Gray6:#f5f5f5;
  --white:#fff;
  /* layout width */
  --pc-width:520px;
  --mobile-width:360px;
  /* global font */
  --pret-var: "Pretendard Variable", sans-serif;
}

/* 접근성 */
.hide {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  width: 1px;
  height: 1px;
}

.scroll-x {
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  display: flex;
}
.scroll-x::-webkit-scrollbar {
  display: none;
}

/* cut */
.cut1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.cut2 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.board-search form {
  display: flex;
  align-items: center;
  height: 46px;
  padding: 0 7px 0 0;
  border-radius: 23px;
  background: var(--Gray6, #f5f5f5);
  overflow: hidden;
}
.board-search form input[type=text] {
  width: 100%;
  height: 46px;
  padding: 0 0 0 23px;
  border: 0;
  font-family: var(--pret-var);
  color: var(--Gray1, #222);
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.28px;
  background: none;
  box-sizing: border-box;
}
.board-search form input[type=text]:focus {
  outline: none;
}
.board-search form input[type=text]::placeholder {
  color: var(--Gray4, #a6a6a6);
}
.board-search form > input[type=button] {
  flex: none;
  all: unset;
  display: block;
  width: 46px;
  height: 46px;
  background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5232 12.4626L16.7353 15.6746L15.6746 16.7353L12.4626 13.5232C11.3077 14.4472 9.843 15 8.25 15C4.524 15 1.5 11.976 1.5 8.25C1.5 4.524 4.524 1.5 8.25 1.5C11.976 1.5 15 4.524 15 8.25C15 9.843 14.4472 11.3077 13.5232 12.4626ZM12.0185 11.9061C12.9356 10.9609 13.5 9.6717 13.5 8.25C13.5 5.34937 11.1506 3 8.25 3C5.34937 3 3 5.34937 3 8.25C3 11.1506 5.34937 13.5 8.25 13.5C9.6717 13.5 10.9609 12.9356 11.9061 12.0185L12.0185 11.9061Z' fill='black'/%3E%3C/svg%3E%0A") no-repeat 50%;
}

.tab-basic li a {
  display: flex;
  align-items: center;
  height: 32px;
  padding: 0 16px;
  text-align: center;
  font-family: var(--pret-var);
  color: var(--Gray2, #454545);
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.28px;
  border-radius: 16px;
  background: var(--white);
  white-space: nowrap;
}
.tab-basic li.on a {
  background: var(--Gray1, #222);
  color: var(--white);
}

.tab-mode-first {
  display: flex;
  margin: 0 -18px;
  padding: 0 18px;
  border-bottom: 1px solid #F5F5F5;
}
.tab-mode-first li {
  flex-basis: 0;
  flex-grow: 1;
}
.tab-mode-first li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 37px;
}
.tab-mode-first li a span {
  display: flex;
  align-items: center;
  position: relative;
  height: 37px;
  padding: 0 6px;
  font-family: var(--pret-var);
  color: var(--Gray3, #6a6a6a);
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.28px;
}
.tab-mode-first li.on a span {
  color: var(--Gray1, #222);
}
.tab-mode-first li.on a span:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 2px;
  border-radius: 1px;
  background: var(--black);
}

.qna-board {
  border-top: 1px solid var(--Gray1, #222);
}
.qna-board li {
  padding: 22px 10px 22px 4px;
  border-bottom: 1px solid #F3F3F3;
}
.qna-board li button {
  all: unset;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  position: relative;
  width: 100%;
  border: 0;
  background: var(--white);
  cursor: pointer;
}
.qna-board li button em {
  flex: none;
  display: flex;
  align-items: center;
  padding: 0 12px;
  height: 26px;
  border-radius: 13px;
  border: 1px solid #e6e6e6;
  font-style: normal;
  font-family: var(--pret-var);
  color: var(--Gray2, #454545);
  font-size: 13px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.26px;
}
.qna-board li button strong {
  display: block;
  width: calc(100% - 20px);
  padding-right: 20px;
  font-family: var(--pret-var);
  color: var(--Gray2, #454545);
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.28px;
}
.qna-board li button:after {
  content: "";
  position: absolute;
  right: 0;
  top: 33px;
  width: 12px;
  height: 8px;
  background: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%236A6A6A' stroke-width='1.5'/%3E%3C/svg%3E%0A") no-repeat 50%;
  transform-origin: center;
}
.qna-board li button.on:after {
  transform: rotate(180deg);
}
.qna-board li .question-area {
  display: none;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  line-height: 25px;
}
.qna-board li .question-area article {
  margin-top: 18px;
  padding: 18px 28px;
  height: 100%;
  position: relative;
  overflow: hidden;
  font-family: var(--pret-var);
  color: var(--Gray1, #222);
  font-size: 13px;
  font-weight: 500;
  line-height: 25px;
  letter-spacing: -0.26px;
  word-break: keep-all;
  border-radius: 6px;
  background: var(--Gray6, #f5f5f5);
  box-sizing: border-box;
}

.list-mode-notice {
  border-top: 1px solid var(--Gray1, #222);
}
.list-mode-notice li {
  border-bottom: 1px solid var(--Gray6, #f5f5f5);
}
.list-mode-notice li a {
  display: block;
  position: relative;
  padding: 20px 35px 20px 10px;
}
.list-mode-notice li a strong {
  font-family: var(--pret-var);
  color: var(--Gray1, #222);
  font-size: 15px;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: -0.3px;
}
.list-mode-notice li a span {
  display: block;
  margin-top: 2px;
  font-family: var(--pret-var);
  color: var(--Gray4, #a6a6a6);
  font-size: 13px;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: -0.13px;
}
.list-mode-notice li a:after {
  content: "";
  position: absolute;
  right: 4px;
  top: 29px;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 17L15 12L10 7' stroke='%236A6A6A' stroke-width='1.5'/%3E%3C/svg%3E%0A") no-repeat 50%;
}

.list-none {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 442px;
}
.list-none span {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  font-family: var(--pret-var);
  color: var(--Gray3, #6a6a6a);
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.32px;
}
.list-none span:before {
  content: "";
  display: block;
  width: 56px;
  height: 56px;
  background: url("data:image/svg+xml,%3Csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.1411 37.7749H30.2661C30.2661 36.6013 29.3147 35.6499 28.1411 35.6499V37.7749ZM28.1411 38.0582L28.1406 40.1832C28.7043 40.1833 29.2449 39.9595 29.6435 39.561C30.0422 39.1625 30.2661 38.6219 30.2661 38.0582H28.1411ZM27.8589 38.0581H25.7339C25.7339 39.2315 26.685 40.1828 27.8584 40.1831L27.8589 38.0581ZM27.8589 37.7749V35.6499C26.6853 35.6499 25.7339 36.6013 25.7339 37.7749H27.8589ZM30.125 17.9415V15.8165H25.875V17.9415H30.125ZM25.875 29.2749V31.3999H30.125V29.2749H25.875ZM28 51.375C15.0903 51.375 4.625 40.9097 4.625 28H0.375C0.375 43.2569 12.7431 55.625 28 55.625V51.375ZM4.625 28C4.625 15.0903 15.0903 4.625 28 4.625V0.375C12.7431 0.375 0.375 12.7431 0.375 28H4.625ZM28 4.625C40.9097 4.625 51.375 15.0903 51.375 28H55.625C55.625 12.7431 43.2569 0.375 28 0.375V4.625ZM51.375 28C51.375 40.9097 40.9097 51.375 28 51.375V55.625C43.2569 55.625 55.625 43.2569 55.625 28H51.375ZM26.0161 37.7749V38.0582H30.2661V37.7749H26.0161ZM28.1416 35.9332L27.8594 35.9331L27.8584 40.1831L28.1406 40.1832L28.1416 35.9332ZM29.9839 38.0581V37.7749H25.7339V38.0581H29.9839ZM27.8589 39.8999H28.1411V35.6499H27.8589V39.8999ZM25.875 17.9415V29.2749H30.125V17.9415H25.875Z' fill='%23DDDDDD'/%3E%3C/svg%3E%0A") no-repeat 50%;
}

.btn-more {
  display: inline-flex;
  align-items: center;
  height: 38px;
  padding: 0 24px;
  border-radius: 19px;
  background: var(--Gray6, #f5f5f5);
}
.btn-more span {
  display: block;
  padding-right: 15px;
  font-family: var(--pret-var);
  color: var(--Gray2, #454545);
  font-size: 13px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.26px;
  background: url("data:image/svg+xml,%3Csvg width='9' height='10' viewBox='0 0 9 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.85288 0.5H5.13717V9.5H3.85288V0.5ZM0 4.35288H9V5.63717H0V4.35288Z' fill='%23454545'/%3E%3C/svg%3E%0A") no-repeat 100% 50%;
}

.btn-list {
  display: inline-flex;
  width: 100%;
  height: 46px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--Gray5, #ddd);
  font-family: var(--pret-var);
  color: var(--Gray2, #454545);
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.28px;
}
.btn-list:hover {
  color: var(--Gray2, #454545);
}

body {
  background: #fff;
}
body.renew-body {
  background: #FBFBFB;
}

#wrapper {
  position: relative;
  max-width: var(--pc-width);
  margin: 0 auto;
  overflow: hidden;
  background: var(--white);
}

#container {
  padding-top: 56px;
}

#header {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 56px;
  padding: 0 20px;
  background: var(--white);
  max-width: var(--pc-width);
  margin: 0 auto;
  z-index: 100;
  box-sizing: border-box;
}
#header * {
  box-sizing: border-box;
  font-family: var(--pret-var);
}
#header #menu-control {
  flex: none;
  position: relative;
  margin-left: auto;
  width: 20px;
  height: 20px;
}
#header #menu-control button {
  position: relative;
  all: unset;
  display: block;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 100;
}
#header #menu-control button #btn-gnb-close {
  display: none;
}
#header #menu-control:after {
  content: "";
  position: absolute;
  left: 1px;
  top: 5px;
  width: 18px;
  height: 2px;
  background: var(--black);
  transition: 0.35s;
  transform-origin: center;
  z-index: -1;
}
#header #menu-control:before {
  content: "";
  position: absolute;
  left: 1px;
  bottom: 5px;
  width: 18px;
  height: 2px;
  background: var(--black);
  transition: 0.35s;
  transform-origin: center;
  z-index: -1;
}
#header #menu-control.on::after {
  left: 50%;
  top: 50%;
  margin-left: -9px;
  margin-top: -1px;
  transform: rotate(45deg);
}
#header #menu-control.on::before {
  left: 50%;
  top: 50%;
  margin-left: -9px;
  margin-top: -1px;
  transform: rotate(-45deg);
}
#header #page-close {
  margin-left: auto;
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.6377 1.35369C18.2472 0.963166 17.614 0.963167 17.2235 1.35369L10.1524 8.42476L3.08134 1.35369C2.69081 0.963164 2.05765 0.963164 1.66712 1.35369C1.2766 1.74421 1.2766 2.37738 1.66712 2.7679L8.73819 9.83897L1.66712 16.91C1.2766 17.3006 1.2766 17.9337 1.66712 18.3243C2.05765 18.7148 2.69081 18.7148 3.08134 18.3243L10.1524 11.2532L17.2235 18.3243C17.614 18.7148 18.2472 18.7148 18.6377 18.3243C19.0282 17.9337 19.0282 17.3006 18.6377 16.91L11.5666 9.83897L18.6377 2.7679C19.0282 2.37738 19.0282 1.74422 18.6377 1.35369Z' fill='black'/%3E%3C/svg%3E%0A") no-repeat 50%;
}
#header #btn-login {
  margin-left: auto;
}
#header #btn-login a {
  text-align: center;
  font-family: var(--pret-var);
  color: var(--Gray3, #6a6a6a);
  font-size: 13px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.39px;
}
#header #btn-login a:hover {
  font-weight: 600;
  text-decoration: underline;
}
#header h1 {
  display: inline-flex;
}
#header h1 a {
  display: inline-flex;
  width: 160px;
  height: 15px;
  background: url("data:image/svg+xml,%3Csvg width='160' height='15' viewBox='0 0 160 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M61.6048 14.3039V0.161133H71.3929V2.87783H64.9208V5.87419H70.8735V8.59089H64.9208V11.5872H71.3929V14.3039H61.6048Z' fill='black'/%3E%3Cpath d='M48.8272 14.3039V0.161133H54.5802C57.7763 0.181108 59.7339 1.97892 59.7339 4.8754C59.7339 6.81305 58.835 8.21135 57.257 8.9105L60.2134 14.3039H56.5778L53.9809 9.42987H52.1432V14.3039H48.8272ZM52.1432 6.79307H53.901C55.4591 6.79307 56.2981 6.1938 56.2981 4.8754C56.2981 3.53703 55.4591 2.87783 53.901 2.87783H52.1432V6.79307Z' fill='black'/%3E%3Cpath d='M36.9183 14.3039H33.3226L38.1168 0.161133H42.5514L47.3456 14.3039H43.7499L42.8111 11.3076H37.8571L36.9183 14.3039ZM38.6761 8.75069H41.9921L40.394 3.67686H40.2742L38.6761 8.75069Z' fill='black'/%3E%3Cpath d='M29.0525 5.27374C28.8528 3.81552 27.814 2.89663 26.2559 2.91661C24.1585 2.89663 22.88 4.49469 22.86 7.23137C22.88 10.0879 24.1784 11.5661 26.216 11.5861C27.7341 11.5661 28.7928 10.7471 29.0525 9.34879L32.4084 9.38874C32.1288 11.9057 29.9714 14.5025 26.1361 14.5025C22.3207 14.5025 19.4841 11.8857 19.4642 7.23137C19.4841 2.57702 22.3806 -0.0198209 26.1361 0.000154513C29.5319 -0.0198209 32.0489 1.89785 32.4084 5.27374H29.0525Z' fill='black'/%3E%3Cpath d='M17.3044 5.99414V8.51108H10.7923V5.99414H17.3044Z' fill='black'/%3E%3Cpath d='M0 14.3049V0.162109H3.31597V11.5882H9.22877V14.3049H0Z' fill='black'/%3E%3Cpath d='M158.166 6.28847C157.945 5.40591 157.27 4.82673 156.029 4.82673C154.719 4.82673 153.795 5.53002 153.795 6.41258C153.795 7.11586 154.36 7.59851 155.601 7.90189L157.187 8.28801C159.076 8.74308 160 9.68079 160 11.1563C160 12.9904 158.511 14.3418 155.849 14.3418C153.477 14.3418 152.057 13.28 151.781 11.3494H153.533C153.726 12.3836 154.484 12.8801 155.822 12.8801C157.325 12.8801 158.276 12.2457 158.276 11.2528C158.276 10.5082 157.738 10.0118 156.539 9.73595L154.939 9.36363C153.091 8.93614 152.112 7.92947 152.112 6.50911C152.112 4.70262 153.698 3.39258 156.029 3.39258C158.221 3.39258 159.6 4.56472 159.821 6.28847H158.166Z' fill='black'/%3E%3Cpath d='M145.803 14.1214V3.53071H147.431V5.14414H147.541C147.927 4.08231 149.03 3.36523 150.285 3.36523C150.533 3.36523 150.961 3.37903 151.154 3.39281V5.08898C151.03 5.0614 150.575 4.97866 150.147 4.97866C148.616 4.97866 147.486 6.02669 147.486 7.44706V14.1214H145.803Z' fill='black'/%3E%3Cpath d='M139.527 14.3428C136.466 14.3428 134.576 12.164 134.576 8.90953C134.576 5.65511 136.493 3.39355 139.361 3.39355C141.595 3.39355 143.94 4.75876 143.94 8.68889V9.39218H136.266C136.341 11.6262 137.645 12.8535 139.527 12.8535C140.796 12.8535 141.595 12.3019 141.981 11.6399H143.774C143.278 13.2534 141.706 14.3428 139.527 14.3428ZM136.266 7.95803H142.23C142.23 6.19291 141.113 4.88287 139.375 4.88287C137.534 4.88287 136.376 6.33081 136.266 7.95803Z' fill='black'/%3E%3Cpath d='M123.496 14.1209V0H125.179V5.2126H125.303C125.675 4.64721 126.309 3.39233 128.364 3.39233C131.026 3.39233 132.887 5.50219 132.887 8.85314C132.887 12.2179 131.026 14.3415 128.392 14.3415C126.365 14.3415 125.675 13.0867 125.303 12.4937H125.124V14.1209H123.496ZM125.137 8.82557C125.137 11.1974 126.213 12.8384 128.144 12.8384C130.157 12.8384 131.191 11.0733 131.191 8.82557C131.191 6.60539 130.184 4.89543 128.144 4.89543C126.185 4.89543 125.137 6.46749 125.137 8.82557Z' fill='black'/%3E%3Cpath d='M107.199 14.1212V3.53048H108.827V5.19906H108.965C109.406 4.05449 110.426 3.39258 111.805 3.39258C113.198 3.39258 114.136 4.05449 114.646 5.19906H114.756C115.294 4.09586 116.411 3.39258 117.928 3.39258C119.817 3.39258 121.169 4.55094 121.169 7.03313V14.1212H119.486V7.0607C119.486 5.50244 118.507 4.89568 117.349 4.89568C115.873 4.89568 115.032 5.88856 115.032 7.23997V14.1212H113.336V6.89523C113.336 5.6955 112.481 4.89568 111.254 4.89568C109.999 4.89568 108.882 5.9713 108.882 7.51577V14.1212H107.199Z' fill='black'/%3E%3Cpath d='M100.617 14.3428C97.5556 14.3428 95.6664 12.164 95.6664 8.90953C95.6664 5.65511 97.5832 3.39355 100.451 3.39355C102.685 3.39355 105.03 4.75876 105.03 8.68889V9.39218H97.3556C97.4315 11.6262 98.7346 12.8535 100.617 12.8535C101.886 12.8535 102.685 12.3019 103.072 11.6399H104.864C104.368 13.2534 102.796 14.3428 100.617 14.3428ZM97.3556 7.95803H103.32C103.32 6.19291 102.203 4.88287 100.465 4.88287C98.6243 4.88287 97.466 6.33081 97.3556 7.95803Z' fill='black'/%3E%3Cpath d='M79.3603 0H81.4701L86.2277 11.6249H86.3932L91.1507 0H93.2605V14.1209H91.6057V3.46128H91.4678L87.0827 14.1209H85.5244L81.1392 3.44749H81.0151V14.1209H79.3603V0Z' fill='black'/%3E%3C/svg%3E%0A") no-repeat;
}
#header ~ #benefits-content {
  padding-top: 56px;
}
#header.detail-mode {
  justify-content: center;
}
#header.detail-mode h2 {
  width: 100%;
  padding-left: 26px;
  padding-right: 6px;
  text-align: center;
  font-family: var(--pret-var);
  color: var(--Gray1, #222);
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.32px;
}

#gnb {
  position: fixed;
  left: 0;
  right: 0;
  top: 56px;
  bottom: 0;
  background: var(--white);
  z-index: 102;
  transition: 0.35s;
  transform: translateX(100%);
}
#gnb * {
  box-sizing: border-box;
  font-family: "Pretendard Variable";
}
#gnb .navWrap {
  position: relative;
  max-width: 520px;
  margin: 0 auto;
  padding: 36px 32px 67px;
  height: 100%;
  overflow: auto;
}
#gnb .navWrap a {
  display: block;
  position: relative;
}
#gnb .navWrap > ul > li {
  padding: 30px 0;
  border-bottom: 1px solid var(--Gray6, #f5f5f5);
}
#gnb .navWrap > ul > li > strong {
  display: block;
  font-style: normal;
  font-family: var(--pret-var);
  color: var(--Gray4, #a6a6a6);
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -0.28px;
  text-transform: capitalize;
}
#gnb .navWrap > ul > li > ul {
  display: flex;
  flex-direction: column;
  gap: 22px;
  margin-top: 16px;
}
#gnb .navWrap > ul > li > ul > li > a {
  font-family: var(--pret-var);
  color: var(--Gray1, #222);
  font-size: 17px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -0.28px;
  text-transform: capitalize;
}
#gnb .navWrap > ul > li:first-child {
  padding-top: 0;
}
#gnb .navWrap > ul > li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
#gnb .navWrap button {
  all: unset;
  position: absolute;
  right: 20px;
  top: 16px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.6377 1.35369C18.2472 0.963166 17.614 0.963167 17.2235 1.35369L10.1524 8.42476L3.08134 1.35369C2.69081 0.963164 2.05765 0.963164 1.66712 1.35369C1.2766 1.74421 1.2766 2.37738 1.66712 2.7679L8.73819 9.83897L1.66712 16.91C1.2766 17.3006 1.2766 17.9337 1.66712 18.3243C2.05765 18.7148 2.69081 18.7148 3.08134 18.3243L10.1524 11.2532L17.2235 18.3243C17.614 18.7148 18.2472 18.7148 18.6377 18.3243C19.0282 17.9337 19.0282 17.3006 18.6377 16.91L11.5666 9.83897L18.6377 2.7679C19.0282 2.37738 19.0282 1.74422 18.6377 1.35369Z' fill='black'/%3E%3C/svg%3E%0A") no-repeat 50%;
}
#gnb .navWrap #user-info {
  margin: 0 -30px 36px;
  padding: 0 30px 28px;
  border-bottom: 8px solid #F9F9F9;
}
#gnb .navWrap #user-info .login-before > a {
  display: flex;
}
#gnb .navWrap #user-info .login-before > a span {
  color: #111;
  display: block;
  padding-right: 25px;
  font-weight: 600;
  font-size: 22px;
  line-height: 22px;
  background: url("data:image/svg+xml,%3Csvg width='17' height='18' viewBox='0 0 17 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.56647 14.6925L11.2698 8.99967L5.56647 3.30688' stroke='%23111111' stroke-width='1.57841' stroke-miterlimit='10'/%3E%3C/svg%3E%0A") no-repeat 100% 50%;
}
#gnb .navWrap #user-info .login-before p {
  margin-top: 12px;
  font-size: 15px;
  line-height: 15px;
  color: var(--Gray3, #6a6a6a);
}
#gnb .navWrap #user-info .login-after {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}
#gnb .navWrap #user-info .login-after #btn-my-info {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
#gnb .navWrap #user-info .login-after #btn-my-info > strong {
  display: block;
  font-weight: 600;
  font-size: 22px;
  line-height: 22px;
  color: #111;
}
#gnb .navWrap #user-info .login-after #btn-my-info > span {
  display: flex;
  gap: 16px;
}
#gnb .navWrap #user-info .login-after #btn-my-info > span > * {
  display: block;
  position: relative;
  font-size: 15px;
  line-height: 15px;
  font-style: normal;
  color: var(--Gray3, #6a6a6a);
}
#gnb .navWrap #user-info .login-after #btn-my-info > span > *:after {
  content: "";
  position: absolute;
  right: -8px;
  top: 50%;
  height: 12px;
  width: 1px;
  transform: translateY(calc(-50% - 1px));
  background: var(--Gray5, #ddd);
}
#gnb .navWrap #user-info .login-after #btn-my-info > span > *:last-child::after {
  display: none;
}
#gnb .navWrap #user-info .login-after #btn-my-info > span > a {
  font-weight: 700;
}
#gnb .navWrap #user-info .login-after #btn-my-info > span > a i {
  font-style: normal;
}
#gnb .navWrap #user-info .login-after #btn-logout {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 12px;
  border-radius: 12px;
  background: var(--Gray6, #f5f5f5);
  font-size: 13px;
  color: var(--Gray3, #6a6a6a);
}
#gnb.on {
  transform: translateX(0);
}

#footer {
  padding: 20px;
  background: var(--Gray6, #f5f5f5);
}
#footer * {
  box-sizing: border-box;
  font-family: var(--pret-var);
}
#footer > ul {
  display: flex;
  gap: 28px;
  margin-bottom: 18px;
}
#footer > ul li a {
  color: #333;
  font-size: 14px;
  font-weight: 400;
  line-height: 15px;
}
#footer > ul li a.point {
  text-decoration: none;
  color: var(--black);
  font-weight: 600;
}
#footer p {
  margin-bottom: 10px;
  color: #888;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
}
#footer p:last-of-type {
  margin-bottom: 0;
}
#footer .family-site-area {
  margin-top: 30px;
  padding: 0 20px;
}
#footer .family-site-area #family-site {
  position: relative;
  z-index: 101;
}
#footer .family-site-area #family-site button {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  height: 50px;
  padding: 0 28px;
  border-radius: 25px;
  border: 1px solid var(--Gray3, #6a6a6a);
  color: var(--Gray3, #6a6a6a);
  font-size: 14px;
  line-height: 150%;
  letter-spacing: -0.42px;
  transition: 0.4s;
  transition-delay: 0.13s;
  background: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_372_7)'%3E%3Cpath d='M11.2502 6.13574H0.750244' stroke='%236A6A6A' stroke-width='1.5' stroke-miterlimit='10'/%3E%3Cpath d='M6.00024 11.3857V0.885742' stroke='%236A6A6A' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_372_7'%3E%3Crect width='12' height='12' fill='white' transform='translate(0.000244141 0.135742)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat calc(100% - 33px) 50%;
  cursor: pointer;
  z-index: 100;
}
#footer .family-site-area #family-site .child-wrap {
  position: absolute;
  bottom: 60px;
  left: 0;
  right: 0;
  height: 0;
  overflow: hidden;
  transition: height 0.35s;
}
#footer .family-site-area #family-site .child-wrap .child-area {
  display: block;
  height: 254px;
  border-radius: 12px;
  background: #212121;
  z-index: 99;
}
#footer .family-site-area #family-site .child-wrap .child-area .scroll-area {
  display: flex;
  flex-direction: column;
  gap: 32px;
  height: 100%;
  overflow-y: auto;
  padding: 16px 32px;
}
#footer .family-site-area #family-site .child-wrap .child-area .scroll-area .child-item {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#footer .family-site-area #family-site .child-wrap .child-area .scroll-area .child-item strong {
  color: #888;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
}
#footer .family-site-area #family-site .child-wrap .child-area .scroll-area .child-item ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#footer .family-site-area #family-site .child-wrap .child-area .scroll-area .child-item ul li a {
  color: var(--white);
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
}
#footer .family-site-area #family-site .child-wrap .child-area .scroll-area .child-item ul.row-list {
  flex-direction: row;
  flex-wrap: wrap;
}
#footer .family-site-area #family-site .child-wrap .child-area .scroll-area .child-item ul.row-list li {
  width: calc(50% - 20px);
}
#footer .family-site-area #family-site.on button {
  color: var(--white);
  background: #222 url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_372_39)'%3E%3Cpath d='M11.25 6H0.75' stroke='white' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_372_39'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat calc(100% - 33px) 50%;
}
#footer .family-site-area #family-site.on .child-wrap {
  height: 254px;
  transition-delay: 0s;
}

#sub-title {
  color: var(--Gray1, #222);
  font-family: "Pretendard Variable";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.4px;
  text-align: center;
}

.ad-iframe-layer {
  position: fixed;
  border: 0;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}
.ad-iframe-layer iframe {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 312px;
  border: 0;
}

@media (min-width: 520px) {
  #gnb {
    transform: translateX(0);
    left: auto;
    width: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.35s, visibility 0s 0.35s, width 0s 0.35s;
    background: #FBFBFB;
  }
  #gnb .navWrap {
    background: var(--white);
  }
  #gnb.on {
    opacity: 1;
    visibility: visible;
    left: 0;
    width: auto;
    transition: opacity 0.35s, visibility 0s, width 0s;
  }
}

/*# sourceMappingURL=ui-common.css.map */