/* 공통 */
.tablet {display: none;}
.sub_visual_wrap{position:relative;}
.sub_visual{width:100%; height: 580px; position:relative; background:url("/img/sub/sub_visual.jpg") no-repeat center / cover;}
.sub_vis_txt{max-width:1600px; width:100%; margin: 0 auto; color:#fff; text-align:center; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.sub_vis_txt em{font-size: 20px;}
.sub_vis_txt h2{font-size: 65px; margin-top:11px;}

.sub_menu{height:90px; border-bottom: 1px solid #E0E0E0; background: #FFF;}
.sub_menu > ul{max-width:1600px; margin:0 auto; position: relative; display: flex; align-items: center; height:100%; z-index: 10;}
.sub_menu > ul > li{position: relative; height: 100%;}
.sub_menu > ul > li + li::before {content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1px; height: 20px; background: #00000010;}
.sub_menu > ul > li > a {display: flex; align-items: center; padding-left: 30px; font-size: 20px; height: 100%; font-family: var(--font-nun); font-weight: 500;}

.sub_menu > ul > li.home {width: 50px;}
.sub_menu > ul > li.home > a {display:block; height:100%; background: url("/img/sub/home_ic.svg") no-repeat left center / 20px;}
.sub_menu > ul > li.menu_btn {width: 236px; background: url("/img/sub/sub_menu_arrow.svg") no-repeat right 28px center / 8px;}
.sub_menu > ul > li.menu_btn.on {background-image: url("/img/sub/sub_menu_arrow_on.svg");}
.sub_menu > ul > li.menu_btn.on > a {color: #017665; font-weight: 600;}
.sub_menu_txt {display: none; position: absolute; left: 0; width: 100%; background: #fff; border: 1px solid #E0E0E0; z-index:100; box-shadow: 2px 2px 6px 0px #0000001A;}
.sub_menu_txt li {height: 60px; border-bottom: 1px solid #E0E0E0;}
.sub_menu_txt li a {display: flex; align-items: center; padding: 0 30px; font-size: 20px; color: #7E7E7E; height: 100%; font-family: var(--font-nun); font-weight: 500;}
.sub_menu_txt li a:hover{background:#EBEBEC;}
.sub_menu_txt li:last-child{border-bottom:none;}

#sub_content{padding:98px 0 150px;}
.sub_inner{max-width:1600px; margin:0 auto}
.sub_title{margin-bottom:82px; text-align:center;}
.sub_title em{font-size: 18px; font-family: var(--font-nun); color: #36AE92; font-weight: 800; text-transform: uppercase;}
.sub_title h3{font-size: 50px; margin-top:7px; font-family: var(--font-nun); font-weight: 800; text-transform: uppercase;}

/* greeting */
.greeting .inner {display: flex; align-items: flex-start;}
.greeting .txt {padding-top: 50px; width: calc(100% - 650px);}
.greeting .txt .tit {padding-bottom: 28px; border-bottom: 1px solid #36AE92}
.greeting .txt .tit h2 {font-size: 40px; font-weight: 800; color: #000; line-height: 1.3;}
.greeting .txt .tit p {margin-top: 17px; font-size: 18px; font-weight: 600; color: #36AE92;}
.greeting h3 {margin-top: 50px; font-size: 27px; font-weight: 700; color: #000; line-height: 1.5;}
.greeting h3 + p {margin-top: 30px; padding-right: 100px; font-size: 20px; font-weight: 400; color: #5A5A5A; letter-spacing: -.8px; line-height: 1.5;}
.greeting .img {width: 650px; overflow: hidden; border-radius: 20px;}
.greeting .img img {width: 100%;}

/* professor */
.professor .sec1 {position: relative;}
.professor .sec1 .inner {display: flex; align-items: flex-start; gap: 163px; padding-bottom: 147px; position: relative;}
.professor .sec1::before {content: "kangminah Listeners’ Lab"; position: absolute; left: 20px; bottom: 0; font-size: 130px; font-weight: 900; color: #000; opacity: .02; white-space: nowrap; text-transform: uppercase;}
.professor .sec1 .inner > .img {width: 460px; height: 550px; border-radius: 20px; overflow: hidden;}
.professor .sec1 .inner > .img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.professor .sec1 .txt_cont {width: calc(100% - 607px); padding-top: 34px;}
.professor .sec1 .txt_cont .tit {font-size: 30px; font-weight: 500;}
.professor .sec1 .txt_cont .tit strong {font-size: 40px; font-weight: 800;}
.professor .sec1 .txt_cont .cont {margin-top: 70px;}
.professor .sec1 .txt_cont .flex {display: flex; align-items: center; gap: 90px;}
.professor .sec1 .txt_cont .item {display: flex; align-items: center; gap: 30px;}
.professor .sec1 .txt_cont .item .img {width: 70px;}
.professor .sec1 .txt_cont .item .txt strong {display: block; font-size: 22px; font-weight: 700; line-height: 1.18}
.professor .sec1 .txt_cont .item .txt p,
.professor .sec1 .txt_cont .item .txt li {line-height: 1.2; font-size: 20px; font-weight: 400; color: #5A5A5A; margin-top: 10px;}
.professor .sec1 .txt_cont .bot.pc {margin-top: 70px; align-items: flex-start; display: flex !important;}
.professor .sec1 .txt_cont .item .txt li:first-child {margin-top: 15px !important;}
.professor .sec1 .txt_cont .item .txt li {position: relative; padding-left: 20px; margin-top: 7px !important;}
.professor .sec1 .txt_cont .item .txt li::before {content: ""; width: 4px; height: 4px; border-radius: 100%; position: absolute; left: 0; top: 11px; background: #5A5A5A;}
.professor .sec2 {padding: 120px 0; background: rgba(0, 102, 79, .05);}
.professor .sec2 .inner {display: flex; align-items: flex-start; gap: 20px;}
.professor .sec2 .inner > div {width: 50%;}
.professor .sec2 ul {margin-top: 25px;}
.professor .sec2 ul li {display: flex; align-items: baseline; gap: 22px; font-size: 20px; font-weight: 400; color: #5A5A5A; line-height: 1.4;}
.professor .sec2 ul li + li {margin-top: 10px;}
.professor .sec2 ul li > span:first-child {position: relative; padding-left: 20px; min-width: 134px;}
.professor .sec2 ul li > span:first-child::before {content: ""; width: 4px; height: 4px; border-radius: 100%; position: absolute; left: 0; top: 11px; background: #5A5A5A;}
.professor .sec2 ul li p span {display: block;}
.presentation .select_cate_cont h2,
.professor .sec_tit {font-size: 30px; font-weight: 700; line-height: 1.2;}
.professor .bd_professor {margin-top: 120px;}
.professor .bd_professor .top_tit {display: flex; align-items: center; justify-content: space-between; cursor: pointer;}
.select_cate.dpp_ct .tit {width: 373px; height: 60px; border-radius: 10px; border: 1px solid #C5C5C5; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; font-size: 20px; font-weight: 500; color: #000; cursor: pointer;}
.select_cate.dpp_ct .tit.on img {transform: rotate(180deg);}
.select_cate.dpp_ct .tit img {width: 12px;}
.select_cate #dpp_ct_ul.dpp_ct_ul {display: none; position: absolute; top: calc(100% + 10px); left: 0; width: 100%; margin-bottom: 0; box-shadow: 2px 2px 6px 0px #0000001A; background: #fff; border-radius: 10px; border: 1px solid #6D6D6D; overflow: hidden; z-index: 2;}
.select_cate #dpp_ct_ul.dpp_ct_ul li {width: 100%; margin: 0 !important;}
.select_cate #dpp_ct_ul.dpp_ct_ul li + li {border-top: 1px solid #F1F1F1;}
.select_cate #dpp_ct_ul.dpp_ct_ul li a {width: 100%; border-radius: 0 !important; height: 60px; padding: 0 22px !important; font-size: 18px !important; font-weight: 400 !important; color: #7E7E7E !important; border: 0 !important; justify-content: flex-start !important;}
.select_cate #dpp_ct_ul.dpp_ct_ul li a#bo_cate_on,
.select_cate #dpp_ct_ul.dpp_ct_ul li a:hover {background: #EBEBEC !important;}
.professor .bd_professor .dpp_basic_tbl {margin-top: 34px; border-top: 2px solid #000;}
.professor .bd_professor .dpp_btit {display: flex; align-items: center; gap: 60px; padding: 20px;}
.professor .bd_professor .dpp_btit .subject {width: 125px; font-size: 20px; font-weight: 700; color: #5A5A5A;}
.professor .bd_professor .dpp_btit .content * {font-size: 20px; font-weight: 400; color: #5A5A5A;}
.professor .bd_professor .dpp_btit .content li {position: relative; padding-left: 20px;}
.professor .bd_professor .dpp_btit .content li::before {content: ""; width: 4px; height: 4px; border-radius: 100%; position: absolute; left: 0; top: 11px; background: #5A5A5A;}
.professor .bd_professor .dpp_basic_bd {border-top: 0;}
.professor .bd_professor .dpp_basic_tbl > li {border: 0; padding: 0;}
.professor .bd_professor .dpp_basic_tbl > li > div.dpp_td_tt {padding: 0; height: auto; border-bottom: 1px solid #E4E4E4; line-height: inherit;}

/* presentation */
.presentation .select_cate_cont {display: flex; align-items: center; justify-content: space-between; margin-bottom: 34px;}
.presentation .select_cate.dpp_ct .tit {width: 400px;}

/* contact */
.contact .map_cont {width: 100%; height: 650px; border-radius: 20px; overflow: hidden;}
.contact .map_cont #daumRoughmapContainer1731375281120,
.contact .map_cont #daumRoughmapContainer1731375281120 .wrap_map {width: 100%; height: 100%;}
.contact .map_cont #daumRoughmapContainer1731375281120 .map_border,
.contact .map_cont #daumRoughmapContainer1731375281120 .wrap_controllers {display: none;}
.contact .info {margin-top: 40px; display: flex; align-items: flex-start; justify-content: space-between;}
.contact .info h3 {font-size: 28px; font-weight: 600;}
.contact .info .bot {display: flex; align-items: center; gap: 70px; margin-top: 26px;}
.contact .info .bot p {display: flex; align-items: center; gap: 20px; font-size: 24px; font-weight: 500; color: #7E7E7E;}
.contact .info .bot p strong {color: #000; font-weight: 500;}
.contact .info a {display: flex; align-items: center; justify-content: center; gap: 10px; border-radius: 100px; width: 240px; height: 60px; background: #017665; font-size: 22px; font-weight: 800; color: #fff;}
.contact .info a img {width: 30px;}

/* MEMBERS board */
.bd_members .dpp_basic_bd {border-top: 1px solid #000; margin-top: 50px;}
.bd_members .dpp_basic_tbl {position: relative; display: flex; align-items: center; flex-wrap: wrap;}
.bd_members .dpp_basic_tbl::after {content: ""; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; background: #00000010; z-index: 1;}
.bd_members .dpp_basic_tbl > li {width: 50%; border-bottom: 1px solid #00000010; padding: 35px 50px; margin-bottom: -1px;}
.bd_members .dpp_basic_tbl > li > div {border: 0; display: block; text-align: left; height: auto; line-height: inherit;}
.bd_members .dpp_basic_tbl > li > div.dpp_td_tt {width: 100%; padding: 0; display: flex; align-items: center; gap: 7px;}
.bd_members .dpp_basic_tbl > li > div .dpp_btit {font-size: 30px; font-weight: 800; line-height: 1.2; color: #000;}
.bd_members .dpp_basic_tbl > li > div .dpp_td_cont {font-size: 22px; font-weight: 400; color: #000; line-height: 1;}
.bd_members .dpp_basic_tbl > li > div .dpp_td_cate {width: 56px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 100px; color: #fff; font-size: 17px; font-weight: 500;}
.bd_members .dpp_basic_tbl > li > div .dpp_td_cate[rel="재학"] {background: #37AC90;}
.bd_members .dpp_basic_tbl > li > div .dpp_td_cate[rel="수료"] {background: #8E8E8E;}
.bd_members .dpp_basic_tbl > li .dpp_td_desc {padding: 0; margin-top: 13px; display: flex; align-items: center; gap: 17px; font-size: 22px; color: #5A5A5A; font-weight: 400;}
.bd_members .dpp_basic_tbl > li .dpp_td_desc strong {color: #000; font-weight: 700;}
.bd_members .dpp_basic_tbl > li .dpp_td_desc span[rel=""] {position: relative;}
.bd_members .dpp_basic_tbl > li .dpp_td_desc span[rel=""]::before {content: "-";}

/* EIDC board */
.bd_Lab .title {margin-bottom: 27px;}
.bd_Lab .title p {font-size: 22px; font-weight: 700; line-height:1.1;}
.bd_Lab .title h4 {margin-top: 11px; font-size: 35px; font-weight: 700; line-height:1.1;}
.bd_Lab .info_box {padding: 57px; border-radius: 20px; background: rgba(0, 102, 79, .05);position: relative; overflow: hidden;}
.bd_Lab .info_box::before {content: ""; width: 317px; height: 313px; background: url('/img/main/bd_Lab_logo.svg') no-repeat center/cover; position: absolute; right: 23px; top: 40px; opacity: .2;}
.bd_Lab .info_box p {font-size: 24px; font-weight: 500; color: #000; line-height: 1.4;}
.bd_Lab .dpp_basic_bd {margin-top: 102px; border-top: 2px solid #000;}
.bd_Lab .dpp_basic_tbl {display: flex; align-items: flex-start; flex-wrap: wrap;}
.bd_Lab .dpp_basic_tbl > li {width: 50%; border-bottom: 1px solid #00000010; padding: 40px 0; display: flex; align-items: flex-start; gap: 10px; height: 205px; overflow: hidden;}
.bd_Lab .dpp_basic_tbl > li > div {border: 0; display: block; text-align: left; padding: 0;}
.bd_Lab .dpp_basic_tbl .dpp_td_tt {width: 230px; font-size: 28px; font-weight: 700; line-height: 1.2; color: #000; word-break: keep-all;}
.bd_Lab .dpp_basic_tbl .dpp_td_cont {width: calc(100% - 240px); font-size: 22px; font-weight: 400; line-height: 1.4; color: #5A5A5A; padding-right: 20px; letter-spacing: -1px; height: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* 학부/대학원 */
.bd_lecture .bd_title {font-size: 35px; font-weight: 700; color: #000; line-height: 1.2;}
.bd_lecture .dpp_basic_bd {margin-top: 68px; border-top: 0;}
.bd_lecture .dpp_basic_tbl {display: flex; align-items: flex-start; flex-wrap: wrap; gap: 40px;}
.bd_lecture .dpp_basic_tbl > li {width: calc(50% - 20px); border: 1px solid #DBDBDB; padding: 40px; height: 340px; transition: all .3s; position: relative;}
.bd_lecture .dpp_basic_tbl > li::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid #36AE92; opacity: 0; transition: all .3s; z-index: -1;}
.bd_lecture .dpp_basic_tbl > li:hover {border-color: transparent;}
.bd_lecture .dpp_basic_tbl > li:hover::after {opacity: 1;}
.bd_lecture .dpp_basic_tbl > li > div {border: 0; display: block; text-align: left; padding: 0; height: auto; line-height: inherit;}
.bd_lecture .dpp_basic_tbl > li .top {display: flex; align-items: center; justify-content: space-between;}
.bd_lecture .dpp_basic_tbl > li .dpp_cate {font-size: 24px; font-weight: 600; color: #000;}
.bd_lecture .dpp_basic_tbl > li .dpp_file {font-size: 22px; font-weight: 500; text-decoration: underline; text-underline-offset: 3px;}
.bd_lecture .dpp_basic_tbl > li .dpp_btit {margin-top: 30px; font-size: 26px; font-weight: 600; color: #36AE92; line-height: 1.3; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; height: 62px}
.bd_lecture .dpp_basic_tbl > li .bot {margin-top: 30px; display: flex; align-items: center; flex-wrap: wrap; gap: 15px 30px;}
.bd_lecture .dpp_basic_tbl > li .bot li {display: flex; align-items: center; gap: 15px; }
.bd_lecture .dpp_basic_tbl > li .bot li.w50 {width: calc(50% - 15px);}
.bd_lecture .dpp_basic_tbl > li .bot li.w100 {width: 100%;}
.bd_lecture .dpp_basic_tbl > li .bot li[rel=""] {display: none;}
.bd_lecture .dpp_basic_tbl > li .bot li strong {font-size: 22px; font-weight: 700; color: #000;}
.bd_lecture .dpp_basic_tbl > li .bot li span {font-size: 22px; font-weight: 400; color: #5A5A5A;}






@media screen and (max-width:1640px){

    /* 공통 */
    .sub_visual{height: 35.37vw; background:url("/img/sub/sub_visual_t.jpg") no-repeat center / cover;}
    .sub_vis_txt{max-width:93.29vw;}
    .sub_vis_txt em{font-size: 1.22vw;}
    .sub_vis_txt h2{font-size: 3.96vw; margin-top:0.67vw;}

    .sub_menu{height:5.49vw;}
    .sub_menu > ul{max-width:93.29vw;}
    .sub_menu > ul > li + li::before {width: 0.06vw; height: 1.22vw;}
    .sub_menu > ul > li > a {padding-left: 1.83vw; font-size: 1.25vw; height: 100%;}

    .sub_menu > ul > li.home {width: 3.05vw;}
    .sub_menu > ul > li.home > a {background: url("/img/sub/home_ic.svg") no-repeat left center / 1.22vw;}
    .sub_menu > ul > li.menu_btn {width: 14.39vw; background: url("/img/sub/sub_menu_arrow.svg") no-repeat right 1.71vw center / 0.49vw;}
    .sub_menu_txt li {height: 3.66vw;}
    .sub_menu_txt li a {padding: 0 1.83vw; font-size: 1.25vw;}

    #sub_content{padding:5.98vw 0 9.15vw;}
    .sub_inner{max-width:93.29vw;}
    .sub_title{margin-bottom:5.00vw;}
    .sub_title em{font-size: 1.10vw;}
    .sub_title h3{font-size: 3.05vw; margin-top:0.43vw;}
    
    /***** gallery board *****/
    /* cate */
    #dpp_ct_ul.dpp_ct_ul {font-size:0; gap: 1.22vw; margin-bottom: 3.05vw;}
    #dpp_ct.dpp_ct li {min-width: 8.54vw; margin:0.30vw 0}
    #dpp_ct.dpp_ct a {padding: 0.85vw 2.44vw; border-radius: 6.10vw; font-size: 1.40vw;}
    /* list */
    .dpp_gal_list{gap: 3.05vw;}
    .dpp_gal_list > li{border-radius: 1.83vw;}
    .dpp_gal_list .num-3{width:calc(100% / 3 - 2.07vw)}
    #dpp_pic_list .dpp_gal_list .dpp_pic_hf a {padding: 2.44vw 3.35vw 3.05vw 2.44vw;}
    .dpp_gal_in .dpp_imgArea {height: 22.87vw;}
    .dpp_gal_in dt.dpp_pic_ct {padding: 0.61vw 0.98vw 0.37vw; border-radius: 0.30vw; font-size: 0.85vw; letter-spacing: -0.02vw; margin-bottom: 1.22vw;}
    .dpp_gal_in dd{font-size:1.22vw;}
    .dpp_gal_in dd.dpp_btit {font-size: 1.34vw; letter-spacing: -0.02vw; line-height: 1.27; height: 3.5vw;}
    .dpp_gal_in dd.dpp_prgDate {margin-top: 1.22vw; font-size: 0.98vw;}

    /* greeting */
    .greeting .txt {padding-top: 3.05vw; width: calc(100% - 39.63vw);}
    .greeting .txt .tit {padding-bottom: 1.71vw;}
    .greeting .txt .tit h2 {font-size: 2.44vw; }
    .greeting .txt .tit p {margin-top: 1.04vw; font-size: 1.10vw;  }
    .greeting h3 {margin-top: 3.05vw; font-size: 1.65vw; }
    .greeting h3 + p {margin-top: 1.83vw; padding-right: 2.7vw; font-size: 1.22vw; letter-spacing: -0.05vw; }
    .greeting .img {width: 39.63vw;  border-radius: 1.22vw;}

    /* professor */
    .professor .sec1 .inner {gap: 9.94vw; padding-bottom: 8.96vw;}
    .professor .sec1::before {left: 1.22vw; font-size: 7.93vw; }
    .professor .sec1 .inner > .img {width: 28.05vw; height: 33.54vw; border-radius: 1.22vw;}
    .professor .sec1 .txt_cont {width: calc(100% - 37.01vw); padding-top: 2.07vw;}
    .professor .sec1 .txt_cont .tit {font-size: 1.83vw;}
    .professor .sec1 .txt_cont .tit strong {font-size: 2.44vw;}
    .professor .sec1 .txt_cont .cont {margin-top: 4.27vw;}
    .professor .sec1 .txt_cont .flex {gap: 5.49vw;}
    .professor .sec1 .txt_cont .item {gap: 1.83vw;}
    .professor .sec1 .txt_cont .item .img {width: 4.27vw;}
    .professor .sec1 .txt_cont .item .txt strong {font-size: 1.34vw;}
    .professor .sec1 .txt_cont .item .txt p,
    .professor .sec1 .txt_cont .item .txt li {font-size: 1.22vw;  margin-top: 0.61vw;}
    .professor .sec1 .txt_cont .bot.pc {margin-top: 4.27vw;}
    .professor .sec1 .txt_cont .item .txt li:first-child {margin-top: 0.91vw !important;}
    .professor .sec1 .txt_cont .item .txt li {padding-left: 1.22vw; margin-top: 0.43vw !important;}
    .professor .sec1 .txt_cont .item .txt li::before {width: 0.24vw; height: 0.24vw; top: 0.67vw;}
    .professor .sec2 {padding: 7.32vw 0;}
    .professor .sec2 .inner {gap: 1.22vw;}
    .professor .sec2 .inner > div {width: 50%;}
    .professor .sec2 ul {margin-top: 1.52vw;}
    .professor .sec2 ul li {gap: 1.34vw; font-size: 1.22vw; }
    .professor .sec2 ul li + li {margin-top: 0.61vw;}
    .professor .sec2 ul li > span:first-child {padding-left: 1.22vw; min-width: 8.17vw;}
    .professor .sec2 ul li > span:first-child::before {width: 0.24vw; height: 0.24vw; top: 0.67vw;}
    .presentation .select_cate_cont h2,
    .professor .sec_tit {font-size: 1.83vw;}
    .professor .dpp_basic_bd {border-top: 0;}
    .professor .bd_professor {margin-top: 7.32vw;}
    .select_cate.dpp_ct .tit {width: 22.74vw; height: 3.66vw; border-radius: 0.61vw; padding: 0 1.22vw; font-size: 1.22vw;}
    .select_cate.dpp_ct .tit img {width: 0.73vw;}
    .select_cate #dpp_ct_ul.dpp_ct_ul {top: calc(100% + 0.61vw); border-radius: 0.61vw;}
    .select_cate #dpp_ct_ul.dpp_ct_ul li {margin: 0 !important;}
    .select_cate #dpp_ct_ul.dpp_ct_ul li a {height: 3.66vw; padding: 0 1.34vw !important; font-size: 1.10vw !important;}
    .professor .bd_professor .dpp_basic_tbl {margin-top: 2.07vw;}
    .professor .bd_professor .dpp_btit {gap: 3.66vw; padding: 1.22vw;}
    .professor .bd_professor .dpp_btit .subject {width: 7.62vw; font-size: 1.22vw;}
    .professor .bd_professor .dpp_btit .content * {font-size: 1.22vw;}
    .professor .bd_professor .dpp_btit .content li {padding-left: 1.22vw;}
    .professor .bd_professor .dpp_btit .content li::before {width: 0.24vw; height: 0.24vw; top: 0.67vw;}
    
    /* presentation */
    .presentation .select_cate_cont { margin-bottom: 2.07vw;}
    .presentation .select_cate.dpp_ct .tit {width: 24.39vw;}

    /* contact */
    .contact .map_cont {height: 39.63vw; border-radius: 1.22vw;}
    .contact .info {margin-top: 2.44vw;}
    .contact .info h3 {font-size: 1.71vw;}
    .contact .info .bot {gap: 4.27vw; margin-top: 1.59vw;}
    .contact .info .bot p {gap: 1.22vw; font-size: 1.46vw;}
    .contact .info a {gap: 0.61vw; border-radius: 6.10vw; width: 14.63vw; height: 3.66vw; font-size: 1.34vw;}
    .contact .info a img {width: 1.83vw;}

    /* MEMBERS board */
    .bd_members .dpp_basic_bd {margin-top: 3.05vw;}
    .bd_members .dpp_basic_tbl::after { height: 0.06vw;}
    .bd_members .dpp_basic_tbl > li {padding: 2.13vw 3.05vw;}
    .bd_members .dpp_basic_tbl > li > div.dpp_td_tt {gap: 0.43vw;}
    .bd_members .dpp_basic_tbl > li > div .dpp_btit {font-size: 1.83vw;}
    .bd_members .dpp_basic_tbl > li > div .dpp_td_cont {font-size: 1.34vw;}
    .bd_members .dpp_basic_tbl > li > div .dpp_td_cate {width: 3.41vw; height: 1.83vw; border-radius: 6.10vw; font-size: 1.04vw; }
    .bd_members .dpp_basic_tbl > li .dpp_td_desc {margin-top: 0.79vw; gap: 1.04vw; font-size: 1.34vw; }
    
    /* EIDC board */
    .bd_Lab .title {margin-bottom: 1.65vw;}
    .bd_Lab .title p {font-size: 1.34vw;}
    .bd_Lab .title h4 {margin-top: 0.67vw; font-size: 2.13vw;}
    .bd_Lab .info_box {padding: 3.48vw; border-radius: 1.22vw;}
    .bd_Lab .info_box::before { width: 19.33vw; height: 19.09vw; right: 1.40vw; top: 2.44vw;}
    .bd_Lab .info_box p {font-size: 1.46vw;}
    .bd_Lab .dpp_basic_bd {margin-top: 6.22vw;}
    .bd_Lab .dpp_basic_tbl > li {padding: 2.44vw 0; gap: 0.61vw; height: 12.50vw;}
    .bd_Lab .dpp_basic_tbl .dpp_td_tt {width: 14.02vw; font-size: 1.71vw;}
    .bd_Lab .dpp_basic_tbl .dpp_td_cont {width: calc(100% - 14.63vw); font-size: 1.34vw; padding-right: 1.22vw; letter-spacing: -0.06vw;}
    
    /* 학부/대학원 */
    .bd_lecture .bd_title {font-size: 2.13vw;}
    .bd_lecture .dpp_basic_bd {margin-top: 4.15vw;}
    .bd_lecture .dpp_basic_tbl {gap: 2.44vw;}
    .bd_lecture .dpp_basic_tbl > li {width: calc(50% - 1.22vw); padding: 2.44vw; height: 20.73vw;}
    .bd_lecture .dpp_basic_tbl > li .dpp_cate {font-size: 1.46vw;}
    .bd_lecture .dpp_basic_tbl > li .dpp_file {font-size: 1.34vw; text-underline-offset: 0.18vw;}
    .bd_lecture .dpp_basic_tbl > li .dpp_btit {margin-top: 1.83vw; font-size: 1.59vw; height: 3.78vw}
    .bd_lecture .dpp_basic_tbl > li .bot {margin-top: 1.83vw; gap: 0.91vw 1.83vw;}
    .bd_lecture .dpp_basic_tbl > li .bot li {gap: 0.91vw;}
    .bd_lecture .dpp_basic_tbl > li .bot li.w50 {width: calc(50% - 1vw);}
    .bd_lecture .dpp_basic_tbl > li .bot li strong {font-size: 1.34vw;}
    .bd_lecture .dpp_basic_tbl > li .bot li span {font-size: 1.34vw;}

}

@media screen and (max-width:1280px){

    /* 공통 */
    .tablet {display: block;}

    .sub_visual{height: 35.39vw; background:url("/img/sub/sub_visual_m.jpg") no-repeat center / cover;}
    .sub_vis_txt{max-width:91.41vw;}
    .sub_vis_txt em{font-size: 1.25vw;}
    .sub_vis_txt h2{font-size: 3.98vw; margin-top:0.70vw;}

    .sub_menu{height:7.03vw;}
    .sub_menu > ul{max-width:91.41vw;}
    .sub_menu > ul > li + li::before {width: 0.08vw; height: 1.25vw;}
    .sub_menu > ul > li > a {padding-left: 1.80vw; font-size: 1.56vw; height: 100%;}

    .sub_menu > ul > li.home {width: 4.05vw;}
    .sub_menu > ul > li.home > a {background: url("/img/sub/home_ic.svg") no-repeat left center / 1.56vw;}
    .sub_menu > ul > li.menu_btn {width: 17.5vw; background: url("/img/sub/sub_menu_arrow.svg") no-repeat right 1.5vw center / 10px;}
    .sub_menu_txt li {height: 4.69vw;}
    .sub_menu_txt li a {padding: 0 2.34vw; font-size: 1.56vw;}

    #sub_content{padding:6.02vw 0 9.14vw;}
    .sub_inner{max-width:91.41vw;}
    .sub_title{margin-bottom:5.00vw;}
    .sub_title em{font-size: 1.09vw;}
    .sub_title h3{font-size: 3.05vw; margin-top:0.47vw;}



    /***** gallery board *****/
    /* cate */
    #dpp_ct_ul.dpp_ct_ul {font-size:0; gap: 1.25vw; margin-bottom: 3.05vw;}
    #dpp_ct.dpp_ct li {min-width: 8.52vw; margin:0.31vw 0}
    #dpp_ct.dpp_ct a {padding: 0.86vw 2.42vw; border-radius: 6.09vw; font-size: 1.41vw;}
    /* list */
    .dpp_gal_list{gap: 2.73vw;}
    .dpp_gal_list > li{border-radius: 1.80vw;}
    .dpp_gal_list .num-3{width:calc(100% / 3 - 1.88vw)}
    #dpp_pic_list .dpp_gal_list .dpp_pic_hf a {padding: 2.42vw 3.36vw 3.05vw 2.42vw;}
    .dpp_gal_in .dpp_imgArea {height: 21.88vw;}
    .dpp_gal_in dt.dpp_pic_ct {padding: 0.63vw 1.02vw 0.39vw; border-radius: 0.31vw; font-size: 0.86vw; letter-spacing: -0.00vw; margin-bottom: 1.25vw;}
    .dpp_gal_in dd{font-size:1.25vw;}
    .dpp_gal_in dd.dpp_btit {font-size: 1.33vw; letter-spacing: -0.00vw; line-height: 1.27; height: 3.38vw;}
    .dpp_gal_in dd.dpp_prgDate {margin-top: 1.25vw; font-size: 1.02vw;}
    /* search & page */
    .dpp_search_box{margin-top:4.30vw}
    .pg_wrap {margin:4.30vw 0 0;}

    /***** board read *****/
    /* .dpp_vtt{padding:16px 20px;}
    .dpp_v_cate{margin-right:16px;font-size:11px; padding: 6px 13px; border-radius: 4px;}
    .dpp_view_tt h3{font-size:17px; letter-spacing: -0px;}
    .dpp_v_info{padding:13px 19px;}
    .dpp_v_desc{font-size:20px; line-height:19px; padding:19px 23px 19px 0;}
    .dpp_view_file .dpp_v_td{width:98px}
    .dpp_v_info dt{font-size:20px; margin-right:8px; letter-spacing: -1px;}
    .dpp_v_info dd{font-size:20px; letter-spacing: -1px;}
    .dpp_list_btn{padding:0 47px; line-height:47px; font-size:13px; border-radius: 4px; letter-spacing: -1px;} */
    /* .dpp_list_btn {padding: 0 55px; line-height: 55px;} */
    
    /* greeting */
    .greeting .txt {padding-top: 3.91vw; width: calc(100% - 41.97vw);}
    .greeting .txt .tit {padding-bottom: 2.19vw;}
    .greeting .txt .tit h2 {font-size: 3.13vw; }
    .greeting .txt .tit p {margin-top: 1.33vw; font-size: 1.41vw;  }
    .greeting h3 {margin-top: 3.91vw; font-size: 2.11vw; }
    .greeting h3 br:not(.tablet) {display: none;}
    .greeting h3 + p {margin-top: 2.34vw; padding-right: 3.98vw; font-size: 1.56vw; letter-spacing: -0.06vw;}
    .greeting h3 + p br:not(.none) {display: none;}
    .greeting .img {width: 41.97vw;  border-radius: 1.56vw;}

    /* professor */
    .professor .sec1 .inner {gap: 4.69vw; padding-bottom: 12.34vw;}
    .professor .sec1::before {left: 1.09vw; font-size: 9.38vw;  overflow: hidden; width: 100%; bottom: -1.17vw;}
    .professor .sec1 .inner > .img {width: 29.77vw; height: 35.63vw; border-radius: 1.56vw;}
    .professor .sec1 .txt_cont {width: calc(100% - 34.45vw); padding-top: 1.88vw;}
    .professor .sec1 .txt_cont .tit {font-size: 2.34vw;}
    .professor .sec1 .txt_cont .tit strong {font-size: 3.13vw;}
    .professor .sec1 .txt_cont .cont {margin-top: 4.69vw;}
    .professor .sec1 .txt_cont .flex {gap: 3.91vw 7.03vw; flex-wrap: wrap;}
    .professor .sec1 .txt_cont .item {gap: 2.34vw;}
    .professor .sec1 .txt_cont .item:first-child {width: 100%;}
    .professor .sec1 .txt_cont .item .img {width: 5.47vw;}
    .professor .sec1 .txt_cont .item .txt strong {font-size: 1.72vw;}
    .professor .sec1 .txt_cont .item .txt p,
    .professor .sec1 .txt_cont .item .txt li {font-size: 1.56vw; margin-top: 0.63vw;}
    .professor .sec1 .txt_cont .bot.pc {margin-top: 3.91vw;}
    .professor .sec1 .txt_cont .item .txt li:first-child {margin-top: 1.17vw !important;}
    .professor .sec1 .txt_cont .item .txt li {padding-left: 1.17vw; margin-top: 0.47vw !important;}
    .professor .sec1 .txt_cont .item .txt li::before {width: 0.23vw; height: 0.23vw; top: 0.78vw;}
    .professor .sec2 {padding: 9.38vw 0;}
    .professor .sec2 .inner {gap: 0.78vw;}
    .professor .sec2 .inner > div {width: 50%;}
    .professor .sec2 ul {margin-top: 1.95vw;}
    .professor .sec2 ul li {gap: 1.72vw; font-size: 1.56vw; }
    .professor .sec2 ul li + li {margin-top: 0.63vw;}
    .professor .sec2 ul li > span:first-child {padding-left: 1.17vw; min-width: 10.47vw;}
    .professor .sec2 ul li > span:first-child::before {width: 0.23vw; height: 0.23vw; top: 0.94vw;}
    .professor .sec2 ul li p span {line-height: 1.2;}
    .professor .sec2 ul li p span + span {margin-top: 0.39vw;}
    .presentation .select_cate_cont h2,
    .professor .sec_tit {font-size: 2.34vw;}
    .professor .bd_professor {margin-top: 9.38vw;}
    .select_cate.dpp_ct .tit {width: 32.42vw; height: 4.69vw; border-radius: 0.78vw; padding: 0 1.56vw; font-size: 1.72vw;}
    .select_cate.dpp_ct .tit img {width: 0.94vw;}
    .select_cate #dpp_ct_ul.dpp_ct_ul {top: calc(100% + 0.63vw); border-radius: 0.63vw;}
    .select_cate #dpp_ct_ul.dpp_ct_ul li {margin: 0 !important;}
    .select_cate #dpp_ct_ul.dpp_ct_ul li a {height: 4.69vw; padding: 0 1.56vw !important; font-size: 1.56vw !important;}
    .professor .bd_professor .dpp_basic_tbl {margin-top: 1.72vw;}
    .professor .bd_professor .dpp_btit {gap: 4.69vw; padding: 1.56vw;}
    .professor .bd_professor .dpp_btit .subject {width: 9.69vw; font-size: 1.56vw;}
    .professor .bd_professor .dpp_btit .content * {font-size: 1.56vw;}
    .professor .bd_professor .dpp_btit .content li {padding-left: 1.17vw;}
    .professor .bd_professor .dpp_btit .content li::before {width: 0.23vw; height: 0.23vw; top: 0.78vw;}
    
    /* presentation */
    .presentation .select_cate_cont { margin-bottom: 2.66vw;}
    .presentation .select_cate.dpp_ct .tit {width: 33.25vw;}

    /* contact */
    .contact .map_cont {height: 39.61vw; border-radius: 1.25vw;}
    .contact .info {margin-top: 2.42vw;}
    .contact .info h3 {font-size: 1.72vw;}
    .contact .info .bot {gap: 4.30vw; margin-top: 1.56vw;}
    .contact .info .bot p {gap: 1.25vw; font-size: 1.48vw;}
    .contact .info a {gap: 0.63vw; border-radius: 6.09vw; width: 14.61vw; height: 3.67vw; font-size: 1.33vw;}
    .contact .info a img {width: 1.80vw;}

    /* MEMBERS board */
    .bd_members .dpp_basic_bd {margin-top: 3.05vw;}
    .bd_members .dpp_basic_tbl::after {height: 0.08vw;}
    .bd_members .dpp_basic_tbl > li {padding: 2.11vw 3.05vw;}
    .bd_members .dpp_basic_tbl > li > div.dpp_td_tt {gap: 0.47vw;}
    .bd_members .dpp_basic_tbl > li > div .dpp_btit {font-size: 1.80vw;}
    .bd_members .dpp_basic_tbl > li > div .dpp_td_cont {font-size: 1.33vw;}
    .bd_members .dpp_basic_tbl > li > div .dpp_td_cate {width: 3.44vw; height: 1.80vw; border-radius: 6.09vw; font-size: 1.02vw;}
    .bd_members .dpp_basic_tbl > li .dpp_td_desc {margin-top: 0.78vw; gap: 1.02vw; font-size: 1.33vw;}
        
    /* EIDC board */
    .bd_Lab .title {margin-bottom: 1.64vw;}
    .bd_Lab .title p {font-size: 1.33vw;}
    .bd_Lab .title h4 {margin-top: 0.70vw; font-size: 2.11vw;}
    .bd_Lab .info_box {padding: 3.52vw; border-radius: 1.25vw;}
    .bd_Lab .info_box::before { width: 19.30vw; height: 19.06vw; right: 1.41vw; top: 2.42vw;}
    .bd_Lab .info_box p {font-size: 1.48vw;}
    .bd_Lab .dpp_basic_bd {margin-top: 6.25vw;}
    .bd_Lab .dpp_basic_tbl > li {padding: 2.42vw 0; gap: 0.63vw; height: 12.50vw;}
    .bd_Lab .dpp_basic_tbl .dpp_td_tt {width: 13.98vw; font-size: 1.72vw;}
    .bd_Lab .dpp_basic_tbl .dpp_td_cont {width: calc(100% - 14.61vw); font-size: 1.33vw; padding-right: 1.25vw; letter-spacing: -0.08vw;}
    
    /* 학부/대학원 */
    .bd_lecture .bd_title {font-size: 2.73vw;}
    .bd_lecture .dpp_basic_bd {margin-top: 5.31vw;}
    .bd_lecture .dpp_basic_tbl {gap: 3.13vw;}
    .bd_lecture .dpp_basic_tbl > li {width: calc(50% - 1.57vw); padding: 3.13vw; height: 26.56vw;}
    .bd_lecture .dpp_basic_tbl > li .dpp_cate {font-size: 1.88vw;}
    .bd_lecture .dpp_basic_tbl > li .dpp_file {font-size: 1.72vw; text-underline-offset: 0.16vw;}
    .bd_lecture .dpp_basic_tbl > li .dpp_btit {margin-top: 2.34vw; font-size: 2.03vw; height: 4.84vw}
    .bd_lecture .dpp_basic_tbl > li .bot {margin-top: 2.34vw; gap: 1.17vw 0.78vw;}
    .bd_lecture .dpp_basic_tbl > li .bot li {gap: 0.78vw;}
    .bd_lecture .dpp_basic_tbl > li .bot li.w50 {width: calc(50% - 1.02vw);}
    .bd_lecture .dpp_basic_tbl > li .bot li strong {font-size: 1.72vw;}
    .bd_lecture .dpp_basic_tbl > li .bot li span {font-size: 1.72vw;}

}



@media screen and (max-width:768px){

    /* 공통 */
    .tablet {display: none;}

    .sub_visual{height: 75.52vw; background:url("/img/sub/sub_visual_m.jpg") no-repeat center / cover;}
    .sub_vis_txt{max-width:100%; padding: 0 2.60vw; top: 56%;}
    .sub_vis_txt em{font-size: 2.60vw;}
    .sub_vis_txt h2{font-size: 8.46vw; margin-top:1.43vw;}

    .sub_menu{height:13.02vw;}
    .sub_menu > ul{max-width:100%; padding: 0;}
    .sub_menu > ul > li + li::before {width: 0.13vw; height: 1.56vw;}
    .sub_menu > ul > li > a {padding-left: 3.91vw; font-size: 3.65vw; height: 100%;}

    .sub_menu > ul > li.home {width: 9.64vw; min-width: 9.64vw;}
    .sub_menu > ul > li.home > a {background: url("/img/sub/home_ic.svg") no-repeat center / 3.39vw; padding-left: 0;}
    .sub_menu > ul > li.menu_btn {width: 50%; background: url("/img/sub/sub_menu_arrow.svg") no-repeat right 3.91vw center / 1.56vw;}
    .sub_menu_txt li {height: 9.51vw;}
    .sub_menu_txt li a {padding: 0 3.78vw; font-size: 3.65vw;}

    #sub_content{padding:16.41vw 0 14.32vw;}
    .sub_inner{max-width:100%; padding: 0 2.60vw;}
    .sub_title{margin-bottom:10.68vw;}
    .sub_title em{font-size: 2.60vw;}
    .sub_title h3{font-size: 6.51vw; margin-top:0.65vw;}



    /***** gallery board *****/
    /* cate */
    #dpp_ct_ul.dpp_ct_ul {font-size:0; gap: 1.2vw 3.26vw; margin-bottom: 7.94vw;}
    #dpp_ct.dpp_ct li {min-width: 22.14vw; margin:0.78vw 0}
    #dpp_ct.dpp_ct a {padding: 2.21vw 6.25vw; border-radius: 15.76vw; font-size: 3.65vw;}
    /* list */
    .dpp_gal_list{gap: 6.51vw;}
    .dpp_gal_list > li{border-radius: 4.69vw;}
    .dpp_gal_list .num-3{width:100%;}
    #dpp_pic_list .dpp_gal_list .dpp_pic_hf a {padding: 5.86vw 6.51vw;}
    .dpp_gal_in .dpp_imgArea {height: 56.64vw;}
    .dpp_gal_in dt.dpp_pic_ct {padding: 1.69vw 2.60vw 1.04vw; border-radius: 0.78vw; font-size: 2.21vw; letter-spacing: -0.00vw; margin-bottom: 3.26vw;}
    .dpp_gal_in dd{font-size:3.26vw;}
    .dpp_gal_in dd.dpp_btit {font-size: 3.39vw; letter-spacing: -0.00vw; line-height: 1.27; height: 9vw;}
    .dpp_gal_in dd.dpp_prgDate {margin-top: 3.26vw; font-size: 2.60vw;}
    /* search & page */
    .dpp_search_box{margin-top:11.20vw}
    .pg_wrap {margin:11.20vw 0 0;}
    
    /* greeting */
    .greeting .inner {flex-direction: column-reverse;}
    .greeting .txt {padding-top: 6.51vw; width: 100%;}
    .greeting .txt .tit {padding-bottom: 4.56vw;}
    .greeting .txt .tit h2 {font-size: 5.73vw; }
    .greeting .txt .tit p {margin-top: 2.60vw; font-size: 2.86vw;  }
    .greeting h3 {margin-top: 6.64vw; font-size: 4.04vw; word-break: keep-all;}
    .greeting h3 br:not(.tablet) {display: none;}
    .greeting h3 + p {margin-top: 3.91vw; padding-right: 0; font-size: 3.13vw; letter-spacing: -0.13vw;}
    .greeting .img {width: 100%; height: 52.08vw; border-radius: 2.60vw;}
    .greeting .img img {height: 100%; object-fit: cover; object-position: center;}

    /* professor */
    .professor .sec1 {padding-bottom: 11.98vw;}
    .professor .sec1 .inner {gap: 5.21vw; padding-bottom: 0;}
    .professor .sec1::before {display: none;}
    .professor .sec1 .inner > .img {width: 39.58vw; height: 47.40vw; border-radius: 2.60vw;}
    .professor .sec1 .txt_cont {width: calc(100% - 44.79vw); padding-top: 1.56vw;}
    .professor .sec1 .txt_cont .tit {font-size: 4.56vw;}
    .professor .sec1 .txt_cont .tit strong {font-size: 5.21vw;}
    .professor .sec1 .txt_cont .cont {margin-top: 4.95vw;}
    .professor .sec1 .txt_cont .flex {gap: 4.56vw 3.26vw; flex-direction: column; align-items: flex-start;}
    .professor .sec1 .txt_cont .item {gap: 3.26vw;}
    .professor .sec1 .bot.mob .img,
    .professor .sec1 .txt_cont .item .img {width: 8.46vw; min-width: 8.46vw;}
    .professor .sec1 .bot.mob .img {height: auto;}
    .professor .sec1 .bot.mob .img img {width: 100%;}
    .professor .sec1 .bot.mob .txt strong,
    .professor .sec1 .txt_cont .item .txt strong {font-size: 3.39vw;}
    .professor .sec1 .bot.mob .txt li,
    .professor .sec1 .txt_cont .item .txt p,
    .professor .sec1 .txt_cont .item .txt li {font-size: 3.13vw; margin-top: 1.30vw; color: #5A5A5A;}
    .professor .sec1 .txt_cont .bot.pc {display: none !important;}
    .professor .sec1 .bot.mob {display: flex !important; margin-top: 4.17vw;}
    .professor .sec1 .bot.mob .txt {width: calc(100% - 12.37vw);}
    .professor .sec1 .txt_cont .item .txt li:first-child {margin-top: 2.34vw !important;}
    .professor .sec1 .bot.mob .txt li,
    .professor .sec1 .txt_cont .item .txt li {padding-left: 2.34vw; margin-top: 0.91vw !important; position: relative;}
    .professor .sec1 .bot.mob .txt li::before,
    .professor .sec1 .txt_cont .item .txt li::before {content: ""; width: 0.52vw; height: 0.52vw; top: 1.56vw; left: 0; border-radius: 100%; background: #5A5A5A; position: absolute;}
    .professor .sec2 {padding: 13.02vw 0;}
    .professor .sec2 .inner {gap: 6.51vw; flex-direction: column; align-items: flex-start;}
    .professor .sec2 .inner > div {width: 100%;}
    .professor .sec2 .inner > div:last-child {padding-top: 6.51vw; border-top: 0.13vw solid #00000020;}
    .professor .sec2 ul {margin-top: 3.26vw;}
    .professor .sec2 ul li {gap: 5.86vw; font-size: 3.13vw; }
    .professor .sec2 ul li + li {margin-top: 1.30vw;}
    .professor .sec2 ul li > span:first-child {padding-left: 2.34vw; min-width: 20.83vw;}
    .professor .sec2 ul li > span:first-child::before {width: 0.52vw; height: 0.52vw; top: 1.82vw;}
    .professor .sec2 ul li p span {line-height: 1.2;}
    .professor .sec2 ul li p span + span {margin-top: 0.91vw;}
    .professor .sec_tit {font-size: 4.43vw;}
    .professor .bd_professor {margin-top: 13.02vw;}
    .presentation .select_cate_cont h2,
    .professor .bd_professor .sec_tit {display: none;}
    .select_cate#dpp_ct {padding: 0; margin: 0; width: 100%;}
    .select_cate.dpp_ct .tit {width: 100%; height: 11.72vw; border-radius: 1.30vw; padding: 0 3.91vw; font-size: 3.65vw;}
    .select_cate.dpp_ct .tit img {width: 1.95vw;}
    .select_cate #dpp_ct_ul.dpp_ct_ul {top: calc(100% + 1.30vw); border-radius: 1.30vw;}
    .select_cate #dpp_ct_ul.dpp_ct_ul li {margin: 0 !important;}
    .select_cate #dpp_ct_ul.dpp_ct_ul li a {height: 11.72vw; padding: 0 3.91vw !important; font-size: 3.39vw !important;}
    .professor .bd_professor .dpp_basic_tbl {margin-top: 3.91vw;}
    .professor .bd_professor .dpp_btit {gap: 1.43vw; flex-direction: column; align-items: flex-start; padding: 3.26vw 2.60vw;}
    .professor .bd_professor .dpp_btit .subject {width: 100%; font-size: 3.65vw; line-height: 1.2;}
    .professor .bd_professor .dpp_btit .content * {font-size: 3.13vw;}
    .professor .bd_professor .dpp_btit .content li {padding-left: 1.95vw; line-height: 1.2;}
    .professor .bd_professor .dpp_btit .content li::before {width: 0.52vw; height: 0.52vw; top: 1.69vw;}
    .professor .bd_professor .dpp_btit .content li + li {margin-top: 1.04vw;}

    /* presentation */
    .presentation .select_cate_cont { margin-bottom: 3.91vw;}
    .presentation .select_cate.dpp_ct .tit {width: 100%;}
    
    /* contact */
    .contact .map_cont {height: 52.08vw; border-radius: 2.60vw;}
    .contact .info {margin-top: 8vw; flex-direction: column; align-items: flex-start; gap: 6.51vw;}
    .contact .info h3 {font-size: 3.65vw; line-height: 1.2;}
    .contact .info .bot {gap: 8.72vw; margin-top: 3.26vw;}
    .contact .info .bot p {gap: 2.60vw; font-size: 3.13vw;}
    .contact .info a {gap: 1.69vw; border-radius: 13.02vw; width: 29.95vw; height: 8.46vw; font-size: 2.86vw;}
    .contact .info a img {width: 3.65vw;}

    /* MEMBERS board */
    .bd_members .dpp_basic_bd {margin-top: 6.12vw;}
    .bd_members .dpp_basic_tbl::after {height: 0.13vw;}
    .bd_members .dpp_basic_tbl > li {padding: 3.91vw 3.26vw; width: 100%;}
    .bd_members .dpp_basic_tbl > li > div.dpp_td_tt {gap: 1.30vw;}
    .bd_members .dpp_basic_tbl > li > div .dpp_btit {font-size: 3.65vw;}
    .bd_members .dpp_basic_tbl > li > div .dpp_td_cont {font-size: 3.13vw;}
    .bd_members .dpp_basic_tbl > li > div .dpp_td_cate {width: 8.20vw; height: 4.30vw; border-radius: 13.02vw; font-size: 2.34vw;}
    .bd_members .dpp_basic_tbl > li .dpp_td_desc {margin-top: 1.56vw; gap: 2.08vw; font-size: 3.13vw; line-height: 1.2;}
          
    /* EIDC board */
    .bd_Lab .title {margin-bottom: 6.51vw;}
    .bd_Lab .title p {font-size: 3.91vw;}
    .bd_Lab .title h4 {margin-top: 2.60vw; font-size: 5.21vw;}
    .bd_Lab .info_box {padding: 5.16vw; border-radius: 2.47vw;}
    .bd_Lab .info_box::before { width: 38.93vw; height: 38.41vw; right: 2.86vw; top: 15.95vw;}
    .bd_Lab .info_box p {font-size: 2.86vw;}
    .bd_Lab .info_box p br {display: none;}
    .bd_Lab .dpp_basic_bd {margin-top: 12.63vw; flex-direction: column; align-items: flex-start;}
    .bd_Lab .dpp_basic_tbl > li {padding: 3.91vw 2.60vw; gap: 1.30vw; height: auto; width: 100%;}
    .bd_Lab .dpp_basic_tbl .dpp_td_tt {width: 27.99vw; font-size: 3.26vw;}
    .bd_Lab .dpp_basic_tbl .dpp_td_cont {width: calc(100% - 29.30vw); font-size: 2.60vw; padding-right: 0; letter-spacing: -0.13vw;}
    
    /* 학부/대학원 */
    .bd_lecture .bd_title {font-size: 4.30vw;}
    .bd_lecture .dpp_basic_bd {margin-top: 8.33vw;}
    .bd_lecture .dpp_basic_tbl {gap: 3.91vw; flex-direction: column;}
    .bd_lecture .dpp_basic_tbl > li {width: 100%; padding: 5.21vw 3.91vw; height: auto;}
    .bd_lecture .dpp_basic_tbl > li .dpp_cate {font-size: 3.39vw;}
    .bd_lecture .dpp_basic_tbl > li .dpp_file {font-size: 3.13vw; text-underline-offset: 0.26vw;}
    .bd_lecture .dpp_basic_tbl > li .dpp_btit {margin-top: 3.91vw; font-size: 3.65vw; height: auto}
    .bd_lecture .dpp_basic_tbl > li .bot {margin-top: 3.91vw; gap: 1.56vw 1.30vw;}
    .bd_lecture .dpp_basic_tbl > li .bot li {gap: 1.95vw;}
    .bd_lecture .dpp_basic_tbl > li .bot li.w50 {width: calc(50% - 1.95vw);}
    .bd_lecture .dpp_basic_tbl > li .bot li strong {font-size: 3.13vw;}
    .bd_lecture .dpp_basic_tbl > li .bot li span {font-size: 3.13vw;}


}