/*
Theme Name: CROWNKOREA
Theme URI: https://crownkorea.example.com
Author: Makerkook
Author URI: https://makerkook.com
Description: Makerkook에서 제작한 한국크라운재정사역 전용 테마
Version: 1.0
*/

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
:root {
  --main-font: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  --line-height-100: 1;
  --line-height-120: 1.2;
  --line-height-140: 1.4;
  --line-height-150: 1.5;
  --line-height-160: 1.6;
  --line-height-175: 1.75;
  --font-weight-100: 100;
  --font-weight-200: 200;
  --font-weight-300: 300;
  --font-weight-400: 400;
  --font-weight-500: 500;
  --font-weight-600: 600;
  --font-weight-700: 700;
  --font-weight-800: 800;
  --font-weight-900: 900;
  --font-size-12: 12px;
  --font-size-13: 13px;
  --font-size-14: 14px;
  --font-size-15: 15px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-24: 24px;
  --font-size-32: 32px;
  --font-size-40: 40px;
  --font-size-48: 48px;
  --font-size-56: 56px;
  --prime-color: 34, 52, 70;
  --color-white: 255, 255, 255;
  --color-light-gray: #666666;
  --color-neutral-gray: #888888;
  --color-black: 0, 0, 0;
  --color-prime-bg: #f3f3f3;
  --color-sub-bg: #eeeeee;
  --color-light-blue: #8faadc;
  --color-steel-blue: #2e6ca4;
  --wb-keep-all: keep-all;
  --ls-prime: -0.2px;
  --gap-4: 4px;
  --gap-8: 8px;
  --gap-16: 16px;
  --gap-24: 24px;
  --gap-32: 32px;
}

body {
  font-family: var(--main-font);
  margin: 0;
  overflow-x: hidden;
}

input::-ms-clear {
  display: none;
}

input::-webkit-clear-button {
  display: none;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
  display: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-family: var(--main-font);
}

.gap-4 {
  gap: 4px;
}

.gap-8 {
  gap: 8px;
}

.gap-16 {
  gap: 16px;
}

.gap-32 {
  gap: 32px;
}

.gap-40 {
  gap: 40px;
}

.flex {
  display: flex;
}

.fd-column {
  flex-direction: column;
}

.fd-row {
  flex-direction: row;
}

.wp-block-image img {
  width: 100%;
}

.wp-block-quote {
  margin: 0 0;
  padding: 0 0 24px 0;
}

.wp-block-quote p {
  padding: 16px 16px !important;
}

.custom-header-wrapper {
  position: fixed;
  width: 100%;
  display: flex;
  justify-content: center;
  z-index: 1000;
  transition: all 0.3s ease;
  pointer-events: none;
}

.custom-header-wrapper {
  top: 16px;
}

.custom-header-wrapper.scrolled {
  top: 0;
}

.custom-header-wrapper .custom-header {
  border-radius: 40px;
}

.custom-header-wrapper.scrolled .custom-header {
  border-radius: 0 0 20px 20px;
}

.custom-header {
  width: 90%;
  max-width: 1280px;
  background: white;
  padding: 14px 40px 14px 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  transition: border-radius 0.3s ease, padding 0.3s ease;
  pointer-events: auto;
  box-sizing: border-box;
}

.custom-header-left {
  display: flex;
  align-items: center;
  gap: 40px;
  flex: 1;
  min-width: 0;
}

.logo img {
  height: 48px;
  display: block;
}

.main-nav .menu {
  display: flex;
  gap: 20px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.main-nav .menu li {
  position: relative;
  list-style: none;
}

.main-nav .menu li a {
  text-decoration: none;
  color: rgb(var(--color-black));
  font-weight: var(--font-weight-600);
  padding: 14px 14px;
  display: block;
  white-space: nowrap;
  font-size: 18px;
}

.main-nav .menu li ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: white;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  min-width: 160px;
  z-index: 999;
  padding: 8px 0;
}

.main-nav .menu li:hover>ul {
  display: block;
}

.main-nav .menu li ul li {
  margin: 0 6px;
}

.main-nav .menu li ul li a {
  display: block;
  padding: 14px 14px;
  color: rgb(var(--color-black));
  font-weight: var(--font-weight-600);
  text-decoration: none;
}

.main-nav .menu li ul li:hover a {
  background-color: rgba(169, 198, 232, 0.2);
  color: #000;
  border-radius: 8px;
}

.custom-header-right {
  display: flex;
  align-items: center;
  gap: 0px;
  flex: 1;
  justify-content: flex-end;
  min-width: 0;
  overflow: hidden;
  position: relative;
  max-width: max-content;
}

.mobile-menu-toggle {
  display: none;
  background: none;
  border: none;
  cursor: pointer;
}

.mobile-side-menu {
  position: fixed;
  top: 0;
  right: -400px;
  width: 300px;
  height: 100%;
  background: white;
  padding: 16px 0 0 0;
  box-shadow: 2px 0 20px rgba(0, 0, 0, 0.6);
  z-index: 999999;
  transition: right 0.3s ease;
}

.mobile-side-menu.active {
  right: 0;
}

.mobile-menu-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 999998;
}

.mobile-menu-overlay.active {
  display: block;
}

.mobile-menu {
  list-style: none;
  padding: 24px 0 16px 0;
  margin: 0 0 0 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.mobile-menu li {
  border-bottom: 1px solid var(--color-prime-bg);
  padding: 4px 16px 8px 16px;
}

.mobile-menu li a {
  color: var(--color-steel-blue);
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-24);
  text-decoration: none;
  padding: 4px 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.current-menu-item a,
.mobile-menu .current-menu-parent a {
  font-weight: var(--font-weight-600) !important;
}

.mobile-menu .sub-menu {
  display: none;
  padding-left: 8px;
}

.mobile-menu .sub-menu li {
  padding: 4px 0;
  list-style: none;
  border-bottom: none;
}

.mobile-menu .sub-menu li a {
  color: var(--color-light-blue);
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-18);
}

.mobile-menu .sub-menu .current_page_item a {
  font-weight: var(--font-weight-600);
}

.mobile-menu .menu-item.open>.sub-menu {
  display: block;
}

.mobile-menu .menu-item-has-children>a::after {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 0px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%232e6ca4' d='M299.3 244.7c6.2 6.2 6.2 16.4 0 22.6l-192 192c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L265.4 256 84.7 75.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0l192 192z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  vertical-align: middle;
  transition: transform 0.3s ease;
}

.mobile-menu .menu-item-has-children.open>a::after {
  transform: rotate(90deg);
}

.mobile-side-menu .search-input {
  background: rgba(169, 198, 232, 0.2);
  padding: 14px 14px;
  border-radius: 32px;
  margin: 0 16px;
}

.mobile-side-menu .search-input input {
  border: 0;
  font-size: var(--font-size-18);
  background: transparent;
  outline: none;
  width: 100%;
}

.mobile-side-menu .search-input input::placeholder {
  color: var(--color-steel-blue);
  font-size: var(--font-size-18);
  opacity: 0.6;
}

/* 기본 상태: 숨김 */

.search-input-wrapper {
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
}

.search-input-wrapper.active {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
  background: rgba(169, 198, 232, 0.2);
  padding: 8px 16px;
  border-radius: 32px;
}

.search-input-wrapper input[type="search"] {
  width: 200px;
  padding: 6px 10px;
  font-size: 14px;
}

.search-input-wrapper input {
  padding: 6px 12px;
  border: none;
  background: transparent;
  outline: none;
}

.search-button {
  width: 24px;
  height: 24px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M384 208A176 176 0 1 0 32 208a176 176 0 1 0 352 0zM343.3 366C307 397.2 259.7 416 208 416C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208c0 51.7-18.8 99-50 135.3L507.3 484.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L343.3 366z'/%3E%3C/svg%3E");
  border: none;
  cursor: pointer;
  position: absolute;
}

.close-search-button {
  position: absolute;
  top: 50%;
  right: 10px;
  /* 우측 여백 조절 */
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M420.7 36.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6L246.6 256 443.3 452.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L224 278.6 27.3 475.3c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L201.4 256 4.7 59.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L224 233.4 420.7 36.7z'/%3E%3C/svg%3E");
  border: none;
  cursor: pointer;
  display: none;
}

@media (max-width: 1290px) {
  .main-nav {
    display: none;
  }
  .mobile-menu-toggle {
    display: flex;
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M0 80c0-8.8 7.2-16 16-16l416 0c8.8 0 16 7.2 16 16s-7.2 16-16 16L16 96C7.2 96 0 88.8 0 80zM0 240c0-8.8 7.2-16 16-16l416 0c8.8 0 16 7.2 16 16s-7.2 16-16 16L16 256c-8.8 0-16-7.2-16-16zM448 400c0 8.8-7.2 16-16 16L16 416c-8.8 0-16-7.2-16-16s7.2-16 16-16l416 0c8.8 0 16 7.2 16 16z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .custom-header {
    flex-direction: row;
    gap: 12px;
    padding: 16px 24px;
  }
  .search-button {
    display: none;
  }
}

/* 콘텐츠 정렬하기 숨김 처리 */

.custom-dropdown {
  display: none;
  position: relative;
  padding: 10px 20px 12px;
  background: var(--color-sub-bg);
  border-radius: 24px;
  font-size: var(--font-size-13);
  color: var(--color-blak);
  letter-spacing: var(--ls-prime);
  font-weight: var(--font-weight-400);
  line-height: var(--line-height-100);
}

/* 
.custom-dropdown .dropdown-selected {
  display: flex;
  align-items: center;
  cursor: pointer;
  justify-content: space-between;
}

.custom-dropdown .dropdown-list {
  display: none;
  position: absolute;
}

.custom-dropdown.open .dropdown-list {
  display: block;
}

.custom-dropdown .sort-icon {
  display: inline-block;
  transition: transform 0.3s ease;
  width: 14px;
}

.custom-dropdown .sort-icon svg {
  transition: transform 0.3s ease;
}

.custom-dropdown.open .sort-icon svg {
  transform: rotate(-45deg);
  transform-origin: center;
}
*/

.dropdown-list {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  background: var(--color-sub-bg);
  border-radius: 12px;
  display: none;
  z-index: 100;
  padding: 16px 0;
  margin: 8px 0 0 0;
}

.dropdown-list.show {
  display: block;
}

.dropdown-list li {
  padding: 0px 20px;
  cursor: pointer;
  color: var(--color-light-gray);
}

.dropdown-list li:hover {
  color: rgb(var(--color-black));
}

.dropdown-list li:not(:first-child) {
  margin-top: 16px;
}

h .material-input-wrapper {
  position: relative;
}

.material-input-wrapper input[type="search"] {
  width: 100%;
  padding: 10px 40px 10px 36px;
  font-size: 16px;
  border: none;
  border-bottom: 2px solid #ccc;
  border-radius: 0 !important;
  background-color: transparent;
  transition: border-color 0.3s;
  -webkit-appearance: none;
  appearance: none;
}

.material-input-wrapper input[type="search"]:focus {
  outline: none;
  border-bottom: 2px solid #007BFF;
}

.material-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-style: normal;
  font-size: 18px;
  color: #666;
  cursor: pointer;
}

.search-icon {
  left: 0px;
}

.reset-icon {
  left: 0px;
  padding-left: 0px;
  color: #007BFF;
}

.no-posts-message {
  font-size: 16px;
  color: #777;
  text-align: center;
  grid-column: 1 / -1;
  margin-top: 40px;
}

.pagination {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  gap: 8px;
}

.pagination .current,
.pagination a {
  width: 16px;
  height: 16px;
  line-height: 1;
  text-decoration: unset;
  padding: 8px;
  border-radius: 72px;
  align-items: center;
  justify-content: center;
  display: flex;
}

.pagination a {
  color: rgb(var(--color-black) .2);
  font-weight: var(--font-weight-400);
  background-color: var(--color-prime-bg);
}

.pagination .current {
  color: rgb(var(--color-black) 1);
  font-weight: var(--font-weight-600);
  background-color: #e0e0e0;
}

.icon {
  background-size: 20px 20px;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  display: flex;
}

.tag-filter-wrapper {
  display: block;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
}

.tag-filter {
  display: flex;
  flex-wrap: wrap;
  row-gap: 4px;
  column-gap: 4px;
}

.tag-link {
  display: inline-block;
  text-decoration: none;
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-400);
  line-height: var(--line-height-100);
  padding: 12px 20px;
  border-radius: 999px;
  background-color: var(--color-prime-bg);
  color: var(--color-light-gray);
  letter-spacing: var(--ls-prime);
  white-space: nowrap;
  flex-shrink: 0;
}

.tag-link:hover {
  color: rgb(var(--color-black));
}

.tag-link.active {
  background-color: var(--color-light-blue);
  color: rgba(var(--color-white));
  font-weight: var(--font-weight-400);
}

.template-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 40px auto 120px auto;
  padding: 0 20px;
  gap: 96px;
  width: 80%;
}

.template-sidebar,
.category-sidebar {
  flex: 1 1 3%;
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  background: #ffffff;
}

.category-sidebar {
  padding-bottom: 40px;
}

.template-sidebar {
  padding-bottom: 0px;
}

.template-sidebar-sticky,
.category-sidebar-sticky {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.category-sidebar-sticky,
.category-sidebar {
  width: 100%;
  overflow: hidden;
  min-height: 200px;
}

.template-sidebar-sticky,
.template-sidebar {
  width: 100%;
  overflow: hidden;
}

.template-sidebar-head,
.category-sidebar-head {
  display: flex;
  flex-direction: column;
  position: static;
}

.category-sidebar-head {
  gap: 4px;
  padding-bottom: 24px;
}

.template-sidebar-head {
  gap: 4px;
}

.template-sidebar-head h1,
.category-sidebar-head h1,
.single-sidebar-head h1 {
  font-size: var(--font-size-40);
  color: var(--color-steel-blue);
  cursor: default;
  margin: 0 0;
  word-break: break-word;
}

.template-parent-title span {
  font-family: var(--main-font);
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-400);
  line-height: var(--line-height-100);
  color: var(--color-light-blue);
}

.template-sidebar-body {
  margin: 24px 0 0 0;
  gap: 4px;
}

.category-sidebar-head p {
  font-family: var(--main-font);
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-400);
  line-height: var(--line-height-140);
  color: #555;
  word-break: var(--wb-keep-all);
  cursor: default;
  margin: 0 0;
  padding: 8px 0 0 0;
}

.post-count {
  font-size: 14px;
  color: #888;
}

.template-content,
.category-content {
  flex: 3 1 0%;
}

.template-content #contents {
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-400);
  color: rgb(var(--color-black));
  word-break: var(--wb-keep-all);
  line-height: var(--line-height-175);
  padding: 0 0 48px 0;
}

.template-content #contents p {
  margin: 0 0;
}

.sp-easy-accordion {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.accordion-group h3 {
  font-size: var(--font-size-24);
  font-weight: var(--font-weight-700);
  color: var(--color-steel-blue);
  word-break: var(--wb-keep-all);
  line-height: var(--line-height-100);
}

.accordion-group .sp-easy-accordion>.sp-ea-single {
  border: none !important;
}

#accordion_01 .sp-ea-single {
  background-color: rgba(169, 198, 232, 0.2) !important;
  margin-bottom: 0 !important;
}

#accordion_02 .sp-ea-single {
  background-color: rgba(191, 217, 160, 0.2) !important;
  margin-bottom: 0 !important;
}

#accordion_03 .sp-ea-single {
  background-color: rgba(251, 225, 128, 0.2) !important;
  margin-bottom: 0 !important;
}

#accordion_04 .sp-ea-single {
  background-color: rgba(244, 182, 148, 0.2) !important;
  margin-bottom: 0 !important;
}

#accordion_05 .sp-ea-single {
  background-color: rgba(169, 198, 232, 0.2) !important;
  margin-bottom: 0 !important;
}

.sp-easy-accordion>.sp-ea-single>.ea-header a {
  color: rgb(var(--color-black)) !important;
  font-size: var(--font-size-16) !important;
  font-weight: var(--font-weight-600) !important;
}

.post-card {
  background-color: var(--color-prime-bg);
  border-radius: 8px;
  transition: opacity 0.95s ease, transform 0.95s ease;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  opacity: 0;
  transform: translateY(30px);
}

.post-card.animate {
  opacity: 1;
  transform: translateY(0);
}

.post-card:hover {
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.03);
}

.post-tags {
  margin: 16px 16px 8px 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  bk
}

.post-tags span {
  padding: 8px 16px;
  border-radius: 8px;
  background-color: rgba(var(--color-white));
  font-size: var(--font-size-13);
  font-weight: var(--font-weight-400);
  color: rgb(var(--color-black));
  cursor: default;
}

.post-card-body {
  padding: 16px 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.post-card h4 {
  font-size: var(--font-size-18);
  line-height: var(--line-height-140);
  font-weight: var(--font-weight-600);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: .002em;
  word-break: keep-all;
  margin: 0 0;
}

.post-card h4 a {
  color: #1a1a1a;
  text-decoration: none;
}

.post-date {
  font-size: 13px;
  color: #888;
  cursor: default;
  margin: 0 0;
}

.single-layout {
  display: flex;
  max-width: 1200px;
  margin: 40px auto 120px auto;
  padding: 0 20px;
  gap: 96px;
  box-sizing: border-box;
  width: 80%;
}

.single-sidebar {
  flex: 0 0 27%;
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  width: 100%;
}

.single-sidebar-head {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-bottom: 32px;
  position: static;
}

.single-sidebar-head p {
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-400);
  color: var(--color-light-gray);
  margin: 0 0 0 0;
}

.single-sidebar-banner {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.template-sidebar .button {
  display: flex;
  width: auto;
  background: #f2f2f2;
  font-size: var(--font-size-15);
  font-weight: var(--font-weight-400);
  color: var(--color-light-gray);
  text-decoration: none;
  justify-content: flex-start;
  padding: 8px 16px;
  gap: 8px;
  border-radius: 200px;
  align-items: center;
  transition: background 0.2s ease;
}

.template-sidebar-button {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-top: 24px;
}

.training-apply .button,
.back-to-category .button,
.download-banner .button,
.kakao-banner .button {
  display: flex;
  width: auto;
  background: #f2f2f2;
  font-size: var(--font-size-15);
  font-weight: var(--font-weight-400);
  color: var(--color-light-gray);
  text-decoration: none;
  justify-content: flex-start;
  padding: 16px 24px;
  gap: 8px;
  border-radius: 200px;
  align-items: center;
  transition: background 0.2s ease;
}

.training-apply .button:hover,
.cfmk-button-wrapper .cfmk-apply-button:hover,
.template-sidebar-button .cfmk-apply-button:hover,
.back-to-category .button:hover,
.template-sidebar .button:hover,
.download-banner .button:hover,
.kakao-banner .button:hover {
  background: #e0e0e0;
  color: var(--color-black);
  font-weight: var(--font-weight-400);
}

.download-banner .button .icon {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%23666666' stroke='%23666666' stroke-width='1' d='M64 480l48 0 0 32-48 0c-35.3 0-64-28.7-64-64L0 64C0 28.7 28.7 0 64 0L220.1 0c12.7 0 24.9 5.1 33.9 14.1L369.9 129.9c9 9 14.1 21.2 14.1 33.9L384 304l-32 0 0-112-112 0c-26.5 0-48-21.5-48-48l0-112L64 32C46.3 32 32 46.3 32 64l0 384c0 17.7 14.3 32 32 32zM351.5 160c-.7-2.8-2.1-5.4-4.2-7.4L231.4 36.7c-2.1-2.1-4.6-3.5-7.4-4.2L224 144c0 8.8 7.2 16 16 16l111.5 0zM176 352l32 0c30.9 0 56 25.1 56 56s-25.1 56-56 56l-16 0 0 32c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-48 0-80c0-8.8 7.2-16 16-16zm32 80c13.3 0 24-10.7 24-24s-10.7-24-24-24l-16 0 0 48 16 0zm96-80l32 0c26.5 0 48 21.5 48 48l0 64c0 26.5-21.5 48-48 48l-32 0c-8.8 0-16-7.2-16-16l0-128c0-8.8 7.2-16 16-16zm32 128c8.8 0 16-7.2 16-16l0-64c0-8.8-7.2-16-16-16l-16 0 0 96 16 0zm80-112c0-8.8 7.2-16 16-16l48 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0 0 32 32 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0 0 48c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-64 0-64z'/%3e%3c/svg%3e");
}

.kakao-banner .button .icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%23666666' stroke='%23666666' stroke-width='1' d='M256 64C125.8 64 32 148.6 32 240c0 37.1 15.5 70.6 40 100c5.2 6.3 8.4 14.8 7.4 23.9c-3.1 27-11.4 52.5-25.7 76.3c-.5 .9-1.1 1.8-1.6 2.6c11.1-2.9 22.2-7 32.7-11.5L91.2 446l-6.4-14.7c17-7.4 33-16.7 48.4-27.4c8.5-5.9 19.4-7.5 29.2-4.2C193 410.1 224.1 416 256 416c130.2 0 224-84.6 224-176s-93.8-176-224-176zM0 240C0 125.2 114.5 32 256 32s256 93.2 256 208s-114.5 208-256 208c-36 0-70.5-6.7-103.8-17.9c-.2-.1-.5 0-.7 .1c-16.9 11.7-34.7 22.1-53.9 30.5C73.6 471.1 44.7 480 16 480c-6.5 0-12.3-3.9-14.8-9.8s-1.1-12.8 3.4-17.4c8.1-8.2 15.2-18.2 21.7-29c11.7-19.6 18.7-40.6 21.3-63.1c0 0-.1-.1-.1-.2C19.6 327.1 0 286.6 0 240z'/%3e%3c/svg%3e");
}

.back-to-category .button .icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23666666' d='M224 80c0-26.5-21.5-48-48-48L80 32C53.5 32 32 53.5 32 80l0 96c0 26.5 21.5 48 48 48l96 0c26.5 0 48-21.5 48-48l0-96zm0 256c0-26.5-21.5-48-48-48l-96 0c-26.5 0-48 21.5-48 48l0 96c0 26.5 21.5 48 48 48l96 0c26.5 0 48-21.5 48-48l0-96zM288 80l0 96c0 26.5 21.5 48 48 48l96 0c26.5 0 48-21.5 48-48l0-96c0-26.5-21.5-48-48-48l-96 0c-26.5 0-48 21.5-48 48zM480 336c0-26.5-21.5-48-48-48l-96 0c-26.5 0-48 21.5-48 48l0 96c0 26.5 21.5 48 48 48l96 0c26.5 0 48-21.5 48-48l0-96z'/%3E%3C/svg%3E");
}

.training-apply .icon,
.template-sidebar-button .icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23666666' d='M336 0c-8.8 0-16 7.2-16 16s7.2 16 16 16l121.4 0L212.7 276.7c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0L480 54.6 480 176c0 8.8 7.2 16 16 16s16-7.2 16-16l0-160c0-8.8-7.2-16-16-16L336 0zM64 32C28.7 32 0 60.7 0 96L0 448c0 35.3 28.7 64 64 64l352 0c35.3 0 64-28.7 64-64l0-144c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 144c0 17.7-14.3 32-32 32L64 480c-17.7 0-32-14.3-32-32L32 96c0-17.7 14.3-32 32-32l144 0c8.8 0 16-7.2 16-16s-7.2-16-16-16L64 32z'/%3E%3C/svg%3E");
}

.cfmk-button-wrapper .icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23666666' d='M163.9 136.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L310.5 240.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L163.9 136.9zM568.2 336.3c13.1 17.8 9.3 42.8-8.5 55.9L433.1 485.5c-23.4 17.2-51.6 26.5-80.7 26.5L192 512 32 512c-17.7 0-32-14.3-32-32l0-64c0-17.7 14.3-32 32-32l36.8 0 44.9-36c22.7-18.2 50.9-28 80-28l78.3 0 16 0 64 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-64 0-16 0c-8.8 0-16 7.2-16 16s7.2 16 16 16l120.6 0 119.7-88.2c17.8-13.1 42.8-9.3 55.9 8.5zM193.6 384c0 0 0 0 0 0l-.9 0c.3 0 .6 0 .9 0z'/%3E%3C/svg%3E");
}

.footer-kakao button .icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20500%20500%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M249.88.97C120.1.97,14.88,98.29,14.88,218.34c0,88.66,37.13,130.99,87.99,169.57l.24.11v104.05c0,4.91,5.6,7.73,9.54,4.8l89.11-66.2,1.92.83c14.94,2.75,30.38,4.21,46.19,4.21,129.79,0,235-97.32,235-217.37S379.67.97,249.88.97M171.11,273.42c23.04,0,42.74-13.79,48.66-35.09h34.08c-8.33,41-40.24,67.87-82.74,67.87-49.39,0-88.55-36.84-88.55-88.11s39.16-88.1,88.55-88.1c42.93,0,75.06,27.41,82.99,69.11h-33.98c-5.17-22.68-25.55-36.81-49.01-36.81-33.21,0-55.3,23.69-55.3,55.8s25.12,55.33,55.3,55.33M395.61,302.81h-31.22v-70.44c0-16.22-9.44-24.93-23.96-24.93-16.22,0-26.62,9.92-26.62,30.01v65.36h-31.23v-172.28h31.23v64.81c7.5-11.37,19.6-16.94,36.06-16.94,13.31,0,24.21,4.36,32.68,13.31,8.71,8.96,13.07,21.06,13.07,36.79v74.31Z%22/%3E%3C/svg%3E");
}

.single-fixed-clone {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: 16px 20px 32px 20px;
  transition: transform 0.3s ease;
  display: flex;
  gap: 8px;
  justify-content: center;
}

.single-fixed-clone.hidden {
  transform: translateY(100%);
  visibility: hidden;
  pointer-events: none;
}

.single-fixed-clone.visible {
  transform: translateY(0);
  visibility: visible;
  pointer-events: auto;
  background-color: rgba(255, 255, 255, 0.9);
}

.single-main {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
  overflow: auto;
}

.single-content h1 {
  margin: 0 0;
}

.single-content p {
  width: 100%;
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-400);
  color: var(--color-light-gray);
  word-break: var(--wb-keep-all);
  line-height: var(--line-height-175);
  box-sizing: border-box;
  border-radius: 8px;
  margin: 0 0;
  padding: 0 0 16px 0;
}

.single-content .has-background {
  padding: 16px 16px;
}

.single-content .has-light-green-cyan-background-color,
.single-content .has-cyan-bluish-gray-background-color {
  font-weight: var(--font-weight-600);
  line-height: var(--line-height-150);
}

.single-content .has-light-green-cyan-background-color {
  color: rgba(var(--color-white));
}

.single-content .has-cyan-bluish-gray-background-color {
  color: rgba(var(--color-white));
}

.single-content h2,
.single-content h3 {
  margin: 0 0 0 0;
}

.single-content h2+p {
  margin: 8px 0 16px 0;
}

.single-content h3+p {
  margin: 8px 0 16px 0;
}

.single-content ul {
  margin: 0 0 0 0;
}

.single-content p+ul {
  margin: 8px 0 0 0;
}

.single-content p+h2 {
  margin: 24px 0 8px 0;
}

.single-content ul+h2 {
  margin: 24px 0 0 0;
}

.single-content figure {
  margin: 16px 0 16px 0;
}

.footer {
  border-top: 1px solid var(--color-black);
  padding: 40px 0;
}

.footer-kakao {
  background-color: var(--color-prime-bg);
  padding: 40px 40px;
  border-radius: 16px;
  display: flex;
  flex-direction: row;
  justify-content: center
}

.footer-kakao .footer-kakao-section .kakao-subscribe-button {
  background-color: #fae100;
  color: rgb(var(--color-black));
  font-weight: var(--font-weight-600);
  font-size: var(--font-size-16);
  border: none;
  border-radius: 32px;
  padding: 16px;
  display: flex;
  flex-direction: row;
  height: max-content;
  gap: 8px;
  cursor: pointer;
  justify-content: center;
}

.footer-kakao .footer-kakao-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 24px;
}

.footer-kakao .footer-kakao-section h4 {
  margin: 0 0 0 0;
  font-weight: var(--font-weight-600);
  font-size: var(--font-size-24);
  word-break: var(--wb-keep-all);
  color: rgb(var(--color-black));
}

.footer-kakao .footer-kakao-section h4 span {
  color: var(--color-steel-blue);
}

.footer-subscribe-section {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 8px;
}

.footer-subscribe-section span {
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-14);
  color: var(--color-neutral-gray);
  text-align: center;
}

.mail-subscribe-section {
  padding: 8px 8px 8px 0px;
  background-color: var(--color-prime-bg);
  border-radius: 32px;
}

.mail-subscribe-section form {
  display: flex;
  flex-direction: row;
}

.mail-subscribe-section input {
  width: 100%;
  background: transparent;
  border: none;
  border-bottom: 1px solid #e0e0e0;
  outline: none;
  border-radius: 0;
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-16);
  word-break: var(--wb-keep-all);
  color: rgb(var(--color-black));
}

.mail-subscribe-section input::placeholder {
  color: rgba(var(--color-black), 0.5);
}

.mail-subscribe-section button {
  border: none;
  outline: none;
  width: max-content;
  padding: 8px 16px;
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-16);
  word-break: var(--wb-keep-all);
  color: rgba(var(--color-black), 0.5);
  background: #e0e0e0;
  border-radius: 32px;
}

.footer-inner {
  display: flex;
  flex-wrap: wrap;
  max-width: 1280px;
  margin: 0px auto;
  gap: 40px;
  width: 90%;
  flex-direction: column;
  letter-spacing: var(--ls-prime);
}

.company-info h3 {
  margin: 0 0;
  font-size: var(--font-size-24);
  color: rgb(var(--color-black));
  padding: 0 0 4px 0;
}

.company-info-inner {
  justify-content: space-between;
  font-size: var(--font-size-18);
  color: var(--color-neutral-gray);
}

.company-info-body {
  gap: 4px;
}

.companty-info-body-row span:not(:first-child)::before {
  content: "|";
  margin: 0 0.5em;
  color: var(--color-light-gray);
}

.cfmk-button-wrapper {
  padding: 24px 0 0 0;
}

.cfmk-apply-button {
  display: flex;
  width: auto;
  background: #f2f2f2;
  font-size: var(--font-size-15);
  font-weight: var(--font-weight-400);
  color: var(--color-light-gray);
  text-decoration: none;
  justify-content: flex-start;
  padding: 16px 24px;
  gap: 8px;
  border-radius: 200px;
  align-items: center;
  transition: background 0.2s ease;
}

.financial-card-section {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 32px 0 0 0;
}

.financial-card {
  background: var(--color-prime-bg);
  border-radius: 16px;
  padding: 24px;
}

.financial-card h4 {
  margin: 0 0;
  padding: 0 0 8px 0;
  font-size: var(--font-size-24);
  font-weight: var(--font-weight-600);
  color: var(--color-steel-blue);
  line-height: var(--line-height-100);
}

.financial-card p {
  margin: 0 0;
  padding: 0 0 0 0;
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-600);
  line-height: var(--line-height-150);
}

.financial-card ul {
  display: flex;
  flex-direction: row;
  list-style: none;
  padding: 0 0;
  gap: 8px;
  margin: 24px 0 0 0;
}

.financial-card li {
  border-radius: 8px;
  padding: 8px;
  display: flex;
  font-size: var(--font-size-16);
  line-height: var(--line-height-140);
  text-align: center;
  flex: 1;
  justify-content: center;
}

.financial-card li:first-child {
  background-color: rgba(169, 198, 232, 0.2);
}

.financial-card li:nth-child(2) {
  background-color: rgba(191, 217, 160, 0.2);
}

.financial-card li:nth-child(3) {
  background-color: rgba(251, 225, 128, 0.2);
}

.financial-card li:nth-child(4) {
  background-color: rgba(244, 182, 148, 0.2);
}

.introduce-section h2 {
  font-family: var(--main-font);
  font-size: var(--font-size-32) !important;
  font-weight: var(--font-weight-600);
  word-break: var(--wb-keep-all);
  color: var(--color-steel-blue);
  line-height: var(--line-height-100);
  margin: 0 0;
  padding: 0 0 24px 0;
}

.introduce-section p {
  padding: 0 0 8px 0;
}

.introduce-section .wp-block-gallery {
  margin: 0 0 0 0;
  padding: 0 0 72px 0;
}

.before-h2 {
  margin-bottom: 48px !important;
}

.introduce-2col {
  gap: 24px !important;
  margin: 0 0 !important;
  padding: 48px 0 72px 0;
}

.introduce-2col .wp-block-column {
  background-color: var(--color-prime-bg);
  border-radius: 16px;
  padding: 24px 32px;
  margin: 0 0 0 0;
}

.introduce-2col .wp-block-column p {
  word-break: var(--wb-keep-all);
}

.introduce-section .wp-block-list {
  margin: 0 0;
  padding: 16px 0 0 0;
  display: flex;
  flex-direction: column;
  gap: 48px;
}

.introduce-section .wp-block-list li {
  display: flex;
  flex-direction: row;
  gap: 32px;
  align-items: flex-start;
}

.introduce-section .wp-block-list li .year-label {
  padding: 16px 8px;
  border-radius: 100%;
  background-color: var(--color-light-blue);
  font-size: var(--font-size-24);
  font-weight: var(--font-weight-500);
  color: rgba(var(--color-white));
  height: 100%;
  width: auto;
  box-sizing: border-box;
}

.introduce-section .wp-block-list li ul {
  gap: 8px;
  padding: 0 0 0 0;
}

.introduce-section .wp-block-list li ul li {
  font-size: var(--font-size-16);
  gap: 8px;
  line-height: var(--line-height-150);
  align-items: stretch;
  box-sizing: border-box;
width: 100%;
word-break: break-all;
}

.introduce-section .wp-block-list li ul li:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background-color: var(--color-light-blue);
  border-radius: 50%;
  margin: 8px 4px 0 4px;
  flex-shrink: 0;
  align-self: flex-start;
}

.contact-info-section {
  display: flex;
  flex-direction: row;
  gap: 24px;
}

.contact-info-section .contact-info-group {
  background: var(--color-prime-bg);
  border-radius: 16px;
  padding: 24px;
  flex: 50%;
}

.contact-info-section .contact-info-group h2 {
  margin: 0 0;
  font-size: var(--font-size-24);
  font-weight: var(--font-weight-600);
  line-height: var(--line-height-100);
  word-break: keep-all;
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.contact-info-section .contact-info-group ul {
  list-style: none;
  margin: 0 0;
  padding: 16px 0 0 0;
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-400);
  line-height: var(--line-height-140);
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.contact-info-section .contact-info-group ul li {
  display: flex;
  align-items: stretch;
}

.contact-info-section .contact-info-group ul li::before {
  content: "";
  display: block;
  width: 2px;
  background-color: var(--color-light-blue);
  margin: 0 16px 0 4px;
  flex-shrink: 0;
}

.icon-address,
.icon-traffic {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.icon-address {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M304 80C304 71.2 311.2 64 320 64C328.8 64 336 71.2 336 80L336 128L504.3 128C509.2 128 513.8 130.2 516.8 134L568 198C572.7 203.8 572.7 212.1 568 218L516.8 282C513.8 285.8 509.2 288 504.3 288L336 288L336 320L504 320C526.1 320 544 337.9 544 360L544 440C544 462.1 526.1 480 504 480L336 480L336 560C336 568.8 328.8 576 320 576C311.2 576 304 568.8 304 560L304 480L135.7 480C130.8 480 126.2 477.8 123.2 474L72 410C67.3 404.2 67.3 395.9 72 390L123.2 326C126.2 322.2 130.8 320 135.7 320L304 320L304 288L136 288C113.9 288 96 270.1 96 248L96 168C96 145.9 113.9 128 136 128L304 128L304 80zM496.6 160L136 160C131.6 160 128 163.6 128 168L128 248C128 252.4 131.6 256 136 256L496.6 256L535 208L496.6 160zM143.4 352L105 400L143.4 448L504 448C508.4 448 512 444.4 512 440L512 360C512 355.6 508.4 352 504 352L143.4 352z'/%3E%3C/svg%3E");
}

.icon-traffic {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M280.2 128.4C320.5 132.5 352 166.6 352 208L352 432L351.8 436.9C349.9 455.6 337.2 471.1 320 477.2L320 528C320 536.8 312.8 544 304 544C295.2 544 288 536.8 288 528L288 480L96 480L96 528C96 536.8 88.8 544 80 544C71.2 544 64 536.8 64 528L64 477.2C46.8 471.1 34.2 455.6 32.2 436.9L32 432L32 208C32 166.6 63.5 132.5 103.8 128.4L112 128L272 128L280.2 128.4zM512 64C573.9 64 624 114.1 624 176C624 232.4 582.3 279.1 528 286.8L528 528C528 536.8 520.8 544 512 544C503.2 544 496 536.8 496 528L496 286.8C441.7 279 400 232.4 400 176C400 114.1 450.1 64 512 64zM64 432C64 440.8 71.2 448 80 448L304 448C312.8 448 320 440.8 320 432L320 320L64 320L64 432zM136 408C122.7 408 112 397.3 112 384C112 370.7 122.7 360 136 360C149.3 360 160 370.7 160 384C160 397.3 149.3 408 136 408zM248 408C234.7 408 224 397.3 224 384C224 370.7 234.7 360 248 360C261.3 360 272 370.7 272 384C272 397.3 261.3 408 248 408zM112 160C85.5 160 64 181.5 64 208L64 288L320 288L320 208C320 181.5 298.5 160 272 160L112 160zM512 96C467.8 96 432 131.8 432 176C432 220.2 467.8 256 512 256C556.2 256 592 220.2 592 176C592 131.8 556.2 96 512 96z'/%3E%3C/svg%3E");
}

@media screen and (min-width: 961px) {
  .template-sidebar,
  .category-sidebar {
    position: sticky;
    top: 130px;
  }
  .single-sidebar {
    position: sticky;
    top: 130px;
  }
  #fixedSidebarButton {
    display: none !important;
  }
}

@media screen and (max-width: 960px) {
  .category-sidebar {
    padding-bottom: 0px;
  }
  .category-sidebar-head {
    position: static !important;
  }
  .category-sidebar-sticky,
  .category-sidebar {
    min-height: auto;
  }
  #sort-form {
    padding-bottom: 20px;
  }
  .template-sidebar-head h1,
  .category-sidebar-head h1,
  .single-sidebar-head h1 {
    font-size: var(--font-size-32);
  }
  .post-grid {
    grid-template-columns: repeat(1, 1fr) !important;
  }
  .post-card-body {
    gap: 8px;
  }
  .post-card h4 {
    font-size: var(--font-size-18);
  }
  .post-card img {
    border-radius: 8px 8px 0 0;
    width: 100%;
    height: max-content;
    max-height: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
  }
  .tag-filter {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    min-width: max-content
  }
  .tag-filter-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
  }
  .tag-link {
    flex-shrink: 0;
  }
  .single-layout {
    margin: 40px auto 40px auto;
    flex-direction: column;
    width: 100%;
    gap: 40px;
  }
  .training-apply .button,
  .youtube-banner .button,
  .download-banner .button,
  .kakao-banner .button,
  .back-to-category .button {
    justify-content: center;
    text-align: center;
  }
  .single-sidebar-head h1 {
    font-size: var(--font-size-32);
  }
  .single-content p {
    width: 100%;
    padding: 0 0 16px 0;
  }
  .single-fixed-clone .download-banner,
  .single-fixed-clone .kakao-banner {
    flex: 0 0 50%;
  }
  .single-fixed-clone .download-banner .button,
  .single-fixed-clone .kakao-banner .button {
    font-size: var(--font-size-14);
  }
  .template-hero {
    height: 200px !important;
  }
  .template-wrapper {
    flex-direction: column;
    gap: 24px;
    width: 100%;
    box-sizing: border-box;
  }
  .template-sidebar-body {
    flex-direction: row;
    overflow-x: auto;
    gap: 8px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  .template-sidebar-body .button {
    flex: 0 0 auto;
    scroll-snap-align: start;
    white-space: nowrap;
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-400);
    line-height: var(--line-height-100);
    padding: 12px 20px;
  }
  .template-content {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 100%;
  }
  .template-sidebar-button {
    padding-bottom: 24px;
  }
  .template-content #contents {
    padding: 0 0 16px 0;
  }
  .template-content #contents p {
    margin: 0 0;
  }
  .cfmk-apply-button {
    justify-content: center;
  }
  .company-info-body {
    gap: 8px;
  }
  .company-info-inner {
    flex-direction: column-reverse;
    gap: 16px;
    font-size: var(--font-size-14);
  }
  .companty-info-body-row {
    flex-direction: column;
    gap: 2px;
  }
  .companty-info-body-row span:not(:first-child)::before {
    content: none;
    margin: 0 0.5em;
  }
  .contact-info-section {
    flex-direction: column;
    gap: 24px;
  }
  .financial-card ul {
    flex-direction: column;
  }
  .financial-card li {
    padding: 16px;
  }
  .footer {
    padding: 40px 20px 120px 20px;
  }
  .footer-inner {
    width: 100%;
  }
}

.fixed-visible {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  padding: 12px;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
  z-index: 9999;
}

.fixed-hidden {
  display: none;
}

.crownkorea_logo {
  display: flex;
  width: 99px;
  height: 48px;
  background-size: 99px 48px;
  background-image: url("https://crownkorea.org/wp-content/themes/crowkorea/logo.svg");
}