@charset "utf-8";

/* 공통 */
#index{--gap:20px; --r:4px; --hero-top:153px; --hero-h:400px; --hero-pad:0px; --font-tit:"HYCUGothic B","Pretendard",sans-serif; color:var(--go-ink); word-break:keep-all;}
#index,
#index *{font-family:"Pretendard",-apple-system,"Apple SD Gothic Neo",sans-serif;}
#index .container{width:auto; max-width:none; margin:0; padding:0 var(--go-pad); background:none;}
#index .sect{padding:120px 0 !important;}
#index .sect h3.fs-2,
#index .sect .fs-2{font-family:var(--font-tit); font-size:40px !important; font-weight:400 !important; line-height:1.32; letter-spacing:-.02em; color:var(--go-ink);}
#index .sect h3.fs-2 br{display:inline !important;}
#index .sect .eyebrow-tit::before,
#index .sect2 .quick-links > h3::before,
#index .sect3 .sticky-nav h3::before,
#index .sect4 .sticky-nav h3::before,
#index .sect5 .sect-head h3::before{display:block; margin-bottom:12px; font-family:"Pretendard",sans-serif; font-size:14px; line-height:normal; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:var(--go-sky);}
#index .sect2 .quick-links > h3::before{content:"Quick Info";}
#index .sect3 .sticky-nav h3::before{content:"Departments";}
#index .sect4 .sticky-nav h3::before{content:"Admission Type";}
#index .sect5 .sect-head h3::before{content:"HYCU Story";}
#index .go-btn,
#index .sect3 .sticky-nav .btn,
#index .sect5 .sect-head .btn{display:inline-flex; align-items:center; justify-content:space-between; gap:20px; width:200px; height:56px; margin:0; padding:0 20px; border:0; border-radius:var(--r); background:var(--go-sky); font-size:16px; font-weight:700; color:#fff; white-space:nowrap; transition:background .2s;}
#index .sect3 .sticky-nav .btn:hover,
#index .sect5 .sect-head .btn:hover{background:var(--go-blue); color:#fff;}
#index .sect3 .sticky-nav .btn .icon,
#index .sect5 .sect-head .btn .icon{flex:none; width:15px; height:15px; margin:0; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 17L17 7M9 7h8v8' fill='none' stroke='%23000' stroke-width='2.4'/%3E%3C/svg%3E") no-repeat center / contain; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 17L17 7M9 7h8v8' fill='none' stroke='%23000' stroke-width='2.4'/%3E%3C/svg%3E") no-repeat center / contain;}

/* 첫 화면 */
#index section{float:none; max-width:none; min-height:0;}
#index .index-visual{position:relative; z-index:1; display:block; width:auto; height:auto; min-height:100vh; margin:0; padding:0 0 36px; background:#22303f; overflow:hidden; isolation:isolate;}
#index .index-visual-swiper{position:absolute; inset:0; z-index:0; width:auto; height:auto; margin:0; overflow:hidden;}
#index .index-visual-swiper .swiper-wrapper{height:100%;}
#index .index-visual-swiper .swiper-slide{position:relative; height:100%; overflow:hidden; background:#22303f;}
#index .index-visual-swiper .swiper-slide::after{content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg,rgba(0,0,0,.32) 0%,rgba(0,0,0,.12) 30%,rgba(0,0,0,.12) 55%,rgba(0,0,0,.5) 100%),linear-gradient(90deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,0) 45%); pointer-events:none;}
#index .index-visual-swiper .visual_pc,
#index .index-visual-swiper .visual_m{position:absolute; inset:0; z-index:0; width:100%; height:100%; background-size:cover !important; background-position:50% 50% !important; transform:scale(1.25); will-change:transform;}
#index .index-visual-swiper .visual_m{display:none;}
#index .index-visual-swiper .swiper-slide-active .visual_pc,
#index .index-visual-swiper .swiper-slide-active .visual_m{animation:goKenburns 7s cubic-bezier(.22,.61,.36,1) forwards;}
#index .index-visual.is-paused .swiper-slide-active .visual_pc,
#index .index-visual.is-paused .swiper-slide-active .visual_m{animation-play-state:paused;}
@keyframes goKenburns{from{transform:scale(1.25);} to{transform:scale(1);}}
#index .index-visual-swiper .swiper-pagination{display:none;}
#index .index-visual-swiper .container{position:static; height:100%; padding:0;}
#index .index-visual .v_text{position:absolute; top:calc(var(--hero-top) + var(--hero-pad) + var(--hero-h) - 96px); left:calc(var(--go-pad) + 36px); z-index:2; display:block; width:calc((100% - 2 * var(--go-pad)) * .6 - 80px); max-width:none; height:auto; margin:0; padding:0; color:#fff; transform:translateY(-100%); text-align:left;}
#index .index-visual .v_text > span{display:block; font-size:20px !important; font-weight:700; line-height:1.4; color:#fff; opacity:.95;}
#index .index-visual .v_text h2{margin:20px 0 0; font-family:var(--font-tit); font-size:52px !important; font-weight:400; line-height:1.18; letter-spacing:-.02em; color:#fff; word-break:keep-all; text-shadow:0 2px 16px rgba(0,0,0,.2);}
#index .index-visual .v_text h2 .br-m{display:none;} /* 2026-11-10 쉼표 뒤 줄바꿈은 모바일만 */
/* 2026-11-10 서브2 텍스트 */
#index .index-visual .v_text > p{margin:14px 0 0; font-size:22px; font-weight:500; line-height:1.45; letter-spacing:-.01em; color:#fff; opacity:.92; word-break:keep-all; text-shadow:0 2px 12px rgba(0,0,0,.25);}
#index .index-visual .v_text p:empty,
#index .index-visual .v_text .btn{display:none;}

#index .index-visual .dash-ct{position:relative; z-index:2; height:auto; padding-top:calc(var(--hero-top) + var(--hero-pad)); padding-bottom:0; overflow:visible; pointer-events:none;}
#index .index-visual .dash-ct > *:not(.dashboard),
#index .index-visual .dashboard > *{pointer-events:auto;}
#index .index-visual .dashboard{pointer-events:none;}
#index .index-visual .dashboard{display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); grid-template-rows:calc(var(--hero-h) - 140px) 120px auto; gap:var(--gap); position:relative; inset:auto; width:auto; max-width:none; height:auto; margin:0; padding:0;}
#index .index-visual .schedule-wrap,
#index .index-visual .info-wrap,
#index .index-visual .only-mo-wrap{display:contents !important;}

#index .visual-roll{grid-column:1/4; grid-row:1; align-self:start; justify-self:end; display:flex; width:max-content; align-items:center; gap:12px; margin:32px 36px 0 0; font-size:14px; font-weight:600; color:rgba(255,255,255,.7);}
#index .visual-roll[hidden]{display:none;}
#index .visual-roll-num{font-variant-numeric:tabular-nums;}
#index .visual-roll-num b{color:#fff;}
#index .visual-roll-bars{position:static; display:flex; gap:5px; width:auto;}
#index .visual-roll-bars .swiper-pagination-bullet{position:relative; display:block; width:40px; height:16px; margin:0; padding:0; border:0; border-radius:0; background:none; opacity:1; cursor:pointer;}
#index .visual-roll-bars .swiper-pagination-bullet::before,
#index .visual-roll-bars .swiper-pagination-bullet i{content:""; position:absolute; top:7px; left:0; height:3px;}
#index .visual-roll-bars .swiper-pagination-bullet::before{right:0; background:rgba(255,255,255,.35);}
#index .visual-roll-bars .swiper-pagination-bullet i{width:0; background:#fff;}
#index .visual-roll-bars .swiper-pagination-bullet-active i{animation:goRollFill var(--roll-delay,6s) linear forwards;}
#index .visual-roll-bars .swiper-pagination-bullet.is-done i{width:100%;}
#index .visual-roll.is-paused .visual-roll-bars .swiper-pagination-bullet-active i{animation-play-state:paused;}
@keyframes goRollFill{from{width:0;} to{width:100%;}}
#index .visual-roll-pause{position:relative; width:30px; height:30px; padding:0; border:0; border-radius:var(--r); background:rgba(255,255,255,.2); cursor:pointer;}
#index .visual-roll-pause::before,
#index .visual-roll-pause::after{content:""; position:absolute; top:10px; width:2px; height:10px; background:#fff;}
#index .visual-roll-pause::before{left:12px;}
#index .visual-roll-pause::after{left:16px;}
#index .visual-roll.is-paused .visual-roll-pause::after{display:none;}
#index .visual-roll.is-paused .visual-roll-pause::before{top:9px; left:12px; width:0; height:0; border-style:solid; border-width:6px 0 6px 9px; border-color:transparent transparent transparent #fff; background:none;}

#index .dashboard-swiper{grid-column:1/4; grid-row:1; align-self:start; justify-self:start; width:auto; max-width:calc(100% - 340px); height:auto; min-height:44px; margin:32px 0 0 36px; border-radius:999px; background:rgba(255,255,255,.12); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); overflow:hidden;}
#index .dashboard-swiper .swiper-wrapper{display:block; height:auto;}
#index .dashboard-swiper .swiper-slide{width:auto; height:auto;}
#index .dashboard-swiper .swiper-slide:not(:first-child){display:none;}
#index .dashboard-swiper.is-multi{width:100%;}
#index .dashboard-swiper.is-multi .swiper-wrapper{display:flex;}
#index .dashboard-swiper.is-multi .swiper-slide{display:block; width:100%;}
#index .dashboard-swiper .swiper-slide a{display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; gap:12px; height:auto; min-height:44px; padding:6px 20px 6px 6px; color:#fff;}
#index .dashboard-swiper .swiper-slide a.no-tag{padding-left:20px;}
#index .dashboard-swiper .swiper-slide .tag{flex:none; padding:6px 13px; border-radius:999px; background:var(--go-yellow); font-size:14px; font-weight:700; line-height:1.2; color:#111; white-space:nowrap;}
#index .dashboard-swiper .swiper-slide p{min-width:0; max-width:none; margin:0; overflow:visible; font-size:17px !important; font-weight:600; line-height:1.4; color:#fff; text-align:left; white-space:normal; word-break:keep-all;}
#index .dashboard-swiper .swiper-slide p span{display:inline; position:static; font:inherit; color:inherit;}
#index .dashboard-swiper .swiper-slide img,
#index .dashboard-swiper .swiper-pagination{display:none;}

#index .index-visual .schedule,
#index .index-find,
#index .index-notice,
#index .index-visual .sect1 .process > li{border-radius:var(--r); background:rgba(255,255,255,.9); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);}

#index .index-visual .schedule{grid-column:4/6; grid-row:1; display:flex; flex-direction:column; align-items:stretch; width:auto; height:auto; min-height:0; margin:0; padding:26px 30px; overflow:visible;}
#index .index-visual .schedule > a{-webkit-backdrop-filter:none; backdrop-filter:none; display:flex; align-items:center; justify-content:space-between; gap:10px; width:auto; height:auto; margin:0; padding:0; border:0; background:none !important; color:var(--go-ink); line-height:1.2;}
#index .index-visual .schedule > a span{display:block; flex:1; min-width:0; overflow:hidden; text-align:left; font-family:var(--font-tit); font-size:19px; font-weight:400; letter-spacing:-.02em; color:var(--go-ink); white-space:nowrap; text-overflow:ellipsis;}
#index .index-visual .schedule > a span img{display:none;}
#index .index-visual .schedule > a::before{content:""; flex:none; width:26px; height:26px; margin-right:-2px; position:relative; top:-2px; background:url("../img/i1.png") no-repeat center / contain;}
#index .index-visual .schedule > a .icon-plus{display:inline-flex; align-items:center; gap:7px; flex:none; width:auto; height:auto; margin:0; overflow:visible; background:none; text-indent:0; line-height:1.2; font-style:normal; font-size:13px; font-weight:600; color:var(--go-gray);}
#index .index-visual .schedule > a .icon-plus::before{content:"전체 일정"; display:block; flex:none; position:static; width:auto; height:auto; background:none; white-space:nowrap;}
#index .index-visual .schedule > a .icon-plus::after{content:""; display:block; position:static; width:6px; height:6px; box-sizing:border-box; flex:none; border:solid currentColor; border-width:2px 2px 0 0; background:none; transform:rotate(45deg);}
#index .index-visual .schedule > a:hover .icon-plus{color:var(--go-sky);}
#index .index-visual .schedule ul{position:relative; display:flex; justify-content:space-between; gap:0; width:auto; height:auto; flex:none; margin:auto 0 0; padding:38px 0 0; background:none; grid-template-columns:none;}
#index .index-visual .schedule ul li:not(:last-child)::after{content:""; position:absolute; top:9px; left:50%; right:-50%; height:3px; background:var(--go-line);}
#index .index-visual .schedule ul li.on:not(:last-child)::after{background:var(--go-sky);}
#index .index-visual .schedule ul li.on:not(:has(+ li.on))::after{background:linear-gradient(90deg,var(--go-sky) 24px,var(--go-line) 24px);}
#index .index-visual .schedule ul li{position:relative; flex:1 1 0; -webkit-backdrop-filter:none; backdrop-filter:none; width:auto; min-width:0; height:auto; margin:0; padding:0 5px; border:0; background:none !important; text-align:center; container-type:inline-size;}
#index .index-visual .schedule ul li a{position:relative; display:block; width:auto; height:auto; margin:0; padding:0; border:0; background:none !important; color:var(--go-ink);}
#index .index-visual .schedule ul li a:hover{opacity:1;}
#index .index-visual .schedule ul li a::before{content:""; position:relative; z-index:1; display:block; width:21px; height:21px; margin:0 auto; border:3px solid var(--go-line); border-radius:50%; background:#fff; box-sizing:border-box;}
#index .index-visual .schedule ul li.on a::before{border-color:var(--go-sky); background:var(--go-sky); box-shadow:0 0 0 6px var(--go-sky-soft);}
#index .index-visual .schedule ul li .now{position:absolute; top:-38px; display:block; margin:0; left:50%; padding:3px 9px; border-radius:3px; background:var(--go-yellow); font-size:12px; font-style:normal; font-weight:700; line-height:1.4; color:#111; white-space:nowrap; transform:translateX(-50%);}
#index .index-visual .schedule ul li .now[hidden]{display:none;}
#index .index-visual .schedule ul li a > div{display:block; width:auto; height:auto; margin:0; padding:0; background:none;}
#index .index-visual .schedule ul li img,
#index .index-visual .schedule ul li .date.v2{display:none !important;}
#index .index-visual .schedule ul li .date{display:block; margin:16px 0 0; font-size:16px !important; font-weight:700; letter-spacing:-.5px; line-height:1.3; color:var(--go-ink);}
@container (max-width:102px){
  #index .index-visual .schedule ul li .date{max-width:4.6em; margin-inline:auto;}
}
#index .index-visual .schedule ul li.on .date{color:var(--go-sky);}
#index .index-visual .schedule ul li p{max-width:120px; margin:6px auto 0; font-size:14px !important; font-weight:400; line-height:1.45; color:var(--go-gray); word-break:keep-all;}
#index .index-visual .schedule.list-none{justify-content:center;}

#index .index-visual .btn-links{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--gap); grid-template-rows:minmax(0,1fr); align-self:stretch; width:auto; height:auto !important; margin:0; padding:0;}
#index .index-visual .btn-links.only-pc{grid-column:4/6; grid-row:2;}
#index .index-visual .btn-links.only-mo{display:none !important;}
#index .index-visual .btn-links a{position:relative; display:flex; flex-direction:column; justify-content:center; align-self:stretch; width:auto; min-width:0; height:auto; min-height:0; margin:0; padding:0 24px 0 92px; border-radius:var(--r); text-align:left; align-items:flex-start; background:rgba(5,92,216,.92) !important; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); color:#fff; transition:background .2s;}
#index .index-visual .btn-links a + a{background:rgba(0,157,232,.92) !important;}
#index .index-visual .btn-links a:hover{background:var(--go-blue-d) !important;}
#index .index-visual .btn-links a + a:hover{background:var(--go-sky-d) !important;}
#index .index-visual .btn-links a::before{content:""; position:absolute; top:50%; left:24px; width:52px; height:52px; margin-top:-26px; border-radius:var(--r); background:rgba(255,255,255,.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4' fill='%23fff'/%3E%3Cpath d='M4 21c0-4.4 3.6-7 8-7s8 2.6 8 7z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center / 26px; transition:background-color .2s;}
#index .index-visual .btn-links a + a::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 20h4L19 9l-4-4L4 16z' fill='%23fff'/%3E%3Cpath d='M3 22h18' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E");}
#index .index-visual .btn-links a::after{display:none;}
#index .index-visual .btn-links a b{display:block; font-family:var(--font-tit); font-size:21px !important; font-weight:400; letter-spacing:-.02em; line-height:1.3; color:#fff; white-space:nowrap;}
#index .index-visual .btn-links a b br{display:none;}
#index .index-visual .btn-links a .txt{display:block; margin-top:3px; font-size:13px; font-weight:500; color:#fff; opacity:.85;}

#index .index-find,
#index .index-fee,
#index .index-notice{display:flex; flex-direction:column; align-self:stretch; min-height:300px; min-width:0; margin:0; padding:22px 24px;}
#index .index-find{grid-column:1/3; grid-row:3;}
#index .index-fee{grid-column:3/4; grid-row:3; border-radius:var(--r); background:rgba(15,27,45,.9); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); color:#fff;}
#index .index-notice{grid-column:4/6; grid-row:3; width:auto; overflow:hidden;}
#index .dash-hd{display:flex; align-items:center; justify-content:space-between; gap:10px;}
#index .dash-tit{margin:0; font-family:var(--font-tit); font-size:21px; font-weight:400; letter-spacing:-.02em; line-height:1.3; color:inherit; white-space:nowrap;}
#index .index-fee .dash-tit{font-size:19px;}
#index .index-find .dash-tit{display:flex; align-items:center; gap:8px;}
#index .index-find .dash-tit::before{content:""; position:relative; top:-2px; flex:none; width:26px; height:26px; background:url("../img/i2.png") no-repeat center / contain;}
#index .dash-more{display:inline-flex; align-items:center; gap:7px; font-size:15px; line-height:normal; font-weight:600; color:var(--go-gray); white-space:nowrap;}
#index .dash-more::after{content:""; width:6px; height:6px; box-sizing:border-box; flex:none; border:solid currentColor; border-width:2px 2px 0 0; transform:rotate(45deg);}
#index .dash-more:hover{color:var(--go-sky);}
#index .index-fee .dash-more{color:rgba(255,255,255,.7);}
#index .dash-sel{position:relative;}
#index .dash-sel .select{position:static; display:block; width:100%; min-width:0; overflow:visible;}
#index .dash-sel select{width:100%; height:46px; padding:0 36px 0 12px; border:1px solid var(--go-line); border-radius:var(--r); background:#fff; font-size:16px; font-weight:500; color:var(--go-ink); -webkit-appearance:none; appearance:none; cursor:pointer;}
#index .dash-sel::after{content:""; position:absolute; z-index:11; top:50%; right:14px; width:7px; height:7px; box-sizing:border-box; flex:none; border:solid currentColor; border-width:0 2px 2px 0; transform:translateY(-70%) rotate(45deg); pointer-events:none;}

/* 2026-11-10 왼쪽(탭·셀렉트) 열 20px 축소, 오른쪽 결과 영역을 그만큼 넓힘 */
#index .find-body{display:grid; grid-template-columns:minmax(0,calc(50% - 30px)) minmax(0,1fr); grid-template-rows:auto auto 1fr; column-gap:20px; row-gap:10px; flex:1; margin-top:16px;}
#index .find-seg{grid-column:1; display:grid; grid-auto-flow:column; grid-auto-columns:1fr; padding:3px; border-radius:var(--r); background:var(--go-bg);}
#index .find-seg button{height:38px; padding:0 4px; border:0; border-radius:3px; background:none; font-size:15px; font-weight:600; color:var(--go-gray); white-space:nowrap; cursor:pointer; transition:background .15s, color .15s;}
#index .find-seg button[aria-pressed="true"]{background:#fff; color:var(--go-sky); box-shadow:0 1px 4px rgba(15,27,45,.1);}
#index .find-body .dash-sel{grid-column:1;}
#index .find-body .dash-sel select{font-size:15px;} /* 2026-11-10 나의 전형찾기 셀렉트 글자 16 → 15px */
#index .find-tip{grid-column:1; align-self:end; margin:0; font-size:15px; font-weight:500; line-height:1.55; color:var(--go-gray);}
#index .find-res{grid-column:2; grid-row:1/4; display:flex; flex-direction:column; padding-left:20px; border-left:1px solid var(--go-line);}
#index .find-label{margin:0 0 8px; font-size:14px; font-weight:600; color:var(--go-gray);}
#index .find-qual{min-height:3em; margin:0 0 14px; font-size:16px; font-weight:600; line-height:1.5; color:var(--go-ink);} /* 2026-11-10 지원 자격 2줄 높이 확보 */
#index .find-chips{display:flex; flex-wrap:wrap; align-content:flex-start; gap:6px; min-height:78px; margin:0 0 14px; padding:0;}
#index .find-chips li{margin:0; padding:0;} /* 2026-11-10 전형 칩 2줄(36+6+36) 높이 미리 확보 → 칩이 2줄이 돼도 카드 높이 고정 */
#index .find-chips a{display:inline-flex; align-items:center; min-height:36px; padding:6px 10px; border-radius:var(--r); background:var(--go-sky-soft); font-size:15px; font-weight:700; color:var(--go-sky-d); animation:goPop .25s ease both; transition:background .15s, color .15s;}
#index .find-chips a:hover{background:var(--go-sky); color:#fff;}
@keyframes goPop{from{opacity:0; transform:translateY(4px);} to{opacity:1; transform:none;}}
#index .find-go{display:inline-flex; align-items:center; align-self:flex-start; gap:6px; margin-top:auto; font-size:15px; font-weight:600; color:var(--go-sky);}
#index .find-go::after{content:""; width:6px; height:6px; box-sizing:border-box; flex:none; border:solid currentColor; border-width:2px 2px 0 0; transform:rotate(45deg);}

#index .fee-body{display:flex; flex-direction:column; gap:10px; flex:1; margin-top:16px;}
#index .fee-range-top{display:flex; align-items:baseline; justify-content:space-between; font-size:13px; font-weight:600; color:rgba(255,255,255,.75);}
#index .fee-range-top label{margin:0; font:inherit; color:inherit;}
#index .fee-range-top output{font-size:15px; font-weight:700; color:#fff;}
#index .fee-range-bar{--val:50%; position:relative; height:24px; margin-top:4px;}
#index .fee-track{position:absolute; top:50%; left:0; right:0; height:6px; margin-top:-3px; border-radius:3px; background:rgba(255,255,255,.2);}
#index .fee-fill{position:absolute; top:0; bottom:0; left:0; width:var(--val); border-radius:3px; background:var(--go-sky);}
#index .fee-thumb{position:absolute; top:50%; left:var(--val); width:22px; height:22px; margin:-11px 0 0 -11px; border:5px solid var(--go-sky); border-radius:50%; background:#fff; box-shadow:0 2px 6px rgba(0,0,0,.3); box-sizing:border-box; pointer-events:none;}
#index .fee-range-bar input{position:absolute; inset:0; width:100%; height:100%; margin:0; opacity:0; cursor:pointer;}
#index .fee-range-bar input:focus-visible ~ .fee-thumb{outline:2px solid #fff; outline-offset:2px;}
#index .index-fee .dash-sel select{height:42px; border-color:rgba(255,255,255,.18); background:rgba(255,255,255,.08); font-size:14px; color:#fff;}
#index .index-fee .dash-sel select option{color:var(--go-ink);}
/* 2026-11-10 펼친 목록의 선택된 항목 회색 → 하늘색(#009de8). 브라우저 기본 목록이라 마우스 올림 색·모바일 선택창은 기기 기본 */
#index .dash-sel select option:checked{background:#009de8 linear-gradient(0deg,#009de8 0%,#009de8 100%); color:#fff;}
/* 2026-11-10 PC 직접 만든 선택 목록(main.js). 모바일(767px 이하)은 기본 select 그대로 */
#index .dash-sel .cs-btn,
#index .dash-sel .cs-list{display:none;}
@media (min-width:768px){
  #index .dash-sel.has-cs select{display:none;}
  #index .dash-sel.has-cs .cs-btn{display:block;}
  #index .dash-sel.has-cs .cs-list:not([hidden]){display:block;}
}
#index .dash-sel .cs-btn{width:100%; height:46px; margin:0; padding:0 36px 0 12px; border:1px solid var(--go-line); border-radius:var(--r); background:#fff; font-family:inherit; font-size:16px; font-weight:500; line-height:44px; color:var(--go-ink); text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:pointer;}
#index .find-body .dash-sel .cs-btn{font-size:15px;}
#index .dash-sel .cs-btn:focus-visible{outline:2px solid #009de8; outline-offset:1px;}
#index .dash-sel.is-open .cs-btn{border-color:#009de8;}
#index .dash-sel.is-open::after{transform:translateY(-20%) rotate(225deg);}
#index .index-fee .dash-sel .cs-btn{height:42px; line-height:40px; border-color:rgba(255,255,255,.18); background:rgba(255,255,255,.08); font-size:14px; color:#fff;}
#index .dash-sel .cs-list{position:absolute; z-index:20; top:calc(100% + 4px); left:0; right:0; margin:0; padding:4px 0; overflow-y:auto; border:1px solid var(--go-line); border-radius:var(--r); background:#fff; box-shadow:0 8px 20px rgba(15,27,45,.18); list-style:none; outline:0;}
#index .dash-sel.is-up .cs-list{top:auto; bottom:calc(100% + 4px);}
#index .index-visual .dash-ct.cs-open{z-index:5;}
#index .dash-sel .cs-list li{margin:0; padding:8px 12px; font-size:14px; font-weight:500; line-height:1.4; color:var(--go-ink); word-break:keep-all; cursor:pointer;}
#index .dash-sel .cs-list li[aria-selected="true"]{font-weight:700; color:#009de8;}
#index .dash-sel .cs-list li.is-active{background:#009de8; color:#fff;}
#index .index-fee .dash-sel::after{color:#fff;}
#index .fee-res{margin-top:auto; padding-top:12px; border-top:1px solid rgba(255,255,255,.14); text-align:right;}
#index .fee-note{margin:0 0 6px; font-size:11px; line-height:1.4; font-weight:400; color:rgba(255,255,255,.85); text-align:left;}
#index .fee-label{margin:0; font-size:12px; font-weight:600; color:rgba(255,255,255,.65); text-align:left;}
#index .fee-sum{margin:0; font-size:28px; font-weight:700; letter-spacing:-1px; line-height:1.2; color:#fff;}
#index .fee-sum small{margin-left:2px; font-size:15px;}
#index .fee-calc{margin:8px 0 0; font-size:11px; color:rgba(255,255,255,.5);}

#index .index-notice > div{display:flex; flex-direction:column; height:100%;}
#index .index-notice .tab{position:relative; display:flex; gap:16px; width:auto; height:auto; margin:0; padding:0 70px 0 0; border:0;}
#index .index-notice .tab li{position:static; width:auto; height:auto; margin:0; padding:0; border:0; background:none;}
#index .index-notice .tab li > a:first-child{display:block; height:auto; padding:0 0 3px; border-bottom:2px solid transparent; background:none; font-family:"Pretendard",sans-serif; font-size:17px !important; font-weight:700; line-height:normal; color:var(--go-gray2); opacity:1;}
#index .index-notice .tab li > a:first-child:hover{opacity:1; color:var(--go-ink);}
#index .index-notice .tab li > a:first-child::after{display:none !important;}
#index .index-notice .tab li.on > a:first-child{border-color:var(--go-sky); color:var(--go-ink);}
#index .index-notice .tab li .icon-plus-blk{position:absolute; top:3px; right:0; display:none; width:auto; height:auto; margin:0; overflow:visible; background:none; font-size:0; color:var(--go-gray); text-indent:0; transition:color .2s;}
#index .index-notice .tab li.on .icon-plus-blk{display:inline-flex; align-items:center; gap:0;}
#index .index-notice .tab li .icon-plus-blk::before{content:"더보기"; position:static; display:block; width:auto; height:auto; background:none; font-size:13px; font-weight:600; line-height:normal; color:inherit;}
#index .index-notice .tab li .icon-plus-blk::after{content:""; position:static; display:block; width:6px; height:6px; margin-left:7px; box-sizing:border-box; flex:none; border:solid currentColor; border-width:2px 2px 0 0; background:none; transform:rotate(45deg);}
#index .index-notice .tab li .icon-plus-blk:hover{opacity:1; color:var(--go-sky); transform:none;}
#index .index-notice .list{display:none; flex:1; flex-direction:column; max-height:none; margin:12px 0 0; padding:0; overflow:hidden;}
#index .index-notice .list.on{display:flex;}
#index .index-notice .list li{display:flex; flex:1 1 0; min-height:0; max-height:62px; margin:0; padding:0; border:0; border-top:1px solid var(--go-line); background:none;}
#index .index-notice .list li:first-child{border-top:0;}
#index .index-notice .list li:nth-child(n+5){display:none;}
#index .index-notice .list li a{display:flex; align-items:center; gap:16px; width:100%; height:auto; margin:0; padding:0; color:var(--go-ink);}
#index .index-notice .list li a::before{display:none;}
#index .index-notice .list li p{flex:1; min-width:0; margin:0; padding:0; overflow:hidden; font-size:15px !important; font-weight:600; line-height:1.4; color:inherit; white-space:nowrap; text-overflow:ellipsis;}
#index .index-notice .list li p::before{display:none;}
#index .index-notice .list li p span{font-weight:600; color:var(--go-gray);}
#index .index-notice .list li p img{display:inline-block; width:14px; height:14px; margin-left:4px; vertical-align:-1px; opacity:.6;}
#index .index-notice .list li a:hover p{color:var(--go-sky);}
#index .index-notice .list li .date{flex:none; position:static; margin:0; font-size:13px !important; font-weight:400; color:var(--go-gray2);}

#index .index-visual .sect1{position:relative; z-index:2; padding:28px 0 0 !important; background:none; pointer-events:none;}
#index .index-visual .sect1 > .container > *{pointer-events:auto;}
#index .index-visual .sect1 .sect-head{display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 14px;}
#index .index-visual .sect1 .sect-head h3{margin:0; font-family:var(--font-tit); font-size:22px !important; font-weight:400; letter-spacing:-.02em; color:#fff; text-shadow:0 1px 10px rgba(0,0,0,.35);}
#index .index-visual .sect1 .tab{display:flex; gap:4px; width:auto; height:auto; margin:0; padding:0; border:0; background:none;}
#index .index-visual .sect1 .tab li{width:auto; height:auto; margin:0; padding:0; border:0; background:none;}
#index .index-visual .sect1 .tab li a{display:flex; align-items:center; height:38px; padding:0 18px; border:0; border-radius:var(--r); background:rgba(255,255,255,.88); font-size:15px !important; font-weight:700; color:var(--go-gray);}
#index .index-visual .sect1 .tab li a::after{display:none;}
#index .index-visual .sect1 .tab li.on a{background:var(--go-sky); color:#fff;}
#index .index-visual .sect1 .process{display:none; grid-template-columns:repeat(5,minmax(0,1fr)); gap:var(--gap); width:auto; margin:0; padding:0;}
#index .index-visual .sect1 .process.on{display:grid;}
#index .index-visual .sect1 .process > li{position:relative; display:grid; grid-template-columns:72px minmax(0,1fr); grid-template-rows:auto auto auto; align-content:center; column-gap:14px; width:auto; height:96px; margin:0; padding:0 16px 0 12px; transition:background .2s, color .2s;}
#index .index-visual .sect1 .process > li:hover{background:var(--go-sky); color:#fff;}
#index .index-visual .sect1 .process > li > img{grid-column:1; grid-row:1/4; align-self:center; width:72px; height:72px; margin:0; border-radius:3px; object-fit:cover;}
#index .index-visual .sect1 .process > li .step{grid-column:2; display:block; margin:0; padding:0;}
#index .index-visual .sect1 .process > li .step span{display:block; font-size:12px !important; font-weight:700; letter-spacing:.6px; line-height:1.4; color:var(--go-sky); text-transform:uppercase;}
#index .index-visual .sect1 .process > li:hover .step span{color:#cdeeff;}
#index .index-visual .sect1 .process > li .step .icon{display:none;}
#index .index-visual .sect1 .process > li strong{grid-column:2; display:block; margin:2px 0 0; font-size:17px !important; font-weight:700; letter-spacing:-.4px; line-height:1.3; color:inherit; word-break:keep-all;}
#index .index-visual .sect1 .process > li .btn{position:static; grid-column:2; display:inline-flex; align-items:center; gap:6px; justify-self:start; justify-content:flex-start; width:auto !important; height:auto; min-height:0; margin:4px 0 0; padding:0; border:0; background:none !important; font-size:13px !important; font-weight:600; color:var(--go-gray) !important; box-shadow:none;}
#index .index-visual .sect1 .process > li .btn::before{content:""; position:absolute; inset:0; z-index:1; border-radius:var(--r);}
#index .index-visual .sect1 .process > li .btn .icon{width:5px; height:5px; margin:0; filter:none; box-sizing:border-box; flex:none; border:solid currentColor; border-width:2px 2px 0 0; background:none; transform:rotate(45deg);}
#index .index-visual .sect1 .process > li:hover .btn{color:#fff !important;}
#index .index-visual .sect1 .process > li + li::before{content:""; position:absolute; top:50%; left:calc(var(--gap) / -2 - 5px); width:10px; height:12px; margin-top:-6px; background:var(--go-sky); clip-path:polygon(0 0,100% 50%,0 100%);}

/* 원하는 정보 */
#index .sect2{margin:0; background:#fff;}
#index .sect2::before,
#index .sect2::after{display:none;}
#index .sect2 .quick-links{display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); grid-auto-rows:260px; gap:var(--gap); width:auto; margin:0; padding:0;}
#index .sect2 .quick-links > h3{grid-column:1; grid-row:1/3; margin:0; color:var(--go-ink) !important;}
#index .sect2 .quick-grid{display:contents;}
#index .sect2 .quick-grid .card{position:relative; width:auto !important; min-width:0; max-width:none; height:auto; min-height:0; aspect-ratio:auto; margin:0; padding:0; border:0; border-radius:var(--r); background:var(--go-sky-pale); overflow:hidden; transition:background .2s; box-shadow:none;}
#index .sect2 .quick-grid .card.mo{display:none !important;}
#index .sect2 .quick-grid .card.pc{display:block !important;}
#index .sect2 .quick-grid .card::before{display:none;}
#index .sect2 .quick-grid .card > a{position:relative; display:flex; flex-direction:column; justify-content:space-between; width:100%; height:100%; padding:28px 26px 24px; color:var(--go-ink);}
#index .sect2 .quick-grid .card strong{display:block; font-size:22px !important; font-weight:700; letter-spacing:-.5px; line-height:1.3; color:inherit;}
#index .sect2 .quick-grid .card p{margin:8px 0 0; font-size:15px; font-weight:400; line-height:1.6; color:var(--go-gray); white-space:normal;}
#index .sect2 .quick-grid .card > a::before{content:""; position:absolute; bottom:24px; left:26px; width:40px; height:40px; background:var(--go-sky); -webkit-mask:var(--ic) no-repeat center / contain; mask:var(--ic) no-repeat center / contain;}
#index .sect2 .quick-grid .card > a::after{content:""; position:absolute; right:26px; bottom:24px; width:36px; height:36px; border-radius:var(--r); background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 17L17 7M9 7h8v8' fill='none' stroke='%230F1B2D' stroke-width='2.4'/%3E%3C/svg%3E") no-repeat center / 15px; transition:background-color .2s;}
#index .sect2 .quick-grid .card .icon{display:none;}
#index .sect2 .quick-grid .card:hover{background:var(--go-sky-soft);}
#index .sect2 .quick-grid .card:hover > a::after{background-color:var(--go-sky); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 17L17 7M9 7h8v8' fill='none' stroke='%23fff' stroke-width='2.4'/%3E%3C/svg%3E");}
#index .sect2 .quick-grid .card.blue:not(.v2){background:var(--go-blue); color:#fff;}
#index .sect2 .quick-grid .card.navy{background:var(--go-ink);}
#index .sect2 .quick-grid .card.blue:not(.v2) > a,
#index .sect2 .quick-grid .card.navy > a{color:#fff;}
#index .sect2 .quick-grid .card.blue:not(.v2) p{color:rgba(255,255,255,.8);}
#index .sect2 .quick-grid .card.navy p{color:rgba(255,255,255,.7);}
#index .sect2 .quick-grid .card.blue:not(.v2) > a::before,
#index .sect2 .quick-grid .card.navy > a::before{background:#fff;}
#index .sect2 .quick-grid .card.blue:not(.v2):hover{background:var(--go-blue-d);}
#index .sect2 .quick-grid .card.wide{grid-column:2/4; grid-row:1; background:var(--go-sky);}
#index .sect2 .quick-grid .card.wide > a{color:#fff;}
#index .sect2 .quick-grid .card.wide strong{font-size:30px !important; letter-spacing:-.8px;}
#index .sect2 .quick-grid .card.wide p{font-size:16px; color:rgba(255,255,255,.9);}
#index .sect2 .quick-grid .card.wide img{position:absolute; right:90px; bottom:24px; width:150px; height:auto; margin:0;}
#index .sect2 .quick-grid .card.wide > a::before{display:none;}
#index .sect2 .quick-grid .card.wide > a::after{background-color:rgba(255,255,255,.2); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 17L17 7M9 7h8v8' fill='none' stroke='%23fff' stroke-width='2.4'/%3E%3C/svg%3E");}
#index .sect2 .quick-grid .card.wide:hover{background:var(--go-sky-d);}
#index .sect2 .quick-grid .card:nth-child(1){grid-column:4; grid-row:1; --ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 6.5C10.3 5.2 7.6 4.6 4 4.8v13.4c3.6-.2 6.3.4 8 1.7 1.7-1.3 4.4-1.9 8-1.7V4.8c-3.6-.2-6.3.4-8 1.7zM12 6.5v13.4' fill='none' stroke='%23000' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E");}
#index .sect2 .quick-grid .card:nth-child(2){grid-column:5; grid-row:1; --ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 3H6.5A1.5 1.5 0 0 0 5 4.5v15A1.5 1.5 0 0 0 6.5 21h11a1.5 1.5 0 0 0 1.5-1.5V8z' fill='none' stroke='%23000' stroke-width='1.6' stroke-linejoin='round'/%3E%3Cpath d='M14 3v5h5M8.5 12.5h7M8.5 16h5' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
#index .sect2 .quick-grid .card:nth-child(6){grid-column:2; grid-row:2;}
#index .sect2 .quick-grid .card:nth-child(7){grid-column:3; grid-row:2; --ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3.5' y='8' width='17' height='4.5' rx='1' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3Cpath d='M5 12.5V20h14v-7.5M12 8v12M12 8C11 5 7.5 4 7.5 6.5S11 8 12 8zm0 0c1-3 4.5-4 4.5-1.5S13 8 12 8z' fill='none' stroke='%23000' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E");}
#index .sect2 .quick-grid .card:nth-child(8){grid-column:4; grid-row:2; --ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='9' r='5.5' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3Cpath d='M8.6 13.4L7 21l5-2.6 5 2.6-1.6-7.6' fill='none' stroke='%23000' stroke-width='1.6' stroke-linejoin='round'/%3E%3Cpath d='M10 9l1.5 1.5L14.5 7.5' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
#index .sect2 .quick-grid .card:nth-child(9){grid-column:5; grid-row:2;}
#index .sect2 .quick-grid .card.v2{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.5' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3Cpath d='M8.5 9l1.6 6 1.9-5 1.9 5 1.6-6M8 12h8' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
#index .sect2 .quick-grid .card.navy{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 9l10-4.5L22 9l-10 4.5z' fill='none' stroke='%23000' stroke-width='1.6' stroke-linejoin='round'/%3E%3Cpath d='M6 11v4.8c0 1.5 2.7 3.2 6 3.2s6-1.7 6-3.2V11M22 9v5.5' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}

/* 학과 */
#index .sect3{background:var(--go-bg);}
#index .sect3::before,
#index .sect3::after{display:none;}
#index .sect3 .sect-inner,
#index .sect4 .sect-inner{width:auto; margin:0; padding:0;}
#index .sect3 .sticky-wrap,
#index .sect4 .sticky-wrap{display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:var(--gap); width:auto; height:auto; margin:0; padding:0;}
#index .sect3 .sticky-nav,
#index .sect4 .sticky-nav{position:static; grid-column:1; display:flex; flex-direction:column; align-items:flex-start; gap:0; width:auto !important; min-width:0 !important; max-width:none !important; height:auto; margin:0; padding:0; background:none; opacity:1; visibility:visible; transform:none;}
#index .sect3 .sticky-nav h3,
#index .sect4 .sticky-nav h3{margin:0; color:var(--go-ink) !important; white-space:normal;}
#index .sect3 .sticky-nav .btn{margin-top:36px;}
#index .sect3 .sticky-list-wrap{grid-column:2/6; width:auto; max-width:none; height:auto; margin:0; padding:0;}
#index .sect3 .index-department{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--gap); width:auto; margin:0; padding:0;}
#index .sect3 .major-wrap{display:contents;}
#index .sect3 .major2_box{position:relative; display:flex; flex-direction:column; grid-column:span 2; width:auto; height:auto; margin:0; padding:0; border:0; border-radius:var(--r); background:#fff; transition:box-shadow .25s;}
#index .sect3 .major2_box.mo{display:none;}
#index .sect3 .major-wrap + .major-wrap .major2_box.pc{grid-column:span 1;}
#index .sect3 .major2_box:hover{box-shadow:0 18px 40px rgba(15,27,45,.1);}
#index .sect3 .major2_box .img-bx{position:relative; display:flex; align-items:center; justify-content:center; width:auto; height:170px; min-height:0; margin:0; padding:0 16px; border-radius:var(--r) var(--r) 0 0; background:#33404f no-repeat center / cover; overflow:hidden; text-align:center;}
#index .sect3 .major2_box .img-bx::before{content:""; position:absolute; inset:0; background:inherit; background-size:cover; transition:transform .5s;}
#index .sect3 .major2_box .img-bx::after{content:""; position:absolute; inset:0; background:rgba(0,0,0,.45); transition:background .3s;}
#index .sect3 .major2_box:hover .img-bx::before{transform:scale(1.05);}
#index .sect3 .major2_box:hover .img-bx::after{background:rgba(0,0,0,.35);}
#index .sect3 .major2_box .img-bx[data-img="1"]{background-image:url(../img/college-1.jpg);}
#index .sect3 .major2_box .img-bx[data-img="8"]{background-image:url(../img/college-2.jpg);}
#index .sect3 .major2_box .img-bx[data-img="6"]{background-image:url(../img/college-3.jpg);}
#index .sect3 .major2_box .img-bx[data-img="11"]{background-image:url(../img/college-4.jpg);}
#index .sect3 .major2_box .img-bx[data-img="12"]{background-image:url(../img/college-5.jpg);}
#index .sect3 .major2_box .img-bx p{position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:6px; margin:0; padding:0; font-family:var(--font-tit); font-size:24px !important; font-weight:400; letter-spacing:-.02em; line-height:1.3; color:#fff; text-shadow:0 2px 12px rgba(0,0,0,.35);}
#index .sect3 .major2_box .img-bx p small{font-family:"Pretendard",sans-serif; font-size:14px; font-weight:600; opacity:.85;}
#index .sect3 .major2_box > ul{display:flex; flex-wrap:wrap; align-content:flex-start; gap:8px; flex:1; width:auto; margin:0; padding:22px;}
#index .sect3 .major2_box > ul > li{position:relative; display:block; width:auto; height:auto; margin:0; padding:0; border:0; background:none;}
#index .sect3 .major2_box > ul > li::before,
#index .sect3 .major2_box > ul > li::after{display:none;}
#index .sect3 .major2_box .tit{margin:0; padding:0;}
#index .sect3 .major2_box .tit a{display:inline-flex; align-items:center; width:auto; height:38px; margin:0; padding:0 16px; border:0; border-radius:999px; background:var(--go-bg); font-size:15px; font-weight:600; line-height:1.2; color:var(--go-gray); text-align:left; white-space:nowrap; transition:background .15s, color .15s;}
#index .sect3 .major2_box .tit a br{display:none;}
#index .sect3 .major2_box .tit a::before,
#index .sect3 .major2_box .tit a::after{display:none;}
#index .sect3 .major2_box .tit a:hover,
#index .sect3 .major2_box .tit a:focus-visible{background:var(--go-sky); color:#fff;}
#index .sect3 .major2_box .link_box{display:none !important;}

/* 지원자 유형별 입학전형 */
#index .sect4{background:#fff;}
#index .sect4::before,
#index .sect4::after{display:none;}
#index .sect4 .sticky-nav ul{display:grid; grid-template-columns:minmax(0,1fr); gap:8px; width:100%; max-width:none; margin:40px 0 0; padding:0;}
#index .sect4 .sticky-nav ul li{width:auto; max-width:none; margin:0; padding:0; border:0; background:none;}
#index .sect4 .sticky-nav ul li::before,
#index .sect4 .sticky-nav ul li::after{display:none !important;}
#index .sect4 .sticky-nav ul li a{position:relative; display:flex; align-items:center; justify-content:space-between; height:52px; padding:0 18px; border:0; border-radius:var(--r); background:var(--go-bg); font-size:16px !important; font-weight:700; color:var(--go-gray); transition:background .2s, color .2s;}
#index .sect4 .sticky-nav ul li a::before{display:none;}
#index .sect4 .sticky-nav ul li a::after{content:""; position:static; display:block; width:7px; height:7px; box-sizing:border-box; flex:none; border:solid currentColor; border-width:2px 2px 0 0; background:none; transform:rotate(45deg); opacity:1;}
#index .sect4 .sticky-nav ul li.active a{background:var(--go-sky); color:#fff;}
#index .sect4 .sticky-list-wrap{grid-column:2/6; width:auto; max-width:none; height:auto; margin:0; padding:0; overflow:visible;}
#index .sect4 .sticky-list-wrap > .swiper-wrapper{display:block; height:auto; transform:none !important;}
#index .sect4 .sticky-list{width:auto !important; height:auto; margin:0; padding:0; opacity:1; transform:none;}
#index .sect4.is-tab .sticky-list{display:none;}
#index .sect4.is-tab .sticky-list.is-on{display:block;}
#index .sect4 .sticky-list + .sticky-list{margin-top:var(--gap);}
#index .sect4.is-tab .sticky-list + .sticky-list{margin-top:0;}
#index .sect4 .cont{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); grid-template-rows:auto auto 1fr; column-gap:var(--gap); width:auto; height:auto; min-height:440px; margin:0; padding:0; border:0; border-radius:var(--r); background:var(--go-sky-pale); overflow:hidden; box-shadow:none;}
#index .sect4 .cont-head{grid-column:1/3; grid-row:1/4; position:relative; width:auto; height:auto; margin:0; padding:0;}
#index .sect4 .cont-head img{position:absolute; inset:0; width:100%; height:100%; margin:0; border-radius:0; object-fit:cover;}
#index .sect4 .cont-head .caption{display:none;}
#index .sect4 .cont-body{grid-column:3/5; display:block; margin:0; padding:44px 40px 0 0;}
#index .sect4 .cont-body h3{margin:0; font-family:var(--font-tit); font-size:36px !important; font-weight:400; letter-spacing:-.02em; line-height:1.3; color:var(--go-ink);}
#index .sect4 .cont-body p{margin:10px 0 0; font-size:17px; font-weight:400; line-height:1.6; color:var(--go-gray);}
#index .sect4 .cont-body p br{display:none;}
#index .sect4 .type-list{grid-column:3/5; display:flex; flex-wrap:wrap; align-content:flex-start; gap:8px; margin:0; padding:24px 40px 44px 0;}
#index .sect4 .type-list li{width:auto; margin:0; padding:0; border:0; background:none;}
#index .sect4 .type-list li a{display:flex; align-items:center; height:38px; padding:0 14px; border:0; border-radius:var(--r); background:#fff; font-size:15px !important; font-weight:600; color:var(--go-sky-d); transition:background .15s, color .15s;}
#index .sect4 .type-list li a:hover{background:var(--go-sky); color:#fff;}

/* 영상 */
#index .sect5{padding-bottom:0 !important; background:var(--go-ink); box-shadow:0 1px 0 var(--go-ink); color:#fff; overflow:hidden;}
#index .sect5::before,
#index .sect5::after{display:none;}
#index .sect5 .sect-head{display:flex; flex-direction:row; align-items:flex-end; justify-content:space-between; gap:20px; margin:0 0 56px;}
#index .sect5 .sect-head h3{margin:0; color:#fff !important;}
#index .sect5 .btn-wrap{margin:0;}
#index .sect5 .youtube-swiper{width:auto; margin:0 var(--gap); padding:0; overflow:hidden;}
#index .sect5 .youtube-swiper .swiper-wrapper{height:auto; margin:0; padding:0;}
#index .sect5 .youtube-swiper .swiper-slide{height:auto; opacity:1; transform:none; transition:none;}
#index .sect5 .youtube-swiper .swiper-slide a{display:block; color:#fff;}
#index .sect5 .youtube-swiper .img_box_{position:relative; width:auto; height:auto; margin:0; aspect-ratio:1/1; border-radius:var(--r); background:#223; overflow:hidden;}
#index .sect5 .youtube-swiper .img_box_ img{width:100%; height:100%; object-fit:cover; transition:transform .5s;}
#index .sect5 .youtube-swiper a:hover .img_box_ img{transform:scale(1.05);}
#index .sect5 .youtube-swiper .img_box_::after{content:""; position:absolute; bottom:16px; left:16px; width:48px; height:48px; border-radius:var(--r); background:var(--go-sky) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 7l9 5-9 5z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center / 24px;}
#index .sect5 .youtube-swiper .swiper-slide p{display:-webkit-box; margin:16px 0 0; overflow:hidden; font-size:17px !important; font-weight:600; line-height:1.55; color:rgba(255,255,255,.9); -webkit-line-clamp:2; -webkit-box-orient:vertical;}
#index .sect5 .youtube-swiper .swiper-pagination{display:none;}

#index .sect6{margin:0; padding:100px 0 0 !important; background:var(--go-ink); overflow:hidden; pointer-events:none;}
#index .sect6 .rolling-wrap,
#index .sect6 .rolling-swiper{width:auto; height:auto; margin:0; padding:0; overflow:visible;}
#index .sect6 .rolling{display:flex; width:max-content; height:auto; margin:0; animation:none; transform:none !important;}
#index .sect6 .rolling .swiper-slide{flex:none; width:auto !important; height:auto; margin:0; padding-right:80px; font-size:180px !important; font-weight:700; letter-spacing:-4px; line-height:1; color:transparent; -webkit-text-stroke:1.5px rgba(255,255,255,.16); white-space:nowrap; animation:goMarquee 40s linear infinite;}
@keyframes goMarquee{to{transform:translateX(-100%);}}

/* 입학관련신청 */
#quick,
#quick *{font-family:"Pretendard",-apple-system,"Apple SD Gothic Neo",sans-serif;}
#quick{position:fixed; top:50%; right:0; left:auto; bottom:auto; z-index:45; width:120px; margin:0; padding:0; border-radius:4px 0 0 4px; overflow:hidden; font-size:15px; font-weight:500; color:#fff; text-align:center; box-shadow:0 10px 30px rgba(15,27,45,.18); transform:translateY(-50%);}
#quick > div{display:grid; place-items:center; height:42px; padding:0; background:var(--go-sky); font-size:15px; font-weight:700; color:#fff;}
#quick ul{margin:0; padding:4px 12px; background:rgba(15,27,45,.82); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);}
#quick ul li{margin:0; padding:0; border:0; background:none;}
#quick ul li + li{border-top:1px solid rgba(255,255,255,.16);}
#quick ul li a{display:block; padding:12px 0; background:none; font-size:15px; font-weight:500; color:#fff; transition:color .15s;}
#quick ul li a:hover{color:#8fdcff;}

/* 시안 보정 */
#index .index-visual .schedule{align-self:stretch; height:auto !important; margin:0 !important;}
#index .index-visual .sect1 .sect-head h3{line-height:normal;}
#index .index-visual .sect1 .process > li{grid-template-rows:1fr auto auto auto 1fr; align-content:stretch;}
#index .index-visual .sect1 .process > li > img{grid-row:1/-1;}
#index .index-visual .sect1 .process > li .step{grid-row:2;}
#index .index-visual .sect1 .process > li strong{grid-row:3;}
#index .index-visual .sect1 .process > li .btn{grid-row:4; min-width:0;}
#index .index-visual .sect1 .process > li .step span{line-height:normal;}
#index .index-visual .sect1 .process > li:hover .step span{color:#cdeeff !important;}
#index .sect3 .sticky-nav .btn .icon,
#index .sect5 .sect-head .btn .icon,
#index .sect4 .go-btn .icon{filter:none;}
#index .sect4 .go-btn .icon{flex:none; width:15px; height:15px; margin:0; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 17L17 7M9 7h8v8' fill='none' stroke='%23000' stroke-width='2.4'/%3E%3C/svg%3E") no-repeat center / contain; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 17L17 7M9 7h8v8' fill='none' stroke='%23000' stroke-width='2.4'/%3E%3C/svg%3E") no-repeat center / contain;}
#index .sect4 .go-btn:hover{background:var(--go-blue); color:#fff;}
#index .sect4 .sticky-list-wrap{align-self:stretch; display:flex; flex-direction:column;}
#index .sect4 .sticky-list-wrap > .swiper-wrapper{display:flex; flex:1; flex-direction:column;}
#index .sect4.is-tab .sticky-list.is-on{display:flex; flex:1; flex-direction:column;}
#index .sect4 .cont{flex:1; grid-template-rows:auto 1fr auto;}
#index .sect4 .cont-body h3{line-height:normal;}
#index .sect4 .type-list{padding-bottom:0;}
#index .sect4 .go-btn{grid-column:3/5; align-self:end; margin:28px 0 44px;}
#index .sect6 .rolling .swiper-slide{background:none; -webkit-background-clip:border-box; background-clip:border-box;}
@media (max-width:1024px){
  #index .sect4 .cont{grid-template-rows:auto auto auto auto;}
  #index .sect4 .go-btn{grid-column:1; margin:0 28px 28px;}
}
@media (max-width:767px){
  #index .sect4 .go-btn{margin:0 18px 22px;}
}

/* hover */
#index a:hover,
#quick a:hover{opacity:1;}
#index .index-visual .schedule > a .icon-plus:hover{transform:none;}
#index .sect3 .sticky-nav .btn:hover,
#index .sect5 .sect-head .btn:hover{border:0; background:var(--go-blue) !important; color:#fff !important;}
#index .sect3 .sticky-nav .btn:hover .icon,
#index .sect5 .sect-head .btn:hover .icon{filter:none;}
#index .index-visual .btn-links a:hover::before{background-color:#fff; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4' fill='%23055CD8'/%3E%3Cpath d='M4 21c0-4.4 3.6-7 8-7s8 2.6 8 7z' fill='%23055CD8'/%3E%3C/svg%3E");}
#index .index-visual .btn-links a + a:hover::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 20h4L19 9l-4-4L4 16z' fill='%23055CD8'/%3E%3Cpath d='M3 22h18' stroke='%23055CD8' stroke-width='2'/%3E%3C/svg%3E");}
#index .sect2 .quick-grid .card.wide:hover > a::after{background-color:var(--go-sky);}

/* 1700 이하 */
@media (max-width:1700px){
  #quick{display:none;}
  #index .find-seg button{font-size:14px;}
}

/* 1560 이하 */
@media (max-width:1560px){
  #index .index-visual .v_text h2{font-size:44px !important;}
  #index .index-visual .v_text > p{font-size:19px;}
  #index .index-visual .btn-links a{padding:0 18px 0 80px;}
  #index .index-visual .btn-links a::before{left:18px; width:44px; height:44px; margin-top:-22px; background-size:22px;}
  #index .index-visual .btn-links a b{font-size:18px !important;}
  #index .index-visual .btn-links a .txt{display:none;}
  #index .index-visual .schedule ul li .date{font-size:15px !important;}
  #index .index-visual .schedule ul li p{font-size:13px !important;}
  #index .index-visual .sect1 .process > li{grid-template-columns:56px minmax(0,1fr);}
  #index .index-visual .sect1 .process > li > img{width:56px; height:56px;}
  #index .index-visual .sect1 .process > li strong{font-size:15px !important;}
  #index .find-seg button{font-size:13px;}
  #index .find-chips a{padding:6px 10px; font-size:13px;}
  #index .find-tip br{display:none;}
  #index .find-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);} /* 2026-11-10 좁은 화면은 탭 글자 잘림 방지로 반반 유지 */
  #index .sect2 .quick-grid .card.wide img{width:130px;}
}

/* 1361 이상 */
@media (min-width:1361px){
  #index{--hero-pad:max(0px, (100vh - var(--hero-top) - var(--hero-h) - var(--gap) - 520px) / 2);}
  #index .index-fee{padding-right:24px; padding-left:24px;} /* 2026-11-10 16 → 24px, 나의 전형찾기 카드와 같은 좌우 여백 */
  #index .index-fee .dash-sel select{padding:0 28px 0 12px;}
  #index .index-fee .dash-sel .cs-btn{padding:0 28px 0 12px;}
}
@media (min-width:1361px) and (max-width:1600px){
  #index .dash-sel select{font-size:12px;}
  #index .find-body .dash-sel select{font-size:12px;} /* 2026-11-10 위 15px 규칙보다 우선(이 구간은 기존 12px 유지) */
  #index .find-body .dash-sel .cs-btn{font-size:12px;}
  #index .find-qual{min-height:4.5em; font-size:14px;} /* 2026-11-10 이 구간은 지원 자격이 3~4줄로 늘어 카드 높이가 바뀜 → 글자 줄이고 3줄 높이 확보 */
  #index .index-fee .dash-sel select{font-size:12px; letter-spacing:-.04em;}
  #index .index-fee .dash-sel .cs-btn{font-size:12px; letter-spacing:-.04em;}
}

/* 1360 이하 */
@media (max-width:1360px){
  #index{--hero-top:149px;}
  #index .index-visual .v_text{left:calc(var(--go-pad) + 36px); width:calc(100% - 2 * var(--go-pad) - 72px);}
  #index .index-visual .dashboard{grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:var(--hero-h) auto 110px auto auto;}
  #index .visual-roll{grid-column:1/-1;}
  #index .dashboard-swiper{grid-column:1/-1; max-width:calc(100% - 340px);}
  #index .index-visual .schedule{grid-column:1/-1; grid-row:2;}
  #index .index-visual .btn-links.only-pc{grid-column:1/-1; grid-row:3;}
  #index .index-find{grid-column:1/-1; grid-row:4; height:auto; min-height:280px;}
  #index .index-fee{grid-column:1; grid-row:5; height:auto; min-height:280px;}
  #index .index-notice{grid-column:2; grid-row:5; height:auto; min-height:280px;}
  #index .index-notice .list li{flex:none; height:52px;}
  #index .index-visual .sect1 .process > li{grid-template-columns:minmax(0,1fr); grid-template-rows:auto; align-content:start; height:auto; padding:12px;}
  #index .index-visual .sect1 .process > li > img,
  #index .index-visual .sect1 .process > li .step,
  #index .index-visual .sect1 .process > li strong,
  #index .index-visual .sect1 .process > li .btn{grid-column:1; grid-row:auto;}
  #index .index-visual .sect1 .process > li > img{margin-bottom:8px;}

  #index .sect2 .quick-links{grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:auto;}
  #index .sect2 .quick-links > h3{grid-column:1/-1; grid-row:auto; order:-2; margin-bottom:12px;}
  #index .sect2 .quick-grid .card:nth-child(n){grid-column:auto; grid-row:auto; min-height:220px;}
  #index .sect2 .quick-grid .card.wide{grid-column:1/-1; order:-1; min-height:320px;}
  #index .sect2 .quick-grid .card:nth-child(1){order:1;}
  #index .sect2 .quick-grid .card:nth-child(2){order:2;}
  #index .sect2 .quick-grid .card:nth-child(6){order:3;}
  #index .sect2 .quick-grid .card:nth-child(7){order:4;}
  #index .sect2 .quick-grid .card:nth-child(8){order:5;}
  #index .sect2 .quick-grid .card:nth-child(9){order:6;}

  #index .sect3 .sticky-wrap,
  #index .sect4 .sticky-wrap{grid-template-columns:minmax(0,1fr);}
  #index .sect3 .sticky-nav,
  #index .sect4 .sticky-nav{grid-column:1; margin-bottom:12px;}
  #index .sect3 .sticky-list-wrap,
  #index .sect4 .sticky-list-wrap{grid-column:1;}
  #index .sect3 .index-department{grid-template-columns:repeat(2,minmax(0,1fr));}
  #index .sect4 .sticky-nav ul{grid-template-columns:repeat(4,minmax(0,1fr));}

}

/* 1024 이하 */
@media (max-width:1024px){
  #index{--hero-top:84px;}
  #index .index-visual .sect1 .process.on{grid-template-columns:1fr 1fr;}
  #index .index-visual .sect1 .process > li{grid-template-columns:64px minmax(0,1fr); grid-template-rows:auto auto auto; align-content:center; height:auto; min-height:88px;}
  #index .index-visual .sect1 .process > li > img{grid-column:1; grid-row:1/4; width:64px; height:64px; margin:0;}
  #index .index-visual .sect1 .process > li .step,
  #index .index-visual .sect1 .process > li strong,
  #index .index-visual .sect1 .process > li .btn{grid-column:2;}
  #index .index-visual .sect1 .process > li + li::before{display:none;}
  #index .sect4 .cont{grid-template-columns:minmax(0,1fr); grid-template-rows:auto; min-height:0;}
  #index .sect4 .cont-head{grid-column:1; grid-row:auto; height:260px;}
  #index .sect4 .cont-body,
  #index .sect4 .type-list{grid-column:1; padding-left:28px; padding-right:28px;}
  #index .sect4 .cont-body{padding-top:28px;}
  #index .sect4 .type-list{padding-bottom:28px;}
}

/* 767 이하 */
@media (max-width:767px){
  #index{--gap:10px; --hero-h:380px; --hero-top:70px;}
  #index .sect{padding:72px 0 !important;}
  #index .sect h3.fs-2,
  #index .sect .fs-2{font-size:28px !important; letter-spacing:-1px;}
  #index .index-visual-swiper .visual_pc{display:none;}
  /* 2026-11-10 모바일 이미지는 상단 비주얼 영역 높이만큼만(아래 카드 영역까지 늘어나 과하게 확대되던 문제) + 아래쪽 자연스럽게 흐림 */
  #index .index-visual-swiper .visual_m{display:block; bottom:auto; height:calc(var(--hero-top) + var(--hero-h) + 120px); -webkit-mask-image:linear-gradient(180deg,#000 70%,transparent 100%); mask-image:linear-gradient(180deg,#000 70%,transparent 100%);}
  #index .index-visual{padding-bottom:36px;}
  #index .index-visual .v_text{top:calc(var(--hero-top) + var(--hero-h) - 40px); left:calc(var(--go-pad) + 20px); width:calc(100% - 2 * var(--go-pad) - 40px);}
  #index .index-visual .v_text > span{font-size:16px !important;}
  #index .index-visual .v_text h2{margin-top:12px; font-size:30px !important; letter-spacing:-1px;}
  #index .index-visual .v_text > p{margin-top:8px; font-size:15px;}
  #index .index-visual .v_text h2 .br-m{display:inline;}
  #index .index-visual .dashboard{grid-template-rows:var(--hero-h) auto 84px auto auto auto;}
  #index .visual-roll{grid-row:1; justify-self:start; margin:78px 0 0 20px;}
  #index .dashboard-swiper{max-width:calc(100% - 40px); margin:20px 0 0 20px;}
  #index .dashboard-swiper .swiper-slide a{flex-direction:row !important; padding:6px 14px 6px 6px;}
  #index .dashboard-swiper .swiper-slide a.no-tag{padding-left:14px;}
  #index .dashboard-swiper .swiper-slide .tag{line-height:1.4;}
  #index .dashboard-swiper .swiper-slide p{min-width:0; font-size:14px !important;}
  /* 2026-11-11 모바일 상단 띠배너 문구 한 줄 + 말줄임 */
  #index .dashboard-swiper{max-width:calc(100vw - 40px);} /* 그리드 칸이 문구 폭만큼 늘어나 %가 안 먹힘 → 화면 폭 기준 */
  #index .dashboard-swiper .swiper-slide{display:block;} /* 공지 1개일 때 style.css 의 -webkit-box 가 남아 문구가 줄지 않고 캡슐 밖으로 밀림 */
  #index .dashboard-swiper .swiper-slide p{flex:1 1 auto; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
  #index .dashboard-swiper .swiper-slide p span{display:inline !important; max-height:none; -webkit-line-clamp:unset; white-space:nowrap !important;}
  #index .index-visual .schedule{padding:20px;}
  #index .index-visual .schedule ul{flex-direction:column; justify-content:flex-start; height:auto !important; padding-top:16px;}
  #index .index-visual .schedule ul::before{content:""; position:absolute; top:26px; bottom:10px; left:9px; width:3px; background:var(--go-line);}
  #index .index-visual .schedule ul li::after{display:none !important;}
  #index .index-visual .schedule ul li{display:block; flex:none; padding:0; container-type:normal; height:auto !important; min-height:0; aspect-ratio:auto; text-align:left;}
  #index .index-visual .schedule ul li a{display:grid; width:100%; grid-template-columns:21px 100px minmax(0,1fr); align-items:center; column-gap:14px; padding:7px 0;}
  #index .index-visual .schedule ul li a::before{margin:0;}
  #index .index-visual .schedule ul li a > div{display:contents;}
  #index .index-visual .schedule ul li .date{margin:0; font-size:15px !important; white-space:nowrap;}
  #index .index-visual .schedule ul li p{max-width:none; margin:0; padding-right:60px; font-size:14px !important;}
  #index .index-visual .schedule ul li p br{display:none;}
  #index .index-visual .schedule ul li .now{top:50%; left:auto; right:0; transform:translateY(-50%);}
  #index .index-visual .btn-links.only-pc{display:grid !important; grid-row:3;}
  #index .index-visual .btn-links a{padding:0 14px 0 62px;}
  #index .index-visual .btn-links a::before{left:14px; width:38px; height:38px; margin-top:-19px; background-size:20px;}
  #index .index-visual .btn-links a b{font-size:16px !important;}
  #index .index-find,
  #index .index-fee,
  #index .index-notice{grid-column:1/-1; min-height:0; padding:20px;}
  #index .index-find{grid-row:4;}
  #index .index-fee{grid-row:5;}
  #index .index-notice{grid-row:6;}
  #index .find-body{display:flex; flex-direction:column;}
  #index .find-seg button{font-size:14px;}
  #index .find-tip{display:none;}
  #index .find-res{padding:14px 0 0; border-left:0; border-top:1px solid var(--go-line);}
  #index .find-go{margin-top:0;}
  #index .index-notice .tab{gap:12px;}
  #index .index-notice .tab li > a:first-child{font-size:15px !important; white-space:nowrap;}
  #index .index-notice .list li{height:auto;}
  #index .index-notice .list li a{padding:13px 0;}
  #index .index-visual .sect1{padding-top:20px !important;}
  #index .index-visual .sect1 .sect-head{flex-direction:column; align-items:flex-start; gap:12px;}
  #index .index-visual .sect1 .sect-head h3{font-size:20px !important;}
  #index .index-visual .sect1 .process.on{grid-template-columns:minmax(0,1fr);}
  #index .index-visual .sect1 .process > li strong br{display:none;}

  #index .sect2 .quick-grid .card:nth-child(n){min-height:170px;}
  #index .sect2 .quick-grid .card > a{padding:20px;}
  #index .sect2 .quick-grid .card strong{font-size:18px !important;}
  #index .sect2 .quick-grid .card p{font-size:13px;}
  #index .sect2 .quick-grid .card:not(.wide) p br{display:none;}
  #index .sect2 .quick-grid .card > a::before{left:20px; bottom:20px; width:28px; height:28px;}
  #index .sect2 .quick-grid .card > a::after{right:20px; bottom:20px; width:30px; height:30px;}
  #index .sect2 .quick-grid .card.wide{min-height:260px;}
  #index .sect2 .quick-grid .card.wide strong{font-size:28px !important;}
  #index .sect2 .quick-grid .card.wide p{font-size:15px;}
  #index .sect2 .quick-grid .card.wide img{right:20px; bottom:20px; width:110px;}

  #index .sect3 .sticky-nav .btn{margin-top:24px;}
  #index .sect3 .index-department{grid-template-columns:minmax(0,1fr);}
  #index .sect3 .major2_box,
  #index .sect3 .major-wrap + .major-wrap .major2_box.pc{grid-column:auto;}
  #index .sect3 .major-wrap + .major-wrap .major2_box.pc .img-bx{height:150px;}

  #index .sect4 .sticky-nav ul{grid-template-columns:1fr 1fr; margin-top:24px;}
  #index .sect4 .sticky-nav ul li a{height:46px; padding:0 12px; font-size:14px !important;}
  #index .sect4 .cont-head{height:200px;}
  #index .sect4 .cont-body{padding:22px 18px 0;}
  #index .sect4 .cont-body h3{font-size:26px !important;}
  #index .sect4 .cont-body p{font-size:15px;}
  #index .sect4 .type-list{padding:20px 18px 22px;}
  #index .sect4 .type-list li a{height:34px; padding:0 12px; font-size:13px !important;}

  #index .sect5 .sect-head{flex-direction:column; align-items:flex-start; margin-bottom:32px;}
  #index .sect5 .youtube-swiper .swiper-slide p{font-size:14px !important;}
  #index .sect6{padding-top:56px !important;}
  #index .sect6 .rolling .swiper-slide{font-size:80px !important; letter-spacing:-2px;}
}

@media (prefers-reduced-motion:reduce){
  #index *,
  #index *::before,
  #index *::after{transition:none !important; animation:none !important;}
}

/* 2026-11-03 모집일정 「예정」 : 진행 중 단계가 없을 때 다음에 시작할 단계(li.next) — 테두리만 하늘색, 뱃지는 하늘색 바탕·흰 글자(진행 중과 같은 크기) */
#index .index-visual .schedule ul li.next a::before{border-color:var(--go-sky); background:#fff; box-shadow:0 0 0 6px var(--go-sky-soft);}
#index .index-visual .schedule ul li.next .date{color:var(--go-sky);}
#index .index-visual .schedule ul li .now.is-next{background:var(--go-sky); color:#fff;}

/* 2026-11-09 모집일정 가로 배치 = 시안(go-s/b 10.19) 방식 : 항목은 글자 폭만큼, 양 끝 정렬. 첫 점은 카드 안쪽 여백에 붙고 마지막 점은 오른쪽 끝.
   바는 첫 점 중심 ~ 마지막 점 중심(회색), 채움은 첫 점 ~ 마지막 on 점(+24px 꼬리). 위치값 --l·--r·--p 는 go2026/js/main.js 가 계산 */
@media (min-width:768px){
#index .index-visual .schedule ul{justify-content:space-between;}
#index .index-visual .schedule ul li{flex:none; padding:0; container-type:normal;}
#index .index-visual .schedule ul li::after{display:none !important;}
#index .index-visual .schedule ul::before,
#index .index-visual .schedule ul::after{content:""; position:absolute; top:47px; height:3px;}
#index .index-visual .schedule ul::before{left:var(--l,10%); right:var(--r,10%); background:var(--go-line);}
#index .index-visual .schedule ul::after{left:var(--l,10%); width:var(--p,0px); background:var(--go-sky);}
#index .index-visual .schedule ul li .date{max-width:none; white-space:nowrap;}
/* 설명 문구 : 시안처럼 6자 안팎에서 꺾이고(최대 84px) 두 줄 길이를 고르게(balance). 예) 지원서 작성 / 및 서류 제출, 기본 등록금 / 납부 */
#index .index-visual .schedule ul li p{max-width:84px; text-wrap:balance;}
}