/* === page === */
.major_intro{font-family:var(--f_base1),system-ui,sans-serif;} 
.majorIntro{display:grid; grid-template-columns:320px 1fr; gap:100px;} 
.majorIntro__tab{position:sticky; top:120px; align-self:start;} 
.majorTab{margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:10px;} 
.majorIntro .majorTab__link{display:flex; align-items:center; justify-content:space-between; padding:22px 30px; border-radius:15px; border:1px solid rgba(255,255,255,.12); background:var(--c_bgGray); color:#fff; text-decoration:none; font-size:var(--fs20); transition:var(--ani); font-weight:600; line-height:1.2; color:#000;} 
.majorTab__item.is-active .majorTab__link{background:var(--c_base3); border-color:var(--c_base3); color:#111;} 
.majorTab__item.is-active .majorTab__link:after{content:""; display:block; width:30px; height:14px; background:url(/images/management/tap-type1_arrow.svg) no-repeat center / contain; } 
.majorTab__item:not(.is-active) .majorTab__link:after{content:"";} 
.majorTab__desc{margin:40px 0 0; font-size:var(--fs16); line-height:1.6; color:#666;} 

.majorHead{display:flex; gap:14px; align-items:flex-start; margin:0 0 50px; position:relative; padding-left:20px;} 
.majorHead:before {content:""; display:block; width:5px; height:calc(100% - 8px); position:absolute; left:0; top:48%; transform:translateY(-50%); background:#ddd; border-radius:5px;} 
.majorHead__title{margin:0; font-size:var(--fs32); letter-spacing:-0.02em; color:var(--c_base1); line-height:1;} 
.majorHead__desc{margin:10px 0 0; font-size:var(--fs16); line-height:1.7;} 

.majorGrid{display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:70px 50px;} 
.majorCard{min-width:0;} 
.majorCard__img{border-radius:18px; overflow:hidden; background:rgba(255,255,255,.06);} 
.majorCard__img img{width:100%; height:auto; display:block; aspect-ratio:465/300; object-fit:cover;} 
.majorCard__title{margin:20px 0; font-size:var(--fs24); color:var(--c_base2); letter-spacing:-0.02em; line-height:1;} 
.majorCard__desc{margin:0; font-size:var(--fs16); line-height:1.75; color:#333;} 

/* 탭 위치 변경 규칙 */
@media screen and (max-width:1199px){
.majorIntro{grid-template-columns:1fr; gap:50px;} 
.majorIntro__tab{position:relative; top:auto;} .majorTab{flex-direction:row; gap:10px;} 
.majorTab__item{flex:1;} .majorTab__link{justify-content:center; gap:10px; padding:14px 12px;} 
.majorTab__desc{display:none;}
.majorHead {margin:0 0 30px;}
.majorIntro .majorTab__link {padding:18px 25px;}
}

/* 768px부터 탭 세로 + 카드 1열 */
@media screen and (max-width:767px){
.majorTab{flex-direction:column;} 
.majorTab__item{flex:auto;} 
.majorGrid{grid-template-columns:1fr; gap:40px;}
.majorIntro {gap:40px;}
.majorIntro .majorTab__link {padding:15px 20px;}
}