/* 공통 */
.sub_visual_wrap{padding: 0 60px; margin-top: 90px;}
.sub_visual{position: relative; height: 500px; background: url(/img/sub/sub_vis01.jpg) no-repeat center / cover; border-radius: 50px;}
.sub_visual .sub_vis_img img{width: 100%;}
.sub_visual .vis_inner{max-width: 1600px; display: flex; flex-direction: column; justify-content: center; gap: 40px; margin: 0 auto; height: 100%;}
.sub_visual .vis_inner > .line{width: 100%; height: 1px; opacity: 0.4; background: #FFF;}
.sub_vis_txt em{font-size: 18px; font-weight: 600; display: block;}
.sub_vis_txt h2{font-size: 60px; margin-top:15px; letter-spacing: -2px; font-weight: 800;}
.sub_vis_bt{display: flex; align-items: center; justify-content: space-between;}
.sub_menu > ul{display: flex; align-items: center; gap: 50px;}
.sub_menu > ul > li > a{font-size: 20px; letter-spacing: -0.8px; position: relative; opacity: 0.6;}
.sub_menu > ul > li > a::before{content: ''; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #fff; vertical-align: middle; margin-right: 10px;}
.sub_menu > ul li.on > a{opacity: 1; font-weight: 700;}
.sub_loc{display: flex; align-items: center; gap: 10px;}
.sub_loc .home img{width: 20px;}
.sub_loc .arrow{width: 18px;}
.sub_loc .txt{font-size: 20px; letter-spacing: -0.8px;}
.sub_loc .txt b{font-weight: 600;}
#sub_content{padding: 80px 0 120px;}
.sub_inner{max-width: 1600px; margin:0 auto;}
.sub_title{margin-bottom: 70px;}
.sub_title h3{font-size: 40px; letter-spacing: -1px; text-align: center; font-weight: 600;}
#sub_content .s_tit{font-size: 35px; letter-spacing: -1px; font-weight: 600; line-height: 1.37;}
#sub_content .s_txt{font-size: 20px; letter-spacing: -0.8px; line-height: 1.5; color: #6D6D6D;}

/* 인사말 */
.greet{display: flex; align-items: flex-start; justify-content: space-between;}
.greet .txt{max-width: 675px;}
.greet .txt .s_txt{margin: 40px 0;}
.greet .txt .s_txt p + p{margin-top: 20px;}
.greet .txt .sign{display: flex; align-items: flex-end; justify-content: flex-end; gap: 30px;}
.greet .txt .sign strong{font-size: 22px; line-height: 1.45;}
.greet .txt .sign img{width: 140px;}
.greet .img{position: relative; width: 770px;}
.greet .img img{width: 100%;}
.greet .img .rotate{width: 116px; position: absolute; left: -58px; top: -58px; animation: rotate infinite 10s linear;}

/* 교수소개 */
.professor .top {display: flex; gap: 80px;}
.professor .top .img {width: 329px;}
.professor .top .img img {width: 100%;}
.professor .top .txt {width: calc(100% - 329px - 80px);}
.professor .top .txt .name {font-family: var(--font-pop); font-size: 22px; font-weight: 400; letter-spacing: -0.6px;}
.professor .top .txt .name strong {font-weight: 600; font-size: 35px;}
.professor .top .txt ul {margin-top: 10px; padding-top: 40px; display: flex; flex-wrap: wrap; gap: 20px; border-top: 1px solid rgba(0, 0, 0, 0.20);}
.professor .top .txt ul li {width: calc(50% - 10px); display: flex; gap: 30px;}
.professor .top .txt ul li .img {width: 80px;}
.professor .top .txt ul li .img img {width: 100%;}
.professor .top .txt ul li .txt {width: calc(100% - 80px - 30px);}
.professor .top .txt ul li .txt strong {display: block; color: #000; font-family: var(--font-pop); font-size: 24px; font-weight: 600;}
.professor .top .txt ul li .txt p {margin-top: 10px; color: #5A5A5A; font-family: var(--font-pop); font-size: 18px; font-weight: 400; line-height: 1.5;}
.professor .bot {margin-top: 80px; position: relative; padding: 90px 0 120px;}
.professor .bot::before {content: ""; width: 200%; height: 100%; background: #F4F5FA; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: -1;}
.professor .bot > div + div {margin-top: 100px;}
.professor .bot h3 {font-family: var(--font-pop); font-size: 35px; font-weight: 600}
.professor .bot ul {margin-top: 50px;}
.professor .bot ul li {display: flex; padding: 20px 0;}
.professor .bot ul li:first-child {padding-top: 0;}
.professor .bot ul li:last-child {padding-bottom: 0;}
.professor .bot ul li + li {border-top: 1px solid #E3E3E3;}
.professor .bot .tit {width: 255px; font-family: var(--font-pop); font-size: 20px; font-weight: 500; line-height: 156%; padding-left: 15px; position: relative;}
.professor .bot .tit::before {content: ""; width: 5px; height: 5px; border-radius: 100%; background: #000; position: absolute; top: 13px; left: 0;}
.professor .bot .cont {width: calc(100% - 255px);}
.professor .bot .cont * {font-family: var(--font-pop); font-size: 18px; font-weight: 300;}
.professor .bot .cont strong {font-weight: 500;}
.professor .bot .cont strong + p {margin-top: 5px;}

/* 오시는 길 */
.location .map {width: 100%; aspect-ratio: 2.66/1; overflow: hidden; border-radius: 0 100px;}
.location .map iframe {width: 100%; height: 100%;}
.location .info {margin-top: 60px;}
.location .addr {font-size: 28px; font-weight: 600; line-height: 129%; letter-spacing: -0.4px;}
.location .flex-jb {display: flex; align-items: center; justify-content: space-between; margin-top: 30px; padding-top: 30px; border-top: 1px solid #E7E7E7;}
.location .left {display: flex; align-items: center; gap: 80px;}
.location .left .flex {display: flex; align-items: center; gap: 20px;}
.location .left .flex .img {width: 60px;}
.location .left .flex .img img {width: 100%;}
.location .left .flex .text {width: calc(100% - 60px - 20px); display: flex; align-items: center; gap: 20px; font-size: 18px; line-height: 1.5;}
.location .left .flex .text strong {font-weight: 600;} 
.location .left .flex .text span {font-weight: 400; color: #6D6D6D; display: inline-block; min-width: max-content;}
.location .right {display: flex; align-items: center; gap: 11px;}
.location .right a {display: inline-flex; align-items: center; gap: 10px; padding: 15px 20px; border-radius: 50px; font-size: 16px; font-weight: 700; letter-spacing: -1px; line-height: 1.5;}
.location .right a img {width: 14.5px;}
.location .right a.kakao {background: #FFE100; border: 1px solid #FFE100;}
.location .right a.google {background: #fff; border: 1px solid #BEBEBE;}

/* 연구분야 */
.field .sec {display: flex; gap: 70px;}
.field .sec + .sec {margin-top: 100px;}
.field .sec2 {position: relative; padding: 110px 0;}
.field .sec2::before {content: ""; width: 200%; height: 100%; background: #F4F5FA; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: -1;}
.field .sec .img {width: 650px;}
.field .sec .img img {width: 100%;}
.field .sec .txt {width: calc(100% - 650px - 70px);}
.field .sec .tit {font-size: 30px; font-weight: 500; font-family: var(--font-pop); letter-spacing: -1px;}
.field .sec .tit span {font-style: italic;}
.field .sec .cont p {font-size: 18px; font-weight: 300; margin-top: 20px; color: #666; letter-spacing: -0.6px; font-family: var(--font-pop);}

/* 연구진 */
.students ul {display: flex; flex-wrap: wrap; gap: 40px 20px;}
.students ul li {width: calc(50% - 10px); display: flex; align-items: center; gap: 50px;}
.students ul li .img {width: 240px; aspect-ratio: .9/1; border: 1px solid #E3E3E3;}
.students ul li .img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.students ul li .txt {width: calc(100% - 240px - 50px);}
.students ul li .name {font-size: 30px; font-weight: 500; line-height: 125%; letter-spacing: -1px;}
.students ul li p {margin-top: 5px; color: #6A6FB3; font-size: 18px; font-weight: 600; line-height: 156%;}
.students ul li .popupBtn {display: flex; align-items: center; justify-content: center; gap: 8px; width: 150px; height: 40px; border-radius: 500px; background: #6A6FB3; color: #fff; font-size: 16px; font-weight: 500; margin-top: 68px; cursor: pointer;}
.students ul li .popupBtn img {width: 20px;}
.students ul li .career {display: none;}

.students_popupWrap {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100svh; z-index: 1000; background: rgba(0, 0, 0, 0.5);}
.students_popupWrap .popupCont {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; gap: 10px;}
.students_popupWrap .popup {display: flex; align-items: flex-start; gap: 40px; width: 870px; max-height: 500px; padding: 60px 50px 60px 60px; background: #fff;}
.students_popupWrap .popup .img {width: 240px; aspect-ratio: .9/1; border: 1px solid #E3E3E3;}
.students_popupWrap .popup .img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.students_popupWrap .popup .txt {width: calc(100% - 240px - 40px); height: 100%; overflow-y: auto; padding-right: 10px;}
.students_popupWrap .popup .txt::-webkit-scrollbar {width: 3px;}
.students_popupWrap .popup .txt::-webkit-scrollbar-thumb {background: #888; border-radius: 10px;}
.students_popupWrap .popup .txt::-webkit-scrollbar-track {background: #DDD; border-radius: 10px;}
.students_popupWrap .popup .name {font-size: 30px; font-weight: 500; line-height: 125%; letter-spacing: -1px;}
.students_popupWrap .popup p {margin-top: 5px; color: #6A6FB3; font-size: 18px; font-weight: 600; line-height: 156%;}
.students_popupWrap .popup .careerCont {margin-top: 40px;}
.students_popupWrap .popup .careerCont > strong {display: block; font-size: 18px; font-weight: 700; line-height: 156%;}
.students_popupWrap .popup .careerCont li {margin-top: 4px; padding-left: 14px; position: relative; color: #6D6D6D; font-size: 18px; font-weight: 400; line-height: 156%;}
.students_popupWrap .popup .careerCont li::before {content: ""; width: 4px; height: 4px; border-radius: 100%; background: #8E8E8E; position: absolute; top: 12px; left: 0;}
.students_popupWrap .close img {width: 50px; cursor: pointer;}








@media screen and (max-width:1800px){

	.sub_visual .vis_inner{max-width: 85vw;}
	.sub_inner{padding: 0 60px;}

}



@media screen and (max-width:1640px){

	/* 공통 */
	.sub_visual_wrap{padding: 0 2.44vw; margin-top: 5.49vw;}
	.sub_visual{height: 30.49vw; border-radius: 3.05vw;}
	.sub_visual .vis_inner{gap: 2.44vw; max-width: 100%; padding: 0 3.05vw;}
	.sub_vis_txt em{font-size: 1.10vw;}
	.sub_vis_txt h2{font-size: 3.66vw; margin-top:0.91vw; letter-spacing: -0.12vw;}
	.sub_menu > ul{gap: 3.05vw;}
	.sub_menu > ul > li > a{font-size: 1.22vw; letter-spacing: -0.05vw;}
	.sub_menu > ul > li > a::before{width: 0.43vw; height: 0.43vw; margin-right: 0.61vw;}
	.sub_loc{gap: 0.61vw;}
	.sub_loc .home img{width: 1.22vw;}
	.sub_loc .arrow{width: 1.10vw;}
	.sub_loc .txt{font-size: 1.22vw; letter-spacing: -0.05vw;}
	.sub_loc .txt b{font-weight: 600;}
	#sub_content{padding: 4.88vw 0 7.32vw;}
	.sub_inner{max-width: 100%; padding: 0 2.44vw;}
	.sub_title{margin-bottom: 4.27vw;}
	.sub_title h3{font-size: 3.05vw; letter-spacing: -0.06vw;}
	#sub_content .s_tit{font-size: 2.13vw; letter-spacing: -0.06vw;}
	#sub_content .s_txt{font-size: 1.22vw; letter-spacing: -0.05vw;}

	/* 인사말 */
	.greet .txt{max-width: 41.16vw;}
	.greet .txt .s_txt{margin: 2.44vw 0 ;}
	.greet .txt .s_txt p + p{margin-top: 1.22vw;}
	.greet .txt .sign{gap: 1.83vw;}
	.greet .txt .sign strong{font-size: 1.34vw;}
	.greet .txt .sign img{width: 8.54vw;}
	.greet .img{width: 46.95vw;}
	.greet .img .rotate{width: 7.07vw; left: -3.54vw; top: -3.54vw;}

    /* 교수소개 */
    .professor .top {gap: 4.88vw;}
    .professor .top .img {width: 20.06vw;}
    .professor .top .txt {width: calc(100% - 20.06vw - 4.88vw);}
    .professor .top .txt .name {font-size: 1.34vw; letter-spacing: -0.04vw;}
    .professor .top .txt .name strong {font-size: 2.13vw;}
    .professor .top .txt ul {margin-top: 0.61vw; padding-top: 2.44vw; gap: 1.22vw;}
    .professor .top .txt ul li {width: calc(50% - 0.61vw); gap: 1.83vw;}
    .professor .top .txt ul li .img {width: 4.88vw;}
    .professor .top .txt ul li .img img {width: 100%;}
    .professor .top .txt ul li .txt {width: calc(100% - 4.88vw - 1.83vw);}
    .professor .top .txt ul li .txt strong {font-size: 1.46vw;}
    .professor .top .txt ul li .txt p {margin-top: 0.61vw; font-size: 1.10vw;}
    .professor .bot {margin-top: 4.88vw; padding: 5.49vw 0 7.32vw;}
    .professor .bot > div + div {margin-top: 6.10vw;}
    .professor .bot h3 {font-size: 2.13vw;}
    .professor .bot ul {margin-top: 3.05vw;}
    .professor .bot ul li {padding: 1.22vw 0;}
    .professor .bot .tit {width: 15.55vw; font-size: 1.22vw;  padding-left: 0.91vw;}
    .professor .bot .tit::before {width: 0.30vw; height: 0.30vw; top: 0.79vw;}
    .professor .bot .cont {width: calc(100% - 15.55vw);}
    .professor .bot .cont * {font-size: 1.10vw;}
    .professor .bot .cont strong + p {margin-top: 0.30vw;}

    /* 오시는 길 */
    .location .map {border-radius: 0 6.10vw;}
    .location .info {margin-top: 3.66vw;}
    .location .addr {font-size: 1.71vw;}
    .location .flex-jb {margin-top: 1.83vw; padding-top: 1.83vw;}
    .location .left {gap: 4.88vw;}
    .location .left .flex {gap: 1.22vw;}
    .location .left .flex .img {width: 3.66vw;}
    .location .left .flex .text {width: calc(100% - 3.66vw - 1.22vw);  gap: 1.22vw; font-size: 1.10vw;}
    .location .right {gap: 0.67vw;}
    .location .right a {gap: 0.61vw; padding: 0.91vw 1.22vw; border-radius: 3.05vw; font-size: 0.98vw;}
    .location .right a img {width: 0.88vw;}

    /* 연구분야 */
    .field .sec {gap: 4.27vw;}
    .field .sec + .sec {margin-top: 6.10vw;}
    .field .sec2 {padding: 6.71vw 0;}
    .field .sec .img {width: 39.63vw;}
    .field .sec .txt {width: calc(100% - 39.63vw - 4.27vw);}
    .field .sec .tit {font-size: 1.83vw; }
    .field .sec .cont p {font-size: 1.10vw; margin-top: 1.22vw;}

    /* 연구진 */
    .students ul {gap: 2.44vw 1.22vw;}
    .students ul li {width: calc(50% - 0.61vw); gap: 3.05vw;}
    .students ul li .img {width: 14.63vw;}
    .students ul li .txt {width: calc(100% - 14.63vw - 3.05vw);}
    .students ul li .name {font-size: 1.83vw;}
    .students ul li p {margin-top: 0.30vw; font-size: 1.10vw;}
    .students ul li .popupBtn {gap: 0.49vw; width: 9.15vw; height: 2.44vw; border-radius: 30.49vw; font-size: 0.98vw; margin-top: 4.15vw;}
    .students ul li .popupBtn img {width: 1.22vw;}
    
    .students_popupWrap .popupCont {gap: 0.61vw;}
    .students_popupWrap .popup {gap: 2.44vw; width: 53.05vw; max-height: 30.49vw; padding: 3.66vw 3.05vw 3.66vw 3.66vw;}
    .students_popupWrap .popup .img {width: 14.63vw;}
    .students_popupWrap .popup .txt {width: calc(100% - 14.63vw - 2.44vw); padding-right: 0.61vw;}
    .students_popupWrap .popup .name {font-size: 1.83vw;}
    .students_popupWrap .popup p {margin-top: 0.30vw; font-size: 1.10vw;}
    .students_popupWrap .popup .careerCont {margin-top: 2.44vw;}
    .students_popupWrap .popup .careerCont > strong {font-size: 1.10vw;}
    .students_popupWrap .popup .careerCont li {margin-top: 0.24vw; padding-left: 0.85vw; font-size: 1.10vw;}
    .students_popupWrap .popup .careerCont li::before {width: 0.24vw; height: 0.24vw; top: 0.73vw;}
    .students_popupWrap .close img {width: 3.05vw;}

}


@media screen and (max-width:1280px){

	/* 공통 */
	.sub_visual_wrap{padding: 0 2.42vw; margin-top: 5.47vw;}
	.sub_visual{height: 34.47vw; border-radius: 3.05vw;}
	.sub_visual .vis_inner{gap: 2.42vw; padding: 0 3.05vw;}
	.sub_vis_txt em{font-size: 1.09vw;}
	.sub_vis_txt h2{font-size: 3.67vw; margin-top:0.94vw; letter-spacing: -0.16vw;}
	.sub_menu > ul{gap: 3.05vw;}
	.sub_menu > ul > li > a{font-size: 1.25vw; letter-spacing: -0.08vw;}
	.sub_menu > ul > li > a::before{width: 0.47vw; height: 0.47vw; margin-right: 0.63vw;}
	.sub_loc{gap: 0.63vw;}
	.sub_loc .home img{width: 1.25vw;}
	.sub_loc .arrow{width: 1.09vw;}
	.sub_loc .txt{font-size: 1.25vw; letter-spacing: -0.08vw;}
	.sub_loc .txt b{font-weight: 600;}
	#sub_content{padding: 4.84vw 0 7.34vw;}
	.sub_inner{max-width: 100%; padding: 0 2.42vw;}
	.sub_title{margin-bottom: 4.30vw;}
	.sub_title h3{font-size: 3.05vw; letter-spacing: -0.08vw;}
	#sub_content .s_tit{font-size: 2.11vw; letter-spacing: -0.08vw;}
	#sub_content .s_txt{font-size: 1.25vw; letter-spacing: -0.08vw;}

	/* 인사말 */
	.greet .txt{max-width: 41.17vw;}
	.greet .txt .s_txt{margin: 2.42vw 0 ;}
	.greet .txt .s_txt p + p{margin-top: 1.25vw;}
	.greet .txt .sign{gap: 1.80vw;}
	.greet .txt .sign strong{font-size: 1.33vw;}
	.greet .txt .sign img{width: 8.52vw;}
	.greet .img{width: 46.95vw;}
	.greet .img .rotate{width: 7.03vw; left: -3.52vw; top: -3.52vw;}

    /* 교수소개 */
    .professor .top {gap: 4.84vw;}
    .professor .top .img {width: 20.08vw;}
    .professor .top .txt {width: calc(100% - 20.08vw - 4.84vw);}
    .professor .top .txt .name {font-size: 1.33vw; letter-spacing: -0.08vw;}
    .professor .top .txt .name strong {font-size: 2.11vw;}
    .professor .top .txt ul {margin-top: 0.63vw; padding-top: 2.42vw; gap: 1.25vw;}
    .professor .top .txt ul li {width: calc(50% - 0.63vw); gap: 1.80vw;}
    .professor .top .txt ul li .img {width: 4.84vw;}
    .professor .top .txt ul li .img img {width: 100%;}
    .professor .top .txt ul li .txt {width: calc(100% - 4.84vw - 1.80vw);}
    .professor .top .txt ul li .txt strong {font-size: 1.48vw;}
    .professor .top .txt ul li .txt p {margin-top: 0.63vw; font-size: 1.09vw;}
    .professor .bot {margin-top: 4.84vw; padding: 5.47vw 0 7.34vw;}
    .professor .bot > div + div {margin-top: 6.09vw;}
    .professor .bot h3 {font-size: 2.11vw;}
    .professor .bot ul {margin-top: 3.05vw;}
    .professor .bot ul li {padding: 1.25vw 0;}
    .professor .bot .tit {width: 15.55vw; font-size: 1.25vw;  padding-left: 0.94vw;}
    .professor .bot .tit::before {width: 0.31vw; height: 0.31vw; top: 0.78vw;}
    .professor .bot .cont {width: calc(100% - 15.55vw);}
    .professor .bot .cont * {font-size: 1.09vw;}
    .professor .bot .cont strong + p {margin-top: 0.31vw;}

    /* 오시는 길 */
    .location .map {border-radius: 0 6.09vw;}
    .location .info {margin-top: 3.67vw;}
    .location .addr {font-size: 1.72vw;}
    .location .flex-jb {margin-top: 1.80vw; padding-top: 1.80vw;}
    .location .left {gap: 4.84vw;}
    .location .left .flex {gap: 1.25vw;}
    .location .left .flex .img {width: 3.67vw;}
    .location .left .flex .text {width: calc(100% - 3.67vw - 1.25vw);  gap: 1.25vw; font-size: 1.09vw;}
    .location .right {gap: 0.70vw;}
    .location .right a {gap: 0.63vw; padding: 0.94vw 1.25vw; border-radius: 3.05vw; font-size: 1.02vw;}
    .location .right a img {width: 0.86vw;}

    /* 연구분야 */
    .field .sec {gap: 4.30vw;}
    .field .sec + .sec {margin-top: 6.09vw;}
    .field .sec2 {padding: 6.72vw 0;}
    .field .sec .img {width: 39.61vw;}
    .field .sec .txt {width: calc(100% - 39.61vw - 4.30vw);}
    .field .sec .tit {font-size: 1.80vw; }
    .field .sec .cont p {font-size: 1.09vw; margin-top: 1.25vw;}

    /* 연구진 */
    .students ul {gap: 2.42vw 1.25vw;}
    .students ul li {width: calc(50% - 0.63vw); gap: 3.05vw;}
    .students ul li .img {width: 14.61vw;}
    .students ul li .txt {width: calc(100% - 14.61vw - 3.05vw);}
    .students ul li .name {font-size: 1.80vw;}
    .students ul li p {margin-top: 0.31vw; font-size: 1.22vw;}
    .students ul li .popupBtn {gap: 0.47vw; width: 9.14vw; height: 2.42vw; border-radius: 30.47vw; font-size: 1.02vw; margin-top: 4.14vw;}
    .students ul li .popupBtn img {width: 1.25vw;}
    
    .students_popupWrap .popupCont {gap: 0.63vw;}
    .students_popupWrap .popup {gap: 2.42vw; width: 59.05vw; max-height: 30.47vw; padding: 3.67vw 3.05vw 3.67vw 3.67vw;}
    .students_popupWrap .popup .img {width: 14.61vw;}
    .students_popupWrap .popup .txt {width: calc(100% - 14.61vw - 2.42vw); padding-right: 0.63vw;}
    .students_popupWrap .popup .name {font-size: 1.80vw;}
    .students_popupWrap .popup p {margin-top: 0.31vw; font-size: 1.22vw;}
    .students_popupWrap .popup .careerCont {margin-top: 2.42vw;}
    .students_popupWrap .popup .careerCont > strong {font-size: 1.22vw;}
    .students_popupWrap .popup .careerCont li {margin-top: 0.23vw; padding-left: 0.86vw; font-size: 1.22vw;}
    .students_popupWrap .popup .careerCont li::before {width: 0.23vw; height: 0.23vw; top: 0.70vw;}
    .students_popupWrap .close img {width: 3.05vw;}

}


@media screen and (max-width:1024px){

	/* 공통 */
	.sub_visual_wrap{padding: 0 3.13vw; margin-top: 7.03vw;}
	.sub_visual .vis_inner{gap: 3.13vw; padding: 0 3.91vw;}
	.sub_vis_txt em{font-size: 1.41vw;}
	.sub_vis_txt h2{font-size: 4.17vw; margin-top:1.17vw; letter-spacing: -0.16vw;}
	.sub_menu > ul{gap: 3.91vw;}
	.sub_menu > ul > li > a{font-size: 1.56vw; letter-spacing: -0.06vw;}
	.sub_menu > ul > li > a::before{width: 0.55vw; height: 0.55vw; margin-right: 0.78vw;}
	.sub_loc{gap: 0.78vw;}
	.sub_loc .home img{width: 1.56vw;}
	.sub_loc .arrow{width: 1.41vw;}
	.sub_loc .txt{font-size: 1.56vw; letter-spacing: -0.06vw;}
	.sub_loc .txt b{font-weight: 600;}
	#sub_content{padding: 6.25vw 0 9.38vw;}
	.sub_inner{max-width: 100%; padding: 0 3.13vw;}
	.sub_title{margin-bottom: 5.47vw;}
	.sub_title h3{font-size: 3.26vw; letter-spacing: -0.08vw;}
	#sub_content .s_tit{font-size: 2.53vw; letter-spacing: -0.08vw;}
	#sub_content .s_txt{font-size: 1.56vw; letter-spacing: -0.06vw;}

	/* 인사말 */
	.greet .txt{max-width: 45.73vw;}
	.greet .txt .s_txt{margin: 3.13vw 0 ;}
	.greet .txt .s_txt p + p{margin-top: 1.56vw;}
	.greet .txt .s_txt p br{display: none;}
	.greet .txt .sign{gap: 2.34vw;}
	.greet .txt .sign strong{font-size: 1.72vw;}
	.greet .txt .sign img{width: 10.94vw;}
	.greet .img{width: 42.16vw;}
	.greet .img .rotate{width: 9.06vw; left: -4.53vw; top: -4.53vw;}

    /* 교수소개 */
    .professor .top {gap: 5vw;}
    .professor .top .img {width: 25.22vw;}
    .professor .top .txt {width: calc(100% - 25.22vw - 5vw);}
    .professor .top .txt .name {font-size: 1.99vw; letter-spacing: -0.14vw;}
    .professor .top .txt .name strong {font-size: 3.12vw;}
    .professor .top .txt ul {margin-top: 0.85vw; padding-top: 3.55vw; gap: 1.84vw; flex-direction: column;}
    .professor .top .txt ul li {width: 100%; gap: 2.55vw;}
    .professor .top .txt ul li .img {width: 7.09vw;}
    .professor .top .txt ul li .img img {width: 100%;}
    .professor .top .txt ul li .txt {width: calc(100% - 7.09vw - 2.55vw);}
    .professor .top .txt ul li .txt strong {font-size: 2.13vw;}
    .professor .top .txt ul li .txt p {margin-top: 0.85vw; font-size: 1.56vw;}
    .professor .bot {margin-top: 7.09vw; padding: 7.94vw 0 10.64vw;}
    .professor .bot > div + div {margin-top: 8.79vw;}
    .professor .bot h3 {font-size: 3.12vw;}
    .professor .bot ul {margin-top: 4.40vw;}
    .professor .bot ul li {padding: 1.84vw 0;}
    .professor .bot .tit {width: 22.55vw; font-size: 1.84vw;  padding-left: 1.42vw;}
    .professor .bot .tit::before {width: 0.43vw; height: 0.43vw; top: 1.13vw;}
    .professor .bot .cont {width: calc(100% - 22.55vw);}
    .professor .bot .cont * {font-size: 1.56vw;}
    .professor .bot .cont strong + p {margin-top: 0.43vw;}

    /* 오시는 길 */
    .location .map {border-radius: 0 6.10vw;}
    .location .info {margin-top: 3.69vw;}
    .location .addr {font-size: 1.70vw;}
    .location .flex-jb {margin-top: 1.84vw; padding-top: 1.84vw;}
    .location .left {gap: 4.82vw;}
    .location .left .flex {gap: 1.28vw;}
    .location .left .flex .img {width: 3.69vw;}
    .location .left .flex .text {width: calc(100% - 3.69vw - 1.28vw);  gap: 1.28vw; font-size: 1.56vw;}
    .location .right {gap: 0.71vw;}
    .location .right a {gap: 0.57vw; padding: 0.99vw 1.28vw; border-radius: 3.12vw; font-size: 1.36vw; min-width: max-content;}
    .location .right a img {width: 1vw;}

    /* 연구분야 */
    .field .sec {gap: 3.24vw;}
    .field .sec + .sec {margin-top: 8.79vw;}
    .field .sec2 {padding: 9.79vw 0;}
    .field .sec .img {width: 42.16vw;}
    .field .sec .txt {width: calc(100% - 42.16vw - 3.24vw);}
    .field .sec .tit {font-size: 2.53vw;}
    .field .sec .cont p {font-size: 1.56vw; margin-top: 1.84vw;}

    /* 연구진 */
    .students ul {gap: 3vw 1.84vw;}
    .students ul li {width: calc(50% - 1vw); gap: 3vw;}
    .students ul li .img {width: 16.28vw;}
    .students ul li .txt {width: calc(100% - 16.28vw - 3vw);}
    .students ul li .name {font-size: 2.3vw;}
    .students ul li p {margin-top: 0.43vw; font-size: 1.56vw;}
    .students ul li .popupBtn {gap: 0.71vw; width: 13.33vw; height: 3.55vw; border-radius: 44.26vw; font-size: 1.42vw; margin-top: 5.96vw;}
    .students ul li .popupBtn img {width: 1.84vw;}
    
    .students_popupWrap .popupCont {gap: 0.85vw;}
    .students_popupWrap .popup {gap: 3vw; width: 77.02vw; max-height: 44.26vw; padding: 5.39vw 4.40vw 5.39vw 5.39vw;}
    .students_popupWrap .popup .img {width: 16.28vw;}
    .students_popupWrap .popup .txt {width: calc(100% - 16.28vw - 3vw); padding-right: 0.85vw;}
    .students_popupWrap .popup .name {font-size: 2.3vw;}
    .students_popupWrap .popup p {margin-top: 0.43vw; font-size: 1.56vw;}
    .students_popupWrap .popup .careerCont {margin-top: 3.55vw;}
    .students_popupWrap .popup .careerCont > strong {font-size: 1.56vw;}
    .students_popupWrap .popup .careerCont li {margin-top: 0.28vw; padding-left: 1.28vw; font-size: 1.56vw;}
    .students_popupWrap .popup .careerCont li::before {width: 0.28vw; height: 0.28vw; top: 0.99vw;}
    .students_popupWrap .close img {width: 4.40vw;}

}



@media screen and (max-width:768px){

	/* 공통 */
	.sub_visual_wrap{padding: 0 5.21vw; margin-top: 15.63vw;}
	.sub_visual{height: 78.13vw; border-radius: 5.21vw; background-image: url(/img/sub/sub_vis01_m.jpg);}
	.sub_visual .vis_inner{gap: 0; padding: 0 6.25vw; justify-content: flex-start;}
	.sub_visual .vis_inner > .line{display: none;}
	.sub_vis_txt{margin-top: 13.02vw;}
	.sub_vis_txt em{font-size: 3.65vw;}
	.sub_vis_txt h2{font-size: 9.11vw; margin-top: 2.60vw; letter-spacing: -0.26vw;}
	.sub_menu{position: absolute; bottom: 9.11vw; left: 0; right: 0; z-index: 10;}
	.sub_menu > ul{justify-content: center; gap: 0;}
	.sub_menu.dep1 > ul{justify-content: flex-start; padding-left: 3.91vw;}
	.sub_menu > ul > li{position: relative; padding: 0 3.13vw;}
	.sub_menu > ul > li.line {width: 1px; height: 3.91vw; background: rgba(255, 255, 255, 0.30); padding: 0;}
	.sub_menu > ul > li > a {display: flex; align-items: center; font-size: 3.65vw; letter-spacing: -0.21vw; opacity: 1; font-weight: 700;}
	.sub_menu > ul > li > a::before{display: none;}
	.sub_menu > ul > li.home{padding-left: 0;}
	.sub_menu > ul > li.home img{width: 4.69vw;}
	.sub_menu > ul > li.menu_btn {width: 34.90vw; position: relative;}
	.sub_menu > ul > li.menu_btn.dep2{width: 35.68vw;}
	.sub_menu > ul > li.menu_btn::after{content: ''; display: block; width: 2.60vw; aspect-ratio: 1/1; background: url("/img/sub/sub_menu_arrow.svg") no-repeat center / contain; position: absolute; right: 3.13vw; top: 50%; transform: translateY(-50%); transition: all 0.3s;}
	.sub_menu > ul > li.menu_btn.on::after {transform: translateY(-50%) rotate(180deg);}
	.sub_menu_txt {display: none; position: absolute; left: 0; top: 8.46vw; width: 100%; background: var(--color1); border-radius: 2.60vw; z-index:100; padding: 4.17vw 3.13vw;}
	.sub_menu_txt li + li{margin-top: 2.30vw;}
	.sub_menu_txt li a {display: block; font-size: 3.39vw; letter-spacing: -0.21vw; font-weight: 600;}
	.sub_loc{display: none;}
	#sub_content{padding: 15.63vw 0 18.23vw;}
	.sub_inner{max-width: 100%; padding: 0 5.21vw;}
	.sub_title{margin-bottom: 10.42vw;}
	.sub_title h3{font-size: 7.81vw; letter-spacing: -0.13vw;}
	#sub_content .s_tit{font-size: 5.73vw; letter-spacing: -0.26vw;}
	#sub_content .s_txt{font-size: 3.91vw; letter-spacing: -0.20vw;}

	/* 인사말 */
	.greet{flex-direction: column; gap: 15.63vw;}
	.greet .txt{max-width: 100%;}
	.greet .txt .s_txt{margin: 5.21vw 0 ;}
	.greet .txt .s_txt p + p{margin-top: 3.91vw;}
	.greet .txt .sign{gap: 5.21vw;}
	.greet .txt .sign strong{font-size: 4.17vw;}
	.greet .txt .sign img{width: 23.44vw;}
	.greet .img{width: 100%; margin-top: 5.21vw;}
	.greet .img .rotate{display: none;}

    /* 교수소개 */
    .professor .top {gap: 12.46vw; flex-direction: column;}
    .professor .top .img {width: 100%;}
    .professor .top .txt {width: 100%;}
    .professor .top .txt .name {font-size: 4.5vw; letter-spacing: -0.36vw;}
    .professor .top .txt .name strong {font-size: 7.2vw;}
    .professor .top .txt ul {margin-top: 2.14vw; padding-top: 8.90vw; gap: 5.21vw; flex-direction: column;}
    .professor .top .txt ul li {gap: 6.51vw;}
    .professor .top .txt ul li .img {width: 16.83vw;}
    .professor .top .txt ul li .txt {width: calc(100% - 16.83vw - 6.51vw);}
    .professor .top .txt ul li .txt strong {font-size: 5vw;}
    .professor .top .txt ul li .txt p {margin-top: 1.2vw; font-size: 3.65vw;}
    .professor .bot {margin-top: 15.63vw; padding: 15.63vw 0 ;}
    .professor .bot > div + div {margin-top: 10.42vw;}
    .professor .bot h3 {font-size: 5.73vw;}
    .professor .bot ul {margin-top: 3.91vw;}
    .professor .bot ul li {padding: 5.21vw 0; flex-direction: column; gap: 2.60vw;}
    .professor .bot .tit {width: 100%; font-size: 3.65vw; padding-left: 2.5vw;}
    .professor .bot .tit::before {width: 1.07vw; height: 1.07vw; top: 2.4vw; min-width: 2px; min-height: 2px;}
    .professor .bot .cont {width: 100%;}
    .professor .bot .cont * {font-size: 3.65vw;}
    .professor .bot .cont strong + p {margin-top: 1.07vw;}

    /* 오시는 길 */
    .location .map {border-radius: 0 15.63vw; aspect-ratio: 4/3;}
    .location .info {margin-top: 10.42vw;}
    .location .addr {font-size: 5.73vw;}
    .location .flex-jb {margin-top: 5.21vw; padding-top: 5.21vw; flex-direction: column; align-items: flex-start; gap: 5.21vw;}
    .location .left {gap: 3.91vw; flex-direction: column; align-items: flex-start;}
    .location .left .flex {gap: 2.60vw;}
    .location .left .flex .img {width: 10.42vw;}
    .location .left .flex .text {width: calc(100% - 13.02vw - 6.51vw); gap: 2.60vw; font-size: 3.65vw;}
    .location .right {gap: 2.60vw;}
    .location .right a {gap: 3.91vw; padding: 2.60vw 5.73vw; border-radius: 8.68vw; font-size: 3.65vw;}
    .location .right a img {width: 2.78vw;}

    /* 연구분야 */
    .field .sec {gap: 5.21vw; flex-direction: column;}
    .field .sec:nth-child(odd) {flex-direction: column-reverse;}
    .field .sec + .sec {margin-top: 15.63vw;}
    .field .sec2 {padding: 13.02vw 0;}
    .field .sec .img {width: 100%;}
    .field .sec .txt {width: 100%;}
    .field .sec .tit {font-size: 5.73vw;}
    .field .sec .cont p {font-size: 3.65vw; margin-top: 5.21vw;}

    /* 연구진 */
    .students ul {gap: 5.21vw;}
    .students ul li {width: 100%; gap: 6.51vw;}
    .students ul li .img {width: 28.65vw;}
    .students ul li .txt {width: calc(100% - 28.65vw - 6.51vw);}
    .students ul li .name {font-size: 4.69vw;}
    .students ul li p {margin-top: 1.04vw; font-size: 3.65vw;}
    .students ul li .popupBtn {margin-top: 7.81vw; display: inline-flex; gap: 1.95vw; width: auto; height: auto; padding: 2.60vw 5.73vw; border-radius: 8.68vw; font-size: 3.65vw;}
    .students ul li .popupBtn img {width: 4.17vw;}
    
    .students_popupWrap .popupCont {gap: 1.21vw; width: 100%; max-width: calc(100% - 10.42vw); max-height: 85%; flex-direction: column-reverse; align-items: flex-end;}
    .students_popupWrap .popup {width: 100%; gap: 7.81vw; max-height: 100%; padding: 5.21vw 3.91vw 5.21vw 5.21vw; flex-direction: column; align-items: flex-start; overflow: hidden; overflow-y: auto;}
    .students_popupWrap .popup::-webkit-scrollbar {width: 0.39vw;}
    .students_popupWrap .popup::-webkit-scrollbar-thumb {background: #888; border-radius: 1.30vw;}
    .students_popupWrap .popup::-webkit-scrollbar-track {background: #DDD; border-radius: 1.30vw;}
    .students_popupWrap .popup .img {width: 100%;}
    .students_popupWrap .popup .txt {width: 100%; padding-right: 0; overflow: revert;}
    .students_popupWrap .popup .name {font-size: 4.69vw;}
    .students_popupWrap .popup p {margin-top: 1.04vw; font-size: 3.65vw;}
    .students_popupWrap .popup .careerCont {margin-top: 3.52vw;}
    .students_popupWrap .popup .careerCont > strong {font-size: 3.65vw; margin-bottom: 1.30vw;}
    .students_popupWrap .popup .careerCont li {margin-top: 0.26vw; padding-left: 2.60vw; font-size: 3.65vw;}
    .students_popupWrap .popup .careerCont li::before {width: 0.78vw; height: 0.78vw; top: 2.21vw;}
    .students_popupWrap .close img {width: 8.21vw;}

}