@charset "UTF-8";
.cabinet-special{
 	background: initial;
 }
 
 .cabinet-special h2{
    align-items: center;
    display: flex;
 }
 
 .cabinet-special img{
    margin-right: 10px;
 }
 .edit-cabinet{
   z-index: 3;
 }
 #cabinet-1{
 	z-index: 2;
 }
 .ai-container-bg {
    position: absolute;
    object-fit: cover;
    top: 20px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    width: 100%;
    height: 108%;
    transform: translateY(-30px);
}
 .content-container{
 	color: #C3D6E7;
 	margin-top: 10px;
 	width: 93%;
    position: relative;
    margin: 0 auto;
    margin-left: 20px;
    margin-top: 5px;
    padding: 20px 0;
 }
 @media screen and (min-width: 768px) {
  .content-container {
  	margin-left: 80px;
  }

}
.category-content {
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none; /* IE 10+ */
}

.category-content::-webkit-scrollbar {
	display: none; /* Chrome, Safari */
}

 
 .content-container .category-area .category-container ul{
 	margin-top: 10px;
 	font-size: 0.8333em;
 	display: flex;
 	gap: 10px;
 	cursor: pointer;
	overflow: auto;
 }
 .content-container .category-area .category-container ul li{
 	box-sizing: border-box;
    text-align: center;
 	padding: 8px 10px;
 	width: auto;
 	flex-shrink: 0;
 	color:  #C3D6E7;
 	background: #2B3459;
 	border-radius: 10px;
 	transition: .15s linear;
 	white-space: nowrap;
 }
  .content-container .category-area .category-container ul li:hover{
 	color: #FFFFFF;
 	background: #3D4979;
 	transition: .15s linear;
 }
  .content-container .category-area .category-container ul li a{
    color: #C3D6E7;
  }
  .content-container .unit-title h2{
  	font-size: 1.125em;
  	display: flex;
    align-items: center;
  }
  .content-container .unit-title img{
  	vertical-align: middle;
    width: 16px;
    margin-bottom: 0px;
    margin-right: 3px;
  }
 @media screen and (min-width: 1024px) {
   .content-container .category-area .category-container ul{
 	font-size: 1em;
 	cursor: pointer;
	overflow: initial;
	flex-wrap: wrap;
 }
 .content-container .category-area .category-container ul li{
 	padding: 16px 20px;
 	min-width: 100px;
 }
}

@media screen and (min-width: 768px) {
  .ai-container-bg {
  	top: 35px;
  	height: 123%;
  	border-radius: 20px;
  }

}