/* Icon 1 */



.wrapper {
   min-height: calc(100vh - 10rem);
}

.navbar-dark {
	background-color: #303f9f;
	padding: .5rem 1rem;
}

.navbar-right {
	display: flex;
	align-items: center;
	gap: 0 15px;
}

.navbar-login {
	display: flex; 
	justify-content: flex-end;
}

.navbar-login a {
	color: #051c33;
	text-decoration: none;
	font-weight: bold;
	&:hover {
		color: #051c33;
	}
}

.navbar-content {
	position: absolute;
    right: 0;
    top: 56px;
    background: #303f9f;
    width: 200px;
    padding-left: 15px;
}

.navbar-content li a {
	color: #fff;
}

.alert {
	height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.third-button {
	border: none;
	outline: 0;
    box-shadow: none;
}

.third-button:focus {
	 box-shadow: none;
}

select.error {
    border: 1px solid red;
}

input.error {
    border: 1px solid red;
}

/* label 태그에 클래스가 error 인 요소 */
label.error {
    color: red;
}

p.error {
	color: red;
}

.animated-icon3 {
  width: 30px;
  height: 20px;
  position: relative;
  margin: 0px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

.animated-icon3 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}


.animated-icon3 span {
  background: #051c33;
}



.animated-icon3 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.animated-icon3 span:nth-child(2) {
  top: 10px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.animated-icon3 span:nth-child(3) {
  top: 20px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.animated-icon3.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0px;
  left: 8px;
}

.animated-icon3.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

.animated-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 21px;
  left: 8px;
}

.figure-content {
	width: 100%;
    height: 200px;
    background: lightgray;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(28, 27, 31);
}


footer {
	height: 150px;
	padding-top: 20px;
	border-top: 1px solid #ddd;
}

footer .footer-wrapper {
	display: flex;
    align-items: center;
}

footer .footer-logo {
	width: 250px;
	display: flex;
	justify-content: center;
	align-items: center;
}



footer .footer-info {
	display: flex;
	flex-direction: column;
	gap: 3px;
	padding:0;
	margin-top: 20px;
	margin-left: 50px;
	text-align: left;
}

footer .footer-info li {
	list-style: none;
	font-size: 14px;
}

footer .footer-menu {
	display: flex;
/*	gap: 10px;*/
	gap: 20px;
	padding:0;
	margin-top: 20px;
	margin-left: 50px;
}

footer .footer-menu li {
	list-style: none;
	font-size: 14px;
	text-align: left;
	
}

footer .footer-menu li a {
	color: #333;
	text-decoration: none;	
	
}