@charset "utf-8";

.main-visual-wrap{margin:1rem auto 0;padding:0 2rem;max-width:164rem;box-sizing:border-box;}
.main-visual-wrap .main-mini-wrap{display:flex;justify-content:space-between;gap:1rem;}
.main-visual-wrap .main-visual-box{width:64.75%;}
.main-visual-wrap .slide_wrap{height:100%;}
.main-visual-wrap .suso_main1{height:100%;}
.main-visual-wrap .swiper-container{position:relative;height:100%;overflow:visible;}
.main-visual-wrap .mySwiper:not(.swiper-initialized):not(.swiper-container-initialized) .swiper-slide:not(:first-child){visibility:hidden;opacity:0;}
.main-visual-wrap .swiper-slide > a{display:block;position:relative;height:100%;z-index:1;}
.main-visual-wrap .swiper-slide__img{display:block;width:100%;height:100%;max-height:42rem;border-radius:2.4rem 10rem 2.4rem 2.4rem;overflow:hidden;}
.main-visual-wrap .swiper-slide__img img{width:100%;height:100%;object-fit:cover;object-position:left;}
.main-visual-wrap .swiper-button-prev{position:absolute;top:calc(50% - 2.4rem);left:-2.4rem;margin:0;width:4.8rem;height:4.8rem;border-radius:50%;background:#fff url(/_res/h2hub/main/img/main/btn-main-vi-prev.png) no-repeat center / 2.4rem;box-shadow:-2px 4px 12px 0 rgba(0, 0, 0, 0.15);opacity:1;pointer-events:auto;z-index:10;}
.main-visual-wrap .swiper-button-next{position:absolute;top:calc(50% - 2.4rem);right:-2.4rem;margin:0;width:4.8rem;height:4.8rem;border-radius:50%;background:#fff url(/_res/h2hub/main/img/main/btn-main-vi-next.png) no-repeat center / 2.4rem;box-shadow:-2px 4px 12px 0 rgba(0, 0, 0, 0.15);opacity:1;pointer-events:auto;z-index:10;}
.main-visual-wrap .main-vi-control{display:inline-flex;align-items:center;gap:0.8rem;position:absolute;bottom:2rem;left:50%;padding:0.6rem 1.2rem;border-radius:9.9rem;background:rgba(0, 0, 0, 0.45);transform:translateX(-50%);z-index:10;}
.main-visual-wrap .swiper-pagination{display:flex;gap:0.6rem;position:static;}
.main-visual-wrap .swiper-pagination-bullet{display:inline-block;position:static;width:0.8rem;height:0.8rem;border-radius:50%;background:rgba(255, 255, 255, 0.4);font-size:0;transition:0.3s ease;opacity:1;}
.main-visual-wrap .swiper-pagination-bullet.swiper-pagination-bullet-active{width:2rem;border-radius:9.9rem;background:#fff;}
.main-visual-wrap .main-vi-control .swiper-button-pause,
.main-visual-wrap .main-vi-control .swiper-button-play{display:none;position:static;width:2rem;height:2rem;margin:0;padding:0;}
.main-visual-wrap .main-vi-control .swiper-button-pause.on,
.main-visual-wrap .main-vi-control .swiper-button-play.on{display:block;}
.main-visual-wrap .main-vi-control .swiper-button-pause{background:url(/_res/h2hub/main/img/main/btn-main-vi-pause.png) no-repeat center/100%;}
.main-visual-wrap .main-vi-control .swiper-button-play{background:url(/_res/h2hub/main/img/main/btn-main-vi-play.png) no-repeat center/100%;}

.main-visual-wrap .main-quick-wrap{width:32.25%;}
.main-quick-wrap .main-quick-title{padding:1.7rem 3.2rem;border-radius:2.4rem 2.4rem 0 0;background:#163676;font-size:1.8rem;font-weight:700;line-height:1.4;letter-spacing:-0.5px;color:#fff;}
.main-quick-wrap .main-quick-list{display:flex;flex-wrap:wrap;position:relative;border-radius:0 0 2.4rem 2.4rem;background:#F3F7FA;}
.main-quick-wrap .main-quick-list::before{content:'';position:absolute;top:calc(50% - 1px);left:50%;width:calc(100% - 5.2rem);height:1px;background:#CFDCE6;transform:translateX(-50%);}
.main-quick-wrap .main-quick-list > li{position:relative;width:33.33%;}
.main-quick-wrap .main-quick-list > li::before{content:'';position:absolute;top:calc(50% - 6rem);right:0;width:1px;height:12rem;background:#CFDCE6;}
.main-quick-wrap .main-quick-list > li:nth-child(3n)::before{display:none;}
.main-quick-wrap .main-quick-box{display:flex;flex-direction:column;gap:0.8rem;position:relative;padding:4.3rem 0.5rem;text-align:center;transition:0.3s ease;}
.main-quick-wrap .main-quick-box::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 0.3rem);height:calc(100% - 0.3rem);border:3px solid #4E8CFF;border-radius:2.4rem;opacity:0;transition:0.3s ease;}
.main-quick-wrap .main-quick-txt{font-size:1.6rem;font-weight:500;line-height:1.4;letter-spacing:-0.5px;color:#333;word-break:keep-all;}
.main-quick-wrap .main-quick-box:hover{border-radius:2.4rem;background:#fff;}
.main-quick-wrap .main-quick-box:hover::before{opacity:1;}
.main-quick-wrap .main-quick-box:hover .main-quick-txt{font-weight:700;text-decoration:underline;text-underline-offset:2px;color:#163676;}

@media screen and (max-width:1640px){
	.main-visual-wrap{padding:0 3.2rem;}
	.main-visual-wrap .swiper-slide__img{max-height:unset;}
}

@media screen and (max-width:1024.98px){
	.main-visual-wrap{margin:0 auto;}
	.main-visual-wrap .main-mini-wrap{flex-direction:column;gap:3.2rem;}
	.main-visual-wrap .main-visual-box{width:100%;}
	.main-visual-wrap .main-quick-wrap{width:100%;}
}

@media screen and (max-width:768px){
	.main-visual-wrap{padding:0 1.6rem;}
	.main-visual-wrap .swiper-slide__img{max-height:unset;border-radius:1.6rem 6.4rem 1.6rem 1.6rem;}
	.main-visual-wrap .swiper-slide__img img{width:100%;}
	.main-visual-wrap .swiper-button-prev{top:calc(50% - 1.6rem);left:-1.2rem;width:3.2rem;height:3.2rem;background:#fff url(/_res/h2hub/main/img/main/btn-main-vi-prev.png) no-repeat center / 2rem;}
	.main-visual-wrap .swiper-button-next{top:calc(50% - 1.6rem);right:-1.2rem;width:3.2rem;height:3.2rem;background:#fff url(/_res/h2hub/main/img/main/btn-main-vi-next.png) no-repeat center / 2rem;}
	.main-visual-wrap .main-vi-control{bottom:1.2rem;padding:0.2rem 1rem 0.2rem 1.6rem;}
	.main-visual-wrap .swiper-pagination-bullet.swiper-pagination-bullet-active{width:1.6rem;}
	.main-visual-wrap .main-vi-control .swiper-button-pause, .main-visual-wrap .main-vi-control .swiper-button-play{width:2.8rem;height:2.8rem;}
	.main-visual-wrap .main-vi-control .swiper-button-pause{background:url(/_res/h2hub/main/img/main/btn-main-vi-pause-mobile.png) no-repeat center/100%;}
	.main-visual-wrap .main-vi-control .swiper-button-play{background:url(/_res/h2hub/main/img/main/btn-main-vi-play-mobile.png) no-repeat center/100%;}
	
	.main-quick-wrap .main-quick-title{padding:1.3rem 1.6rem;border-radius:1.6rem 1.6rem 0 0;font-size:1.5rem;letter-spacing:-0.25px;}
	.main-quick-wrap .main-quick-list{border-radius:0 0 1.6rem 1.6rem;}
	.main-quick-wrap .main-quick-list::before{width:calc(100% - 3.2rem);}
	.main-quick-wrap .main-quick-list > li::before{top:calc(50% - 4.1rem);height:8.2rem;}
	.main-quick-wrap .main-quick-box{justify-content:center;gap:0.4rem;padding:1.3rem 1rem;min-height:11.4rem;}
	.main-quick-wrap .quick-img-box img{width:4.8rem;}
	.main-quick-wrap .main-quick-txt{font-size:1.4rem;line-height:1.3;}
}