/* custom.css */

.noto-sans-kr-title {
  font-family: "Noto Sans KR", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}

.do-hyeon-regular {
  font-family: "Do Hyeon", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.gowun-dodum-regular {
  font-family: "Gowun Dodum", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.ibm-plex-sans-kr-regular {
  font-family: "IBM Plex Sans KR", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.black-han-sans-regular {
  font-family: "Black Han Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
}


.navbar.bg-body-tertiary {
    background-color: #6706d3 !important; /* 파란색 배경 */
  }
  
  .navbar .nav-link {
    color: #ffffff !important; /* 흰색 텍스트 */
  }
  
  .navbar .nav-link:hover {
    color: #cccccc !important; /* 링크에 마우스를 올렸을 때 색상 */
  }
  
  .navbar-brand {
    color: #ffffff !important; /* 브랜드 텍스트 색상 */
  }
  
  .navbar-brand:hover {
    color: #cccccc !important; /* 브랜드 텍스트에 마우스를 올렸을 때 색상 */
  }
  
  /* 네비게이션 바가 토글 되었을 때의 스타일 */
.navbar-toggler {
    background-color: #6706d3 !important; /* 파란색 배경 */
    border-color: #8f83ff !important; /* 파란색 테두리 */
  }
  
  .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%28255, 255, 255, 1%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important; /* 흰색 토글 아이콘 */
  }
  
  .navbar-collapse {
    background-color: #6706d3 !important; /* 파란색 배경 */
  }
  
  .navbar-collapse .nav-link {
    color: #ffffff !important; /* 흰색 텍스트 */
  }
  
  .navbar-collapse .nav-link:hover {
    color: #cccccc !important; /* 링크에 마우스를 올렸을 때 색상 */
  }

.text-pupple {
	color: #6706D3;
}

  .btn-primary {
    background-color:  #3232c8!important;
    border:0px solid #A7A59C;
    color: #FFFFFF;
  }
  
  .btn-primary:hover {
    background-color:  #3232c8!important;
    border:0px solid #A7A59C;
    color: #FFFFFF;
  }

  .text-bg-primary {
    background-color:  #3232c8!important;
    border:0px solid #A7A59C;
    color: #FFFFFF;
  }
  
  .text-bg-primary:hover {
    background-color:  #3232c8!important;
    border:0px solid #A7A59C;
    color: #FFFFFF;
  }

  .text-bg-success {
    background-color:  #4664e6!important;
    border:0px solid #A7A59C;
    color: #FFFFFF;
  }
  
  .text-bg-success:hover {
    background-color:  #4664e6!important;
    border:0px solid #A7A59C;
    color: #FFFFFF;
  }

  .gradient-line {
    height: 6px;
    background: linear-gradient(to right, #3232c8, #6705d3);
}