@charset "utf-8";

.main-shortcut-box{position:relative;padding:10.7rem 9rem 12.5rem;background-color:#000;background-repeat:no-repeat;background-size:cover;background-position:center center;color:#fff;box-sizing:border-box;overflow:hidden;transition:background 0.2s;}
.main-shortcut-box .shortcut-tab-box{display:flex;gap:3rem;position:relative;margin:0 auto;max-width:152rem;box-sizing:border-box;}
.main-shortcut-box .shortcut-tab-box .btn-mini-tab{display:block;font-size:2rem;font-weight:var(--font-weight-semibold);color:rgba(255,255,255,0.8);line-height:2.8rem;letter-spacing:-0.025em;transition:color 0.2s ease;}
.main-shortcut-box .shortcut-tab-box .btn-mini-tab:hover{color:#c30e2e;}
.main-shortcut-box .shortcut-tab-box li.active .btn-mini-tab{position:relative;color:#c30e2e;}
.main-shortcut-box .shortcut-tab-box li.active .btn-mini-tab::after{content:'';position:absolute;left:0;bottom:-1rem;width:100%;height:4px;background-color:#c30e2e;}
.main-shortcut-box .shortcut-tab-box .shortcut-con-box{position:absolute;top:100%;left:0;width:100%;opacity:0;visibility:hidden;}
.main-shortcut-box .shortcut-tab-box li.active .shortcut-con-box{display:flex;justify-content:space-between;padding:4.6rem 0 0;opacity:1;visibility:visible;}
.main-shortcut-box .shortcut-tab-box .shortcut-con-box .main-title-box{padding:0 2rem 0 0;width:33%;box-sizing:border-box;border-right:1px solid rgba(255,255,255,0.2);}
.main-shortcut-box .shortcut-tab-box .shortcut-con-box .main-title-box .main-title{font-size:6rem;font-weight:var(--font-weight-medium);color:#fff;line-height:1.1;word-break: normal; overflow-wrap: break-word;white-space: normal;text-transform: uppercase;}
.main-shortcut-box .shortcut-tab-box .shortcut-con-box .main-title-box .main-desc{padding:2rem 0 0;font-size:1.8rem;font-weight:var(--font-weight-semibild);line-height:3rem;letter-spacing:-0.01em;}
.main-shortcut-box .shortcut-tab-box .shortcut-con-box .shortcut-link-box{padding:1.3rem 0 0 5rem;width:70.07%;box-sizing:border-box;}
.main-shortcut-box .shortcut-tab-box .shortcut-con-box .shortcut-link-box ul{display:flex;gap:1.2rem;flex-wrap:wrap;}
.main-shortcut-box .shortcut-tab-box .shortcut-con-box .shortcut-link-box ul li a{display:block;padding:1.3rem 3rem;border:1px solid rgba(255,255,255,0.3);border-radius:3rem;font-size:1.8rem;font-weight:var(--font-weight-semibold);color:#fff;line-height:2.8rem;letter-spacing:-0.05em;transition:0.4s ease;background-color:rgba(0,0,0,0.4);}
.main-shortcut-box .shortcut-tab-box .shortcut-con-box .shortcut-link-box ul li a:hover{border-color:#c30e2e;color:#c30e2e;}


@media screen and (max-width:1600px){
	.main-shortcut-box .shortcut-tab-box .shortcut-con-box .main-title-box .main-title{font-size:5.2rem;}
}

@media screen and (max-width:1400px){
	.main-shortcut-box{position:relative;padding:11.7rem 4rem 11.5rem;}
	.main-shortcut-box .shortcut-tab-box .shortcut-con-box .main-title-box .main-title{font-size:4.2rem;}
	.main-shortcut-box .shortcut-tab-box .shortcut-con-box .shortcut-link-box ul li a{padding:1.5rem 1.7rem;border-radius:3rem;font-size:1.8rem;line-height:2rem;}
	.main-shortcut-box .shortcut-tab-box .shortcut-con-box .shortcut-link-box {padding:1rem 0 0 5rem}
}

@media screen and (max-width:1024.98px){
	.main-shortcut-box{padding:9.7rem 4rem 11rem;}
	.main-shortcut-box .shortcut-tab-box{gap:2rem;justify-content: center;}
	.main-shortcut-box .shortcut-tab-box .btn-mini-tab{display:block;font-size:1.8rem;line-height:2.1rem;}
	.main-shortcut-box .shortcut-tab-box li.active .btn-mini-tab::after{height:2px;}
	.main-shortcut-box .shortcut-tab-box li.active .shortcut-con-box{flex-wrap:wrap;padding:3.8rem 0 0;}
	.main-shortcut-box .shortcut-tab-box .shortcut-con-box .main-title-box{padding:0 0 2.7rem;width:100%;border:0}
	.main-shortcut-box .shortcut-tab-box .shortcut-con-box .main-title-box .main-title{font-size:4.4rem;text-align:center}
	.main-shortcut-box .shortcut-tab-box .shortcut-con-box .main-title-box .main-desc{padding:2.4rem 20% 0;font-size:1.6rem;line-height:2.2rem;text-align:center;}
	.main-shortcut-box .shortcut-tab-box .shortcut-con-box .shortcut-link-box{padding:3rem 0 0;width:100%;}
	.main-shortcut-box .shortcut-tab-box .shortcut-con-box .shortcut-link-box ul{gap:1rem 8px;justify-content: center;}
	.main-shortcut-box .shortcut-tab-box .shortcut-con-box .shortcut-link-box ul li a{padding:1.2rem 1.7rem;border-radius:3rem;font-size:1.6rem;line-height:2rem;}
}

@media screen and (max-width:500px){
	.main-shortcut-box{position:relative;padding:9.7rem 2rem 11rem;}
}