.home-content-wrap022{background: #F5F5F5;}
.home-content-box022{max-width: 1600px;margin: auto;padding: 80px 0;}
.home-content-inner022{position: relative;}
.home-content-inner022 .home-title{}
.home-content-inner022 .home-title h3{font-weight: 700;font-size: 48px;line-height: 1;color: #222222;}

.mini-box022{margin-top: 80px;}
.mini-box022 > ul{display: flex;gap: 32px;justify-content: space-between;}
.mini-box022 > ul > li{min-width: 93px;max-width: 93px;height: 544px;cursor: pointer;transition: all 0.3s ease;border-radius: 16px;overflow: hidden;position: relative;}
.mini-box022 > ul > li > a{width: 93px;writing-mode: vertical-rl;text-orientation: upright;white-space: nowrap;display: flex;justify-content: center;font-weight: 700;font-size: 32px;line-height: 110%;color: #FFFFFF;display: flex;align-items: center;padding: 40px 0;box-sizing: border-box;    letter-spacing: 5px;}
.mini-box022 > ul > li .txt-wrap{display: none;padding: 40px;height: 100%;box-sizing: border-box;}
.mini-box022 > ul > li.open{cursor: default;max-width: 1000px;}
.mini-box022 > ul > li.open .txt-wrap{display: flex;flex-direction: column;justify-content: space-between;gap: 32px;}
.mini-box022 > ul > li.open > a{display: none;}

.mini-box022 > ul > li .txt-wrap .txt01{font-weight: 700;font-size: 32px;line-height: 110%;color: #FFFFFF;margin-bottom: 32px;}
.mini-box022 > ul > li .txt-wrap .txt02{font-weight: 500;font-size: 18px;line-height: 140%;color: #FFFFFF;max-height: 200px;overflow: auto;}

.mini-box022 > ul > li .txt-wrap .txt02::-webkit-scrollbar {width: 4px;height: 100%;}
.mini-box022 > ul > li .txt-wrap .txt02::-webkit-scrollbar-track {background: #DBDBDB;border-radius: 50px;}
.mini-box022 > ul > li .txt-wrap .txt02::-webkit-scrollbar-thumb {background: #FFFFFF;border-radius: 50px;}


.mini-box022 .link-wrap{display: flex;gap: 24px;flex-wrap: wrap;}
.mini-box022 .link-wrap li{width: calc((100% / 2) - 12px);}
.mini-box022 .link-wrap li a{font-weight: 600;font-size: 22px;line-height: 140%;color: #222222;padding: 17px 48px 17px 16px;width: 100%;box-sizing: border-box;display: flex;border-radius: 12px;background: rgba(255, 255, 255, 0.8) url(../img/home/home.png) no-repeat center right 16px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

.mini-box022 > ul > li:nth-child(1){background-image: linear-gradient(rgb(0 91 160 / 70%)), url(../img/home/1-min.jpg);}
.mini-box022 > ul > li:nth-child(2){background-image: linear-gradient(rgb(0 91 160 / 70%)), url(../img/home/2-min.jpg);}
.mini-box022 > ul > li:nth-child(3){background-image: linear-gradient(rgb(0 91 160 / 70%)), url(../img/home/3-min.jpg);}
.mini-box022 > ul > li:nth-child(4){background-image: linear-gradient(rgb(0 91 160 / 70%)), url(../img/home/4-min.jpg);}
.mini-box022 > ul > li:nth-child(5){background-image: linear-gradient(rgb(0 91 160 / 70%)), url(../img/home/5-min.jpg);}
.mini-box022 > ul > li:nth-child(6){background-image: linear-gradient(rgb(0 91 160 / 70%)), url(../img/home/6-min.jpg);}
.mini-box022 > ul > li:nth-child(7){background-image: linear-gradient(rgb(0 91 160 / 70%)), url(../img/home/7-min.jpg);}
.mini-box022 > ul > li:nth-child(8){background-image: linear-gradient(rgb(0 91 160 / 70%)), url(../img/home/8-min.jpg);}

.mini-box022 > ul > li.open:nth-child(1){background-image: linear-gradient(rgb(0 104 183 / 70%)), url(../img/home/1-min.jpg);}
.mini-box022 > ul > li.open:nth-child(2){background-image: linear-gradient(rgb(0 104 183 / 70%)), url(../img/home/2-min.jpg);}
.mini-box022 > ul > li.open:nth-child(3){background-image: linear-gradient(rgb(0 104 183 / 70%)), url(../img/home/3-min.jpg);}
.mini-box022 > ul > li.open:nth-child(4){background-image: linear-gradient(rgb(0 104 183 / 70%)), url(../img/home/4-min.jpg);}
.mini-box022 > ul > li.open:nth-child(5){background-image: linear-gradient(rgb(0 104 183 / 70%)), url(../img/home/5-min.jpg);}
.mini-box022 > ul > li.open:nth-child(6){background-image: linear-gradient(rgb(0 104 183 / 70%)), url(../img/home/6-min.jpg);}
.mini-box022 > ul > li.open:nth-child(7){background-image: linear-gradient(rgb(0 104 183 / 70%)), url(../img/home/7-min.jpg);}
.mini-box022 > ul > li.open:nth-child(8){background-image: linear-gradient(rgb(0 104 183 / 70%)), url(../img/home/8-min.jpg);}


.mini-box022 > ul > li{background-size: cover;background-position: center;}

.home-content-inner022 .btn-more{position: absolute;top: 2px;right: 0px;width: 44px;height: 44px;text-indent: -99999px;background: url(../img/common/btn-link.png) center center / contain no-repeat;}

@media(max-width: 1400px){
	.mini-box022 > ul{gap: 16px;}
	.mini-box022 > ul > li{min-width: 73px;max-width: 73px;}
	.mini-box022 > ul > li > a{width: 73px;}
}

@media(max-width: 1200px){
	.home-content-box022{padding: 80px 20px;}
	.mini-box022 > ul{flex-direction: column;}
	.mini-box022 > ul > li{min-width: 100%;max-width: 100%;height: unset;}
	.mini-box022 > ul > li > a{width: 100%;writing-mode: unset;letter-spacing: unset;}
}

@media(max-width: 768px){
	.home-content-wrap022 {background: #fff;}
	.home-content-inner022 .home-title h3 {font-size: 24px;line-height: 38px;text-align: center;padding: 16px 0px 16px;font-weight: 800;}
	.home-content-inner022 .btn-more {top: 70px;width: 32px;height: 32px;right: auto;left: 50%;transform: translateX(-50%);background-size: 100% 100%;}
	.mini-box022 {margin-top: 73px;width: calc(100% + 40px);margin-left: -20px;margin-right: -20px;}
	.home-content-box022 {padding: 24px 20px;}
	.mini-box022 .link-wrap{flex-direction: column;gap: 16px;}
	.mini-box022 .link-wrap li{width: 100%;}
	.mini-box022 > ul {gap: 8px;}
	.mini-box022 > ul > li {border-radius: 0;}
	.mini-box022 > ul > li > a{padding: 20px;font-size: 26px;}
	.mini-box022 > ul > li .txt-wrap{padding: 32px 40px;}
	
	.mini-box022 > ul > li .txt-wrap .txt01 {font-size: 26px;margin-bottom: 24px;}
	.mini-box022 > ul > li .txt-wrap .txt02 {font-size: 15px;}
	.mini-box022 > ul > li.open .txt-wrap {gap: 24px;}
	.mini-box022 .link-wrap li a {padding: 16px 48px 16px 16px;font-size: 20px;}
}