.main-visual-box{height: 980px;position: relative;}
.main-visual-inner .swiper-wrapper{height: 980px;}
.main-visual-inner .swiper-wrapper img{width: 100%;height: 100%;object-fit: cover;object-position: center;}

.notice-quick-box{position: absolute;left: 0;right: 0;bottom: 0;height: calc(980px - 110px);display: flex;}

.quick-box{width: 344px;flex-shrink: 0;position: relative;z-index: 2;}
.quick-box:before{content: '';background: rgba(255, 255, 255, 0.3);width: 1px;position: absolute;top: 0;bottom: 0;left: -1px;}
.quick-box ul{display: grid;grid-template-columns: repeat(2, 1fr);height: 100%;backdrop-filter: blur(15px);-webkit-backdrop-filter: blur(15px);background: rgba(0, 0, 0, 0.01);}
@media(min-width: 1025px){	
	.quick-box ul > li:nth-child(1),
	.quick-box ul > li:nth-child(2){grid-column: 1 / -1;}
	.quick-box ul > li:nth-child(1){height: 400px;}
	.quick-box ul > li:nth-child(2),
	.quick-box ul > li:nth-child(3),
	.quick-box ul > li:nth-child(4){height: 235px;}
	.quick-box ul > li:nth-child(4){border-left: 1px solid rgba(255, 255, 255, 0.3);}
	.quick-box ul li{border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
	.quick-box ul li a{display: flex;justify-content: space-between;height: 100%;transition: all 0.5s ease;position: relative;box-sizing: border-box;}
	.quick-box ul > li a .link{font-weight: 700;font-size: 14px;line-height: 1;letter-spacing: -0.02em;text-decoration-line: underline;text-underline-offset: 2px;text-transform: capitalize;color: #FFFFFF;background: url(../img/common/quick-arrow-right.png) no-repeat center right;padding-right: 25px;opacity: 0;transition: all 0.5s ease;}
	.quick-box ul > li a .img-box{transition: all 0.5s ease;}
	.quick-box ul > li a .img-box img{transition: all 0.5s ease;}
	.quick-box ul > li a .txt-box{transition: all 0.5s ease;}
	.quick-box ul > li a .txt01{transition: all 0.5s ease;}
	.quick-box ul > li a .txt02{transition: all 0.5s ease;}
	.quick-box ul > li a:hover{background: #43C1C3;}
	.quick-box ul > li a:hover .img-box img{opacity: 0.3;transform: scale(1.1);}

	.quick-box ul > li:nth-child(1) a{padding: 60px 25px;flex-direction: column;background: rgba(0, 26, 84, 0.8);}
	.quick-box ul > li:nth-child(1) a .img-box{position: absolute;bottom: 60px;right: 25px;}
	.quick-box ul > li:nth-child(1) a .txt-box{display: flex;gap: 30px;flex-direction: column;align-items: flex-start;height: 100%;}
	.quick-box ul > li:nth-child(1) a .txt01{font-weight: 700;font-size: 32px;line-height: 1;letter-spacing: -0.02em;color: #FFFFFF;}
	.quick-box ul > li:nth-child(1) a .txt02{font-weight: 600;font-size: 18px;line-height: 160%;letter-spacing: -0.02em;color: #FFFFFF;}
	.quick-box ul > li:nth-child(1) a .link{margin-top: auto;transform: translateY(15px);}
	.quick-box ul > li:nth-child(1) a:hover{background: #43C1C3;}
	/*.quick-box ul > li:nth-child(1) a:hover .txt01{font-size: 32px;}
	.quick-box ul > li:nth-child(1) a:hover .txt02{font-size: 18px;}*/
	.quick-box ul > li:nth-child(1) a:hover .link{opacity: 1;transform: translateY(0);}


	.quick-box ul > li:nth-child(2) a{padding: 40px 25px;align-items: center;}
	.quick-box ul > li:nth-child(2) a .img-box{position: absolute;bottom: 50%;right: 25px;transform: translateY(50%);width: 50px;height: 50px;}
	.quick-box ul > li:nth-child(2) a .img-box img{width: 100%;height: 100%;}
	.quick-box ul > li:nth-child(2) a .txt-box{display: flex;flex-direction: column;align-items: flex-start;justify-content: center;transform: translateY(7px);}
	.quick-box ul > li:nth-child(2) a .txt01{font-weight: 700;font-size: 22px;line-height: 1;letter-spacing: -0.02em;color: #FFFFFF;margin-bottom: 25px;}
	.quick-box ul > li:nth-child(2) a .txt02{font-weight: 600;font-size: 14px;line-height: 155%;letter-spacing: -0.02em;color: #FFFFFF;}
	.quick-box ul > li:nth-child(2) a .link{transform: translateY(0);}
	.quick-box ul > li:nth-child(2) a:hover .img-box{bottom: 40px;transform: translateY(0);width: 80px;height: 80px;}
	.quick-box ul > li:nth-child(2) a:hover .txt-box{justify-content: space-between;transform: translateY(-35px);}
	/*.quick-box ul > li:nth-child(2) a:hover .txt01{font-size: 28px;}
	.quick-box ul > li:nth-child(2) a:hover .txt02{font-size: 16px;}*/
	.quick-box ul > li:nth-child(2) a:hover .link{margin-top: auto;opacity: 1;transform: translateY(65px);}

	.quick-box ul > li:nth-child(3) a,
	.quick-box ul > li:nth-child(4) a{padding: 60px 20px;flex-direction: column-reverse;align-items: center;justify-content: center;}
	.quick-box ul > li:nth-child(3) a .img-box,
	.quick-box ul > li:nth-child(4) a .img-box{transform: translateY(-5px);}
	.quick-box ul > li:nth-child(3) a .txt-box,
	.quick-box ul > li:nth-child(4) a .txt-box{display: flex;flex-direction: column;align-items: center;}
	.quick-box ul > li:nth-child(3) a .txt01,
	.quick-box ul > li:nth-child(4) a .txt01{font-weight: 600;font-size: 16px;line-height: 150%;text-align: center;letter-spacing: -0.02em;color: #FFFFFF;transform: translateY(15px);}
	.quick-box ul > li:nth-child(4) a .txt01{transition: none;}
	.quick-box ul > li:nth-child(4) a .txt01 br{display: none;}

	.quick-box ul > li:nth-child(3) a:hover .img-box,
	.quick-box ul > li:nth-child(4) a:hover .img-box{transform: translateY(-30px);}
	.quick-box ul > li:nth-child(3) a:hover .txt01,
	.quick-box ul > li:nth-child(4) a:hover .txt01{transform: translateY(0);font-size: 20px;transition: all 0.5s ease;}
	.quick-box ul > li:nth-child(4) a:hover .txt01 br{display: block;}
	.quick-box ul > li:nth-child(3) a:hover .link,
	.quick-box ul > li:nth-child(4) a:hover .link{opacity: 1;transform: translateY(30px);}
}

.notice-swiper-box{flex: 1;min-width: 0;}
.notice-swiper-box .swiper-slide{height: calc(980px - 110px);position: relative;box-sizing: border-box;}
.notice-swiper-box .swiper-slide:before{content: '';background: rgba(255, 255, 255, 0.3);width: 1px;position: absolute;top: 36px;bottom: 36px;right: 0;}
.notice-swiper-box .swiper-slide a{padding: 65px 50px;display: block;}
.notice-swiper-box .swiper-slide a .txt01{font-weight: 700;font-size: 14px;line-height: 140%;letter-spacing: -0.01em;color: #FFFFFF;background: #00319E;padding: 6px 14px;border-radius: 50px;display: inline-block;}
.notice-swiper-box .swiper-slide a .txt01.color01{background: #00319E;}
.notice-swiper-box .swiper-slide a .txt01.color01{background: #43C1C3;}
.notice-swiper-box .swiper-slide a .txt02{font-weight: 700;font-size: 36px;line-height: 145%;letter-spacing: -0.01em;color: #FFFFFF;margin-top: 10px;max-width: 350px;}
.notice-swiper-box .swiper-slide a .txt03{font-weight: 700;font-size: 16px;line-height: 140%;letter-spacing: -0.01em;color: #FFFFFF;text-decoration-line: underline;text-underline-offset: 2px;margin-top: 25px;}

.notice-swiper-box .swiper-controls{display: flex;align-items: center;justify-content: center;position: absolute;bottom: 47px;left: 0;right: 0;z-index: 50;}
.notice-swiper-box .swiper-controls > div{display: inline-flex;align-items: center;justify-content: center;overflow: hidden;background: rgba(255, 255, 255, 0.1);box-shadow: 0px 3.83721px 19.186px rgba(0, 0, 0, 0.08), inset 0px 0px 7.2907px rgba(255, 255, 255, 0.1);backdrop-filter: blur(4px);border-radius: 41.4419px;}
.notice-swiper-box .swiper-controls > div:before {content: "";position: absolute;inset: 0;padding: 0.7px;border-radius: 54px;background: linear-gradient(137.89deg, rgba(255, 255, 255, 0.2408) 21.88%, rgba(255, 255, 255, 0.043) 34.69%, rgba(255, 255, 255, 0.043) 67.27%, rgba(255, 255, 255, 0.2322) 77.41%);  -webkit-mask:     linear-gradient(#fff 0 0) content-box,     linear-gradient(#fff 0 0);  -webkit-mask-composite: xor;          mask-composite: exclude;  z-index: -1;}
.notice-swiper-box .swiper-controls .swiper-button-prev,
.notice-swiper-box .swiper-controls .swiper-button-next{position: unset;width: 58px;height: 58px;border: 0;margin: 0;font-size: 0;background: url(../img/common/ico-swiper-arrow.png) no-repeat center;}
.notice-swiper-box .swiper-controls .swiper-button-prev{transform: rotate(180deg);}
.notice-swiper-box .swiper-controls .swiper-button-prev:after,
.notice-swiper-box .swiper-controls .swiper-button-next:after{display: none;}
.notice-swiper-box .swiper-controls .swiper-pagination{position: unset;width: 78px;height: 58px;display: flex;align-items: center;justify-content: center;font-weight: 700;font-size: 14px;line-height: 140%;letter-spacing: -0.01em;color: #FFFFFF;}
.notice-swiper-box .swiper-controls .swiper-pagination span{padding: 0 3px;}

@media(max-width: 1250px){
	.notice-swiper-box .swiper-slide a{padding: 65px 30px;}
	.notice-swiper-box .swiper-slide a .txt02 {font-size: 30px;}
}

@media(max-width: 1024px){
	.main-visual-box{height: 723px;}
	.main-visual-inner .swiper-wrapper{height: 723px;}
	.notice-quick-box{flex-direction: column;height: auto;}
	.notice-swiper-box .swiper-slide{height: calc(723px - 292px);}
	
	.quick-box{width: 100%;}
	.quick-box ul{display: flex;flex-wrap: wrap;flex-direction: row;}
	.quick-box ul li{width: 50%;flex: none;border-right: 1px solid rgba(255, 255, 255, 0.3);border-bottom: 1px solid rgba(255, 255, 255, 0.3);box-sizing: border-box;height: auto !important;position: relative;transition: all 0.5s ease;}
	.quick-box ul li:first-child{background: rgba(0, 26, 84, 0.8);}
	.quick-box ul li a{box-sizing: border-box;}
	
	.quick-box ul li a .img-box{height: 34px;position: absolute;bottom: 50%;right: 20px;transform: translateY(50%);}
	.quick-box ul li a .img-box img{width: 100%;height: 100%;}
	.quick-box ul li a .txt-box{padding: 10px 20px;min-height: 70px;display: flex;flex-direction: column;justify-content: center;}
	.quick-box ul > li a .link{display: none;}
	.quick-box ul > li a .txt01{font-weight: 700;font-size: 18px;line-height: 150%;letter-spacing: -0.02em;color: #FFFFFF;}
	.quick-box ul > li a .txt01 br{display: none;}
	.quick-box ul > li a .txt02{font-weight: 600;font-size: 14px;line-height: 155%;letter-spacing: -0.02em;color: #FFFFFF;}
	.quick-box ul > li a .txt02 br{display: none;}
	.quick-box ul li:hover{background: #43C1C3 !important;}
	.quick-box ul > li a:hover .img-box img{opacity: 0.3;}
	
	.notice-swiper-box{padding-left: 17px;}
	.notice-swiper-box .swiper-slide{width: 300px;}
	.notice-swiper-box .swiper-slide:before{display: none;}
	.notice-swiper-box .swiper-slide a{padding: 64px 9px;}
	.notice-swiper-box .swiper-slide a .txt01{padding: 4px 10px;}
	.notice-swiper-box .swiper-slide a .txt02{font-size: 26px;line-height: 145%;}
	.notice-swiper-box .swiper-slide a .txt03{font-size: 14px;line-height: 140%;}
	.notice-swiper-box .swiper-controls{padding-right: 17px;}
	.notice-swiper-box .swiper-controls .swiper-button-prev,
	.notice-swiper-box .swiper-controls .swiper-button-next{width: 30px;height: 44px;background-size: 4px 10px;}
	.notice-swiper-box .swiper-controls .swiper-pagination{width: 68px;height: 44px;font-size: 12px;line-height: 140%;}
	
}

@media(max-width: 768px){
	.quick-box ul li a .img-box{right: 15px;height: 25px;}
	.quick-box ul li a .txt-box{padding: 10px 15px;max-width: 183px;min-height: 50px;}
	.quick-box ul > li a .txt01{font-size: 14px;}
	.quick-box ul > li a .txt02{display: none;}
}