/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./app/[lang]/shared/components/breadcrumb/Breadcrumb.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.Breadcrumb_ta-left___OUES {
  text-align: start !important;
}

.Breadcrumb_ta-right__snodS {
  text-align: end !important;
}

.Breadcrumb_ta-center__IItxC {
  text-align: center !important;
}

/**
 * 화면 breadcrumb.
 *
 * 새 hex 리터럴을 도입하지 않는다 — 색은 전부 `var(--color-*)`, 크기는
 * `var(--font-size-*)`. 두 그룹 모두 `_variable.scss`가 `globals.scss`에서
 * `:root`로 전개한 토큰이다.
 *
 * 방향 의존 값은 전부 논리 속성으로 쓴다. `/ur`(RTL)에서 구분자가 뒤집혀야
 * 하므로 `content: '\2192'` 같은 방향 고정 문자를 절대 쓰지 않는다.
 */
.Breadcrumb_breadcrumb__YH9lH {
  display: flex;
  -webkit-margin-after: 2.4rem;
          margin-block-end: 2.4rem;
}
@media screen and (max-width: 1439px) {
  .Breadcrumb_breadcrumb__YH9lH {
    -webkit-margin-after: 1.6rem;
            margin-block-end: 1.6rem;
  }
}

.Breadcrumb_list__PgmO4 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.8rem;
  -webkit-user-select: text;
  -moz-user-select: text;
       user-select: text;
}

.Breadcrumb_item__J3KtF {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  flex-shrink: 0;
  position: relative;
}

.Breadcrumb_item__J3KtF + .Breadcrumb_item__J3KtF::before {
  color: var(--color-gray500);
  font-size: var(--font-size-b6);
  line-height: 1;
}
:dir(ltr) .Breadcrumb_item__J3KtF + .Breadcrumb_item__J3KtF::before {
  content: "›";
}
:dir(rtl) .Breadcrumb_item__J3KtF + .Breadcrumb_item__J3KtF::before {
  content: "‹";
}

.Breadcrumb_link__zcliu,
.Breadcrumb_current__ImBFa,
.Breadcrumb_group__xyrCb,
.Breadcrumb_homeLink__2sCkY {
  font-size: var(--font-size-b6);
  max-width: 24rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 1439px) {
  .Breadcrumb_link__zcliu,
  .Breadcrumb_current__ImBFa,
  .Breadcrumb_group__xyrCb,
  .Breadcrumb_homeLink__2sCkY {
    font-size: var(--font-size-b7);
    max-width: 16rem;
  }
}

.Breadcrumb_link__zcliu {
  color: var(--color-gray800);
  transition: color 0.2s ease;
}
.Breadcrumb_link__zcliu:hover, .Breadcrumb_link__zcliu:focus-visible {
  color: var(--color-primary);
}

.Breadcrumb_current__ImBFa {
  color: var(--color-black);
  font-weight: 600;
}

.Breadcrumb_group__xyrCb {
  color: var(--color-gray800);
}

.Breadcrumb_homeLink__2sCkY {
  display: flex;
  align-items: center;
  color: var(--color-gray500);
  transition: color 0.2s ease;
}
.Breadcrumb_homeLink__2sCkY:hover, .Breadcrumb_homeLink__2sCkY:focus-visible {
  color: var(--color-primary);
}

.Breadcrumb_homeIcon__SQOrn {
  width: 1.2em;
  height: 1.2em;
}

.Breadcrumb_inHeadline__aUjR1 {
  -webkit-margin-after: 0.8rem;
          margin-block-end: 0.8rem;
}
.Breadcrumb_inHeadline__aUjR1 .Breadcrumb_link__zcliu,
.Breadcrumb_inHeadline__aUjR1 .Breadcrumb_current__ImBFa,
.Breadcrumb_inHeadline__aUjR1 .Breadcrumb_group__xyrCb,
.Breadcrumb_inHeadline__aUjR1 .Breadcrumb_homeLink__2sCkY,
.Breadcrumb_inHeadline__aUjR1 .Breadcrumb_item__J3KtF + .Breadcrumb_item__J3KtF::before {
  font-size: calc(var(--font-size-b2) * 0.8);
}
@media screen and (max-width: 1439px) {
  .Breadcrumb_inHeadline__aUjR1 {
    -webkit-margin-after: 0.8rem;
            margin-block-end: 0.8rem;
  }
  .Breadcrumb_inHeadline__aUjR1 .Breadcrumb_link__zcliu,
  .Breadcrumb_inHeadline__aUjR1 .Breadcrumb_current__ImBFa,
  .Breadcrumb_inHeadline__aUjR1 .Breadcrumb_group__xyrCb,
  .Breadcrumb_inHeadline__aUjR1 .Breadcrumb_homeLink__2sCkY,
  .Breadcrumb_inHeadline__aUjR1 .Breadcrumb_item__J3KtF + .Breadcrumb_item__J3KtF::before {
    font-size: calc(var(--font-size-b7) * 0.8);
  }
}

.Breadcrumb_link__zcliu:focus-visible,
.Breadcrumb_homeLink__2sCkY:focus-visible,
.Breadcrumb_summary__Dgf1n:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
  border-radius: 0.4rem;
}

.Breadcrumb_dropdown__PRaKI {
  position: relative;
  display: flex;
  align-items: center;
}

.Breadcrumb_summary__Dgf1n {
  display: flex;
  align-items: center;
  cursor: pointer;
  list-style: none;
  color: var(--color-gray800);
  padding: 0.4rem;
  margin: -0.4rem;
}
.Breadcrumb_summary__Dgf1n::-webkit-details-marker {
  display: none;
}
.Breadcrumb_summary__Dgf1n > svg {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}

.Breadcrumb_summaryWithLabel__BK5r2 {
  gap: 0.4rem;
  border-radius: 0.4rem;
}
.Breadcrumb_summaryWithLabel__BK5r2:hover {
  background-color: var(--color-blue50);
}

.Breadcrumb_dropdown__PRaKI[open] .Breadcrumb_summary__Dgf1n > svg {
  transform: rotate(0);
}

.Breadcrumb_panel__c6ur8 {
  position: absolute;
  inset-inline-start: 0;
  top: 100%;
  z-index: 300;
  min-width: 16rem;
  max-width: 28rem;
  padding: 0.8rem;
  background-color: var(--color-white);
  border-radius: 1.5rem;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.25);
  animation: Breadcrumb_breadcrumbPanelIn__EPQpC 0.18s ease;
}
@media screen and (max-width: 1439px) {
  .Breadcrumb_panel__c6ur8 {
    border-radius: 0.8rem;
  }
}

@keyframes Breadcrumb_breadcrumbPanelIn__EPQpC {
  from {
    opacity: 0;
    transform: translateY(-0.4rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.Breadcrumb_panelItem__5H6_l {
  display: block;
  padding: 0.8rem 1.2rem;
  border-radius: 0.6rem;
  font-size: var(--font-size-b6);
  color: var(--color-gray800);
  text-align: start;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Breadcrumb_panelItem__5H6_l:hover, .Breadcrumb_panelItem__5H6_l:focus-visible {
  background-color: var(--color-blue100);
  color: var(--color-primary);
}
@media screen and (max-width: 1439px) {
  .Breadcrumb_panelItem__5H6_l {
    font-size: var(--font-size-b7);
  }
}

.Breadcrumb_panelItemCurrent__GCK56 {
  color: var(--color-primary);
  font-weight: 600;
}

@media (prefers-reduced-motion: reduce) {
  .Breadcrumb_summary__Dgf1n > svg,
  .Breadcrumb_link__zcliu,
  .Breadcrumb_homeLink__2sCkY {
    transition: none;
  }
  .Breadcrumb_panel__c6ur8 {
    animation: none;
  }
}