@charset "UTF-8";
/* 인사말 */
.greeting { display: flex;flex-direction: column; gap:9.2rem;position: relative; }
.greeting .greeting-top { display: flex;flex-direction: column;gap:5.9rem;position: relative; }
.greeting .greeting-top>img { content:"";display: block; width:62.9rem;position: absolute;top:2rem;right:4rem; }
.greeting .greeting-top .title { font-size:4.8rem;line-height: 140%; color:#2e2e2e;position: absolute;z-index: 1; top:0; display: block; }
.greeting .greeting-top .title span { color:#0097AE; }
.greeting .greeting-top .desc { display: flex;justify-content: flex-end; }
.greeting .greeting-top .desc .name { display: flex; padding:0 11.9rem; height: 14.2rem; align-items: center; background: url(/public/images/content/greeting-img1.png) no-repeat center center/cover;border-top-left-radius: 5rem;border-top-right-radius: 5rem; position: absolute; bottom:0; right:0; width:100%; } 
.greeting .greeting-top .desc .name p { display: flex;align-items: center;gap:3.2rem; position: relative; z-index: 1; }
.greeting .greeting-top .desc .name p span { font-size:2.4rem;font-weight:700; line-height: 3rem;color:#fff; }
.greeting .greeting-top .desc .name p img { width:11.8rem; }
.greeting .greeting-top .desc .img { position: relative;margin-right: 11.9rem; } 
.greeting .greeting-bottom { display:flex;gap:7.9rem; }
.greeting .greeting-bottom .title { width:37.5rem;flex-shrink: 0; }
.greeting .greeting-bottom .title strong { font-size:2.4rem; color:#272727;font-weight: 700;line-height: 180%;display: block; }
.greeting .greeting-bottom .desc { color:#595959;font-size:1.7rem;line-height: 150%;font-weight: 400; }
.greeting .greeting-bottom .desc p { color:#595959; }
@media (max-width:1024px){
.greeting { gap:8rem; }
.greeting .greeting-top .title { font-size:4.2rem;line-height: 130%; }
.greeting .greeting-top>img { width:58rem; }
.greeting .greeting-top .desc .img { width:55rem;margin-right: 6rem; }
.greeting .greeting-top .desc .name{ padding:0 6rem; }
.greeting .greeting-bottom  { flex-direction: column;gap:4rem; }
.greeting .greeting-bottom .title { width: auto; }
.greeting .greeting-bottom .title strong br { display: none; }
}
@media (max-width:767px){
.greeting { gap:6rem; }
.greeting .greeting-top>img { width:56rem; } 
.greeting .greeting-top .title { font-size:3.8rem; }
.greeting .greeting-top .desc .img { width:45rem; }
.greeting .greeting-top .desc .name { height: 17rem; }
.greeting .greeting-top .desc .name p span { font-size:2.2rem; }
.greeting .greeting-top .desc .name p img { width:10rem; }
}
@media (max-width:640px){
.greeting { gap:4rem; } 
.greeting .greeting-top>img { width:52rem; }
.greeting .greeting-top .title { font-size:3.4rem; }
.greeting .greeting-top .desc .name { height: 15rem; padding:0 4rem; }
.greeting .greeting-top .desc .img { width:40rem;margin-right:4rem; }
.greeting .greeting-bottom { gap:2rem; }
}
@media (max-width:540px){
.greeting .greeting-top { padding-top:15rem; }
.greeting .greeting-top>img { left:50%;right:auto;transform: translate(-50%, 19rem); }
.greeting .greeting-top .desc .img { margin-right:0;width:auto;padding:0 2rem; }
.greeting .greeting-top .desc .name { padding:0 2.4rem; }
.greeting .greeting-top .desc .name p { width:100%;justify-content: center; }
.greeting .greeting-top .desc .name p span { font-size:1.6rem; }
.greeting .greeting-top .desc .name p img { width:8rem; }
}

/* vision */
.vision .vision-top  { position: relative;padding-bottom:7rem; }
.vision .vision-top .img { height: 36rem; border-radius: 5rem 5rem 1rem 1rem;overflow: hidden; }
.vision .vision-top .img img { width:100%;height: 100%;object-fit: cover; }
.vision .vision-top .title { position: absolute;bottom:0;left:50%;transform: translateX(-50%); width:calc(100% - 6rem); max-width:105rem; background: #fff;border-radius: 1rem; padding:4.1rem 4rem; }
.vision .vision-top .title strong { display: flex;gap:2rem; justify-content: center; }
.vision .vision-top .title strong span { text-align: center;font-size: 4.6rem;font-style: normal;font-weight: 700;line-height: 5.52rem; background: linear-gradient(90deg, #1B50AA 0%, #0097AE 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent; }
.vision .vision-top .title strong i { font-family: "Noto Sans KR";color:#EBF1FE; font-size:6rem; font-weight: 900; line-height: 1;transform: translateY(-.8rem); }
.vision .vision-list { display: flex;flex-wrap: wrap;gap:2rem; }
.vision .vision-list .vision-list-item { display: flex;flex-direction: column;gap:1.5rem; width: 100%; }
.vision .vision-list .vision-list-item .title strong { display: flex;gap:.8rem; color: #222;
font-size: 2.4rem;font-style: normal;font-weight: 700;line-height: 3.36rem; }
.vision .vision-list .vision-list-item .title strong i { width:3.4rem;height: 3.4rem;flex-shrink: 0;background: #222; color:#fff; border-radius: 50%;font-size:2rem;display: flex; justify-content: center;align-items: center; }
.vision .vision-list .vision-list-item .desc { padding:2.8rem; border-radius: 1rem; background: #F9F9F9;height: 100%; }
@media (max-width:1024px){
.vision .vision-top .title strong { gap:1.5rem; }
.vision .vision-top .title strong span { font-size:4rem; line-height: 5rem; }
.vision .vision-list { gap:2rem; }
}
@media (max-width:640px){
.vision .vision-top .title { padding:2.4rem; }
.vision .vision-top .title strong { gap:1rem; }
.vision .vision-top .title strong span { font-size:3rem; line-height: 4rem; }
.vision .vision-list { flex-direction: column; }
.vision .vision-list .vision-list-item { width:100%; }
}

/* peopleinfo */
.people-info { display: flex;flex-direction: column;gap:3rem; }
.people-info .people-info-item { display: flex;gap:3.55rem; padding:4rem;border: 1px solid #D2D2D2; }
.people-info .people-info-item .img { flex-shrink: 0; } 
.people-info .people-info-item .desc { width:100%; }
.people-info .people-info-item .desc strong { color:#000; font-size:3.2rem; font-weight: 700; line-height: 3.8rem; display: flex; align-items: flex-end;gap:1.2rem;margin-bottom:2.4rem; }
.people-info .people-info-item .desc strong span { color: #000;font-size: 1.9rem;font-style: normal; font-weight: 400; line-height: 2.256rem; }
.people-info .people-info-item .desc strong+em { color: #102A7E; font-size: 1.7rem;font-style: normal; font-weight: 600; line-height: 2.04rem; }
.people-info .people-info-item .desc .text-list li { color:#595959; line-height: 2.85rem; font-weight: 400; font-size:1.9rem; }
.people-info .people-info-item .desc .text-list li b { font-size:1.9rem;font-weight: 700;line-height: 2.85rem;color:#333; }
.people-info .people-info-item .desc .text-list li:before { width:.5rem;height: .5rem;border-radius: 50%;background: #262626; }
.people-info .people-info-item .desc p { margin-top:3.2rem;padding-top:3.2rem; border-top:1px solid #AEAEAE; color: #595959; font-size: 1.9rem; font-style: normal; font-weight: 400; line-height: 2.85rem; word-break: auto-phrase; }
@media (max-width:767px){
.people-info .people-info-item { flex-direction: column; }
.people-info .people-info-item .img { text-align: center; }
}
@media (max-width:640px){ 
.people-info .people-info-item { padding:2.4rem; }
.people-info .people-info-item .desc strong { flex-direction: column; align-items:flex-start; }
}

/* map */
.map { display: flex;flex-direction: column;gap:10rem; }
.map .map-info { display: flex;gap:2rem; justify-content: space-between; }
.map .map-info .desc h4 span { color:#0097AE; }
.map .map-info .desc ul { display: flex;flex-direction: column; gap:2.4rem; }
.map .map-info .desc ul li { display: flex;flex-direction: column;gap:.4rem; color: #595959; font-size: 1.7rem; font-style: normal; font-weight: 400; line-height: 2.55rem; }
.map .map-info .desc ul li strong { flex-shrink: 0;display: flex;align-items: center; color: #272727;font-size: 2.1rem;font-style: normal;font-weight: 700;line-height: 3.15rem; gap:.4rem; }
.map .map-info .img { border-radius: 2rem;overflow: hidden; width:62.1rem; flex-shrink: 0; } 
.map .map-area { height: 72.8rem;border:1px solid #D4D4D4;border-radius: 2rem; }
.map .map-area .wrap_controllers { display: none; }
.map .map-area .cont { display:none; }
.map .map-area>div { width:100%; height: 100%; border:0; }
.map .map-area>div>div { height: 100%; }
.map .map_border { display: none; }
@media (max-width:1024px){
.map .map-info .img { flex-shrink: unset; }
}
@media (max-width:767px){
.map { gap:4rem; }
.map-info { flex-direction: column-reverse; }
.map .map-info .desc h4 br { display: none; }
.map .map-info .img { width:100%; }
.map .map-info .img img { width:100%; }
.map .map-area { height: 50rem; }
}

/* professor */
.professor { display: flex;gap:4.4rem;flex-wrap: wrap; }
.professor .professor-item { padding:2.4rem;border:1px solid #D2D2D2;display: flex;gap:3.55rem; width:calc(50% - 2.2rem); }
.professor .professor-item .util { display: flex;flex-direction: column;gap:1.6rem; width:18.75rem; flex-shrink: 0; }
.professor .professor-item .util .img { width:100%;height: 25rem; border:1px solid #d2d2d2; }
.professor .professor-item .util .link { height: 4.6rem;padding:0 2.5rem;display: flex;justify-content: space-between;align-items:center; border:1px solid #102A7E; }
.professor .professor-item .util .link span { color: #000; font-size: 1.6rem; font-style: normal; font-weight: 400; line-height: 1.6rem; }
.professor .professor-item .util .link i { font-size:1.8rem;color:#000; }
.professor .professor-item .util .link:hover { background: #102A7E;border-color:#102A7E; }
.professor .professor-item .util .link:hover span { color:#fff; }
.professor .professor-item .util .link:hover i { color:#fff; }
.professor .professor-item .desc { padding:2.06rem 0; width:100%; }
.professor .professor-item .desc strong { display: flex;gap:1.2rem;color: #000; font-size: 3.2rem; font-style: normal; font-weight: 700; line-height: 3.8rem; display: flex;align-items: flex-end; margin-bottom:2.4rem; }
.professor .professor-item .desc strong span { color: #000; font-size: 1.9rem; font-style: normal; font-weight: 400; line-height: 2.256rem; }
.professor .professor-item .desc strong span:nth-of-type(2) { margin-left:.4rem;position: relative; }
.professor .professor-item .desc strong span:nth-of-type(2):before { content:"";width:1px;height:1.4rem;background: #D2D2D2;position: absolute;top: 50%;transform: translateY(-50%);left:-.8rem; }
.professor .professor-item .desc em { color: #102A7E;font-size: 1.7rem; font-style: normal; font-weight: 600; line-height: 2.04rem; display: block; margin-bottom:1.7rem; }
.professor .professor-item .desc p { color: #102a7e;font-size: 1.8rem;font-style: normal;font-weight: 400; line-height: 2.85rem; }
.professor .professor-item .desc .text-list { margin-top:3.2rem;padding-top:3.2rem; border-top:1px solid #AEAEAE; gap:.4rem; } 
.professor .professor-item .desc .text-list li { color:#595959;line-height: 2.85rem; }
.professor .professor-item .desc .text-list li:before { width:.5rem;height: .5rem;border-radius: 50%;background: #333;top:1rem; }
.professor .professor-item .desc .text-list li b { color:#333;min-width:8rem; }
.professor.no-profileimg .util { display: none; }
.professor.no-profileimg .professor-item { padding: clamp(3rem, 2vw, 4rem); }
.professor.no-profileimg .desc { padding: 0; width: 100%; }
@media (max-width:1024px){
.professor { gap:2rem; }
.professor .professor-item { width:calc(50% - 1rem);gap:2rem; }
.professor .professor-item .desc .text-list li { flex-direction: column;gap:.5rem; }
}
@media (max-width:840px){
.professor .professor-item { flex-direction: column; }
.professor .professor-item .desc strong { font-size:3rem; }
.professor .professor-item .desc .text-list li { flex-direction: row; }
.professor .professor-item .util { width:100%; }
.professor .professor-item .util .img { height: auto; text-align: center; }
.professor .professor-item .util .img img { aspect-ratio: 3/4; }
} 
@media (max-width:640px){
.professor { flex-direction: column; }
.professor .professor-item { width:100%; }
.professor .professor-item { padding:2rem; }
.professor .professor-item .desc .text-list li { flex-direction: column; }
}

/* box list */
.boxlist {display: flex;flex-direction: column;gap: 1.6rem;}
.boxlist .boxlist-item {display: flex;position: relative;background: #F5F6FA;flex-direction: column;}
.boxlist .boxlist-item.on {background: #fff;}
.boxlist .boxlist-item.on:before {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 2px solid #1B50AA;content: "";}
.boxlist .boxlist-item .boxlist-item-title {display: flex;position: relative;padding: 3.2rem 4rem 3.2rem 4rem;gap: 1rem;}
.boxlist .boxlist-item.on .boxlist-item-title:after {transform: rotate(180deg);}
.boxlist .boxlist-item .boxlist-item-title .value {display: flex;min-width: 8rem;padding:0 1rem;height: 2.8rem;background: #fff;color: #333;font-weight: 400;font-size: 1.4rem;align-items: center;justify-content: center;}
.boxlist .boxlist-item.on .boxlist-item-title .value { background: #1B50AA;color:#fff;}
.boxlist .boxlist-item .boxlist-item-title strong {display: flex;color: #222;font-weight: 400;font-size: 2rem;line-height: 140%;font-style: normal; align-items: center; gap: 1rem;justify-content: space-between; width: 100%;}
.boxlist .boxlist-item .boxlist-item-title strong span {color: #616161;font-weight: 400;font-size: 1.6rem;line-height: 150%;font-style: normal;}
.boxlist .boxlist-item .boxlist-item-cont {display: none;padding: 0 4rem 3.2rem 4rem;}
.boxlist .boxlist-item .boxlist-item-cont p {color: #424242;font-weight: 400;font-size: 1.8rem;line-height: 150%;}
.boxlist.file .boxlist-item .boxlist-item-title:after {display: block;position: absolute;top: 4rem;right: 4rem;color: #616161;font-size: 2.4rem;font-family: "remixicon";content: "\ec54";transition: all .6s;}
@media (max-width: 767px) {
.boxlist .boxlist-item .boxlist-item-title {flex-wrap: wrap;}
.boxlist .boxlist-item .boxlist-item-title strong {width: 100%;}
}
@media (max-width: 640px) {
.boxlist .boxlist-item .boxlist-item-title strong {flex-direction: column;align-items: flex-start;gap: 1rem;}
}

/* 입학안내 */
.level-list { display: flex; flex-wrap: wrap; }
.level-list-item { width:33.333%;padding:3.4rem; }
.level-list-item .icon { display: block;margin-bottom:1.6rem;text-align: center; }
.level-list-item .icon img { width:5.6rem; }
.level-list-item .dot { margin:0 auto 1.6rem; position: relative; }
.level-list-item .dot:before { content:"";width:calc(100% + 6.8rem);border-top:1px solid #ddd;position: absolute;top:50%;left:-3.4rem; }
.level-list-item .dot i { width:2.8rem;height: 2.8rem;border-radius: 50%; border:1px solid #E0E0E0;display: block; margin:0 auto;background: #fff; position: relative; }
.level-list-item .dot i:before { width:1.2rem;height: 1.2rem;border-radius: 50%;position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);background: #163d7f;content:"";border-radius: 50%; }
.level-list-item .number { color: #163D7F;font-size: 2rem;font-style: normal;font-weight: 700;line-height: normal;text-align:center; margin-bottom:.4rem; }
.level-list-item .title { color: #333;text-align: center;font-size: 2rem;font-style: normal;font-weight: 600;line-height: 2.8rem;letter-spacing: -0.06rem;margin-bottom:.4rem; display: block; }
.level-list-item .desc { color: #595959; text-align: center;font-size: 1.8rem; font-style: normal;font-weight: 500;line-height: 2.52rem;letter-spacing: -0.054rem; }
.level-list-item:first-of-type .dot:before { width:calc(50% + 3.4rem); left:50%; }
.level-list-item:last-of-type .dot:before { width:calc(50% + 3.4rem); }
@media (max-width:640px) {
.level-list-item { width:50%; }
} 

/* 교육, 연구분야 */
.iconbox-list { display: flex; gap:2rem; flex-wrap:wrap; }
.iconbox-list .iconbox-list-item { padding:3.6rem;background: #F5F6FA;display: flex;flex-direction: column; width:calc(25% - 1.5rem);}
.iconbox-list .iconbox-list-item .icon { margin-left:auto;margin-bottom:3.6rem; width:6.5rem; }
.iconbox-list .iconbox-list-item .number { color: #163D7F;font-size: 1.6rem;font-style: normal;font-weight: 700;line-height: normal; display:block;margin-bottom:1rem; }
.iconbox-list .iconbox-list-item .desc { color: #333;font-size: 2rem;font-style: normal;font-weight: 600;line-height: 2.8rem; letter-spacing: -0.06rem; } 
@media (max-width:1280px){
.iconbox-list .iconbox-list-item { width:calc(50% - 1rem); }
.iconbox-list .iconbox-list-item .desc br { display: none; }
}
@media (max-width:480px){
.iconbox-list .iconbox-list-item { width:100%; }
}

/* 대학원 소개 */
.intro-title { text-align: center; margin-bottom: 8rem; }
.intro-title p { color: #00ADBD; font-size: 2rem; font-weight: 500; line-height: 1.5; letter-spacing: -0.04rem; text-transform: uppercase; margin-bottom: 1.8rem; }
.intro-title h4 { color: #111; font-size: clamp(3rem, 5vw, 5rem); line-height: 1.3; letter-spacing: -0.25rem; }
.intro-img { text-align: center; }
.intro-list { display: flex; flex-wrap: wrap; gap: 2rem; margin-top: 7rem; }
.intro-list > li { width: calc(100% / 5 - 2rem * 4 / 5); padding: 3.4rem; text-align: center; display: flex; flex-direction: column; align-items: center;gap: 2rem; background: #F5F6FA; }
.intro-list-txt { color: #333; font-size: 2rem; font-weight: 600; letter-spacing: -0.06rem; }
@media (max-width:1024px) {
.intro-list > li { width: calc(100% / 2 - 2rem * 1 / 2); }
}
@media (max-width:480px) {
.intro-list > li { width: 100%; }
}

/* 지도교수 배정 */
.assign-list { display: flex; flex-direction: column; }
.assign-list .assign-list-item { display: flex; align-items: center; padding: 2.8rem 0 6.4rem; border-top: 1px solid #E0E0E0; position: relative; }
.assign-list .assign-list-item::before { content: ''; width: 32.8rem; height: 1px; background: #00A6B6; position: absolute; top: -1px; left: 0; z-index: 1; }
.assign-list .assign-list-item:last-of-type { padding-bottom: 0; }
.assign-list .assign-list-item .title-wrap { width: 36rem; flex-shrink: 0; display: flex; align-items: center; gap: 2.8rem; }
.assign-list .assign-list-item .icon { flex-shrink: 0; width: 10rem; height: 10rem; border-radius: 50%; background: #F5F6FA; display: flex; align-items: center; justify-content: center; }
.assign-list .assign-list-item .title { flex-shrink: 0;}
.assign-list .assign-list-item .title em { display: block; color: #163D7F; font-size: 1.6rem; font-weight: 600; margin-bottom: .4rem; }
.assign-list .assign-list-item .title strong { display: block; color: #222; font-size: 2.3rem; font-weight: 700; }
.assign-list .assign-list-item .text-list { flex: 1; gap: 1.2rem; }
.assign-list .assign-list-item .text-list > li { display: block; color: #595959; padding-left: 1.6rem; font-size:2rem; }
.assign-list .assign-list-item .text-list > li::before { width: .5rem; height: .5rem; background: #262626; border-radius: 50%; }
.assign-list .assign-list-item .text-list > li b { min-width: auto; }
.assign-list .assign-list-item .text-list > li .point { color: #1B50AA; }
@media (max-width:767px){
.assign-list .assign-list-item { flex-wrap: wrap; gap: 2rem; padding: 3rem 0; }
.assign-list .assign-list-item .title-wrap { width: 100%; }
.assign-list .assign-list-item .text-list { width: 100%; }
.assign-list .assign-list-item::before { width: 50%; }
}

/* 학생소개 */
.student-list { display: flex; flex-wrap: wrap; gap: clamp(2rem, 2vw, 4.4rem); }
.student-list > li { width: calc(50% - clamp(2rem, 2vw, 4.4rem) / 2); padding: clamp(3rem, 2vw, 4rem); border: 1px solid #d2d2d2; }
.student-list-name { display: flex; align-items: center; gap: 1rem 2.4rem; flex-wrap: wrap; margin-bottom: 2.4rem; }
.student-list-name .name { font-size: 3.2rem; color: #000; }
.student-list-name .info { display: flex; gap: 1rem 1.6rem; }
.student-list-name .info > li { font-size: 1.9rem; color: #000; position: relative; }
.student-list-name .info > li::before { content: ''; width: 1px; height: 1.4rem; background: #d2d2d2; position: absolute; top: 50%; transform: translateY(-50%); left: -0.8rem; }
.student-list-name .info > li:first-of-type::before { display: none; }
.student-list .text-list { gap:1.2rem; }
.student-list .text-list li::before { width: .5rem; height: .5rem; background: #262626; border-radius: 50%; }
.student-list .text-list li b { color: #333; }
@media (max-width: 767px) {
.student-list > li { width: 100%; }
}

/* 학생지원 */
.table:not(:has(thead)) tbody th { background: #F5F5F5; }
.border-box { border-radius: 1rem; border: 1px solid #E0E0E0; padding: clamp(3rem, 2vw, 4rem); }
.support-calc { display: flex; align-items: center; gap: 3.2rem; }
.support-calc-item { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; min-height: 19.6rem; padding: clamp(2.4rem, 4vw, 4rem) clamp(3rem, 5vw, 5rem); border-radius: 1rem; background: #F5F6FA; text-align: center; }
.support-calc-item.result { border: 1px solid #1B50AA; text-align: left; }
.support-calc-item .label { color: #616161; font-size: 1.7rem; font-weight: 500; line-height: 1.4; }
.support-calc-item .value { color: #222; font-size: clamp(2.8rem, 3vw, 3.2rem);}
.support-calc-item .value span { color: #616161; font-size: 1.6rem; font-weight: 500; margin-left: .4rem; }
.support-calc-item .desc { color: #595959; font-size: 1.6rem; margin-top: 2.4rem; }
.support-calc-op { position: relative; z-index: 1; flex-shrink: 0; width: 5rem; height: 5rem; margin: 0 -4rem; border-radius: 50%; background: #fff; box-shadow: 0 0 2rem 0 rgba(92, 92, 92, 0.15); display: flex; align-items: center; justify-content: center; color: #000; font-size: 2.5rem; }
.support-box { display: flex; flex-wrap: wrap; gap: 2.4rem; border-radius: 1rem; background: #F9F9F9; padding: clamp(3rem, 2vw, 4rem); }
.support-box-item { width: calc(50% - 1.2rem); border-radius: 1rem; background: #FFF; padding: clamp(2.5rem, 2vw, 3.2rem) clamp(3rem, 2vw, 4rem); text-align: center; }
.support-box-item:first-of-type { width: 100%; text-align: left; display: flex; gap: 2rem 5.6rem; }
.support-box-item:first-of-type .support-box-title { position: relative; flex-shrink: 0; display: flex; align-items: center; height:fit-content; }
.support-box-item:first-of-type .support-box-title::before { content: ''; width: 1px; height: 1.8rem; background: #999; position: absolute; right: -2.8rem; top: 50%; transform: translateY(-50%); }
.support-box-title { font-size: 2rem; color: #222; }
.support-box-txt { color: #595959; line-height: 1.5; margin-top: .8rem; }
.support-box-list { display: flex; flex-wrap: wrap; gap: 1.2rem; }
.support-box-list li { padding: 0.5rem 1.5rem; border-radius: 4rem; border: 1px solid #595959; color: #595959; }
.topbox { padding: 11.9rem clamp(2.5rem, 2vw, 4rem) 5.2rem clamp(2.5rem, 2vw, 4rem); background: url(/public/images/content/topbox-bg1.png) no-repeat center center / cover; color: #fff; border-radius: 1rem; overflow: hidden; }
.topbox.bg2 { background-image: url(/public/images/content/topbox-bg2.png); }
.topbox-title { font-size: clamp(2.8rem, 2vw, 3.6rem); display: block; }
.topbox-subtitle { color: #00A6B6; font-size: 1.6rem; display: block; margin-top: .8rem;}
.topbox-txt { color: #fff; line-height: 1.5; margin-top: 2rem; }
@media (max-width:767px) {
.support-box-item { width: 100%; text-align:left; }
.support-box-item:first-of-type { flex-direction: column; }
.support-box-item:first-of-type .support-box-title::before { display:none; }
.support-box-txt br { display: none; }
.topbox-txt br { display: none; }
.support-calc { flex-direction: column; gap: 2rem; }
.support-calc-item { width: 100%; min-height: auto; padding: 2.4rem; }
.support-calc-op { margin: calc(-1.8rem - 1rem) 0; }
}

/* 학위논문심사 절차 */
.flow-list { display: flex; flex-wrap: wrap; gap: .6rem 3.4rem; margin-top: 1.6rem; }
.flow-list > li { position: relative; flex: 0 0 auto; width: fit-content; display: flex; align-items: center; justify-content: center; padding: .5rem 1rem; border: 1px solid #213454; border-radius: .5rem; color: #213454; font-size: 1.6rem; line-height: 2.4rem; text-align: center; word-break: keep-all; }
.flow-list > li:not(:last-child)::after { content: "→"; font-size: 1.7rem; color: #616161; position: absolute; top: 50%; right: -2.5rem; transform: translateY(-50%); }
.flow-list > li.fill { background: #213454; color: #fff; border-color: #213454; }
.flow-list > li.flow-break { flex: 1 0 100%; width: 100%; height: 0; padding: 0; margin: 0; border: 0; overflow: hidden; }
.file-list { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: repeat(4, auto); grid-auto-flow: column; gap: 1.6rem 2.4rem; }
.file-list > li { width: auto; }
.file-list > li a { display: flex; align-items: center; gap: 1.6rem; padding: 2.4rem; border-radius: 1rem; background: #F5F6FA; border: 1px solid transparent; transition: background .2s, border-color .2s; }
.file-list > li a:hover,
.file-list > li a:focus-visible { background: #fff; border-color: #081324; }
.file-list .num { flex-shrink: 0; width: 2.6rem; height: 2.6rem; border-radius: 50%; background: #2A374C; color: #fff; font-size: 1.7rem; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.file-list .title { flex: 1; color: #222; font-size: 1.8rem; font-weight: 600; line-height: 2.4rem; }
.file-list i { flex-shrink: 0; width: 3.6rem; height: 3.6rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #333; font-size: 2rem; transition: background .2s, color .2s; }
.file-list > li a:hover i,
.file-list > li a:focus-visible i { background: #102A7E; color: #fff; }
@media (max-width:767px) {
.flow-list > li.flow-break { display: none; }
}
@media (max-width:640px){
.file-list { grid-template-columns: 1fr; grid-auto-flow:row; }
}