.main-content-inner01{margin-bottom: 120px;}
.title-section h2{font-size: 60px;font-weight: 700;color: #222;margin-bottom:8px;}

.tab-box{width:100%;box-sizing:border-box;position:relative;padding: 0;}
.tab-box>ul{list-style:none;padding:0;overflow-x:auto;box-sizing:border-box;display:flex;gap:0 24px;flex-wrap:nowrap;justify-content: flex-end;}
.tab-box>ul>li>a{display:inline-block;color:#222;text-align:center;white-space:nowrap;font-size: 18px;font-weight: 700;position: relative;padding-top: 12px;}
.tab-box>ul>li.active>a{color:#b00000;}
.tab-box>ul>li.active>a:before{content:'';width: 5px;height: 5px;background: #b00000;position: absolute;top: 0;left: 0;right: 0;margin: auto;border-radius: 50%;transition: transform 0.3s ease-in-out;}
.tab-box>ul>li .tab-con{display:none;flex-grow:1;width:100%;z-index:1;position:absolute;left:0;right:0;top:55px;box-sizing:border-box;}
.tab-box>ul>li.active .tab-con{display:block;}
.tab-box .select-tab-box{display: none;width: 100%;font-size: 18px;font-weight: 700;color: #fff;padding: 15px;border: 0;background: #163055 url(../img/common/selectbox-white.png) no-repeat center right 15px;appearance: none;-moz-appearance: none;-webkit-appearance: none;}

.block-gallery {margin: 0 0 24px 0;}
.block-gallery > p{font-size: 28px;font-weight: 700;color: #163055;text-transform:uppercase;margin-bottom: 22px;letter-spacing: -0.25px;text-align:right;}
.block-gallery > p span {display:inline-block;}
.gallery-box{display: grid;gap: 80px 80px;grid-template-columns: repeat(3, 1fr);}
.gallery-box .img-box{position: relative;overflow: hidden;height: 405px;}
.gallery-box .img-box img{max-width: 100%;width: 100%;max-height: 100%;height: 100%;transition: transform 0.5s ease;transform: scale(1);object-fit: cover;object-position: center;}
.gallery-box .img-box span{position: absolute;top: 0;right:0;background:#b00000;font-size: 17px;font-weight: 700;color: #fff;padding: 24px 15px;min-width: 94px;box-sizing: border-box;z-index: 10;}
.gallery-box li {opacity: 0; transform: translateY(30px); transition: opacity 1s ease, transform 1s ease;}
.gallery-box li.show {opacity: 1;transform: translateY(0);}
.gallery-box li.on .txt-box{background: #f5f5f5;padding: 24px 30px;}
.gallery-box li .txt-box{padding: 30px 2px;background:#fff;min-height: 161px;box-sizing: border-box;}
.gallery-box .txt-box .txt01{font-size: 20px;font-weight: 700;line-height: 30px;color: #222;margin-bottom: 2px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;display: -webkit-box;-webkit-box-orient: vertical;}
.gallery-box .txt-box .txt02{font-size: 14px;font-weight: 500;line-height: 24px;color: #444;}
.gallery-box .txt-box .txt03{font-size: 14px;font-weight: 500;line-height: 24px;color: #989898;text-underline-offset: 3px;color: #004071;text-decoration: underline;}
.gallery-box li.on .txt-box .txt03 {color: #b00000;}
.gallery-box .txt-box .txt-blue{color: #004071;text-decoration: underline;}
.gallery-box .txt-box .txt-red{color: #b00000;text-decoration: underline;}
/*
@keyframes fadeInUp {
    from {opacity: 0;transform: translateY(20px);}
    to {opacity: 1;transform: translateY(0);}
}
.tab-box li.active .gallery-box li{opacity: 0;transform: translateY(20px);animation: fadeInUp 0.5s ease-in-out forwards;}
*/

@keyframes zoomIn {
    from {opacity: 0;transform: scale(0.7);}
    to {opacity: 1;transform: scale(1);}
}
.tab-box li.active .gallery-box li{opacity: 0;transform: scale(0.8);animation: zoomIn 0.5s ease-in-out forwards;}

.gallery-box li:hover .img-box img{transform: scale(1.05);}
.btn-link-gallery{text-align: center;margin-top: 60px;}
.btn-link-gallery a{background: #163055;color: #fff;font-size: 16px;font-weight: 700;position: relative;width: 390px;height: 60px;display: inline-flex;align-items: center;justify-content: center;transition: all 0.3s ease;box-shadow: 0 17px 21px rgb(35 31 32 / 14%);}
.btn-link-gallery a:after{content: '';background: url(../img/common/sl-link-right.png) no-repeat center;width: 19px;height: 14px;display: inline-block;margin-left: 20px;transition: transform 0.3s ease;}
.btn-link-gallery a:hover:after{transform: translateX(10px);}

@media screen and (max-width: 1200px) {
	.gallery-box {gap: 40px 20px;}
	.gallery-box .img-box {height:280px;}
}
@media (max-width: 1024px){
	.gallery-box{gap: 40px 20px;grid-template-columns: repeat(3, 1fr);}
	.gallery-box .img-box{height: 280px;}
}

@media (max-width: 768px){
	.main-content-inner01{margin-bottom: 75px;}
	.title-section p{font-size: 15px;}
	.title-section h2{font-size: 30px;margin-bottom: 15px;text-align:center;}
	.gallery-box{gap: 20px 20px;grid-template-columns: repeat(2, 1fr);}
	.gallery-box .img-box{height: 250px;}
	.btn-link-gallery{margin-top: 30px;}
	.btn-link-gallery a{width: 80%;}
	.gallery-box li .txt-box {min-height: max-content;}
	.block-gallery > p{    font-size: 22px;
    font-weight: 700;
    color: #163055;
    text-transform: uppercase;
    margin-bottom: 22px;
    letter-spacing: -0.25px;
    text-align: center;
    margin-top: 21px;}
}

@media (max-width: 480px){
	.tab-box .select-tab-box{display: block;border-radius: 2px;}
	.tab-box>ul>li>a{opacity: 0;}
	.tab-box>ul>li .tab-con{top: 75px;}
	.gallery-box{grid-template-columns: repeat(1, 1fr);}
	
}