@charset "UTF-8";
.tHide, .mHide {
  display: block;
}

.wHide {
  display: none;
}

.lock-scroll {
  overflow: hidden;
}

/*** component ***/
[class*=m__] article .preview {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.imageBox {
  width: 100%;
  overflow: hidden;
}
.imageBox a {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.imageBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.imageBox img[src=""] {
  display: none;
}
.imageBox:has(img[src=""]) {
  background-color: var(--gray_80);
}

.imageCircle {
  aspect-ratio: 1/1;
  width: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.imageCircle a, .imageCircle img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.imageCircle img[src=""] {
  display: none;
}
.imageCircle:has(img[src=""]) {
  background-color: var(--gray_80);
}

.infoBox {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 1px;
}

.searchBox {
  position: relative;
  display: flex;
  align-items: center;
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 14px;
  border-bottom: 3px solid var(--point);
}
.searchBox .searchInput {
  width: calc(100% - 40px);
  padding-left: 8px;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: -0.072px;
  border: 0;
  background-color: transparent;
  /* 크롬, 사파리 */
  /* IE */
}
.searchBox .searchInput::-webkit-input-placeholder {
  color: var(--gray_50);
}
.searchBox .searchInput::-ms-input-placeholder {
  color: var(--gray_50);
}
.searchBox .f__ic_search {
  margin-right: 8px;
  height: 32px;
  width: 32px;
}
.searchBox .f__ic_search::before {
  width: 32px;
  height: 32px;
}

.searchForm {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 340px;
  height: 40px;
  background-color: var(--gray_80);
  border-radius: 4px;
  padding: 4px 14px;
}
.searchForm .searchInput {
  flex: 1;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.042px;
  border: 0;
  background-color: transparent;
  /* 크롬, 사파리 */
  /* IE */
}
.searchForm .searchInput::-webkit-input-placeholder {
  color: var(--gray_40);
}
.searchForm .searchInput::-ms-input-placeholder {
  color: var(--gray_40);
}
.searchForm .f__ic_search {
  height: 24px;
  width: 24px;
}
.searchForm .f__ic_search::before {
  height: 24px;
  width: 24px;
}

.mailForm {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 340px;
  height: 40px;
  background-color: var(--gray_80);
  border-radius: 4px;
  padding: 4px 14px;
}
.mailForm .mailInput {
  flex: 1;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.042px;
  border: 0;
  background-color: transparent;
  /* 크롬, 사파리 */
  /* IE */
}
.mailForm .mailInput::-webkit-input-placeholder {
  color: var(--gray_40);
}
.mailForm .mailInput::-ms-input-placeholder {
  color: var(--gray_40);
}

.mapBox {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.mapBox a, .mapBox img, .mapBox iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.f__ic::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
}
.f__ic_search::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10.4092' cy='11' r='5.75' transform='rotate(-45 10.4092 11)' stroke='%23383838' stroke-width='2'/%3E%3Crect x='13.4141' y='15.4189' width='2' height='6' rx='1' transform='rotate(-45 13.4141 15.4189)' fill='%23383838'/%3E%3C/svg%3E%0A");
}
.f__ic_sitemap::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3.5' y='5.5' width='17' height='2' rx='1' fill='%23383838'/%3E%3Crect x='3.5' y='11' width='17' height='2' rx='1' fill='%23383838'/%3E%3Crect x='3.5' y='16.5' width='17' height='2' rx='1' fill='%23383838'/%3E%3C/svg%3E%0A");
}
.f__ic_close::before {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M5 5L19 19" stroke="%23333333" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M19 5L5 19" stroke="%23333333" stroke-width="2" stroke-linecap="round"/%3E%3C/svg%3E');
}
.f__ic_close32 {
  width: 32px;
  height: 32px;
}
.f__ic_close32::before {
  width: 32px;
  height: 32px;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"%3E%3Cpath d="M7 7L25 25" stroke="%23333333" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M25 7L7 25" stroke="%23333333" stroke-width="2" stroke-linecap="round"/%3E%3C/svg%3E');
}
.f__ic_arrow::before {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M10.5 6.5L16 12L10.5 17.5" stroke="%231F1F1F" stroke-width="2" stroke-linecap="square"/%3E%3C/svg%3E');
}
.f__ic_arrowThin::before {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M10.5 6.5L16 12L10.5 17.5" stroke="%231F1F1F" stroke-width="1.2" stroke-linecap="square"/%3E%3C/svg%3E');
}
.f__ic_prev {
  background-color: white;
  border: 1px solid var(--gray_80);
  width: 24px;
  height: 24px;
  border-radius: 12px;
}
.f__ic_prev.disabled {
  background-color: var(--gray_80);
}
.f__ic_prev.disabled::before {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="17" height="16" viewBox="0 0 17 16" fill="none"%3E%3Cpath d="M10 4L5.5 8L10 12" stroke="%23CCCCCC" stroke-width="1.2" stroke-linecap="round"/%3E%3C/svg%3E');
}
.f__ic_prev::before {
  width: 16px;
  height: 16px;
  margin-left: 4px;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="17" height="16" viewBox="0 0 17 16" fill="none"%3E%3Cpath d="M10 4L5.5 8L10 12" stroke="%23474747" stroke-width="1.2" stroke-linecap="round"/%3E%3C/svg%3E');
}
.f__ic_next {
  background-color: white;
  border: 1px solid var(--gray_80);
  width: 24px;
  height: 24px;
  border-radius: 12px;
}
.f__ic_next.disabled {
  background-color: var(--gray_80);
}
.f__ic_next.disabled::before {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="17" height="16" viewBox="0 0 17 16" fill="none"%3E%3Cpath d="M7 4L11.5 8L7 12" stroke="%23CCCCCC" stroke-width="1.2" stroke-linecap="round"/%3E%3C/svg%3E');
}
.f__ic_next::before {
  width: 16px;
  height: 16px;
  margin-left: 4px;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="17" height="16" viewBox="0 0 17 16" fill="none"%3E%3Cpath d="M7 4L11.5 8L7 12" stroke="%23474747" stroke-width="1.2" stroke-linecap="round"/%3E%3C/svg%3E');
}
.f__ic_prev32 {
  background-color: white;
  border: 1px solid var(--gray_80);
  width: 32px;
  height: 32px;
  border-radius: 16px;
}
.f__ic_prev32.disabled {
  background-color: var(--gray_80);
}
.f__ic_prev32.disabled::before {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M13.5 6.5L8 12L13.5 17.5" stroke="%23CCCCCC" stroke-width="1.2" stroke-linecap="square"/%3E%3C/svg%3E');
}
.f__ic_prev32::before {
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M13.5 6.5L8 12L13.5 17.5" stroke="%23474747" stroke-width="1.2" stroke-linecap="square"/%3E%3C/svg%3E');
}
.f__ic_next32 {
  background-color: white;
  border: 1px solid var(--gray_80);
  width: 32px;
  height: 32px;
  border-radius: 16px;
}
.f__ic_next32.disabled {
  background-color: var(--gray_80);
}
.f__ic_next32.disabled::before {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M10.5 6.5L16 12L10.5 17.5" stroke="%23CCCCCC" stroke-width="1.2" stroke-linecap="square"/%3E%3C/svg%3E');
}
.f__ic_next32::before {
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M10.5 6.5L16 12L10.5 17.5" stroke="%23474747" stroke-width="1.2" stroke-linecap="square"/%3E%3C/svg%3E');
}
.f__ic_left {
  width: 32px;
  height: 32px;
}
.f__ic_left::before {
  width: 32px;
  height: 32px;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="32" height="33" viewBox="0 0 32 33" fill="none"%3E%3Cg clip-path="url(%23clip0_4387_16341)"%3E%3Crect opacity="0.8" width="24" height="32" transform="matrix(-1 0 0 1 24 0.617188)" fill="%231F1F1F"/%3E%3Cpath d="M15 7.61719L6 16.6172L15 25.6172" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_4387_16341"%3E  %3Crect width="32" height="32" fill="white" transform="translate(0 0.617188)"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
}
.f__ic_right {
  width: 32px;
  height: 32px;
}
.f__ic_right::before {
  width: 32px;
  height: 32px;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="32" height="33" viewBox="0 0 32 33" fill="none"%3E%3Cg clip-path="url(%23clip0_4387_16323)"%3E%3Crect opacity="0.8" x="8" y="0.617188" width="24" height="32" fill="%231F1F1F"/%3E%3Cpath d="M17 7.61719L26 16.6172L17 25.6172" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_4387_16323"%3E  %3Crect width="32" height="32" fill="white" transform="translate(0 0.617188)"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
}
.f__ic_bottom {
  transition: all 0.3s;
}
.f__ic_bottom::before {
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M20 9.25L12 17.25L4 9.25" stroke="%231F1F1F" stroke-width="1.2" stroke-linecap="square"/%3E%3C/svg%3E');
}
.f__ic_top {
  transition: all 0.3s;
}
.f__ic_top::before {
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M20 14.75L12 6.75L4 14.75" stroke="%231F1F1F" stroke-width="1.2" stroke-linecap="square"/%3E%3C/svg%3E');
}
.f__ic_full::before {
  width: 32px;
  height: 32px;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="32" height="33" viewBox="0 0 32 33" fill="none"%3E%3Crect opacity="0.8" y="0.617188" width="32" height="32" fill="%231F1F1F"/%3E%3Cpath d="M18 7.61719H25V14.6172" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M7 18.6172V25.6172H14" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M7 25.6172L25 7.61719" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
}
.f__ic_facebook::before {
  width: 36px;
  height: 36px;
  border-radius: 18px;
  background-color: var(--gray_20);
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="8" height="13" viewBox="0 0 8 13" fill="none"%3E%3Cpath d="M7.36548 7.49482L7.85786 5.04623H4.99197V4.18024C4.99197 2.8864 5.54788 2.38866 6.98644 2.38866C7.43321 2.38866 7.79294 2.3986 8 2.41847V0.199029C7.60763 0.0993541 6.64848 0 6.09256 0C3.16069 0 1.80917 1.26404 1.80917 3.99115V5.04623H0V7.49482H1.80917V13C1.82789 13 3.18645 13 3.91714 13C4.27687 13 4.93529 13 4.99162 13V7.49482H7.36548Z" fill="white"/%3E%3C/svg%3E');
  background-size: 8px;
}
.f__ic_X::before {
  width: 36px;
  height: 36px;
  border-radius: 18px;
  background-color: var(--gray_20);
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"%3E%3Cpath d="M12.2169 1.26953H14.4659L9.55249 6.88519L15.3327 14.5268H10.8068L7.26204 9.89222L3.20598 14.5268H0.955637L6.21097 8.52026L0.666016 1.26953H5.30675L8.51095 5.50575L12.2169 1.26953ZM11.4276 13.1807H12.6737L4.62961 2.54495H3.29232L11.4276 13.1807Z" fill="white"/%3E%3C/svg%3E');
  background-size: 16px;
}
.f__ic_instagram::before {
  width: 36px;
  height: 36px;
  border-radius: 18px;
  background-color: var(--gray_20);
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"%3E%3Cg clip-path="url(%23clip0_4048_5642)"%3E%3Cpath d="M8 1.44062C10.1375 1.44062 10.3906 1.45 11.2313 1.4875C12.0125 1.52187 12.4344 1.65313 12.7156 1.7625C13.0875 1.90625 13.3563 2.08125 13.6344 2.35938C13.9156 2.64062 14.0875 2.90625 14.2313 3.27813C14.3406 3.55938 14.4719 3.98438 14.5063 4.7625C14.5438 5.60625 14.5531 5.85938 14.5531 7.99375C14.5531 10.1313 14.5438 10.3844 14.5063 11.225C14.4719 12.0063 14.3406 12.4281 14.2313 12.7094C14.0875 13.0813 13.9125 13.35 13.6344 13.6281C13.3531 13.9094 13.0875 14.0813 12.7156 14.225C12.4344 14.3344 12.0094 14.4656 11.2313 14.5C10.3875 14.5375 10.1344 14.5469 8 14.5469C5.8625 14.5469 5.60938 14.5375 4.76875 14.5C3.9875 14.4656 3.56563 14.3344 3.28438 14.225C2.9125 14.0813 2.64375 13.9063 2.36563 13.6281C2.08438 13.3469 1.9125 13.0813 1.76875 12.7094C1.65938 12.4281 1.52813 12.0031 1.49375 11.225C1.45625 10.3813 1.44688 10.1281 1.44688 7.99375C1.44688 5.85625 1.45625 5.60313 1.49375 4.7625C1.52813 3.98125 1.65938 3.55938 1.76875 3.27813C1.9125 2.90625 2.0875 2.6375 2.36563 2.35938C2.64688 2.07812 2.9125 1.90625 3.28438 1.7625C3.56563 1.65313 3.99063 1.52187 4.76875 1.4875C5.60938 1.45 5.8625 1.44062 8 1.44062ZM8 0C5.82813 0 5.55625 0.009375 4.70313 0.046875C3.85313 0.084375 3.26875 0.221875 2.7625 0.41875C2.23438 0.625 1.7875 0.896875 1.34375 1.34375C0.896875 1.7875 0.625 2.23438 0.41875 2.75938C0.221875 3.26875 0.084375 3.85 0.046875 4.7C0.009375 5.55625 0 5.82812 0 8C0 10.1719 0.009375 10.4438 0.046875 11.2969C0.084375 12.1469 0.221875 12.7313 0.41875 13.2375C0.625 13.7656 0.896875 14.2125 1.34375 14.6562C1.7875 15.1 2.23438 15.375 2.75938 15.5781C3.26875 15.775 3.85 15.9125 4.7 15.95C5.55313 15.9875 5.825 15.9969 7.99688 15.9969C10.1688 15.9969 10.4406 15.9875 11.2938 15.95C12.1438 15.9125 12.7281 15.775 13.2344 15.5781C13.7594 15.375 14.2063 15.1 14.65 14.6562C15.0938 14.2125 15.3688 13.7656 15.5719 13.2406C15.7688 12.7313 15.9063 12.15 15.9438 11.3C15.9813 10.4469 15.9906 10.175 15.9906 8.00313C15.9906 5.83125 15.9813 5.55938 15.9438 4.70625C15.9063 3.85625 15.7688 3.27188 15.5719 2.76562C15.375 2.23438 15.1031 1.7875 14.6563 1.34375C14.2125 0.9 13.7656 0.625 13.2406 0.421875C12.7313 0.225 12.15 0.0875 11.3 0.05C10.4438 0.009375 10.1719 0 8 0Z" fill="white"/%3E%3Cpath d="M8 3.89062C5.73125 3.89062 3.89062 5.73125 3.89062 8C3.89062 10.2688 5.73125 12.1094 8 12.1094C10.2688 12.1094 12.1094 10.2688 12.1094 8C12.1094 5.73125 10.2688 3.89062 8 3.89062ZM8 10.6656C6.52813 10.6656 5.33437 9.47188 5.33437 8C5.33437 6.52813 6.52813 5.33437 8 5.33437C9.47188 5.33437 10.6656 6.52813 10.6656 8C10.6656 9.47188 9.47188 10.6656 8 10.6656Z" fill="white"/%3E%3Cpath d="M13.2312 3.72891C13.2312 4.26016 12.8 4.68828 12.2719 4.68828C11.7406 4.68828 11.3125 4.25703 11.3125 3.72891C11.3125 3.19766 11.7438 2.76953 12.2719 2.76953C12.8 2.76953 13.2312 3.20078 13.2312 3.72891Z" fill="white"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_4048_5642"%3E  %3Crect width="16" height="16" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
  background-size: 16px;
}
.f__ic_clock::before {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3E%3Cg clip-path="url(%23clip0_4923_1308)"%3E%3Cpath d="M12.9996 2.051V1C12.9996 0.734784 12.8942 0.48043 12.7067 0.292893C12.5191 0.105357 12.2648 0 11.9996 0C11.7343 0 11.48 0.105357 11.2925 0.292893C11.1049 0.48043 10.9996 0.734784 10.9996 1V2.051C8.98633 2.23149 7.06199 2.9642 5.43855 4.16842C3.81512 5.37264 2.55559 7.00161 1.79875 8.87588C1.04191 10.7501 0.817123 12.797 1.14916 14.7908C1.4812 16.7847 2.35717 18.6482 3.68057 20.176C3.15793 20.4345 2.7212 20.8387 2.42295 21.3397C2.12471 21.8407 1.97767 22.4173 1.99957 23C1.99957 23.2652 2.10492 23.5196 2.29246 23.7071C2.48 23.8946 2.73435 24 2.99957 24C3.26478 24 3.51914 23.8946 3.70667 23.7071C3.89421 23.5196 3.99957 23.2652 3.99957 23C3.99125 22.6918 4.10191 22.3922 4.30858 22.1633C4.51526 21.9345 4.80208 21.794 5.10957 21.771C5.17835 21.7579 5.24544 21.7371 5.30957 21.709C7.2251 23.1947 9.5804 24.001 12.0046 24.001C14.4287 24.001 16.784 23.1947 18.6996 21.709C18.7581 21.736 18.819 21.7574 18.8816 21.773C19.1901 21.794 19.4786 21.9334 19.6869 22.162C19.8952 22.3906 20.0072 22.6908 19.9996 23C19.9996 23.2652 20.1049 23.5196 20.2925 23.7071C20.48 23.8946 20.7343 24 20.9996 24C21.2648 24 21.5191 23.8946 21.7067 23.7071C21.8942 23.5196 21.9996 23.2652 21.9996 23C22.0215 22.4173 21.8744 21.8407 21.5762 21.3397C21.2779 20.8387 20.8412 20.4345 20.3186 20.176C21.642 18.6482 22.5179 16.7847 22.85 14.7908C23.182 12.797 22.9572 10.7501 22.2004 8.87588C21.4435 7.00161 20.184 5.37264 18.5606 4.16842C16.9371 2.9642 15.0128 2.23149 12.9996 2.051ZM2.99957 13C2.99957 11.22 3.52741 9.47991 4.51634 7.99987C5.50527 6.51983 6.91088 5.36627 8.55541 4.68508C10.1999 4.0039 12.0095 3.82567 13.7554 4.17293C15.5012 4.5202 17.1049 5.37737 18.3635 6.63604C19.6222 7.89471 20.4794 9.49836 20.8266 11.2442C21.1739 12.99 20.9957 14.7996 20.3145 16.4442C19.6333 18.0887 18.4797 19.4943 16.9997 20.4832C15.5197 21.4722 13.7796 22 11.9996 22C9.61351 21.9971 7.32602 21.0479 5.63882 19.3607C3.95162 17.6736 3.00248 15.3861 2.99957 13Z" fill="white"/%3E%3Cpath d="M19.2148 -0.000143813C18.9496 -0.000143813 18.6953 0.105213 18.5077 0.292749C18.3202 0.480286 18.2148 0.73464 18.2148 0.999856C18.2148 1.26507 18.3202 1.51943 18.5077 1.70696C18.6953 1.8945 18.9496 1.99986 19.2148 1.99986C19.5636 1.97335 19.914 2.01773 20.2451 2.13034C20.5762 2.24294 20.881 2.42143 21.1413 2.65504C21.4015 2.88865 21.6118 3.17254 21.7593 3.4896C21.9069 3.80666 21.9887 4.15032 21.9998 4.49986C21.9998 4.76507 22.1052 5.01943 22.2927 5.20696C22.4803 5.3945 22.7346 5.49986 22.9998 5.49986C23.2651 5.49986 23.5194 5.3945 23.707 5.20696C23.8945 5.01943 23.9998 4.76507 23.9998 4.49986C23.987 3.88835 23.8524 3.28554 23.6039 2.72669C23.3553 2.16783 22.9978 1.66416 22.5522 1.24514C22.1067 0.82612 21.582 0.500163 21.009 0.28634C20.4359 0.0725178 19.826 -0.0248762 19.2148 -0.000143813Z" fill="white"/%3E%3Cpath d="M2 4.49986C2.01115 4.15032 2.09296 3.80666 2.24052 3.4896C2.38807 3.17254 2.59831 2.88865 2.85855 2.65504C3.11879 2.42143 3.42365 2.24294 3.75474 2.13034C4.08583 2.01773 4.43629 1.97335 4.785 1.99986C5.05022 1.99986 5.30457 1.8945 5.49211 1.70696C5.67964 1.51943 5.785 1.26507 5.785 0.999856C5.785 0.73464 5.67964 0.480286 5.49211 0.292749C5.30457 0.105213 5.05022 -0.000143813 4.785 -0.000143813C4.17386 -0.0248762 3.56393 0.0725178 2.99088 0.28634C2.41784 0.500163 1.89319 0.82612 1.44763 1.24514C1.00207 1.66416 0.644547 2.16783 0.395981 2.72669C0.147415 3.28554 0.0127962 3.88835 0 4.49986C0 4.76507 0.105357 5.01943 0.292893 5.20696C0.48043 5.3945 0.734784 5.49986 1 5.49986C1.26522 5.49986 1.51957 5.3945 1.70711 5.20696C1.89464 5.01943 2 4.76507 2 4.49986Z" fill="white"/%3E%3Cpath d="M13 11.586V7C13 6.73478 12.8946 6.48043 12.7071 6.29289C12.5196 6.10536 12.2652 6 12 6C11.7348 6 11.4804 6.10536 11.2929 6.29289C11.1054 6.48043 11 6.73478 11 7V12C11.0001 12.2652 11.1055 12.5195 11.293 12.707L14.293 15.707C14.4816 15.8892 14.7342 15.99 14.9964 15.9877C15.2586 15.9854 15.5094 15.8802 15.6948 15.6948C15.8802 15.5094 15.9854 15.2586 15.9877 14.9964C15.99 14.7342 15.8892 14.4816 15.707 14.293L13 11.586Z" fill="white"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_4923_1308"%3E  %3Crect width="24" height="24" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
}
.f__ic_down::before {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"%3E%3Cpath d="M4.5 16V20H20.5V16" stroke="%231F1F1F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M7.5 11L12.5 16L17.5 11" stroke="%231F1F1F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M12.5 16V4" stroke="%231F1F1F" stroke-width="2" stroke-linecap="round"/%3E%3C/svg%3E');
}
.f__ic_down_white::before {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"%3E%3Cpath d="M4.5 16V20H20.5V16" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M7.5 11L12.5 16L17.5 11" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M12.5 16V4" stroke="%23fff" stroke-width="2" stroke-linecap="round"/%3E%3C/svg%3E');
}
.f__ic_fix::before {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3E%3Cg clip-path="url(%23clip0_5136_5325)"%3E%3Cpath d="M8.73447 15.6281C9.23588 16.049 9.30143 16.7968 8.8806 17.2983L6.56933 20.0528C6.14849 20.5543 5.40069 20.6196 4.89909 20.1989C4.39749 19.778 4.33207 19.0303 4.75296 18.5287L7.06424 15.7742C7.48513 15.2726 8.23287 15.2072 8.73447 15.6281ZM20.0854 5.51285C21.412 6.62604 21.4924 8.71497 19.8357 9.2196C18.9321 9.49481 17.904 9.56052 16.8393 9.20518L15.8544 10.3789C16.9398 12.1908 16.7838 14.2358 16.2125 15.9457C15.6665 17.5788 13.6518 17.8191 12.3326 16.7121L7.06006 12.2879C5.74081 11.1809 5.6274 9.15513 7.14112 8.33389C8.7258 7.4742 10.7125 6.96476 12.6853 7.71852L13.6696 6.54552C13.1351 5.55888 13.0217 4.53515 13.1358 3.59771C13.3452 1.87867 15.4163 1.59505 16.7429 2.70819L20.0854 5.51285Z" fill="%231F1F1F"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_5136_5325"%3E  %3Crect width="24" height="24" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
}
.f__ic_new::before {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"%3E%3Ccircle cx="10" cy="10" r="10" fill="%23D33232"/%3E%3Cpath d="M13.7852 5.51562V14H12.2617L8.53516 8.60938H8.46484V14H6.70703V5.51562H8.25391L11.957 10.9062H12.0391V5.51562H13.7852Z" fill="white"/%3E%3C/svg%3E');
}
.f__ic_eye {
  width: 16px;
  height: 16px;
}
.f__ic_eye::before {
  width: 16px;
  height: 16px;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"%3E%3Cg clip-path="url(%23clip0_2065_3551)"%3E%3Cpath d="M15.3588 10.0774C13.7398 12.5752 10.9758 14.0944 7.99931 14.1223C5.02283 14.0944 2.25883 12.5752 0.639877 10.0774C-0.213292 8.82528 -0.213292 7.17863 0.639877 5.92652C2.25791 3.42714 5.02208 1.90638 7.99934 1.87755C10.9758 1.90547 13.7398 3.42465 15.3588 5.9225C16.2138 7.17552 16.2138 8.82437 15.3588 10.0774ZM13.7022 7.06174C12.4662 5.10124 10.3169 3.90514 7.99931 3.88796C5.68177 3.90511 3.53249 5.10124 2.29643 7.06174C1.91109 7.62786 1.91109 8.37203 2.29643 8.93812C3.53245 10.8986 5.68174 12.0947 7.99931 12.1119C10.3168 12.0947 12.4661 10.8986 13.7022 8.93812C14.0875 8.37203 14.0875 7.62786 13.7022 7.06174Z" fill="%23707070"/%3E%3Cpath d="M7.99927 5.31934C9.47969 5.31934 10.6798 6.51946 10.6798 7.99988C10.6798 9.4803 9.47969 10.6804 7.99927 10.6804C6.51884 10.6804 5.31873 9.4803 5.31873 7.99988C5.31873 6.51946 6.51884 5.31934 7.99927 5.31934Z" fill="%23707070"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_2065_3551"%3E  %3Crect width="16" height="16" fill="white" transform="matrix(1 0 0 -1 0 16)"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
}
.f__ic_share {
  width: 24px;
  height: 24px;
}
.f__ic_share::before {
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M9.00012 15.0003L15.0001 9.00031M11.0001 6.00031L11.4631 5.46431C12.4009 4.52663 13.6728 3.99991 14.999 4C16.3251 4.00009 17.5969 4.527 18.5346 5.46481C19.4723 6.40261 19.999 7.6745 19.9989 9.00066C19.9988 10.3268 19.4719 11.5986 18.5341 12.5363L18.0001 13.0003M13.0001 18.0003L12.6031 18.5343C11.6544 19.4725 10.3739 19.9987 9.03964 19.9987C7.70535 19.9987 6.42489 19.4725 5.47614 18.5343C5.0085 18.0719 4.63724 17.5213 4.38385 16.9144C4.13047 16.3076 4 15.6565 4 14.9988C4 14.3412 4.13047 13.69 4.38385 13.0832C4.63724 12.4763 5.0085 11.9257 5.47614 11.4633L6.00014 11.0003" stroke="%235C5C5C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
}
.f__ic_share.on::before {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M9.00012 15.0003L15.0001 9.00031M11.0001 6.00031L11.4631 5.46431C12.4009 4.52663 13.6728 3.99991 14.999 4C16.3251 4.00009 17.5969 4.527 18.5346 5.46481C19.4723 6.40261 19.999 7.6745 19.9989 9.00066C19.9988 10.3268 19.4719 11.5986 18.5341 12.5363L18.0001 13.0003M13.0001 18.0003L12.6031 18.5343C11.6544 19.4725 10.3739 19.9987 9.03964 19.9987C7.70535 19.9987 6.42489 19.4725 5.47614 18.5343C5.0085 18.0719 4.63724 17.5213 4.38385 16.9144C4.13047 16.3076 4 15.6565 4 14.9988C4 14.3412 4.13047 13.69 4.38385 13.0832C4.63724 12.4763 5.0085 11.9257 5.47614 11.4633L6.00014 11.0003" stroke="%23141414" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
}

.f__btn {
  background-repeat: no-repeat;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 8px;
}
.f__btn.h48 {
  height: 48px;
}
.f__btn.h40 {
  height: 40px;
  padding: 0 20px;
}
.f__btn.h32 {
  height: 32px;
}
.f__btn_arrow {
  padding-right: 24px;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M10.5 6.5L16 12L10.5 17.5" stroke="%231F1F1F" stroke-width="2" stroke-linecap="round"/%3E%3C/svg%3E');
  background-position: right center;
}
.f__btn_arrow > span {
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: -0.042px;
}
.f__btn_more, .f__btn_moreClose {
  width: 100%;
  max-width: 870px;
  text-align: center;
  padding: 14px 0;
  border-radius: 2px;
  border: 1px solid var(--gray_80);
  background-color: var(--gray_90);
}
.f__btn_more span, .f__btn_moreClose span {
  display: inline-block;
  padding-right: 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.042px;
  color: var(--gray_10);
  background-repeat: no-repeat;
  background-position: right center;
}
.f__btn_more span {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="17" height="16" viewBox="0 0 17 16" fill="none"%3E%3Cpath d="M11.5 6.80469L8.26751 10.0372L5.03502 6.80469" stroke="%23333333" stroke-linecap="square"/%3E%3C/svg%3E');
}
.f__btn_moreClose span {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="17" height="16" viewBox="0 0 17 16" fill="none"%3E%3Cpath d="M11.5 9.19531L8.26751 5.96282L5.03502 9.19531" stroke="%23333333" stroke-linecap="square"/%3E%3C/svg%3E');
}
.f__btn_search {
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M10.2002 2.90039C14.2257 2.90055 17.5 6.17545 17.5 10.2002C17.5 11.8891 16.9214 13.4445 15.9551 14.6826L19.8359 18.5635C20.1878 18.9153 20.1877 19.4841 19.8359 19.8359C19.6606 20.0113 19.4304 20.0995 19.2002 20.0996C18.9699 20.0996 18.7389 20.0114 18.5635 19.8359L14.6826 15.9551C13.4446 16.9215 11.8892 17.4999 10.2002 17.5C6.17548 17.5 2.90048 14.2258 2.90039 10.2002C2.90039 6.17535 6.17542 2.90039 10.2002 2.90039ZM10.2002 4.7002C7.16746 4.7002 4.7002 7.16741 4.7002 10.2002C4.70028 13.2321 7.16753 15.7002 10.2002 15.7002C11.6871 15.7001 13.0381 15.1064 14.0293 14.1436C14.0464 14.1231 14.0648 14.1032 14.084 14.084C14.1032 14.0647 14.123 14.0465 14.1436 14.0293C15.1063 13.0381 15.7002 11.687 15.7002 10.2002C15.7002 7.16751 13.232 4.70035 10.2002 4.7002Z" fill="%231F1F1F" stroke="%231F1F1F" stroke-width="0.2"/%3E%3C/svg%3E');
}
.f__btn_prev {
  padding-left: 30px;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3E%3Cline x1="6" y1="12" x2="20" y2="12" stroke="%231F1F1F" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M11 5L4 12L11 19" stroke="%231F1F1F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
  background-position: left center;
}
.f__btn_next {
  padding-right: 30px;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3E%3Cline x1="1" y1="-1" x2="15" y2="-1" transform="matrix(-1 0 0 1 19 13)" stroke="%231F1F1F" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M13 5L20 12L13 19" stroke="%231F1F1F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
  background-position: right center;
}
.f__btn_close {
  padding-right: 32px;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M18 6L6 18" stroke="%231F1F1F" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M6 6L17.9999 17.9999" stroke="%231F1F1F" stroke-width="2" stroke-linecap="round"/%3E%3C/svg%3E');
  background-position: right center;
}
.f__btn_close span {
  font-weight: 500;
}
.f__btn_heart {
  padding-left: 30px;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M19.5013 12.5717L12.0013 19.9997L4.50128 12.5717C4.00658 12.0903 3.61692 11.5117 3.35683 10.8723C3.09673 10.2329 2.97184 9.54664 2.99002 8.85662C3.00819 8.1666 3.16904 7.48782 3.46244 6.86303C3.75583 6.23823 4.17541 5.68094 4.69476 5.22627C5.21411 4.77159 5.82198 4.42938 6.48009 4.22117C7.1382 4.01296 7.83228 3.94327 8.51865 4.01649C9.20501 4.08971 9.86878 4.30425 10.4682 4.64659C11.0675 4.98894 11.5895 5.45169 12.0013 6.00569C12.4148 5.45571 12.9374 4.99701 13.5364 4.65829C14.1353 4.31958 14.7978 4.10814 15.4822 4.03721C16.1666 3.96628 16.8584 4.03739 17.5141 4.24608C18.1697 4.45477 18.7753 4.79656 19.2928 5.25005C19.8104 5.70354 20.2287 6.25897 20.5217 6.88158C20.8147 7.50419 20.976 8.18057 20.9956 8.8684C21.0152 9.55622 20.8925 10.2407 20.6354 10.8789C20.3783 11.5172 19.9922 12.0955 19.5013 12.5777" stroke="%235C5C5C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
  background-position: left center;
}
.f__btn_heart span {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.042px;
  color: var(--gray_30);
}
.f__btn_heart.on {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M19.5001 12.5722L12.0001 20.0002L4.50006 12.5722C4.00536 12.0908 3.6157 11.5122 3.3556 10.8728C3.09551 10.2334 2.97062 9.54713 2.98879 8.85711C3.00697 8.16709 3.16782 7.48831 3.46121 6.86351C3.75461 6.23871 4.17419 5.68143 4.69354 5.22676C5.21289 4.77208 5.82076 4.42987 6.47887 4.22166C7.13697 4.01345 7.83106 3.94376 8.51743 4.01698C9.20379 4.0902 9.86756 4.30473 10.4669 4.64708C11.0663 4.98943 11.5883 5.45218 12.0001 6.00618C12.4136 5.4562 12.9362 4.9975 13.5352 4.65878C14.1341 4.32007 14.7966 4.10863 15.481 4.0377C16.1654 3.96677 16.8571 4.03787 17.5128 4.24657C18.1685 4.45526 18.7741 4.79705 19.2916 5.25054C19.8091 5.70403 20.2275 6.25946 20.5205 6.88207C20.8135 7.50468 20.9748 8.18106 20.9944 8.86889C21.0139 9.55671 20.8913 10.2412 20.6342 10.8794C20.3771 11.5177 19.991 12.096 19.5001 12.5782" fill="%23D33232"/%3E%3Cpath d="M19.5001 12.5722L12.0001 20.0002L4.50006 12.5722C4.00536 12.0908 3.6157 11.5122 3.3556 10.8728C3.09551 10.2334 2.97062 9.54713 2.98879 8.85711C3.00697 8.16709 3.16782 7.48831 3.46121 6.86351C3.75461 6.23871 4.17419 5.68143 4.69354 5.22676C5.21289 4.77208 5.82076 4.42987 6.47887 4.22166C7.13697 4.01345 7.83106 3.94376 8.51743 4.01698C9.20379 4.0902 9.86756 4.30473 10.4669 4.64708C11.0663 4.98943 11.5883 5.45218 12.0001 6.00618C12.4136 5.4562 12.9362 4.9975 13.5352 4.65878C14.1341 4.32007 14.7966 4.10863 15.481 4.0377C16.1654 3.96677 16.8571 4.03787 17.5128 4.24657C18.1685 4.45526 18.7741 4.79705 19.2916 5.25054C19.8091 5.70403 20.2275 6.25946 20.5205 6.88207C20.8135 7.50468 20.9748 8.18106 20.9944 8.86889C21.0139 9.55671 20.8913 10.2412 20.6342 10.8794C20.3771 11.5177 19.991 12.096 19.5001 12.5782" stroke="%23D33232" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
  background-position: left center;
}
.f__btn_reply {
  padding-left: 20px;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="15" height="14" viewBox="0 0 15 14" fill="none"%3E%3Cpath d="M6.92969 0.930466C10.2044 0.930482 12.8591 3.58551 12.8594 6.86015C12.8594 7.83802 12.6204 8.75992 12.2012 9.57304C12.6406 10.6052 13.3151 11.7241 13.9434 12.3758C14.067 12.504 13.9989 12.7369 13.8213 12.7508C12.2572 12.8731 10.7733 12.5084 9.90234 11.99C9.02817 12.4977 8.0134 12.7898 6.92969 12.7898C3.65483 12.7898 1 10.135 1 6.86015C1.00025 3.5855 3.65498 0.930466 6.92969 0.930466Z" fill="white"/%3E%3Cpath d="M6.92969 0.930466L6.92969 0.180466H6.92969V0.930466ZM12.8594 6.86015H13.6094V6.8601L12.8594 6.86015ZM12.2012 9.57304L11.5346 9.22935L11.3731 9.54257L11.5111 9.86682L12.2012 9.57304ZM13.9434 12.3758L13.4034 12.8963L13.4035 12.8964L13.9434 12.3758ZM13.8213 12.7508L13.8797 13.4985L13.8798 13.4985L13.8213 12.7508ZM9.90234 11.99L10.2859 11.3455L9.90698 11.12L9.52567 11.3415L9.90234 11.99ZM6.92969 12.7898V13.5398H6.92969L6.92969 12.7898ZM1 6.86015L0.25 6.8601V6.86015H1ZM6.92969 0.930466L6.92968 1.68047C9.79011 1.68048 12.1092 3.99969 12.1094 6.86021L12.8594 6.86015L13.6094 6.8601C13.6091 3.17134 10.6186 0.180484 6.92969 0.180466L6.92969 0.930466ZM12.8594 6.86015H12.1094C12.1094 7.71439 11.9009 8.51884 11.5346 9.22935L12.2012 9.57304L12.8678 9.91674C13.3399 9.001 13.6094 7.96165 13.6094 6.86015H12.8594ZM12.2012 9.57304L11.5111 9.86682C11.9722 10.9499 12.6908 12.1572 13.4034 12.8963L13.9434 12.3758L14.4833 11.8552C13.9394 11.2911 13.3089 10.2604 12.8912 9.27927L12.2012 9.57304ZM13.9434 12.3758L13.4035 12.8964C13.2518 12.7391 13.2319 12.5344 13.2795 12.3822C13.3299 12.2213 13.4919 12.0243 13.7628 12.0031L13.8213 12.7508L13.8798 13.4985C14.3283 13.4634 14.6132 13.143 14.7111 12.8301C14.8063 12.5259 14.7586 12.1407 14.4833 11.8552L13.9434 12.3758ZM13.8213 12.7508L13.7628 12.0031C12.3272 12.1153 11.0029 11.7722 10.2859 11.3455L9.90234 11.99L9.51879 12.6345C10.5438 13.2445 12.1873 13.6308 13.8797 13.4985L13.8213 12.7508ZM9.90234 11.99L9.52567 11.3415C8.76213 11.7849 7.87678 12.0398 6.92968 12.0398L6.92969 12.7898L6.92969 13.5398C8.15002 13.5398 9.29422 13.2105 10.279 12.6386L9.90234 11.99ZM6.92969 12.7898V12.0398C4.06904 12.0398 1.75 9.7208 1.75 6.86015H1H0.25C0.25 10.5492 3.24061 13.5398 6.92969 13.5398V12.7898ZM1 6.86015L1.75 6.86021C1.75022 3.99967 4.06925 1.68047 6.92969 1.68047V0.930466V0.180466C3.24071 0.180466 0.250278 3.17133 0.25 6.8601L1 6.86015Z" fill="%23474747"/%3E%3C/svg%3E');
  background-position: left center;
}
.f__btn_fold {
  padding-right: 18px;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none"%3E%3Cpath d="M4.2 1.06667C4.6 0.533333 5.4 0.533333 5.8 1.06667L9.8 6.4C10.2944 7.05924 9.82405 8 9 8H1C0.175955 8 -0.294427 7.05924 0.2 6.4L4.2 1.06667Z" fill="%238F8F8F"/%3E%3C/svg%3E');
  background-position: right center;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px; /* 142.857% */
  letter-spacing: -0.042px;
}
.f__btn_plus {
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: -0.054px;
  padding-left: 30px;
  position: relative;
}
.f__btn_plus::before {
  display: block;
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  left: 0;
  top: 2px;
  background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3E%3Cline x1="12" y1="4" x2="12" y2="20" stroke="%23474747" stroke-width="2" stroke-linecap="round"/%3E%3Cline x1="20" y1="12" x2="4" y2="12" stroke="%23474747" stroke-width="2" stroke-linecap="round"/%3E%3C/svg%3E') no-repeat center center transparent;
}
.f__btn_line {
  border: 1px solid var(--gray_20);
  background: white;
}
.f__btn_line:disabled {
  background-color: var(--gray_80);
  color: var(--gray_50);
}
.f__btn_line:disabled span {
  color: var(--gray_50);
}
.f__btn_white {
  color: var(--gray_5);
  background-color: white;
  padding: 14px 16px;
}
.f__btn_white:disabled {
  background-color: var(--gray_80);
  color: var(--gray_50);
}
.f__btn_white:disabled span {
  color: var(--gray_50);
}
.f__btn_dark {
  background-color: var(--gray_30);
  color: white;
}
.f__btn_dark span {
  color: white;
}
.f__btn_dark:disabled {
  background-color: var(--gray_80);
  color: var(--gray_50);
}
.f__btn_dark:disabled span {
  color: var(--gray_50);
}
.f__btn_black {
  background-color: var(--gray_10);
  color: white;
}
.f__btn_black span {
  color: white;
}
.f__btn_black:disabled {
  background-color: var(--gray_80);
  color: var(--gray_50);
}
.f__btn_black:disabled span {
  color: var(--gray_50);
}
.f__btn_red {
  color: #D33232;
}

[class*=f__btn]:hover, button[class*=f__ic]:hover, a[class*=f__ic]:hover {
  filter: brightness(0.9);
}

.adBar {
  height: 22px;
  width: 100%;
  padding: 2px 0;
  text-align: center;
}
.adBar span {
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
  letter-spacing: -0.036px;
}

.ellipsis, .ellipsis a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ellipsis-1, .ellipsis-1 > a, .ellipsis a-1, .ellipsis a-1 > a {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.ellipsis-2, .ellipsis-2 > a, .ellipsis a-2, .ellipsis a-2 > a {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.f__checkbox {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
}
.f__checkbox .screen-reader {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  margin: -1px;
  clip-path: inset(50%);
}
.f__checkbox span {
  position: relative;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.042px;
  color: var(--gray_10);
}
.f__checkbox .f__check {
  display: inline-block;
  position: relative;
  width: 18px;
  height: 18px;
  margin: 3px;
  color: var(--gray_5);
  background: white;
  border: 1px solid var(--gray_10);
  border-radius: 2px;
  box-sizing: border-box;
  vertical-align: top;
  transition: all 0.15s;
}
.f__checkbox input[type=checkbox]:checked + .f__check {
  background-color: var(--gray_10);
}
.f__checkbox input[type=checkbox]:checked + .f__check::before {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 2px;
  width: 13px;
  height: 10px;
  background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="10" viewBox="0 0 14 10" fill="none"%3E%3Cpath d="M11.7412 0.347647C12.1013 -0.07114 12.7336 -0.11883 13.1524 0.241201C13.5712 0.601239 13.6188 1.23354 13.2588 1.65233L6.38088 9.65233C6.19172 9.87223 5.91607 9.99896 5.626 9.99999C5.33591 10.001 5.05986 9.87582 4.86916 9.65722L0.746117 4.92968C0.383457 4.51351 0.426856 3.88246 0.842797 3.51952C1.25903 3.15654 1.89094 3.199 2.25393 3.61522L5.61623 7.47167L11.7412 0.347647Z" fill="white"/%3E%3C/svg%3E') no-repeat center center;
}

.f__switch {
  display: inline-flex;
  align-items: center;
  column-gap: 14px;
}
.f__switch .toggleLabel {
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: -0.048px;
  color: var(--gray_30);
}
.f__switch .toggleSwitch {
  width: 44px;
  height: 24px;
  display: block;
  position: relative;
  border-radius: 20px;
  background-color: var(--gray_70);
  cursor: pointer;
  transition: all 0.2s ease-in;
}
.f__switch .toggleSwitch .toggleButton {
  transition: all 0.2s ease-in;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 2px;
  transform: translateY(-50%);
  border-radius: 50%;
  background: white;
}
.f__switch input.toggle:checked ~ .toggleSwitch {
  background: #00B3B9;
}
.f__switch input.toggle:checked ~ .toggleSwitch .toggleButton {
  left: calc(100% - 22px);
  background: #fff;
}

.f__pagination {
  min-width: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  margin: 40px 0;
}
.f__pagination a,
.f__pagination button {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  border-radius: 50%;
}
.f__pagination a:hover,
.f__pagination button:hover {
  color: color-mix(in oklab, currentColor 65%, white 35%);
}
.f__pagination a:hover::before,
.f__pagination button:hover::before {
  filter: brightness(1.5);
}
.f__pagination a:disabled,
.f__pagination button:disabled {
  opacity: 0.3;
}
.f__pagination .pageGroup {
  display: flex;
  align-items: center;
  gap: 8px;
}
.f__pagination .pageGroup a {
  font-size: 14px;
  color: var(--gray_5);
  font-weight: 700;
}
.f__pagination .pageGroup a:hover {
  color: color-mix(in oklab, currentColor 65%, white 35%);
}
.f__pagination .pageGroup a:hover::before {
  filter: brightness(1.5);
}
.f__pagination .pageGroup .active, .f__pagination .pageGroup .active:hover {
  color: white;
  background-color: var(--gray_5);
}

.f__accordion {
  min-width: 1px;
}
.f__accordion .num {
  text-align: center;
}
.f__accordion .tit {
  padding: 0 40px;
}
.f__accordion .date {
  text-align: center;
}
.f__accordion .btn {
  text-align: center;
}

.accordionTable {
  border-top: 3px solid var(--point);
}
.accordionTable .accTitle {
  display: grid;
  grid-template-columns: 1fr 122px 88px;
  height: 48px;
  align-items: center;
  border-bottom: 1px solid var(--gray_70);
}
.accordionTable .accTitle:hover {
  cursor: pointer;
}
.accordionTable .accContent {
  display: none;
  padding: 32px 141px;
  background-color: var(--gray_90);
}
.accordionTable .accItem.active .f__ic_top {
  transform: rotate(180deg);
}

.tooltipWrap .tooltip {
  display: none;
  position: absolute;
}
.tooltipWrap:hover .tooltip {
  display: block;
}

.star-rating {
  display: inline-flex;
  flex-direction: row-reverse;
  gap: 10px;
}
.star-rating input {
  display: none;
}
.star-rating label {
  cursor: pointer;
  line-height: 0;
}
.star-rating .star {
  width: 24px;
  height: 24px;
}
.star-rating .star path {
  fill: white;
  stroke: var(--gray_30);
  stroke-width: 1.5;
  transition: fill 0.2s ease, stroke 0.2s ease;
}
.star-rating input:checked ~ label .star path,
.star-rating label:hover .star path,
.star-rating label:hover ~ label .star path {
  fill: var(--gray_30);
  stroke: var(--gray_30);
}

/* thumb w info */
.thumbTop .imageBox {
  margin-bottom: 12px;
}
.thumbLeft {
  display: grid;
  grid-template-columns: 120px 1fr;
  column-gap: 12px;
}
.thumbLeft.large {
  grid-template-columns: 585px 1fr;
  column-gap: 30px;
}
.thumbLeft.small {
  grid-template-columns: 100px 1fr;
}
.thumbLeft.xsmall {
  grid-template-columns: 80px 1fr;
}
.thumbRight {
  display: grid;
  grid-template-columns: 1fr 120px;
  column-gap: 12px;
}
.thumbRight.large {
  grid-template-columns: 1fr 585px;
  column-gap: 30px;
}
.thumbRight.small {
  grid-template-columns: 1fr 100px;
  column-gap: 12px;
}
.thumbRight.xsmall {
  grid-template-columns: 1fr 80px;
  column-gap: 12px;
}

/* text w number */
.ranking {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 32px;
}
.ranking span, .ranking span > a, .ranking h3, .ranking h3 > a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  vertical-align: middle;
}
.ranking span.num, .ranking span > a.num, .ranking h3.num, .ranking h3 > a.num {
  line-height: 32px;
  height: 32px;
  width: 32px;
  text-align: center;
}

/* list */
.list-12 li + li {
  padding-top: 12px;
}

.listLine-9 li {
  padding-bottom: 9px;
}
.listLine-9 li + li {
  padding-top: 9px;
  border-top: 1px solid var(--gray_80);
}
.listLine-9 li:last-child {
  padding-bottom: 0;
}
.listLine-12 li {
  padding-bottom: 12px;
}
.listLine-12 li + li {
  padding-top: 12px;
  border-top: 1px solid var(--gray_80);
}
.listLine-12 li:last-child {
  padding-bottom: 0;
}
.listLine-16 li {
  padding-bottom: 16px;
}
.listLine-16 li + li {
  padding-top: 16px;
  border-top: 1px solid var(--gray_80);
}
.listLine-16 li:last-child {
  padding-bottom: 0;
}

.gallery-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.gallery-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.gallery-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.gallery-5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
.gallery-6 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}

/* slide */
.slideWrap {
  overflow: hidden;
}
.slideWrap ul {
  min-width: 0px;
  display: flex;
}
.slideWrap li {
  list-style: none;
  box-sizing: border-box;
  min-width: 0px;
}
.slideWrap li img {
  display: block;
  width: 100%;
  height: auto;
}
.slideWrap a {
  display: block;
}

.slideFractionCombo {
  display: flex;
  gap: 24px;
  align-items: center;
  height: 32px;
  padding: 8px;
  border-radius: 16px;
  background-color: #1f1f1f;
  overflow: hidden;
}
.slideFractionCombo button, .slideFractionCombo button::before {
  width: 24px;
  height: 24px;
}
.slideFractionCombo .slideFraction, .slideFractionCombo span {
  color: white;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.042px;
}

.slidePagination {
  display: flex;
  gap: 6px;
}
.slidePagination li {
  min-width: 0px;
  list-style: none;
}
.slidePagination li a {
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background-color: var(--gray_70);
  text-indent: -999px;
}
.slidePagination li.active a {
  background-color: var(--gray_30);
}
.moduleTit:has(.slidePagination) .slidePagination {
  padding-top: 12px;
}

.slideControls {
  height: 24px;
  min-width: 56px;
  display: flex;
  justify-content: space-between;
}
.slideControls button {
  cursor: pointer;
}

/* scroller */
.scroller {
  overflow: visible;
  position: relative;
}
.scroller .scrollerWrapper {
  overflow: visible;
}
.scroller .scrollerTrack {
  display: flex;
  transition: transform 0.3s ease-in-out;
  padding: 0;
  margin: 0;
  list-style: none;
}
.scroller .scrollerTrack .item {
  flex: 0 0 auto;
  width: 400px;
  margin-right: 24px;
}
.scroller .scrollerTrack .item:last-child {
  margin-right: 0;
}
.scroller .scrollerPagination {
  margin-top: 100px;
}
.scroller .scrollerBar {
  position: relative;
  height: 6px;
  background: var(--gray_80);
  border-radius: 2px;
}
.scroller .scrollerHandle {
  position: absolute;
  top: 0;
  left: 0;
  width: 30%;
  height: 6px;
  background: var(--point);
  cursor: pointer;
  transition: left 0.3s ease;
}

.scrollerNav {
  position: relative;
  display: flex;
  gap: 12px;
}
.scrollerNav button {
  pointer-events: all;
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background-color: var(--gray_85);
}
.scrollerNav button::before {
  position: absolute;
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  left: 0;
  top: 0;
}
.scrollerNav .scrollerPrev:not(.f__ic_Wview)::before {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"%3E%3Cpath d="M22 14L16 20L22 26" stroke="%231F1F1F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
}
.scrollerNav .scrollerPrev:not(.f__ic_Wview):disabled::before {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"%3E%3Cpath d="M22 14L16 20L22 26" stroke="%23CCC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
}
.scrollerNav .scrollerNext:not(.f__ic_Wview)::before {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"%3E%3Cpath d="M18 14L24 20L18 26" stroke="%231F1F1F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
}
.scrollerNav .scrollerNext:not(.f__ic_Wview):disabled::before {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"%3E%3Cpath d="M18 14L24 20L18 26" stroke="%23CCC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
}

/* carousel 슬라이더 */
/* slide */
.carouselWrap {
  overflow: hidden;
}
.carouselWrap ul {
  min-width: 0px;
  display: flex;
  gap: 20px;
}
.carouselWrap li {
  list-style: none;
  box-sizing: border-box;
  min-width: 0px;
}
.carouselWrap li img {
  display: block;
  width: 100%;
  height: auto;
}
.carouselWrap a {
  display: block;
}

.carouselPagination {
  display: flex;
  gap: 6px;
}
.carouselPagination li {
  min-width: 0px;
  list-style: none;
}
.carouselPagination li a {
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background-color: var(--gray_70);
  text-indent: -999px;
}
.carouselPagination li a.active {
  background-color: var(--gray_30);
}

.carouselControls {
  height: 24px;
  min-width: 56px;
  display: flex;
  justify-content: space-between;
}
.carouselControls button {
  cursor: pointer;
}

/* swiper 로드되기 전 숨기기*/
.swiper {
  opacity: 0;
  transition: opacity 0.25s ease;
}

.swiper.swiper-initialized {
  opacity: 1;
}

/* 이미지 확대 보기 */
.f__slidePopup {
  display: none;
  position: fixed;
  padding: 48px;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 99;
  background-color: var(--gray_5);
}
.f__slidePopup.active {
  display: block;
}
.f__slidePopup .slidToparea {
  display: flex;
  width: 100%;
  max-width: 1400px;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
}
.f__slidePopup .slidToparea h5, .f__slidePopup .slidToparea span {
  color: white;
}
.f__slidePopup .slidToparea .f__ic::before {
  filter: brightness(10);
}
.f__slidePopup .carouselWrap {
  height: 100%;
}
.f__slidePopup .carouselWrap .carousel {
  height: 100%;
}
.f__slidePopup .carouselWrap .carousel li {
  flex: 0 0 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.f__slidePopup .carouselWrap .carousel li img {
  min-width: 0px;
  width: auto;
  height: auto;
  max-height: 562px;
  max-width: 1000px;
}
.f__slidePopup .carouselWrap .carouselSingleControls {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
}

/* module title */
.moduleTit {
  display: flex;
  justify-content: space-between;
  position: relative;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  /* 라인타입 */
}
.moduleTit .titGroup {
  display: flex;
  align-items: center;
}
.moduleTit h3, .moduleTit h3 > a,
.moduleTit p, .moduleTit p > a {
  width: auto;
  white-space: pre-line;
}
.moduleTit .titLine {
  display: block;
  width: 100%;
  height: 3px;
  border-top: 1px solid;
  border-color: var(--gray_5);
}
.moduleTit .titLine.dash {
  border-top: 1px dashed;
}
.moduleTit .titLine.strong {
  border-top: 3px solid;
}
.moduleTit .titLine.color {
  border-color: var(--point);
}
.moduleTit.color h3, .moduleTit.color h3 > a {
  color: var(--point);
}
.moduleTit.color .f__ic_arrow::before {
  background-image: none;
  background-color: var(--point); /* 원하는 컬러 */
  -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M9.79289 5.79289C10.1834 5.40237 10.8164 5.40237 11.207 5.79289L17.414 11.9999L11.207 18.207C10.8164 18.5975 10.1834 18.5975 9.79289 18.207C9.40237 17.8164 9.40237 17.1834 9.79289 16.7929L14.5859 11.9999L9.79289 7.20696C9.40237 6.81643 9.40237 6.18342 9.79289 5.79289Z" fill="black"/%3E%3C/svg%3E');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M9.79289 5.79289C10.1834 5.40237 10.8164 5.40237 11.207 5.79289L17.414 11.9999L11.207 18.207C10.8164 18.5975 10.1834 18.5975 9.79289 18.207C9.40237 17.8164 9.40237 17.1834 9.79289 16.7929L14.5859 11.9999L9.79289 7.20696C9.40237 6.81643 9.40237 6.18342 9.79289 5.79289Z" fill="black"/%3E%3C/svg%3E');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
.moduleTit:has(.f__tab) {
  flex-wrap: wrap;
  row-gap: 10px;
}
.moduleTit:has(:not(.titGroup)):has(.slide-controls) {
  justify-content: flex-end;
}

/* unit title*/
.unitTit {
  display: flex;
  align-items: center;
}
.unitTit [class*=f__H], .unitTit [class*=f__H] > a,
.unitTit [class*=f__sH], .unitTit [class*=f__sH] > a {
  width: auto;
}

/* tab */
.f__tab {
  width: 100%;
}
.f__tab > ul {
  display: flex;
  gap: 8px;
}
.f__tab > ul li {
  height: 28px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  background-color: white;
}
.f__tab > ul li span {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.042px;
}
.f__tab > ul li.active {
  border-color: var(--gray_10);
  background-color: var(--gray_10);
}
.f__tab > ul li.active span {
  color: white;
}
.f__tab > ul li.active:hover {
  filter: none;
}
.f__tab > ul li:hover {
  filter: brightness(0.9);
  cursor: pointer;
}
.f__tab.large > ul {
  gap: 12px;
  margin: 64px 0 80px 0;
}
.f__tab.large > ul li {
  flex: 1;
  border-radius: 6px;
  height: 56px;
  text-align: center;
}
.f__tab.large > ul li span {
  display: inline-block;
  width: 100%;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: -0.054px;
}
.f__tab.circle > ul li {
  height: 40px;
  padding: 0 20px;
  border-radius: 20px;
  border-color: var(--gray_10);
}
.f__tab.circle > ul li span {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.048px;
  color: var(--gray_5);
}

/* 더보기 리스트 */
.f__moreWrap {
  width: 100%;
  max-width: 870px;
  margin: 48px auto;
}
/* 타임라인 */
.timeline {
  display: flex;
  flex-direction: column;
  row-gap: 200px;
  position: relative;
}
.timeline:before {
  display: block;
  content: "";
  position: absolute;
  width: 1px;
  height: calc(100% + 226px);
  top: 14px;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--gray_60);
}
.timeline .tlItem {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 112px;
}
.timeline .tlMeta .f__H3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.072px;
}
.timeline .tlMeta .year {
  color: var(--point);
  margin-bottom: 8px;
}
.timeline .tlMeta .imageBox {
  margin-top: 32px;
  width: 500px;
  height: 300px;
}
.timeline .tlCard > ul li {
  position: relative;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.timeline .tlCard > ul li::before {
  display: block;
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  left: -60px;
  top: 14px;
  background-color: var(--gray_60);
  border-radius: 4px;
}
.timeline .tlCard > ul li + li {
  margin-top: 148px;
}

/* 게시판 공통 */
.f__boardHead {
  display: flex;
  flex-direction: column;
  row-gap: 56px;
  margin-bottom: 32px;
}
.f__boardHead .boardTit {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.f__boardHead .detailTit {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.f__boardHead .toolBar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  row-gap: 16px;
}
.f__boardHead .f__tab > ul {
  flex-wrap: wrap;
}
.f__boardHead .f__tab > ul li {
  height: 40px;
  padding: 0 20px;
  border-radius: 4px;
  background-color: var(--gray_80);
}
.f__boardHead .f__tab > ul li span {
  color: var(--gray_40);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.048px;
  white-space: nowrap;
}

.f__board {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.f__board .count {
  color: var(--gray_40);
}
.f__board .cate span {
  color: var(--gray_20);
}
.f__board .date span {
  color: var(--gray_40);
}
.f__board .view span {
  color: var(--gray_40);
}
.f__board .imageBox {
  aspect-ratio: unset;
  background-color: #f2f6f6;
  border: 1px solid var(--gray_80);
}
.f__board .imageBox:has(img[src=""]) img, .f__board .imageBox:not(:has(img)) img {
  display: none;
}
.f__board .boardTable {
  border-top: 2px solid var(--gray_30);
}
.f__board .boardTable li {
  border-bottom: 1px solid var(--gray_70);
  height: 100px;
  padding: 0 24px;
  display: grid;
  column-gap: 24px;
  align-items: center;
}
.f__board .boardTable li div {
  min-width: 0px;
}
.f__board .boardTable .heading {
  display: flex;
  align-items: center;
  column-gap: 4px;
}
.f__board .boardTable .heading a {
  -webkit-line-clamp: 1;
  width: unset;
  max-width: 100%;
}
.f__board .boardTable .heading .f__ic_fix {
  margin-right: 8px;
}
.f__board .boardTable .date {
  display: flex;
  align-items: center;
  column-gap: 8px;
}
.f__board .boardTable .view {
  display: flex;
  align-items: center;
  column-gap: 8px;
}
.f__board .boardGallery {
  display: grid;
}
.f__board .boardGallery li {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.f__board .boardGallery .infoBox {
  row-gap: 8px;
}
.f__board .boardGallery .infoBox .heading span {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.f__board .boardGallery .infoBox .heading:has(+ .date) {
  margin-bottom: 8px;
}
.f__board .boardEmpty {
  height: 400px;
}
.f__board .boardThumb {
  border-top: 2px solid var(--gray_30);
}
.f__board .boardThumb li {
  height: auto;
  padding: 24px 0;
  display: grid;
}
.f__board .boardThumb li + li {
  border-top: 1px solid var(--gray_70);
}
.f__board .boardThumb li .heading span {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.f__board .accordionTable {
  border-color: var(--gray_20);
}
.f__board .accordionTable .accTitle {
  height: 100px;
  padding: 0 24px;
}
.f__board .accordionTable .heading span {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.f__boardDetail {
  min-width: 1px;
}
.f__boardDetail .se-image, .f__boardDetail .se-caption {
  width: 100%;
  max-width: 100%;
}
.f__boardDetail img {
  max-width: 100%;
  height: auto !important;
}
.f__boardDetail .article {
  padding-bottom: 56px;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}
.f__boardDetail .attachment {
  padding: 16px 0 56px 0;
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  border-top: 1px solid var(--gray_80);
}
.f__boardDetail .attachment > ul {
  padding: 8px;
  border: 1px solid var(--gray_80);
  background-color: var(--gray_90);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.f__boardDetail .attachment > ul li {
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 2px;
  padding: 0 8px;
}
.f__boardDetail .attachment > ul li span {
  color: var(--gray_20);
}
.f__boardDetail .attachment > ul li:hover {
  background-color: var(--gray_80);
}
.f__boardDetail .attachment > ul li:hover span {
  color: var(--gray_10);
}

.inputWrap {
  position: relative;
  padding: 12px 16px;
  border-radius: 4px;
  border: 1px solid var(--gray_60);
  transition: all 0.2s;
  height: 48px;
}
.inputWrap:has(input:disabled, input:read-only, textarea:disabled, textarea:read-only) {
  background-color: var(--gray_80);
  border-color: var(--gray_70);
}
.inputWrap:has(input:disabled, input:read-only, textarea:disabled, textarea:read-only) input, .inputWrap:has(input:disabled, input:read-only, textarea:disabled, textarea:read-only) textarea {
  color: var(--gray_60);
}
.inputWrap:has(input:focus, input:focus-visible, textarea:focus, textarea:focus-visible), .inputWrap:hover {
  border-color: var(--gray_30);
}
.inputWrap input, .inputWrap textarea {
  width: 100%;
  height: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  resize: none;
  border: none;
  background-color: transparent;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.042px;
  color: var(--gray_20);
}
.inputWrap input::placeholder, .inputWrap textarea::placeholder {
  color: var(--gray_60);
}
.inputWrap .f__btn {
  padding: 0 24px;
  position: absolute;
  right: 16px;
  bottom: 14px;
  border-radius: 4px;
}
.inputWrap:has(.f__btn) textArea {
  height: calc(100% - 48px);
}

.fileUpload {
  position: relative;
  padding: 12px 16px;
  border-radius: 4px;
  border: 1px solid var(--gray_60);
  transition: all 0.2s;
  min-height: 48px;
}
.fileUpload .uploadList li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.fileUpload .uploadList li + li {
  margin-top: 8px;
}
.fileUpload .uploadList li .file {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.042px;
  color: var(--gray_30);
  flex: 1;
}
.popupArea .fileUpload .uploadList li .file {
  color: var(--gray_50);
}
.fileUpload .uploadList li .f__btn {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.042px;
  color: var(--gray_30);
}
.popupArea .fileUpload .uploadList li .f__btn {
  height: auto;
}
.fileUpload + .f__btn {
  padding: 12px 24px;
  border-radius: 4px;
}

.replyArea .enterWrap {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 32px 0 24px 0;
  border-bottom: 1px solid var(--gray_80);
}

.replyList ul {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.replyList ul li {
  border-bottom: 1px solid var(--gray_80);
}
.replyList ul li .btnGroup {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
}
.replyList ul li .infoBox {
  gap: 0;
}
.replyList ul li .infoBox .f__caption3 {
  color: var(--gray_30);
}
.replyList ul li .reply {
  margin-top: 16px;
}
.replyList ul li .reply .btnGroup {
  margin-top: 14px;
}
.replyList ul li .reply .btnGroup .f__btn {
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: -0.036px;
}
.replyList ul li .reply .btnGroup .f__btn_heart {
  padding-left: 20px;
  background-size: 16px;
}
.replyList ul li .closeWrap {
  padding: 16px 0 0 0;
  text-align: center;
}
.replyList ul li:has(.depth_2.active) {
  border-bottom: 0;
  padding-bottom: 0;
}
.replyList .depth_1 {
  padding: 40px 0 0 0;
}
.replyList .depth_1 > li {
  padding-bottom: 24px;
}
.replyList .depth_1 .enterWrap .inputWrap {
  height: 116px;
}
.replyList .depth_2 {
  display: none;
  margin-top: 24px;
  padding: 18px 0 0 28px;
  position: relative;
}
.replyList .depth_2::before {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  width: 4px;
  height: calc(100% - 54px);
  background-color: var(--gray_80);
}
.replyList .depth_2::after {
  position: absolute;
  display: block;
  content: "";
  bottom: 36px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--gray_80);
}
.replyList .depth_2 .enterWrap {
  border-bottom: 0;
}
.replyList .depth_2 li {
  padding-bottom: 16px;
}
.replyList .depth_2.active {
  display: block;
}

.profileGroup {
  display: flex;
  column-gap: 8px;
  align-items: center;
}
.profileGroup .imageCircle {
  height: 32px;
  width: 32px;
  background-color: var(--gray_80);
}
.profileGroup .imageCircle:has(img[src=""]) img, .profileGroup .imageCircle:not(:has(img)) img {
  display: none;
}
.profileGroup .infoBox {
  gap: 4px;
}

/* select */
.customSelect {
  position: relative;
  display: inline-block;
  height: 48px;
  width: 100%;
}
.customSelect select {
  display: none;
}
.customSelect .selected, .customSelect .placeholder {
  width: 100%;
  position: relative;
  display: inline-block;
  height: 48px;
  padding: 12px 16px;
  border: 1px solid var(--gray_60);
  background: white;
  border-radius: 4px;
  cursor: pointer;
  transition: 0.15s;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.042px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.customSelect .selected:hover, .customSelect .placeholder:hover {
  cursor: pointer;
}
.customSelect .selected:focus, .customSelect .selected:active, .customSelect .placeholder:focus, .customSelect .placeholder:active {
  border: 1px solid var(--gray_30);
  outline: 1px solid var(--gray_30);
}
.customSelect .selected::after, .customSelect .placeholder::after {
  position: absolute;
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  top: 10px;
  right: 16px;
  background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M6 14L11.9293 8.07071C11.9683 8.03166 12.0317 8.03166 12.0707 8.07071L18 14" stroke="%23333333" stroke-width="2" stroke-linecap="round"/%3E%3C/svg%3E') no-repeat center center;
  transition: all 0.15s;
  transform: rotate(-180deg);
}
.customSelect .selected.active::after, .customSelect .placeholder.active::after {
  transform: rotate(0);
}
.customSelect .placeholder {
  color: var(--gray_50);
}
.customSelect .selected {
  color: var(--gray_20);
}
.customSelect .option {
  height: 32px;
  padding: 6px 8px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.042px;
  color: var(--gray_50);
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.customSelect .option + option {
  margin-top: 2px;
}
.customSelect .option:hover {
  color: var(--gray_20);
  background-color: var(--gray_90);
  cursor: pointer;
}
.customSelect .option.on {
  color: var(--gray_20);
  background-color: var(--gray_80);
}
.customSelect .dropdown {
  position: absolute;
  width: 100%;
  top: 100%;
  max-height: 200px;
  left: 0;
  margin-top: 4px;
  padding: 8px;
  border: 1px solid var(--gray_60);
  border-radius: 4px;
  background: white;
  overflow-Y: scroll;
  z-index: 3;
}
.customSelect .hidden {
  display: none;
}
.customSelect.disabled .selected {
  color: var(--gray_50);
  background-color: var(--gray_90);
  border: 1px solid var(--gray_80);
}
.customSelect.disabled .selected::after {
  background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"%3E%3Cpath d="M3.05073 6.97004C2.79038 6.70969 2.79038 6.28758 3.05073 6.02723C3.31109 5.76701 3.73323 5.76692 3.99354 6.02723L8.00048 10.0342L12.0074 6.02723C12.2678 5.76701 12.6899 5.76692 12.9502 6.02723C13.2104 6.28755 13.2104 6.70972 12.9502 6.97004L8.47188 11.4484C8.21153 11.7087 7.78942 11.7087 7.52907 11.4484L3.05073 6.97004Z" fill="%23AFB5BC"/%3E%3C/svg%3E') no-repeat center center;
  transform: rotate(0);
}

/* form */
.f__form {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

.f__formRow {
  display: grid;
}
.f__formRow .f__formItem {
  display: flex;
  gap: 16px;
}

label.f__label {
  padding-top: 12px;
}
label.f__label.required > span {
  width: unset;
  display: inline-block;
  position: relative;
  overflow: visible;
}
label.f__label.required > span::after {
  display: block;
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #EE5526;
  right: -9px;
  top: 4px;
}

/*** unit ***/
/* 콘텐츠 맵핑형 유닛*/
/* Title w Thumb*/
.u__tt1_A a {
  display: block;
}
.u__tt1_A .imageBox {
  margin-bottom: 12px;
}
.u__tt1_A .infoBox {
  text-align: center;
}
.u__tt1_B a {
  display: block;
}
.u__tt1_B .imageBox {
  margin-bottom: 12px;
}
.u__tt1_B .infoBox .f__H2 {
  margin-bottom: 8px;
}
.u__tt1_C a {
  display: block;
}
.u__tt1_D a {
  display: block;
}
.u__tt1_E a {
  display: block;
}
.u__tt1_E article {
  display: flex;
  gap: 30px;
}
.u__tt1_E article .imageBox {
  flex: 1;
}
.u__tt1_E article .infoBox {
  flex: 1;
}
.u__tt1_E article .infoBox .f__sH3 {
  -webkit-line-clamp: 3;
  color: var(--gray_30);
}
.u__tt1_F {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.u__tt1_F a {
  display: block;
}
.u__tt1_F .imageBox {
  height: 300px;
}
.u__tt1_F p {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.u__tt1_G a {
  height: 100%;
}
.u__tt1_G article {
  position: relative;
  height: 100%;
}
.u__tt1_G article .imageBox {
  aspect-ratio: unset;
  height: 100%;
}
.u__tt1_G article .imageBox::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(37, 37, 37, 0.2) 0%, #101010 100%);
}
.u__tt1_G article .infoBox {
  position: absolute;
  padding: 28px;
  bottom: 0px;
  width: 100%;
  row-gap: 8px;
}
.u__tt1_G article .infoBox h2 {
  color: white;
}
.u__tt1_G article .infoBox p {
  color: var(--gray_60);
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.u__tt1_H a {
  display: block;
}
.u__tt1_H article {
  position: relative;
}
.u__tt1_H article .imageBox {
  aspect-ratio: 1/1;
  height: 278px;
}
.u__tt1_H article .imageBox::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(37, 37, 37, 0.2) 0%, #101010 100%);
}
.u__tt1_H article .infoBox {
  position: absolute;
  padding: 20px;
  bottom: 0px;
  width: 100%;
  row-gap: 8px;
}
.u__tt1_H article .infoBox h3 {
  color: white;
}
.u__tt1_H article .infoBox p {
  color: var(--gray_60);
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.u__tt1_I a {
  height: 100%;
}
.u__tt1_I article {
  height: 100%;
  position: relative;
  display: grid;
  grid-template-columns: 174px 1fr;
  align-items: center;
  background-color: var(--gray_10);
}
.u__tt1_I article .imageBox {
  aspect-ratio: 1.33/1;
  height: 100%;
  position: relative;
}
.u__tt1_I article .imageBox::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(37, 37, 37, 0.2) 0%, rgba(16, 16, 16, 0.9) 100%);
}
.u__tt1_I article .infoBox {
  padding: 0 20px;
  width: 100%;
  row-gap: 4px;
}
.u__tt1_I article .infoBox h4 {
  color: white;
}
.u__tt1_I article .infoBox p {
  color: var(--gray_60);
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

/* List w Thumb - thumb w text */
.u__lt1_A a {
  display: block;
}
.u__lt1_B a {
  display: block;
}
.u__lt1_C a {
  display: block;
}
.u__lt1_C article {
  display: grid;
  grid-template-columns: 1fr 200px;
  grid-template-rows: 36px auto;
  column-gap: 30px;
}
.u__lt1_C article:has(.imageBox img[src=""]), .u__lt1_C article:not(:has(.imageBox)) {
  grid-template-columns: 1fr;
}
.u__lt1_C article:has(.imageBox img[src=""]) .imageBox, .u__lt1_C article:not(:has(.imageBox)) .imageBox {
  display: none;
}
.u__lt1_C article h3.f__H4 {
  grid-column: 1/2;
  max-height: 56px;
  height: 32px;
  -webkit-line-clamp: 1;
}
.u__lt1_C article p {
  grid-column: 1/2;
}
.u__lt1_C article .imageBox {
  grid-column: 2/3;
  grid-row: 1/4;
}
.u__lt1_C article .f__body3 {
  margin-bottom: 8px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-height: 22px;
  max-height: 44px;
  -webkit-box-orient: vertical;
  color: var(--gray_30);
}

/* list - text only */
.u__l1_A a {
  display: block;
}
.u__l1_B a {
  display: block;
}
.u__l1_B article {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.u__l1_B article .f__sH4 {
  -webkit-line-clamp: 1;
}
.u__l1_C a {
  display: block;
}
.u__l1_C article {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.u__l1_D {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
}
.u__l1_D a {
  display: block;
}
.u__l1_D ul + ul {
  position: relative;
}
.u__l1_D ul + ul::before {
  position: absolute;
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-color: var(--gray_80);
  top: 0;
  left: -15.5px;
}
.u__l1_E {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(2, 1fr);
  padding: 32px 0;
}
.u__l1_E a {
  display: block;
}
.u__l1_E .listLine-12 article {
  display: flex;
  align-items: center;
  gap: 8px;
}
.u__l1_E .listLine-12 article .f__sH4 {
  -webkit-line-clamp: 1;
}

/* list - thumb only */
.u__t1_A a {
  display: block;
}
.u__t1_B a {
  display: block;
}
.u__t1_B ul {
  row-gap: 24px;
  column-gap: 30px;
}

/* Combo 조합 unit */
.u__c1_A a {
  display: block;
}
.u__c1_A .u__tt1_B {
  margin-bottom: 20px;
}
.u__c1_B a {
  display: block;
}
.u__c1_B article.thumbRight {
  min-height: 96px;
}
.u__c1_B article > .f__sH4 {
  -webkit-line-clamp: 1;
}
.u__c1_C a {
  display: block;
}
.u__c1_C .f__sH4 {
  min-height: 48px;
}
.u__c1_D {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 30px;
}
.u__c1_D a {
  display: block;
}
.u__c1_E {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.u__c1_E a {
  display: block;
}

/* 콘텐츠 입력형 unit*/
.u__e1_A {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
.u__e1_A a {
  display: block;
}
.u__e1_A .imageBox {
  height: 320px;
}
.u__e1_A .infoBox {
  text-align: center;
}
.u__e1_A .infoBox .f__sH7 {
  color: var(--point);
}
.u__e1_A .infoBox .detail {
  padding-top: 8px;
  margin-top: 16px;
  border-top: 1px solid var(--gray_70);
}
.u__e1_B {
  border-radius: 20px;
  background-color: #f5f5f5;
  padding: 68px 38px;
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}
.u__e1_B a {
  display: block;
}
.u__e1_B .imageBox {
  height: 204px;
  border-radius: 12px;
}
.u__e1_B .imageBox img {
  object-fit: cover;
}
.u__e1_B .infoBox {
  text-align: center;
}
.u__e1_B .infoBox > a {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.u__e1_B .infoBox .f__sH7 {
  color: var(--point);
}
.u__e1_B .infoBox .detail {
  margin-top: 8px;
}
.u__e1_C a {
  display: block;
}
.u__e1_C .csBox {
  border-radius: 20px;
  padding: 50px 40px;
  background-color: var(--gray_50);
  height: 560px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 32px;
}
.u__e1_C .csBox .txtGroup {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.u__e1_C .csBox .csInfo {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.u__e1_C .csBox .csInfo p {
  margin-bottom: 16px;
}
.u__e1_C .csBox .csBtn {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.u__e1_C p, .u__e1_C h3, .u__e1_C h4 {
  color: white;
}
.u__e1_D a {
  display: block;
}
.u__e1_D .mapBox {
  height: 100%;
}
.u__e1_D .root_daum_roughmap {
  width: 100%;
  height: 560px;
}
.u__e1_D .root_daum_roughmap .wrap_map {
  height: 560px;
}
.u__e1_D .root_daum_roughmap .wrap_controllers {
  display: none;
}
.u__e1_D .root_daum_roughmap .cont {
  display: none;
}
.u__e1_E {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  margin-bottom: 40px;
}
.u__e1_E a {
  display: block;
}
.u__e1_F a {
  display: block;
}
.u__e1_F .imageBox {
  height: 560px;
}
.u__e1_G {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}
.u__e1_G a {
  display: block;
}
.u__e1_G .sign {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  align-items: center;
}
.u__e1_G .sign .f__sH2 {
  width: auto;
}
.u__e1_H {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 56px;
}
.u__e1_H a {
  display: block;
}
.u__e1_H .txtGroup {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.u__e1_H .btnGroup {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.u__e1_H .btnGroup button {
  height: 48px;
  flex: 1 1 calc(50% - 16px);
}
.u__e1_I {
  display: grid;
  grid-template-columns: 384px 1fr;
  column-gap: 16px;
}
.u__e1_I a {
  display: block;
}
.u__e1_J {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}
.u__e1_J a {
  display: block;
}
.u__e1_J .txtGroup {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.u__e1_J .txtGroup .titText {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.u__e1_J .btnGroup {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.u__e1_J .btnGroup button {
  flex: 1 0 30%;
  height: 48px;
  padding: 14px 16px;
  line-height: 1;
}
.u__e1_K {
  display: grid;
  grid-template-columns: 384px 1fr;
  column-gap: 16px;
}
.u__e1_K a {
  display: block;
}
.u__e1_L {
  text-align: center;
}
.u__e1_L a {
  display: block;
}
.u__e1_M {
  text-align: center;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.u__e1_M .titText {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
}
.u__e1_M a {
  display: block;
}

/* 광고 unit */
.u__ad_ {
  /* single */
  /* triple */
}
.u__ad_sg_300x100 {
  background-color: var(--gray_80);
  margin: 0 auto;
  width: 100%;
}
.u__ad_sg_300x100 .adBar {
  margin: 0 auto;
  width: 100%;
  max-width: 300px;
}
.u__ad_sg_300x100 iframe {
  aspect-ratio: 3/1;
  width: 300px;
  max-width: 100%;
  margin: 0 auto;
  display: block;
}
.u__ad_sg_300x250 {
  background-color: var(--gray_80);
  margin: 0 auto;
  width: 100%;
}
.u__ad_sg_300x250 .adBar {
  margin: 0 auto;
  width: 100%;
  max-width: 300px;
}
.u__ad_sg_300x250 iframe {
  aspect-ratio: 3/2.5;
  width: 300px;
  max-width: 100%;
  margin: 0 auto;
  display: block;
}
.u__ad_sg_970x250 {
  background-color: var(--gray_80);
  margin: 0 auto;
  padding-bottom: 24px;
  width: 100%;
}
.u__ad_sg_970x250 .adBar {
  margin: 0 auto;
  width: 100%;
  max-width: 750px;
}
.u__ad_sg_970x250 iframe {
  aspect-ratio: 3/1;
  width: 750px;
  max-width: 100%;
  margin: 0 auto;
  display: block;
}
.u__ad_sg_728x90 {
  background-color: var(--gray_80);
  margin: 0 auto;
  padding-bottom: 24px;
  width: 100%;
}
.u__ad_sg_728x90 .adBar {
  margin: 0 auto;
  width: 100%;
  max-width: 728px;
}
.u__ad_sg_728x90 iframe {
  aspect-ratio: 728/90;
  width: 728px;
  max-width: 100%;
  margin: 0 auto;
  display: block;
}
.u__ad_tr_300x250 {
  background-color: var(--gray_80);
  margin: 0 auto;
  padding-bottom: 24px;
  width: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  column-gap: 30px;
}
.u__ad_tr_300x250 iframe {
  aspect-ratio: 3/2.5;
  width: 300px;
  max-width: 30%;
  height: auto;
}

/* 배너 unit */
.u__bn_ {
  /* single */
}
.u__bn_sg_300x100 {
  margin: 0 auto;
  aspect-ratio: 3/1;
  max-width: 100%;
  width: 300px;
}
.u__bn_sg_300x100 a {
  width: 100%;
  height: 100%;
}
.u__bn_sg_300x100 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.u__bn_sg_970x250 {
  margin: 0 auto;
  aspect-ratio: 97/25;
  max-width: 100%;
  width: 970px;
}
.u__bn_sg_970x250 a {
  width: 100%;
  height: 100%;
}
.u__bn_sg_970x250 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.u__bn_sg_728x90 {
  margin: 0 auto;
  aspect-ratio: 728/90;
  max-width: 100%;
  width: 728px;
}
.u__bn_sg_728x90 a {
  width: 100%;
  height: 100%;
}
.u__bn_sg_728x90 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*** Module ***/
.m__ {
  /* 헤드라인 module */
  /* 뉴스기사 module */
  /* 리스트 module */
  /* split module */
  /*kyevisual module*/
  /*입력형 module*/
}
.m__hd_A .f__grid {
  grid-template-columns: 1fr 540px 300px;
}
.m__hd_A .moduleTit {
  margin-bottom: 0;
}
.m__hd_A a {
  display: block;
}
.m__hd_A .u__tt1_A .infoBox {
  max-width: 460px;
  margin: 0 auto;
}
.m__hd_A .u__tt1_A article .infoBox .preview {
  color: var(--basic);
}
.m__hd_B .moduleTit {
  margin-bottom: 0;
}
.m__hd_B article .infoBox .preview {
  color: var(--basic);
}
.m__hd_B a {
  display: block;
}
.m__hd_D .f__grid {
  grid-template-columns: 2fr 1fr 1fr;
  grid-template-rows: 278px 130px;
}
.m__hd_D .u__tt1_G {
  grid-row: 1/3;
}
.m__hd_D .u__tt1_I {
  grid-column: 2/4;
}
.m__ns_A .f__grid {
  grid-template-columns: repeat(3, 1fr);
}
.m__ns_A a {
  display: block;
}
.m__ns_A .u__c1_F {
  grid-column: 2/3;
  grid-row: 1/2;
}
.m__ns_B .f__grid {
  grid-template-columns: repeat(2, 1fr);
}
.m__ns_B a {
  display: block;
}
.m__ns_C .f__grid {
  grid-template-columns: repeat(3, 1fr);
}
.m__ns_C .f__grid.line [class*=u__] + [class*=u__]:nth-child(4n)::before {
  display: none;
}
.m__ns_C .f__grid a {
  display: block;
}
.m__ns_D .f__grid {
  grid-template-columns: repeat(3, 1fr);
}
.m__ns_D a {
  display: block;
}
.m__ns_E .f__grid {
  grid-template-columns: repeat(3, 1fr);
}
.m__ns_E a {
  display: block;
}
.m__ns_F {
  display: block;
}
.m__ns_F .slideWrap ul {
  column-gap: 30px;
}
.m__ns_F .slideWrap ul li {
  flex: 0 0 18%;
}
.m__ns_F .slideWrap ul li img {
  height: 100%;
}
.m__ns_F .imageBox {
  max-width: 216px;
}
.m__ns_F a {
  display: block;
}
.m__ns_G .f__grid {
  grid-template-columns: repeat(2, 1fr);
}
.m__ns_G .u__c1_E .f__body1 {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.m__ns_G a {
  display: block;
}
.m__ns_H .f__grid {
  grid-template-columns: repeat(2, 1fr);
}
.m__ns_H a {
  display: block;
}
.m__ns_I .f__grid {
  grid-template-columns: repeat(2, 1fr);
}
.m__ns_I a {
  display: block;
}
.m__ns_J .f__grid {
  grid-template-columns: 1fr 2fr;
}
.m__ns_J a {
  display: block;
}
.m__ns_K .f__grid {
  grid-template-columns: repeat(3, 1fr);
}
.m__ns_K a {
  display: block;
}
.m__ns_L .f__grid {
  grid-template-columns: 1fr 2fr;
}
.m__ns_L a {
  display: block;
}
.m__ns_M .f__grid {
  grid-template-columns: repeat(2, 1fr);
}
.m__ns_M .u__c1_B article.thumbRight {
  min-height: 70px;
}
.m__ns_M .u__c1_B article .f__sH4 {
  -webkit-line-clamp: unset;
  text-overflow: clip;
  white-space: nowrap;
  white-space: normal;
  word-wrap: break-word;
  max-height: 24px;
}
.m__ns_M a {
  display: block;
}
.m__ns_N .f__grid {
  grid-template-columns: repeat(2, 1fr);
}
.m__ns_N a {
  display: block;
}
.m__li_A .f__grid {
  grid-template-columns: 1fr;
}
.m__li_A a {
  display: block;
}
.m__li_B .f__sH1, .m__li_B .f__sH1 span {
  white-space: pre-line;
}
.m__li_B .scroller .scrollerTrack .item {
  width: calc(25% - 18px);
}
.m__li_B .scroller .scrollerTrack .item .imageBox {
  height: 249px;
}
.m__li_B .scrollerNav {
  position: absolute;
  right: 0;
  top: -80px;
}
.m__li_B a {
  display: block;
}
.m__li_C .f__grid {
  grid-template-columns: repeat(4, 1fr);
}
.m__li_C .f__sH1, .m__li_C .f__sH1 span {
  white-space: pre-line;
}
.m__li_C .imageBox {
  height: 212px;
  border: 1px solid var(--gray_80);
}
.m__li_C a {
  display: block;
}
.m__s1_A a {
  display: block;
}
.m__s1_A ul:has(+ ul) li:last-child {
  padding-bottom: 9px;
}
.m__s1_A ul + ul {
  padding-top: 9px;
  border-top: 1px solid var(--gray_80);
}
.m__s1_A a {
  display: block;
}
.m__s1_B a {
  display: block;
}
.m__s1_B .infoBox .f__body3 {
  color: var(--sub);
}
.m__s1_B ul:has(+ ul) li:last-child {
  padding-bottom: 12px;
}
.m__s1_B ul + ul {
  padding-top: 12px;
  border-top: 1px solid var(--gray_80);
}
.m__s1_C .slideWrap ul li {
  width: 100%;
  flex: 0 0 100%;
}
.m__s1_C a {
  display: block;
}
.m__s1_D a {
  display: block;
}
.m__s1_D ul:has(+ ul) li:last-child {
  padding-bottom: 12px;
}
.m__s1_D ul + ul {
  padding-top: 12px;
  border-top: 1px solid var(--gray_80);
}
.m__s1_D .f__sH4 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  vertical-align: middle;
}
.m__ky_A {
  position: relative;
}
.f__header ~ .f__main:has(.m__ky_A), .f__header ~ .f__sub:has(.m__ky_A) {
  margin-top: 0;
}
.f__main .f__section:has(.m__ky_A) {
  margin: 0;
  padding: 0;
  max-width: unset;
}
.m__ky_A .heroBox {
  width: 100vw;
  height: 100vh;
  position: relative;
  max-width: 100%;
}
.m__ky_A .heroBox img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  filter: brightness(0.8);
}
.m__ky_A .heroBox .heroText {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
  padding: 0 24px;
}
.m__ky_A .heroBox .heroText .subText {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.m__ky_A .heroBox .heroText .f__H1, .m__ky_A .heroBox .heroText .f__H1 > a, .m__ky_A .heroBox .heroText .f__H1 > span,
.m__ky_A .heroBox .heroText .f__H5, .m__ky_A .heroBox .heroText .f__H5 > a, .m__ky_A .heroBox .heroText .f__H5 > span,
.m__ky_A .heroBox .heroText .f__body1, .m__ky_A .heroBox .heroText .f__body1 > a, .m__ky_A .heroBox .heroText .f__body1 > span {
  color: white;
  white-space: pre-line;
}
.m__ky_A .slideFractionCombo {
  position: absolute;
  bottom: 110px;
  left: 50%;
  transform: translateX(-50%);
}
.m__ky_A a {
  display: block;
}
.m__ky_B {
  padding-bottom: 400px;
}
.m__ky_B .visualBox {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 1400px;
  height: 400px;
  overflow: hidden;
  transition: all 0.5s;
}
.m__ky_B .visualBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.m__ky_B .visualBox.scroll {
  width: 100vw;
}
.m__ky_B .visualBox .infoBox {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 80px;
  text-align: center;
  gap: 16px;
}
.m__ky_B .visualBox .infoBox .subText {
  gap: 8px;
}
.m__ky_B a {
  display: block;
}
.m__ky_B .f__H2, .m__ky_B .f__sH3, .m__ky_B .f__body1, .m__ky_B .f__H2 span, .m__ky_B .f__sH3 span, .m__ky_B .f__body1 span {
  white-space: pre-line;
}
.m__ed_A .f__grid {
  grid-template-columns: repeat(4, 1fr);
}
.m__ed_A .f__H4, .m__ed_A .f__sH7, .m__ed_A .f__body1, .m__ed_A .f__H4 span, .m__ed_A .f__sH7 span, .m__ed_A .f__body1 span {
  white-space: pre-line;
}
.m__ed_B .f__grid {
  grid-template-columns: repeat(3, 1fr);
}
.m__ed_B .f__H4, .m__ed_B .f__sH7, .m__ed_B .f__body1, .m__ed_B .f__H4 span, .m__ed_B .f__sH7 span, .m__ed_B .f__body1 span {
  white-space: pre-line;
}
.m__ed_C .f__grid {
  grid-template-columns: repeat(2, 1fr);
}
.m__ed_C .f__body1, .m__ed_C .f__body3, .m__ed_C .f__sH2, .m__ed_C .f__body1 span, .m__ed_C .f__body3 span, .m__ed_C .f__sH2 span {
  white-space: pre-line;
}
.m__ed_C .u__e1_F .imageBox {
  height: 500px;
}
.m__ed_D .f__grid {
  grid-template-columns: repeat(2, 1fr);
  column-gap: 56px;
}
.m__ed_D .f__H3, .m__ed_D .f__sH5, .m__ed_D .f__body1, .m__ed_D .f__H3 span, .m__ed_D .f__sH5 span, .m__ed_D .f__body1 span {
  white-space: pre-line;
}
.m__ed_D .u__e1_F .imageBox {
  height: 420px;
}
.m__ed_D .u__e1_J {
  padding-top: 40px;
}
.m__ed_E .f__grid {
  grid-template-columns: repeat(2, 1fr);
  column-gap: 56px;
}
.m__ed_E .f__H3, .m__ed_E .f__sH5, .m__ed_E .f__body1, .m__ed_E .f__H3 span, .m__ed_E .f__sH5 span, .m__ed_E .f__body1 span {
  white-space: pre-line;
}
.m__ed_E .u__e1_F .imageBox {
  height: 420px;
}
.m__ed_E .u__e1_J {
  padding-top: 40px;
}
.m__ed_F .f__grid {
  grid-template-columns: repeat(2, 1fr);
}
.m__ed_F .f__H3, .m__ed_F .f__body1, .m__ed_F .f__H3 span, .m__ed_F .f__body1 span {
  white-space: pre-line;
}
.m__ed_F .u__e1_F .imageBox {
  height: 500px;
}
.m__ed_G .moduleTit {
  flex-direction: column;
}
.m__ed_G .moduleTit .titGroup {
  width: 100%;
  display: grid;
  grid-template-columns: 384px 1fr;
  column-gap: 16px;
}
.m__ed_G .moduleTit .titGroup p {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.048px;
}
.m__ed_G .f__H3, .m__ed_G .f__sH3, .m__ed_G .f__body1, .m__ed_G .f__H3 span, .m__ed_G .f__sH3 span, .m__ed_G .f__body1 span {
  white-space: pre-line;
}
.m__ed_G .u__e1_F .imageBox {
  height: 340px;
}
.m__ed_H .f__grid {
  grid-template-columns: 300px 1fr;
}
.m__ed_H .f__H4, .m__ed_H .f__H3, .m__ed_H .f__body1, .m__ed_H .f__H4 span, .m__ed_H .f__H3 span, .m__ed_H .f__body1 span {
  white-space: pre-line;
}
.m__ed_I .f__H3, .m__ed_I .f__sH3, .m__ed_I .f__body1, .m__ed_I .f__H3 span, .m__ed_I .f__sH3 span, .m__ed_I .f__body1 span {
  white-space: pre-line;
}
.m__ed_I .u__e1_D .mapBox {
  height: 560px;
}
.m__ed_J .f__H3, .m__ed_J .f__sH3, .m__ed_J .f__body1, .m__ed_J .f__H3 span, .m__ed_J .f__sH3 span, .m__ed_J .f__body1 span {
  white-space: pre-line;
}
.m__ed_K .f__H3, .m__ed_K .f__body1, .m__ed_K .f__H3 span, .m__ed_K .f__body1 span {
  white-space: pre-line;
}
.m__ed_L .f__H2, .m__ed_L .f__H2 span {
  white-space: pre-line;
}
.m__ed_M {
  text-align: center;
}
.m__ed_M .f__H3, .m__ed_M .f__sH3, .m__ed_M .f__H3 span, .m__ed_M .f__sH3 span {
  white-space: pre-line;
}
.m__ed_M .f__grid {
  grid-template-columns: 1fr;
  row-gap: 16px;
}
.m__ed_N {
  text-align: center;
  display: flex;
  flex-direction: column;
}
.m__ed_N .f__H3, .m__ed_N .f__sH3, .m__ed_N .f__body1, .m__ed_N .f__H3 span, .m__ed_N .f__sH3 span, .m__ed_N .f__body1 span {
  white-space: pre-line;
}
.m__ed_N .f__grid {
  grid-template-columns: repeat(4, 1fr);
}
.m__ed_N .moduleTit {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  margin-bottom: 24px;
  text-align: center;
}
.m__ed_N .moduleTit .titGroup {
  align-items: center;
}
.m__ed_N .btnGroup {
  margin-bottom: 32px;
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
}
.m__ed_N .f__btn {
  height: 48px;
  min-width: 183px;
}
.m__ed_N .u__e1_F .imageBox {
  height: 360px;
}
.m__ed_N .u__e1_M {
  margin-top: 40px;
}

/*** laptop ***/
@container (min-width: 1016px) and (max-width: 1240px) {
  /*** Module ***/
  .m__ {
    /* 헤드라인 module */
  }
  .m__hd_A .f__grid {
    grid-template-columns: 1fr 300px 1fr;
  }
}
/*** tablet ***/
@container (min-width: 760px) and (max-width: 1015px) {
  /*** component ***/
  .wHide, .mHide {
    display: block;
  }
  .tHide {
    display: none;
  }
  .f__pagination {
    margin: 0;
  }
  .f__accordion .num {
    display: none;
  }
  .f__accordion .tit {
    padding: 0;
    grid-column: 1/2;
  }
  .f__accordion .btn {
    grid-column: 2/3;
  }
  .f__accordion .date {
    text-align: left;
    grid-row: 2/3;
  }
  .accordionHead {
    display: none;
  }
  .accordionTable {
    border-top: 3px solid var(--point);
  }
  .accordionTable .accTitle {
    height: auto;
    padding: 12px 0;
    grid-template-columns: 1fr 24px;
    grid-template-rows: repeat(2, 1fr);
    row-gap: 12px;
  }
  .accordionTable .accContent {
    padding: 32px 16px;
  }
  /* tab */
  .f__tab.large > ul {
    margin: 56px 0 48px 0;
  }
  /* 이미지 확대 보기 */
  .f__slidePopup {
    padding: 24px 0;
  }
  .f__slidePopup .slidToparea {
    padding: 0 20px;
  }
  .f__slidePopup .slideWrap {
    padding: 0 32px;
  }
  /* 타임라인 */
  .timeline {
    row-gap: 80px;
  }
  .timeline:before {
    display: none;
  }
  .timeline .tlItem {
    grid-template-columns: 1fr;
    row-gap: 40px;
  }
  .timeline .tlMeta .imageBox {
    width: 100%;
    height: 380px;
  }
  .timeline .tlCard > ul li::before {
    display: none;
  }
  .timeline .tlCard > ul li + li {
    margin-top: 40px;
  }
  /* 게시판 공통 */
  .f__boardHead {
    row-gap: 40px;
    margin-bottom: 0;
  }
  .f__boardHead .boardTit {
    gap: 16px;
  }
  .f__boardHead .toolBar {
    flex-wrap: wrap;
  }
  .f__boardHead .toolBar .searchForm {
    width: 100%;
  }
  .f__board .boardTable li {
    height: auto;
    padding: 16px 0;
    row-gap: 4px;
  }
  .f__board .boardGallery li {
    row-gap: 12px;
  }
  .f__board .boardGallery .infoBox {
    row-gap: 4px;
  }
  .f__board .boardGallery .infoBox .heading {
    margin-bottom: 4px;
  }
  .f__boardDetail .attachment {
    padding: 16px 0 40px 0;
  }
  .replyList ul {
    gap: 24px;
  }
  /*** unit ***/
  /* 콘텐츠 맵핑형 유닛*/
  /* Title w Thumb*/
  .u__tt1_A .imageBox {
    margin-bottom: 12px;
  }
  .u__tt1_A .infoBox {
    text-align: center;
  }
  .u__tt1_B .imageBox {
    margin-bottom: 12px;
  }
  .u__tt1_B .infoBox .f__H2 {
    margin-bottom: 8px;
  }
  .u__tt1_E article {
    flex-direction: column;
    row-gap: 12px;
  }
  .u__tt1_E article .infoBox {
    text-align: center;
  }
  /* List w Thumb - thumb w text */
  .u__lt1_A .listLine-12 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 16px;
  }
  .u__lt1_A .listLine-12 li {
    padding: 0;
  }
  .u__lt1_A .listLine-12 li + li {
    padding: 0;
    border: none;
  }
  .u__lt1_A .listLine-12 li .thumbLeft {
    grid-template-columns: 1fr;
  }
  .u__lt1_C article {
    grid-template-columns: 1fr 124px;
    grid-template-rows: auto;
    column-gap: 16px;
  }
  .u__lt1_C article h3.f__H4 {
    height: auto;
    -webkit-line-clamp: 2;
  }
  /* list - text only */
  .u__l1_B article {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .u__l1_B article .f__sH4 {
    -webkit-line-clamp: 1;
  }
  /* list - thumb only */
  .u__t1_B ul {
    row-gap: 16px;
    column-gap: 10px;
  }
  /* Combo 조합유닛 */
  .u__c1_A {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 16px;
  }
  .u__c1_A .u__tt1_B {
    margin-bottom: 0;
  }
  .u__c1_D {
    column-gap: 16px;
  }
  /* 콘텐츠 입력형 unit*/
  .u__e1_C .csBox {
    padding: 36px 135px;
    height: 500px;
    gap: 44px;
  }
  .u__e1_C .csBox .txtGroup {
    gap: 32px;
  }
  .u__e1_E {
    row-gap: 16px;
    margin-bottom: 24px;
  }
  .u__e1_I {
    grid-template-columns: 1fr;
    row-gap: 24px;
  }
  .u__e1_J .btnGroup button {
    flex: 1 0 45%;
  }
  .u__e1_K {
    grid-template-columns: 256px 1fr;
  }
  /* 광고 유닛 */
  .u__ad_ {
    /* single */
    /* triple */
  }
  .u__ad_sg_300x100 {
    padding-bottom: 24px;
    width: 100%;
  }
  .u__ad_sg_300x100 .adBar {
    margin: 0 auto;
  }
  .u__ad_sg_300x250 {
    padding-bottom: 24px;
    width: 100%;
  }
  .u__ad_sg_300x250 .adBar {
    margin: 0 auto;
  }
  .u__ad_sg_970x250 {
    width: 100%;
  }
  .u__ad_sg_970x250 .adBar {
    margin: 0 auto;
  }
  .u__ad_sg_970x250 iframe {
    width: 100%;
  }
  .u__ad_tr_300x250 {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 24px;
    width: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    column-gap: 16px;
  }
  /* 배너 unit */
  .u__bn_ {
    /* single */
  }
  .u__bn_sg_300x100 {
    width: 100%;
  }
  .u__bn_sg_970x250 {
    width: 100%;
  }
  .u__bn_sg_728x90 {
    width: 100%;
  }
  /*** Module ***/
  .m__ {
    /* 헤드라인 module */
    /* 뉴스기사 module */
    /* 리스트 module */
    /* split 모듈 */
    /*kyevisual module*/
    /*입력형 module*/
  }
  .m__hd_A .f__grid {
    grid-template-columns: 1fr;
    row-gap: 32px;
  }
  .m__hd_A .u__tt1_A {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .m__hd_B article .infoBox .f__H2 {
    padding: 0 110px;
  }
  .m__hd_D .f__grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 527px 1fr 130px;
  }
  .m__hd_D .u__tt1_G {
    grid-column: 1/3;
    grid-row: 1/2;
  }
  .m__hd_D .u__tt1_H {
    grid-row: 2/3;
  }
  .m__hd_D .u__tt1_H a {
    display: block;
  }
  .m__hd_D .u__tt1_H article {
    width: 100%;
  }
  .m__hd_D .u__tt1_H article .imageBox {
    height: auto;
  }
  .m__hd_D .u__tt1_I {
    grid-column: 1/3;
    grid-row: 3/4;
  }
  .m__ns_A .f__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .m__ns_A .f__grid .u__l1_C:last-child {
    margin-top: -32px;
    grid-row: 2/3;
    grid-column: 1/3;
  }
  .m__ns_A .f__grid .u__l1_C:last-child ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 16px;
  }
  .m__ns_A .f__grid .u__l1_C:last-child ul li {
    padding-top: 12px;
    border-top: 1px solid var(--gray_80);
  }
  .m__ns_C .f__grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .m__ns_F .slideWrap ul {
    column-gap: 16px;
  }
  .m__ns_F .slideWrap ul li {
    flex: 0 0 24%;
  }
  .m__ns_G .u__c1_F .f__H4 {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .m__ns_H .f__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .m__ns_I .f__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .m__ns_J .u__l1_D {
    column-gap: 16px;
  }
  .m__ns_J .u__l1_D ul + ul:before {
    left: -7.5px;
  }
  .m__ns_L .f__grid {
    grid-template-columns: 232px 1fr;
  }
  .m__ns_M .f__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .m__ns_N .f__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .m__li_B .scroller .scrollerTrack .item {
    width: calc(50% - 12px);
  }
  .m__li_B .u__tt1_F .imageBox {
    height: 240px;
  }
  .m__li_C .f__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .m__s1_A {
    flex: 1 calc(50% - 16px);
    min-width: 0;
  }
  .m__s1_B {
    flex: 1 calc(50% - 16px);
    min-width: 0;
  }
  .m__s1_C {
    flex: 1 calc(50% - 16px);
    min-width: 0;
  }
  .m__s1_D {
    flex: 1 calc(50% - 16px);
    min-width: 0;
  }
  .m__ky_A .heroBox .heroText {
    top: 546px;
    padding: 0 48px;
  }
  .m__ky_A .slideFractionCombo {
    bottom: 84px;
  }
  .m__ed_A .f__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .m__ed_B .f__grid {
    grid-template-columns: 1fr;
  }
  .m__ed_C .f__grid {
    grid-template-columns: 1fr;
  }
  .m__ed_F .f__grid {
    grid-template-columns: 1fr;
  }
  .m__ed_G .moduleTit .titGroup {
    grid-template-columns: 1fr;
    row-gap: 24px;
  }
  .m__ed_H .f__grid {
    grid-template-columns: 1fr;
  }
  .m__ed_H .u__e1_D {
    height: 560px;
  }
  .m__ed_N .f__grid {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 24px;
    column-gap: 24px;
  }
}
/*** mobile ***/
@container (max-width: 759px) {
  .wHide, .tHide {
    display: block;
  }
  .mHide {
    display: none;
  }
  .f__pagination {
    margin: 0;
    justify-content: space-between;
  }
  .f__accordion .num {
    display: none;
  }
  .f__accordion .tit {
    padding: 0;
    grid-column: 1/2;
  }
  .f__accordion .btn {
    grid-column: 2/3;
  }
  .f__accordion .date {
    text-align: left;
    grid-row: 2/3;
  }
  .accordionHead {
    display: none;
  }
  .accordionTable {
    border-top: 3px solid var(--point);
  }
  .accordionTable .accTitle {
    height: auto;
    padding: 12px 0;
    grid-template-columns: 1fr 24px;
    grid-template-rows: repeat(2, 1fr);
    row-gap: 12px;
  }
  .accordionTable .accContent {
    padding: 32px 16px;
  }
  /* 이미지 확대 보기 */
  .f__slidePopup {
    padding: 24px 0;
  }
  .f__slidePopup .slidToparea {
    padding: 0 20px;
  }
  /* tab */
  .f__tab.large > ul {
    margin: 56px 0 48px 0;
  }
  .f__tab.large > ul li span {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.048px;
  }
  /* 타임라인 */
  .timeline {
    row-gap: 80px;
  }
  .timeline:before {
    display: none;
  }
  .timeline .tlItem {
    grid-template-columns: 1fr;
    row-gap: 40px;
  }
  .timeline .tlMeta .imageBox {
    width: 100%;
    height: 380px;
  }
  .timeline .tlCard > ul li::before {
    display: none;
  }
  .timeline .tlCard > ul li + li {
    margin-top: 40px;
  }
  /* 게시판 공통 */
  .f__boardHead {
    row-gap: 40px;
    margin-bottom: 0;
  }
  .f__boardHead .boardTit {
    gap: 12px;
  }
  .f__boardHead .toolBar {
    flex-wrap: wrap;
  }
  .f__boardHead .toolBar .searchForm {
    width: 100%;
  }
  .f__board .boardTable li {
    height: auto;
    padding: 16px 0;
    row-gap: 4px;
  }
  .f__board .boardGallery li {
    row-gap: 12px;
  }
  .f__board .boardGallery .infoBox {
    row-gap: 4px;
  }
  .f__board .boardGallery .infoBox .heading {
    margin-bottom: 4px;
  }
  .f__boardDetail .article {
    row-gap: 24px;
    padding-bottom: 48px;
  }
  .f__boardDetail .attachment {
    padding: 16px 0 40px 0;
  }
  .replyList ul {
    gap: 16px;
  }
  .replyList .depth_1 > li {
    padding-bottom: 16px;
  }
  .replyList .depth_2 {
    padding: 16px 0 16px 16px;
  }
  .replyList .depth_2::before {
    height: calc(100% - 52px);
  }
  .replyList .depth_2::after {
    bottom: 0;
  }
  /*** unit ***/
  /* 콘텐츠 맵핑형 유닛*/
  /* Title w Thumb*/
  .u__tt1_A .imageBox {
    margin-bottom: 12px;
  }
  .u__tt1_A .infoBox {
    text-align: center;
  }
  .u__tt1_B .imageBox {
    margin-bottom: 12px;
  }
  .u__tt1_B .infoBox .f__H2 {
    margin-bottom: 8px;
  }
  .u__tt1_C .thumbTop {
    display: grid;
    grid-template-columns: 132px 1fr;
    gap: 8px;
  }
  .u__tt1_E article {
    flex-direction: column;
    gap: 12px;
  }
  .u__tt1_F .imageBox {
    height: 225px;
  }
  /* List w Thumb - thumb w text */
  .u__lt1_A .listLine-12 li {
    padding: 0;
  }
  .u__lt1_A .listLine-12 li + li {
    padding: 12px 0 0 0;
    border-top: 0;
  }
  .u__lt1_C article {
    grid-template-columns: 1fr 124px;
    grid-template-rows: auto;
    column-gap: 12px;
    row-gap: 6px;
  }
  .u__lt1_C article h3.f__H4 {
    grid-column: 1/2;
    height: auto;
    -webkit-line-clamp: 2;
  }
  .u__lt1_C article p {
    grid-column: 1/3;
  }
  .u__lt1_C article .imageBox {
    grid-column: 2/3;
    grid-row: 1/2;
  }
  .u__lt1_C article .f__body3 {
    padding-bottom: 0;
  }
  .u__lt1_C article .f__H5 {
    -webkit-line-clamp: 3;
  }
  /* list - text only */
  .u__l1_B article {
    gap: 8px;
  }
  .u__l1_B article .f__sH4 {
    -webkit-line-clamp: 1;
  }
  /* list - thumb only */
  .u__t1_B ul {
    grid-template-columns: 1fr;
  }
  .u__t1_B ul .thumbTop {
    display: grid;
    grid-template-columns: 132px 1fr;
    column-gap: 12px;
  }
  /* Combo 조합유닛 */
  .u__c1_A .u__tt1_B {
    margin-bottom: 24px;
  }
  .u__c1_C .thumbTop {
    display: grid;
    grid-template-columns: 100px 1fr;
    column-gap: 12px;
  }
  .u__c1_D {
    grid-template-columns: 1fr;
    row-gap: 16px;
  }
  /* 콘텐츠 입력형 unit*/
  .u__e1_C .csBox {
    padding: 36px 36px 36px 40px;
    gap: 20px;
    height: 500px;
  }
  .u__e1_C .csBox .txtGroup {
    gap: 32px;
  }
  .u__e1_C .csBox .f__btn {
    height: 48px;
  }
  .u__e1_E {
    row-gap: 12px;
    margin-bottom: 24px;
  }
  .u__e1_H .btnGroup button {
    flex: 1 1 100%;
  }
  .u__e1_I {
    grid-template-columns: 1fr;
    row-gap: 24px;
  }
  .u__e1_J .btnGroup button {
    flex: 1 0 45%;
  }
  .u__e1_K {
    grid-template-columns: 1fr;
    row-gap: 16px;
  }
  /* 광고유닛 */
  .u__ad_ {
    /* single */
    /* triple */
  }
  .u__ad_sg_300x100 {
    padding-bottom: 24px;
    margin: 0 auto;
  }
  .u__ad_sg_300x100 .adBar {
    margin: 0 auto;
  }
  .u__ad_sg_300x250 {
    padding-bottom: 24px;
    margin: 0 auto;
  }
  .u__ad_sg_300x250 .adBar {
    margin: 0 auto;
  }
  .u__ad_sg_970x250 {
    width: 100%;
  }
  .u__ad_sg_970x250 .adBar {
    margin: 0 auto;
  }
  .u__ad_sg_970x250 iframe {
    width: 100%;
  }
  .u__ad_tr_300x250 iframe {
    max-width: 300px;
  }
  .u__ad_tr_300x250 iframe + iframe {
    margin-top: 16px;
  }
  /* 배너 unit */
  .u__bn_ {
    /* single */
  }
  /*** Module ***/
  .m__ {
    /* 헤드라인 module */
    /* 뉴스기사 module */
    /* 리스트 module */
    /* split 모듈 */
    /*kyevisual module*/
    /*입력형 module*/
  }
  .m__hd_A .f__grid {
    grid-template-columns: 1fr;
    row-gap: 32px;
  }
  .m__hd_A .u__tt1_A {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .m__hd_D .f__grid {
    grid-template-columns: 1fr;
    grid-template-rows: unset;
  }
  .m__hd_D .u__tt1_G {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .m__hd_D .u__tt1_H {
    grid-column: 1/2;
  }
  .m__hd_D .u__tt1_H a {
    display: block;
  }
  .m__hd_D .u__tt1_H article {
    width: 100%;
  }
  .m__hd_D .u__tt1_H article .imageBox {
    height: auto;
  }
  .m__hd_D .u__tt1_I {
    height: 102px;
    grid-column: 1/2;
  }
  .m__ns_A .f__grid {
    grid-template-columns: 1fr;
  }
  .m__ns_A .u__c1_F {
    grid-column: 1/2;
    grid-row: 2/3;
  }
  .m__ns_A .u__c1_F article {
    display: grid;
    grid-template-columns: 132px 1fr;
    column-gap: 12px;
  }
  .m__ns_C .f__grid {
    grid-template-columns: 1fr;
  }
  .m__ns_D .f__grid {
    grid-template-columns: 1fr;
  }
  .m__ns_D .u__c1_G article {
    display: grid;
    grid-template-columns: 100px 1fr;
    column-gap: 12px;
  }
  .m__ns_E .f__grid {
    grid-template-columns: 1fr;
  }
  .m__ns_E .u__c1_G article {
    display: grid;
    grid-template-columns: 100px 1fr;
    column-gap: 12px;
    row-gap: 24px;
  }
  .m__ns_F .slideWrap ul {
    column-gap: 16px;
  }
  .m__ns_F .slideWrap ul li {
    flex: 0 0 48%;
  }
  .m__ns_G .f__grid {
    grid-template-columns: 1fr;
  }
  .m__ns_G .u__c1_F .f__H4 {
    text-align: center;
  }
  .m__ns_H .f__grid {
    grid-template-columns: 1fr;
  }
  .m__ns_I .f__grid {
    grid-template-columns: 1fr;
  }
  .m__ns_J .f__grid {
    grid-template-columns: 1fr;
  }
  .m__ns_J .u__tt1_B article {
    display: grid;
    grid-template-columns: 132px 1fr;
    column-gap: 12px;
  }
  .m__ns_J .u__l1_D {
    grid-template-columns: 1fr;
    row-gap: 16px;
  }
  .m__ns_K .f__grid {
    grid-template-columns: 1fr;
  }
  .m__ns_K .u__tt1_B article {
    display: grid;
    grid-template-columns: 132px 1fr;
    column-gap: 12px;
  }
  .m__ns_L .f__grid {
    grid-template-columns: 1fr;
  }
  .m__ns_M .f__grid {
    grid-template-columns: 1fr;
  }
  .m__ns_N .f__grid {
    grid-template-columns: 1fr;
  }
  .m__li_B {
    padding-bottom: 72px;
    position: relative;
  }
  .m__li_B .scroller .scrollerTrack .item {
    width: 100%;
  }
  .m__li_B .scrollerNav {
    position: relative;
    top: 0;
    margin-top: 32px;
    justify-content: flex-end;
  }
  .m__li_C .f__grid {
    grid-template-columns: 1fr;
  }
  .m__ky_A .heroBox .heroText {
    gap: 16px;
    top: 298px;
  }
  .m__ky_A .heroBox .heroText .subText {
    gap: 8px;
  }
  .m__ky_A .heroBox .heroText .f__H1, .m__ky_A .heroBox .heroText .f__H1 > a, .m__ky_A .heroBox .heroText .f__H1 > span {
    font-size: 36px;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: -0.108px;
  }
  .m__ky_A .slideFractionCombo {
    bottom: 64px;
  }
  .m__ed_A .f__grid {
    grid-template-columns: 1fr;
  }
  .m__ed_B .f__grid {
    grid-template-columns: 1fr;
  }
  .m__ed_C .f__grid {
    grid-template-columns: 1fr;
  }
  .m__ed_D .f__grid {
    grid-template-columns: 1fr;
  }
  .m__ed_D .u__e1_J {
    padding-top: 0;
  }
  .m__ed_E .f__grid {
    grid-template-columns: 1fr;
  }
  .m__ed_E .u__e1_F:has(+ .u__e1_F) {
    grid-row: 1/2;
  }
  .m__ed_E .u__e1_J {
    padding-top: 0;
  }
  .m__ed_E .u__e1_J:has(+ .u__e1_F) {
    padding-bottom: 8px;
  }
  .m__ed_F .f__grid {
    grid-template-columns: 1fr;
  }
  .m__ed_F .u__e1_F .imageBox {
    height: 300px;
  }
  .m__ed_G .moduleTit .titGroup {
    grid-template-columns: 1fr;
    row-gap: 24px;
  }
  .m__ed_H .f__grid {
    grid-template-columns: 1fr;
  }
  .m__ed_H .u__e1_D {
    height: 560px;
  }
  .m__ed_N .f__grid {
    grid-template-columns: 1fr;
  }
  .m__ed_N .f__btn {
    flex: 0 0 100%;
  }
}