@font-face{
	font-family: 'NanumGothic-Bold';
	src: url('/resources/css/fonts/NanumGothic-Bold.ttf');
}

:root{
    --color-paran: #203864;
}

.text-paran{
	color: var(--color-paran);
}

.bg-paran{
	background-color: var(--color-paran);
}

.text-italic{
    transform: skewX(-7deg);
}

.link-no-underline{
	text-decoration: none!important;
}

.btn-menu{
    border-radius: 0%;
    border: 1px dashed #ffffff;
    color: var(--bs-black)!important;
    position:relative;
    font-size: 13px;
}

.btn-menu:focus{
    border: 1px dashed #000000;
}

.btn-menu.selected::after {
  content: '';
  position: absolute;
  left: 10%;
  bottom: 5px;
  width: 80%;
  height: 2px;
  background-color: var(--color-paran);
}

a{
    border: 3px dashed #ffffff;
}

a:focus{
    border: 3px dashed #000000;
}

.btn-menu:not(.link-no-underline):not(.selected)::after {
  content: '';
  position: absolute;
  left: 10%;
  bottom: 5px;
  width: 0%;
  height: 2px;
  background-color: var(--color-paran);
}

.btn-menu:not(.link-no-underline):not(.selected):hover::after {
  width: 80%;
}


.btn-sub-menu.selected::after {
  content: '';
  position: absolute;
  left: 10%;
  bottom: -1px;
  width: 80%;
  height: 4px;
  background-color: var(--color-paran);
}


.carousel-indicators {
    margin-bottom: -1.5rem;
}

.carousel-indicators [data-bs-target] {
    background-color: var(--color-paran);
    height: 6px;
}

.with-left-line:before {
    content: "";
    display: inline-block;
    width: 1px;
    min-width: 1px;
    height: 11px;
    margin: 0 7px;
    background-color: #828282;
    pointer-events: none;
}

.paran-letter-spacing {
    letter-spacing: 0.05rem;
}

.bg-none{
    background-color:transparent;
}