/* 0101 학부소개 */
.dept-intro{ word-break: keep-all;}
.dept-intro + .dept-intro{ margin-top: 3rem;}
.dept-intro .lead-wrap{ position:relative; min-height: 13rem; display: flex; align-items: end;}
.dept-intro .img{ position:absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 0.5rem; overflow: hidden;}
.dept-intro .img img{ object-fit: cover; width: 100%; height: 100%;}
.dept-intro .inr{ position:relative; width: 90%; padding-top:1.1rem; margin-top: 10rem; line-height: 1.4; font-size: 1.2rem; font-weight: 600; color: #000; background:#fff; z-index: 1;}
.dept-intro .inr i{ font-size: 1.75rem; font-weight: 400; coloR:#003E8A; padding-right: 0.25rem; vertical-align: middle;}
.dept-intro .inr p{ padding-bottom: 1.1rem; border-bottom: 1px solid #bbb; }
.dept-intro .inr p strong{ font-weight: 700; color:#003E8A;}
.dept-intro:first-child .inr{ padding-top:1.5rem;}
.dept-intro:first-child .inr p{ border-color: #003E8A; padding-bottom: 1.5rem;}
.dept-intro:nth-of-type(odd) .lead-wrap{ justify-content: end; }
.dept-intro:nth-of-type(even) .lead-wrap{ justify-content: start; }
.dept-intro:nth-of-type(odd) .inr{ border-radius: 2rem 0 0; padding-left: 2.5rem;}
.dept-intro:nth-of-type(even) .inr{ border-radius: 0 2rem 0 0; padding-right: 2.5rem;}
.dept-intro .txt{ width: calc(90% - 2.5rem); margin-top: 2rem;}
.dept-intro .txt > p + p{ margin-top: 1rem;}
.dept-intro:nth-of-type(odd) .txt{ margin-left: auto; }
.dept-intro:nth-of-type(even) .txt{ margin-right: auto; }

/* 0103 지도영역 */
.box_map{ margin-top: 2rem;}

/* 0101 학부소개 */
.dept-intro{ word-break: keep-all;}
.dept-intro + .dept-intro{ margin-top: 3rem;}
.dept-intro .lead-wrap{ position:relative; min-height: 13rem; display: flex; align-items: end;}
.dept-intro .img{ position:absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 0.5rem; overflow: hidden;}
.dept-intro .img img{ object-fit: cover; width: 100%; height: 100%;}
.dept-intro .inr{ position:relative; width: 90%; padding-top:1.1rem; margin-top: 10rem; line-height: 1.4; font-size: 1.2rem; font-weight: 600; color: #000; background:#fff; z-index: 1;}
.dept-intro .inr i{ font-size: 1.75rem; font-weight: 400; coloR:#003E8A; padding-right: 0.25rem; vertical-align: middle;}
.dept-intro .inr p{ padding-bottom: 1.1rem; border-bottom: 1px solid #bbb; }
.dept-intro .inr p strong{ font-weight: 700; color:#003E8A;}
.dept-intro:first-child .inr{ padding-top:1.5rem;}
.dept-intro:first-child .inr p{ border-color: #003E8A; padding-bottom: 1.5rem;}
.dept-intro:nth-of-type(odd) .lead-wrap{ justify-content: end; }
.dept-intro:nth-of-type(even) .lead-wrap{ justify-content: start; }
.dept-intro:nth-of-type(odd) .inr{ border-radius: 2rem 0 0; padding-left: 2.5rem;}
.dept-intro:nth-of-type(even) .inr{ border-radius: 0 2rem 0 0; padding-right: 2.5rem;}
.dept-intro .txt{ width: calc(90% - 2.5rem); margin-top: 2rem;}
.dept-intro .txt > p + p{ margin-top: 1rem;}
.dept-intro:nth-of-type(odd) .txt{ margin-left: auto; }
.dept-intro:nth-of-type(even) .txt{ margin-right: auto; }

/* 0103 지도영역 */
.box_map{ margin-top: 2rem;}

/* 교수소개260512 (기능)*/ 
.professor_list> li {position:relative; margin-top:20px; border-bottom:1px solid #ccc; background:#fff url('/images/common/con_com/bg_Prof.png') no-repeat right bottom;}
.professor_list> li:first-child {margin-top:0; border-top:1px solid #ccc;}
.professor_list> li .pro_img {position:absolute; left:30px; top:30px; width:110px; border:1px solid #ddd;}
.professor_list> li .pro_img img {max-width:100%; height:140px;}
.professor_list> li .pro_txt {min-height:140px; padding:30px 30px 30px 170px;}
.professor_list> li .pro_txt .pro_name {position:relative; margin-bottom:30px; font-size:30px; color:#111; font-family:'NotoM';}
.professor_list> li .pro_txt .pro_name:before {content:''; display:block; position:absolute; top:55px; left:0; width:40px; height:1px; background:#00F;}
.professor_list> li .pro_txt .pro_name span{font-size:20px; margin-left:5px; font-family:'NotoR';}
.professor_list> li .pro_txt ul li {line-height:38px; font-size:15px; padding-left:35px;}
.professor_list> li .pro_txt ul li.pr_list {padding-left:0;} /* 소속 */
.professor_list> li .pro_txt ul li.pr_list .belong {color:#0075d3; margin-right:7px; display:inline-block; font-weight:bold;} /* 소속 */
.professor_list> li .pro_txt ul li.pr_list1 {background:url('/images/common/con_com/pr_ico_03.png') no-repeat left 8px;} /* 연구실 위치 */
.professor_list> li .pro_txt ul li.pr_list2 {background:url('/images/common/con_com/pr_ico_02.png') no-repeat left 8px;} /* 전화 */
.professor_list> li .pro_txt ul li.pr_list3 {background:url('/images/common/con_com/pr_ico_01.png') no-repeat left 8px;} /* 전공분야 */
.professor_list> li .pro_txt ul li.pr_list4 {background:url('/images/common/con_com/pr_ico_05.png') no-repeat left 8px;} /* 담당과목 */
.professor_list> li .pro_txt ul li.pr_list5 {background:url('/images/common/con_com/pr_ico_04.png') no-repeat left 8px;} /* 이메일 */
/* 교수소개 더보기버튼
.professor_list> li .pro_txt ul li span.pro_ico {display:inline-block; width:35px; height:35px; margin-right:10px; font-size:18px; text-align:center; color:#fff; font-family:'NotoB'; background:#7f9fb7; border-radius:20px;}
.professor_list.btn_desc {position:absolute; top:30px; right:30px; display:block; width:170px; height:45px; padding-right:30px; line-height:45px; color:#ffffff; font-size:16px; font-family:'NotoM'; letter-spacing:-1px; background:#9dacb7 url('/images/common/con_com/btn_Prof_more1.png') no-repeat right 50%;}
.professor_list.btn_desc_close {position:absolute; top:30px; right:30px; display:block; width:170px; height:45px; padding-right:30px; line-height:45px; color:#fff; font-size:16px; font-family:'NotoM'; letter-spacing:-1px; background:#17335a url('/images/common/con_com/btn_Prof_more1.png') no-repeat right 50%;}
.professor_listli .desc {display:none}
.professor_listli.on .desc {display:block; padding:15px 30px 30px; border-top:1px solid #ddd; background:#f9f9f9;}
.professor_listli.on .desc .de_tit {margin:20px 0 0; font-size:22px; line-height:1.3; font-family:'NotoM'; color:#17335a; letter-spacing:-1px;} */ 

/* 교수소개2 */
.professor_list_2> li {position:relative;margin-top:20px;border-bottom:1px solid #ccc;background:#fff url('/images/common/con_com/bg_Prof.png') no-repeat right 100px;}
.professor_list_2> li:first-child {margin-top:0; border-top:1px solid #ccc;}
.professor_list_2> li .pro_img {position:absolute;left:30px;top: 42px;width: 121px;border:1px solid #ddd;}
.professor_list_2> li .pro_img img {width: 100%;height: 154px;}
.professor_list_2> li .pro_txt {min-height: 190px;padding:30px 30px 30px 170px;}
.professor_list_2> li .pro_txt .pro_name {position:relative; margin-bottom:30px; font-size:30px; color:#111; font-family:'NotoM';}
.professor_list_2> li .pro_txt .pro_name:before {content:''; display:block; position:absolute; top:55px; left:0; width:40px; height:1px; background:#00F;}
.professor_list_2> li .pro_txt .pro_name span{font-size:20px; margin-left:5px; font-family:'NotoM'; color:#959595;}
.professor_list_2> li .pro_txt .pro_name em{ font-family:'NotoB'; color:#263754; font-size:16px; margin-left:8px;} /*220414*/
.professor_list_2> li .pro_txt ul{overflow:hidden;}
.professor_list_2> li .pro_txt ul li{position:relative; width:37%; font-size:15px; padding:0 10px 0 100px; line-height:20px; margin-top:15px; word-break:break-all; float:left;}
.professor_list_2> li .pro_txt ul li span {display:block; position:absolute; left:0; font-family:'notoM'; color:#004ea5; line-height:20px;}
.professor_list_2> li .pro_txt ul li.pr_list {padding-left:0;} /* 소속 */
.professor_list_2> li .pro_txt ul li.pr_list .belong {color:#0075d3; margin-right:7px; display:inline-block; font-weight:bold;} /* 소속 */

/* 교수소개2 더보기버튼 */ 
.professor_list_2> li .pro_txt ul li span.pro_ico {display:inline-block; width:35px; height:35px; margin-right:10px; font-size:18px; text-align:center; color:#fff; font-family:'NotoB'; background:#7f9fb7; border-radius:20px;}
.professor_list_2 .btn_desc, .professor_list_2 .btn_desc_2 {position:absolute;top:30px;right:30px;display:block;width: 110px;height:45px;padding-right:30px;line-height:45px;color:#ffffff;font-size:16px;font-family:'NotoM';letter-spacing:-1px;background: #17335a url('/images/common/con_com/btn_Prof_more1.png') no-repeat right 50%;cursor: pointer;}/* 201029 */
.professor_list_2 .btn_desc_close, .professor_list_2 .btn_desc_close_2 {position:absolute;top:30px;right:30px;display:block;width: 110px;height:45px;padding-right:30px;line-height:45px;color:#fff;font-size:16px;font-family:'NotoM';letter-spacing:-1px;background:#17335a url('/images/common/con_com/btn_Prof_off.png') no-repeat right 50%; 50%;cursor: pointer;}
.professor_list_2 li .desc {display:none}
.professor_list_2 li.on .desc {display:block;padding:15px 0 30px;background:#fff;border-top: 1px dotted #d2d2d2;}
.professor_list_2 li.on .desc .de_tit {margin:20px 0 0; font-size:22px; line-height:1.3; font-family:'NotoM'; color:#17335a; letter-spacing:-1px;}

/* 교수소개 tab 260512*/
.professor_list .tab_st1_box li, .professor_list_2 .tab_st1_box li{margin:0;}
.professor_list .tab_st1_box, .professor_list_2 .tab_st1_box{border-radius: 0;border: none;border-bottom: 2px solid #fec240;}

.professor_list .tab_st1_box a, .professor_list_2 .tab_st1_box a{padding:15px;text-align:center;background:#fff;border:0;border-radius: 0;}
.professor_list .tab_st1_box a:hover, .professor_list .tab_st1_box li.on a, .professor_list_2 .tab_st1_box a:hover, .professor_list_2 .tab_st1_box li.on a{background:#fec240; border:0; color:#333; font-family:'NotoM';}
.professor_list .reactTab.tab_st1_box a.selectTab, .professor_list_2 .reactTab.tab_st1_box a.selectTab{margin-bottom:2px;background: #fec240;border:0;color: #333;font-family:'NotoM';}

.professor_list_2  .Tab_w20 li {width:20%; float:left}

@media (min-width: 1025px) {
	.professor_list_2  .tab_st1_box ul {position:relative;}
.professor_list_2  .tab_st1 {
    border: none;
    border-radius: 0;
}
}

@media screen and (max-width:870px) {	
	/* 교수소개 260512*/ 
	.professor_list_2> li {position:relative; margin-top:20px;}
	.professor_list_2> li:first-child {margin-top:0;}
	.professor_list_2> li .pro_img {top:30px; left:50%; margin-left:-65px;}
	.professor_list_2> li .pro_img img {max-width:100%; height:140px;}
	.professor_list_2> li .pro_txt {min-height:140px; padding:180px 25px 20px 25px;}	
	.professor_list_2> li .pro_txt .pro_name{text-align:center; margin-bottom:0;}
	.professor_list_2> li .pro_txt ul li{width: 100%;}/* 201208 */
	.professor_list_2 .btn_desc, .professor_list_2 .btn_desc_2 {width:15px; text-indent:-99999px;}
	.professor_list_2 .btn_desc_close, .professor_list_2 .btn_desc_close_2 {width:15px; text-indent:-99999px;}
}
@media screen and (max-width:800px) {	
.tab_st1.Tab_w20 li, .tab_st2.Tab_w20 li, .tab_st3.Tab_w20 li {width:33%;}
}
@media (max-width:768px) {

    /* 0101 학부소개 */
    .dept-intro .lead-wrap{ flex-direction: column;}
    .dept-intro .img{ position:relative; left: auto; top: auto; height:15rem; }
    .dept-intro .inr{ margin-top: -3rem;}
    .dept-intro:nth-of-type(odd) .lead-wrap{ align-items: end; }
    .dept-intro:nth-of-type(even) .lead-wrap{ align-items: start; }
}

@media (max-width:640px) {

    /* 0101 학부소개 */
    .dept-intro .inr{ width: 95%; font-size: 1.1rem;}
    .dept-intro .img{ height:13rem; }
    .dept-intro:nth-of-type(odd) .inr{ padding-left: 1.5rem;}
    .dept-intro:nth-of-type(even) .inr{ padding-right: 1.5rem;}
    .dept-intro .txt{ width: calc(95% - 1.5rem); margin-top: 1.5rem;}
}
@media (max-width:600px) {
.tab_st1.Tab_w20 li, .tab_st2.Tab_w20 li, .tab_st3.Tab_w20 li {width:50%;}
}
@media (max-width:480px) {

    /* 0101 학부소개 */
    .dept-intro .img{ height:10rem; }
    .dept-intro .inr{ width: 95%; font-size: 1.05rem;}
    .dept-intro:nth-of-type(odd) .inr{ border-radius: 1.25rem 0 0; }
    .dept-intro:nth-of-type(even) .inr{ border-radius: 0 1.25rem 0 0; }
	.tab_st1.Tab_w20 li, .tab_st2.Tab_w20 li, .tab_st3.Tab_w20 li {width:100%;}
}

@media (max-width:420px) {

    /* 0101 학부소개 */
    .dept-intro .inr{ width: 95%; font-size: 1rem;}
}

@media (max-width:768px) {

    /* 0101 학부소개 */
    .dept-intro .lead-wrap{ flex-direction: column;}
    .dept-intro .img{ position:relative; left: auto; top: auto; height:15rem; }
    .dept-intro .inr{ margin-top: -3rem;}
    .dept-intro:nth-of-type(odd) .lead-wrap{ align-items: end; }
    .dept-intro:nth-of-type(even) .lead-wrap{ align-items: start; }
}

@media (max-width:640px) {

    /* 0101 학부소개 */
    .dept-intro .inr{ width: 95%; font-size: 1.1rem;}
    .dept-intro .img{ height:13rem; }
    .dept-intro:nth-of-type(odd) .inr{ padding-left: 1.5rem;}
    .dept-intro:nth-of-type(even) .inr{ padding-right: 1.5rem;}
    .dept-intro .txt{ width: calc(95% - 1.5rem); margin-top: 1.5rem;}
}

@media (max-width:480px) {

    /* 0101 학부소개 */
    .dept-intro .img{ height:10rem; }
    .dept-intro .inr{ width: 95%; font-size: 1.05rem;}
    .dept-intro:nth-of-type(odd) .inr{ border-radius: 1.25rem 0 0; }
    .dept-intro:nth-of-type(even) .inr{ border-radius: 0 1.25rem 0 0; }
}

@media (max-width:420px) {

    /* 0101 학부소개 */
    .dept-intro .inr{ width: 95%; font-size: 1rem;}
}