@charset "utf-8";

/* ************************* 공통 ************************* */
/* 탭 */
.tabWrap {}

.tabWrap.type1 {}

.tabInner {}
.tabInner>ul {}
.tabInner>ul>li {display:none;}
.tabInner>ul>li.on {display:block;}

/* ***** 테이블 ***** */
/* 테이블::type1 */
.tableWrap.type1 {}




/* ************************ 데스크탑 (992~) ************************ */
/* 게시판 페이징 pc */
.pageBox {position:relative; width:100%; margin-top:30px; line-height:1; font-size:15px; text-align:center;}
.pageBox .pc {display:inline-block; }
.pageBox .pc.pagination {display:inline-block;}
.pageBox .pc li {float:left; margin-left:-1px; margin-right:-1px;}
.pageBox .pc li a {display:block; padding:12px 15px; background:#fff;}
.pageBox .pc.pagination>li>a {text-align:center; border:1px solid #dedede; height:40px; line-height:1;}
.pageBox  .pc.pagination .prev {margin-right:10px;}
.pageBox  .pc.pagination .next {margin-left:10px;}

/* 게시판 페이징 mobile */
.pageBox .mobile .btn-default {background:url(../images/common/select.png)right 50% no-repeat;}
.bootstrap-select.btn-group .dropdown-toggle .caret {display:none;}
	

.pageBox .mobile {display:inline-block; margin:0; padding:0;}
.pageBox .mobile>li {float:left; height:100%;}
.pageBox .mobile>li:last-child {padding-right:0;}
.pageBox .mobile li a {padding:12px 25px;}
.pageBox .mobile .prev {display:block; min-width:34px; height:40px; background:url(../images/common/prev.png) no-repeat 50% #fff !important; border:1px solid #ededed; border-right:0;}
.pageBox .mobile .next {display:block; min-width:34px; height:40px; background:url(../images/common/next.png) no-repeat 50% #fff !important; border:1px solid #ededed; border-right:0;}

.pageBox .mobile label {display:none;}
.pageBox .mobile select { cursor:pointer; padding:8px 45px 8px 20px !important; background:url(../images/common/select.png) no-repeat right 10px center !important; background-position: calc(100% - 10px) center !important; appearance: none; clear: left !important;}
.mobile select#page {border-radius: 0 !important; height: 40px !important; border: 1px solid #dedede !important; min-width: 50px;}
.page_box .mobile select {background-size: 20px !important;}


/* 공통 */
.contents {padding:160px 0 100px 0;}

/* ************************ intro ************************ */
	/* about */
	.about {}
	.about div{}
	.about div>img{width:100%;}
	.about div.about_text {padding-top:40px; text-align:left;}
	.about div.about_text .tit {position:relative; padding-bottom:25px;}	
	.about div.about_text .tit:before {content:''; display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#921637;}
	.about div.about_text .tit h3{font-size:30px; color:#921637;}	
	.about div.about_text .tit h3 span{font-size:22px; color:#aaa; font-weight:400; padding-left:7px;}	
	.about div.about_text ul {padding-top:20px; overflow:hidden;}	
	.about div.about_text ul li{float:left;width:calc(100%/2); padding-right:10px;}
	.about div.about_text ul li+li {padding-left:10px; padding-right:0;} 
	.about div.about_text ul li p {color:#000; font-size:16px; font-weight:300; line-height:1.8;}
	.about div.about_text ul li p.eng{font-size:15px;}
	.about div.about_text ul li p+p{padding-top:30px;}

	/* professor */
	/*.pro {}
	.pro .pro_contact{border:1px solid #eaeaea; border-top:1px solid #c92049; box-shadow: 5px 5px 5px rgb(0, 0, 0, .05); padding:60px; overflow:hidden; display:flex; justify-content:center; align-items:center;}
	.pro .pro_contact>div {float:left;}
	.pro .pro_contact>div.pro_img {height:250px; width:200px; background:url(../images/intro/kyoung-HeonKim.jpg) center / cover no-repeat;}
	.pro .pro_contact>div.pro_txt {padding-left:100px;}
	.pro .pro_contact>div.pro_txt p {font-size:36px; color:#000; font-weight:600; padding-bottom:30px;}
	.pro .pro_contact>div.pro_txt p span {padding-lefT:10px; font-size:20px; font-weight:400;}
	.pro .pro_contact>div.pro_txt dl{position:relative; overflow:hidden;}
	.pro .pro_contact>div.pro_txt dl dt {position:relative; font-size:18px; color:#c92049; padding-left:20px; float:left;}
	.pro .pro_contact>div.pro_txt dl dt:before {content:''; display:inline-block; position:absolute; left:0; top:3px; width:100%; height:100%;} 
	.pro .pro_contact>div.pro_txt dl dd {padding-left:100px; padding-bottom:10px; font-size:16px; color:#000; font-weight:300;}
	.pro .pro_contact>div.pro_txt dl dd a {font-size:16px; color:#000;}

	.pro .pro_contact>div.pro_txt dl dt.address:before {background:url(../images/common/i-address.png) no-repeat;}
	.pro .pro_contact>div.pro_txt dl dt.tel:before {background:url(../images/common/i-tel.png) no-repeat;}
	.pro .pro_contact>div.pro_txt dl dt.mail:before {top:7px;background:url(../images/common/i-mail.png) no-repeat;}
	*/
	
	.pro h3{font-size:48px; color:#000; font-weight:500;}
	.pro .main_professor{position:relative; display:flex; align-items:center; background:#fafafa; padding:60px 20px;  text-align:center; width:100%;}
	.pro .main_professor h3 {position:absolute; left:50%; transform:translateX(-50%); top:-25px; background:url(../images/main/tit_line.png)center no-repeat; width:100%;}
	.pro .main_professor>div {float:left;}
	.pro .main_professor>div.professor_img {width:460px;}
	.pro .main_professor>div.professor_img .img {width:225px; height:225px; background:url(../images/intro/kyoung-HeonKim.jpg) center no-repeat; border-radius:50%; background-size:225px; margin:0 auto;}
	.pro .main_professor>div.professor_txt {width:calc(100% - 460px); text-align:left;}
	.pro .main_professor>div.professor_txt p {font-size:30px; font-weight:600; color:#000;}
	.pro .main_professor>div.professor_txt p span{font-size:18px; font-weight:400;}
	.pro .main_professor>div.professor_txt dl{position:relative; overflow:hidden; padding-top:35px;}
	.pro .main_professor>div.professor_txt dl dt{position:relative; float:left; color:#c92049; padding-left:22px;}
	.pro .main_professor>div.professor_txt dl dt:before{content:''; display:inline-block; position:absolute; left:0; top:5px; height:20px; width:16px;}
	.pro .main_professor>div.professor_txt dl dd{padding-left:105px; padding-bottom:8px;}
	 .main_professor>div.professor_txt dl dd:last-child{padding-bottom:0;}
	.pro
	.pro.main .main_professor>div.professor_txt dl dt.address:before{background:url(../images/common/i-address.png)no-repeat;}
	.pro.main .main_professor>div.professor_txt dl dt.tel:before{background:url(../images/common/i-tel.png)no-repeat;}
	.main .main_professor>div.professor_txt dl dt.mail:before{background:url(../images/common/i-mail.png)no-repeat;}
	
	.pro .pro_list {padding-top:50px;}
	.pro .pro_list dl{position:relative; padding-bottom:50px; overflow:hidden;}
	.pro .pro_list dl+dl{padding-top:50px;}
	.pro .pro_list dl:last-child{padding-bottom:0;}
	.pro .pro_list dl+dl:before {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:1px; background:#eaeaea;}
	.pro .pro_list dl dt{height:100%; width:35%; float:left; font-size:22px; color:#c92049; font-weight:500;}
	.pro .pro_list dl dd{width:calc(100% - 35%); float:right; color:#666; font-weight:300;}
	.pro .pro_list dl dd+dd{padding-top:7px;}

	/* contact */
	.contact {}
	.contact .location-map {border:1px solid #eaeaea; overflow:hidden; display:flex; margin-bottom:20px; align-items:center;}
	.contact .location-map:nth-child(2) {flex-direction: row-reverse; margin-bottom:0;}
	.contact .location-map iframe {float:left; width:50%; height:400px;}
	.contact .location-map .txt {overflow:hidden; display:flex; justify-content:center; text-align:center; width:50%;}
	.contact .location-map .txt ul{padding:0 20px;}
	.contact .location-map .txt ul li{}
	.contact .location-map .txt ul li+li {padding-top:40px;}
	.contact .location-map .txt ul li i {display:inline-block;}
	.contact .location-map .txt ul li i img {width:100%;}
	.contact .location-map .txt ul li p{color:#000; padding-top:20px;}
	.contact .location-map .txt ul li {}
	.contact .location-map .txt ul li dl{padding-top:20px; overflow:hidden;}
	.contact .location-map .txt ul li:first-child dl{padding-top:15px;}
	.contact .location-map .txt ul li dl dt{color:#000; font-size:15px; float:left; width:calc(100%/2);}
	.contact .location-map .txt ul li dl dd{font-size:15px; font-weight:300; float:left; width:calc(100%/2); text-align:left;}

	.contact .directions {padding-top:50px; overflow:hidden;}
	.contact .directions ul {overflow:hidden;}
	.contact .directions ul li{float:left; width:calc(100%/2);}
	.contact .directions ul li i{float:left; width:86px;}
	.contact .directions ul li i img{}
	.contact .directions ul li p{width: calc(100% - 86px); float:left; padding: 18px 30px 18px 20px;}

	/* Collaborators */
	.collabor{}
	.collabor>ul.people{margin-right:-20px; margin-top:-20px; display:flex; flex-wrap:wrap;}
	.collabor>ul.people>li{position:relative; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; text-align:center; box-shadow: 5px 5px 10px rgb(0, 0, 0, 0.05); border:1px solid #eaeaea; float:left; width:calc((100%/2) - 20px); padding:40px; overflow:hidden; margin-top:20px;}
	.collabor>ul.people>li:nth-child(2n) {margin-left:20px;}
	.collabor>ul.people>li>a{border-radius:50%;}
	.collabor>ul.people>li>a:hover{opacity:60%;}
	.collabor>ul.people>li>a>.img{border:1px solid #931737; width:200px; height:200px; border-radius:90%; }
	.collabor>ul.people>li>div{width:100%; padding-top:10px;}
	.collabor>ul.people>li>div>h3{font-size:36px; color:#000; font-weight:500; padding-bottom:10px; line-height:1.4;}
	.collabor>ul.people>li>div>h3>span {font-size:25px;}
	.collabor>ul.people>li>div>p{font-size:18px; font-weight:300; color:#000;}
	
	.collabor .line {border-top: 1px dashed #eaeaea; margin:40px 0;}
	
	.collabor>ul.company {margin-right:-20px;}
	.collabor>ul.company>li{box-shadow: 5px 5px 10px rgb(0, 0, 0, 0.05); display:flex; justify-content:center; align-items:center; width:calc((100%/4) - 20px); margin-right:20px; float:left;}
	.collabor>ul.company>li:nth-child(4n) {margin-right:0;}
	.collabor>ul.company>li>a{position:relative; width:100%; border:1px solid #eaeaea;}
	.collabor>ul.company>li>a:after{content:''; display:inline-block; position:absolute; left:0; bottom:0; width:0; height:1px; background: transparent; transition:all .4s;}
	.collabor>ul.company>li>a:hover:after{width:100%; background:#931737;}
	.collabor>ul.company>li>a>.img{height:170px; background:url(../images/intro/biocr.jpg)center no-repeat;}

	.collabor>ul.people>li>a>.img.people1 {background:url(../images/intro/Oliver_Fiehn.jpg)center / cover no-repeat;}
	.collabor>ul.people>li>a>.img.people2 {background:url(../images/intro/Douglas_S._CLARK.jpg)center / cover no-repeat;}
	.collabor>ul.people>li>a>.img.people3 {background:url(../images/intro/Jin_yong_su.jpg)center / cover no-repeat;}
	.collabor>ul.people>li>a>.img.people4 {background:url(../images/intro/Park_yong_cheol.jpg)center / cover no-repeat;}
	.collabor>ul.people>li>a>.img.people5 {background:url(../images/intro/Yasuo_Yoshikuni.jpg)center / cover no-repeat;}
	.collabor>ul.people>li>a>.img.people6 {background:url(../images/intro/In_Geol_Choi.jpg)center / cover no-repeat;}
	
	.collabor>ul.company>li>a>.img.company1{background:url(../images/intro/biocr.jpg)center no-repeat;}
	.collabor>ul.company>li>a>.img.company2{background:url(../images/intro/advanced.jpg)center no-repeat;}
	.collabor>ul.company>li>a>.img.company3{background:url(../images/intro/wikim.jpg)center no-repeat;}
	.collabor>ul.company>li>a>.img.company4{background:url(../images/intro/lg.jpg)center no-repeat;}

	/* ************************ Research ************************ */
	
	.biomass p {word-break:break-all;}
	.biomass h3 {font-size:28px; color:#000; padding-bottom:34px;}
	.biomass .tit {padding-bottom:40px; border-bottom:1px solid #921637;}
	/*.biomass .tit {padding-top:100px;}*/
	.biomass img {max-width:100%;}
	.biomass ul li h1 {padding:65px 0 28px 0; font-size:24px; color:#787878;}
	.biomass ul li p:first-child {padding-top:40px;}
	.biomass ul li p:last-child {padding-bottom:48px;}
	.biomass ul li p {padding-bottom:24px; line-height:1.8; color:#000; font-weight:300;}
	.biomass ul li>div>div {margin-top:22px; padding:40px; border:solid 1px #eaeaea; text-align : center;}
	.biomass ul li span {display:inline-block; width:100%; color:#000; font-weight:600; padding:40px 0 0; letter-spacing:-1px; text-align:center;}
	.biomass .italic {display:inline; padding:0; font-style: italic; font-weight:300;}
	.biomass .bold {font-weight:600;}
	.biomass .c_red {font-size:38px;}
	
	/* ************************ Members ************************ */
	/* Post Doctors */
	.current .tabWrap {}

	/* .current .tabWrap.type1 {padding-bottom:60px;}
	.current .tabWrap.type1 ul {text-align:center; }
	.current .tabWrap.type1 ul li{display:inline-block; padding:0; }
	.current .tabWrap.type1 ul li+li{margin-left:3px;} */

	.current>ul>li+li {margin-top:120px;}
	.current .tit {padding-bottom:50px; text-align:center;}
	.current h3{position:relative; display:inline-block; padding:0 20px; font-size:25px; color:#921637; font-weight:300; background:#fff; letter-spacing:-.5px; }
	.current h3:before {content:''; display:inline-block; position:absolute; left:0; top:13px; width:12px; height:1px; background:#921637;}
	.current h3:after {content:''; display:inline-block; position:absolute; right:0; top:13px; width:12px; height:1px; background:#921637;}

	.current {}
	.current>ul>li>ul {overflow:hidden; display:flex; flex-wrap:wrap; margin-top:-15px; margin-right:-15px;}
	.current>ul>li>ul>li{float:left; width:calc((100%/3) - 15px); margin-right:15px; margin-top:15px; border:1px solid #eaeaea;}
	.current>ul>li>ul>li .current_member{ height:200px; width:180px; margin:0 auto;}
	.current>ul>li>ul>li .current_member img {height:200px; width:100%;}
	.current>ul>li>ul>li .member_infor{padding:35px; border-top:1px solid #eaeaea;}
	.current>ul>li>ul>li .member_infor div>p{font-size:20px; color:#921637; font-weight:500;}
	.current>ul>li>ul>li .member_infor div>p>span{font-size:16px; color:#000; font-weight:400;}
	.current>ul>li>ul>li .member_infor div>span.mail{position:relative; padding-left:20px;}
	.current>ul>li>ul>li .member_infor div>span.mail:before {content:''; display:inline-block; position:absolute; left:0; top:6px; width:17px; height:15px; background:url(../images/common/i-mail.png) no-repeat;}
	.current>ul>li>ul>li .member_infor div>span.mail a {font-size:14px; color:#aaa; font-weight:300;}
	.current>ul>li>ul>li .member_infor dl {padding-top:30px;}
	.current>ul>li>ul>li .member_infor dl dt {color:#000;}
	.current>ul>li>ul>li .member_infor dl dd {font-size:15px; color:#666; font-weight:400; padding-bottom:20px;}
	.current>ul>li>ul>li .member_infor dl dd:last-child {padding-bottom:0;}


	.current.alumni>ul>li+li {margin-top:0;}
	
	/* alumni 
	.alumni{}
	.alumni ul {overflow:hidden; display:flex; flex-wrap:wrap; margin-top:-15px; margin-right:-15px;}
	.alumni ul>li{float:left; width:calc((100%/3) - 15px); margin-right:15px; margin-top:15px; border:1px solid #eaeaea;}
	.alumni ul>li .alumni_member{ height:200px; width:190px; margin:.0 auto;}
	.alumni ul>li .member_infor{padding:35px; border-top:1px solid #eaeaea;}
	.alumni ul>li .member_infor div>p{font-size:20px; color:#921637; font-weight:500;}
	.alumni ul>li .member_infor div>p>span{font-size:16px; color:#000; font-weight:400;}
	.alumni ul>li .member_infor div>span.mail{position:relative; padding-left:20px;}
	.alumni ul>li .member_infor div>span.mail:before {content:''; display:inline-block; position:absolute; left:0; top:6px; width:17px; height:15px; background:url(../images/common/i-mail.png) no-repeat;}
	.alumni ul>li .member_infor div>span.mail a {font-size:14px; color:#aaa; font-weight:300;}
	.alumni ul>li .member_infor dl {padding-top:30px;}
	.alumni ul>li .member_infor dl dt {color:#000;}
	.alumni ul>li .member_infor dl dd {font-size:15px; color:#666; font-weight:400; padding-bottom:20px;}
	.alumni ul>li .member_infor dl dd:last-child {padding-bottom:0;}

	.alumni ul>li .alumni_member .group1-1 {background:#fff url(../images/members/Yoon-Hwan-Kim.jpg) center no-repeat; height:100%;}
	.alumni ul>li .alumni_member .group1-2 {background:#fff url(../images/members/Jae-Kyun-Kim.jpg) center no-repeat; height:100%;}
*/

/* ************************ Publications ************************ */
	/* SCI(E)-Indexed Journals */
	.scie {}
	.scie .title{padding-bottom: 20px; border-bottom:1px solid #e4e4e4;}
	.scie .title h3{font-size:30px; color:#000; font-weight:500; }
	.scie .wrap{}
	.scie .wrap .tabWrap>ul {padding:10px 0; border-bottom: 1px solid #931737; overflow:hidden; margin-right: -5px;}
	.scie .wrap .tabWrap>ul li {text-align:center; margin-bottom:5px; border:1px solid #ddd; float:left; width: calc((100%/15) - 10px); margin-right:5px; }
	.scie .wrap .tabWrap>ul li:nth-child(16n) {margin-right:0;}
	.scie .wrap .tabWrap>ul li:last-child {width:8%;}
	.scie .wrap .tabWrap>ul li a{width:100%; padding: 3px 8px; color:#aeaeae; font-weight:300; font-size:15px; cursor: pointer; display:inline-block;}
	.scie .wrap .tabWrap>ul li.on{background:#fff; border-bottom:1px solid #931737;}
	.scie .wrap .tabWrap>ul li.on a {color:#000;}
	
	.scie .tabInner .searchWrap {padding:10px 0;}
	.scie .tabInner .searchWrap>* {height:40px; line-height:40px; color:#000; font-size: 14px;}
	.scie .tabInner .searchWrap .search_box {}
	.scie .tabInner .searchWrap .search_box>* {}
	.scie .tabInner .searchWrap .search_box form {max-width:100%; position:relative;}
	.scie .tabInner .searchWrap .search_box select {background:url(../images/common/select.png) right 54% no-repeat; border:1px solid #ddd; padding:0 35px 0 10px; width: 220px; height:40px; float:left; outline:none;}
	.scie .tabInner .searchWrap .search_box input {position:relative; border:1px solid #ddd; border-left:0; width:calc(100% - 220px); padding:0 8px; height:40px; outline:none; vertical-align:top;}
	.scie .tabInner .searchWrap .search_box input:-webkit-autofill,
	.scie .tabInner .searchWrap .search_box input:-webkit-autofill:hover, 
	.scie .tabInner .searchWrap .search_box input:-webkit-autofill:focus, 
	.scie .tabInner .searchWrap .search_box  input:-webkit-autofill:active  { -webkit-box-shadow: 0 0 0 30px white inset !important; appearance:none;}
	.scie .tabInner .searchWrap .search_box a {position:absolute; right:0; display:inline-block; width:40px; height:40px; border:1px solid #ddd; border-left:0; background:url(../images/common/i_search.png) no-repeat center #fff; margin-left:-4px; } 
	
	.tabInner .publicWrap {border-bottom:1px solid #888; border-top:1px solid #888;}
	.tabInner .publicWrap ul {}
	.tabInner .publicWrap ul li{position:relative; padding:25px 0; transition:all 0.3s;}
	.tabInner .publicWrap ul li:hover{background:#f5f5f5; }
	.tabInner .publicWrap ul li+li{border-top:1px solid #ddd;}
	.tabInner .publicWrap ul li a{width:100%; display:inline-block;}
	.tabInner .publicWrap ul li a>*{float:left;}
	.tabInner .publicWrap ul li.link_none {width:100%; overflow:hidden;}
	.tabInner .publicWrap ul li.link_none a{cursor: auto;}
	.tabInner .publicWrap ul li .numb{width:10%; text-align:center; color:#999; font-size:15px; float:left;}
	.tabInner .publicWrap ul li .info{width:90%; float:left;}
	.tabInner .publicWrap ul li .info div{}
	.tabInner .publicWrap ul li .info div p{color:#000; font-weight:400;font-size:14px;}
	.tabInner .publicWrap ul li .info div p:first-child{font-size:15px; color:#888; font-weight:400;}
	.tabInner .publicWrap ul li .info div p:nth-child(2){font-size:17px;}
	.tabInner .publicWrap ul li .info div p:nth-child(3){font-size:15px; color:#aaa; font-weight:300;}
	.tabInner .publicWrap ul li .info div p+p {margin-top:7px;}
	.tabInner .publicWrap ul li .info div p span{color:#921637; font-weight:500;}
	
	.scie .tabWrap.type1 button {width:100%; background:#fff;} 
	.scie .tabWrap.type1 button.mobile {background:#9d0026; color:#fff;}
	.scie .tabWrap.type1 button.on{width:100%; padding:5px 10px; background:#910023; color:#fff;} 
	
	.scie .tabWrap.type1 button.on ul.mobile {background:#fff;} 
	
	.scie .page_wrap {width:100%; margin-top:30px; text-align:center;}
	.scie .page_wrap>ul {display:inline-block;}
	.scie .page_wrap>ul>li{float:left; margin-left:-1px;  height:40px;}
	.scie .page_wrap>ul>li>a {line-height:50px; padding:12px 20px; border:1px solid #eaeaea; color:#666;}
	
	.scie .page_wrap>ul>li>a.prev {margin-right:10px;}
	.scie .page_wrap>ul>li>a.next {margin-left:10px;}
	
	.scie .page_wrap>ul>li>a:hover {background:#eee; transition: all .3s;}
	.scie .page_wrap>ul>li.on,
	.scie .page_wrap>ul>li.on a {background:#931737; color:#fff;}


	.scie .tabWrap.type1 .year_choice {text-align:center; font-size:15px; background:#f8f8f8; padding:20px; }
	.scie .tabWrap.type1 .year_choice select {border:1px solid #dedede; width:220px; height:40px; outline:none; padding:0 35px 0 20px; background:#fff url(../images/common/select_arrow.png) no-repeat right 10px center;}
	.scie .tabWrap.type1 .year_choice a {border:1px solid #dedede; display:inline-block; width:40px; height:40px; background:#fff url(../images/common/i_year_search.png)center no-repeat;	vertical-align: middle;}
	
	
/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {

	.contents {padding:50px 20px;}

	/* ************************ intro ************************ */
	/* about */	
	.about div.about_text {padding-top:20px;}
	.about div.about_text .tit {padding-bottom:20px;}
	.about div.about_text .tit h3 span {font-size:20px; padding-left:0;}
	.about div.about_text ul {padding-top:10px;}
	.about div.about_text ul li {width:100%; padding-right:0; }
	.about div.about_text ul li+li {padding-left:0; padding-top:50px;}
	.about div.about_text ul li p+p {padding-top:20px;}	
		
	/* professor */	
	.pro .pro_contact>div.pro_txt {padding-left: 60px;}
	
	.pro h3{font-size:40px; color:#000; font-weight:500;}
	.pro .rowWrap{position:relative; padding:50px 20px;}

	.pro .main_professor{position:relative; display:flex; align-items:center; background:#fafafa; padding:60px 20px;  text-align:center; width:100%;}
	.pro .main_professor h3 {position:absolute; left:50%; transform:translateX(-50%); top:-20px; background:url(../images/main/tit_line_991.png)center no-repeat; width:100%;}
	.pro .main_professor>div {float:left;}
	.pro .main_professor>div.professor_img {width:380px;}
	.pro .main_professor>div.professor_img .img {width:225px; height:225px; background:url(../images/intro/kyoung-HeonKim.jpg) center no-repeat; border-radius:50%; background-size:225px; margin:0 auto;}
	.pro .main_professor>div.professor_txt {width:calc(100% - 380px); text-align:left;}
	.pro .main_professor>div.professor_txt p {font-size:26px; font-weight:600; color:#000;}
	.pro .main_professor>div.professor_txt p span{font-size:18px; font-weight:400;}
	.pro .main_professor>div.professor_txt dl{position:relative; overflow:hidden; padding-top:35px;}
	.pro .main_professor>div.professor_txt dl dt{position:relative; float:left; color:#c92049; padding-left:22px;}
	.pro .main_professor>div.professor_txt dl dt:before{content:''; display:inline-block; position:absolute; left:0; top:5px; height:20px; width:16px;}
	.pro .main_professor>div.professor_txt dl dd{padding-left:105px; padding-bottom:8px;}
	.pro .main_professor>div.professor_txt dl dd:last-child{padding-bottom:0;}
	.pro .main_professor>div.professor_txt dl dt.address:before{background:url(../images/common/i-address.png)no-repeat;}
	.pro .main_professor>div.professor_txt dl dt.tel:before{background:url(../images/common/i-tel.png)no-repeat;}
	.pro .main_professor>div.professor_txt dl dt.mail:before{background:url(../images/common/i-mail.png)no-repeat;}

	/* contact */
	.contact .location-map {display:block;}
	.contact .location-map iframe {width:100%;} 
	.contact .location-map .txt {width:100%;}
	.contact .location-map .txt ul {padding:30px 20px;}
	.contact .directions {padding-top:30px;}
	
	/* Collaborators */
	.collabor>ul.company {}
	.collabor>ul.company>li {width:calc((100%/2) - 20px); margin-bottom:20px;}
	.collabor>ul.company>li:nth-child(2n+1) {margin-left:0;}
	
	.collabor>ul.people>li>div>h3 {font-size:28px;}
	.collabor>ul.people>li>div>h3>span {font-size:20px;}

	/* ************************ Research ************************ */
	
	.biomass h3 {font-size: 24px; padding-bottom:15px;}
	.biomass .tit {padding-top: 50px;}
	.biomass ul li>div>div {margin-top:10px; padding:14px; border:solid 1px #eaeaea;}
	.biomass ul li p {padding-bottom: 10px; font-size:15px;}
	.biomass ul li p:first-child {padding-top: 7px;}
	.biomass ul li span {font-size: 14px; padding:20px 0 0;}
	.biomass .c_red {font-size:32px;}

	/* ************************ Members ************************ */
	/* Post Doctors */
	
	.current>ul>li+li {margin-top:50px;}
	.current .tit {padding-bottom:50px; text-align:center;}
	.current h3{position:relative; display:inline-block; padding:0 20px; font-size:25px; color:#921637; font-weight:300; background:#fff; letter-spacing:-.5px; }
	.current h3:before {content:''; display:inline-block; position:absolute; left:0; top:13px; width:12px; height:1px; background:#921637;}
	.current h3:after {content:''; display:inline-block; position:absolute; right:0; top:13px; width:12px; height:1px; background:#921637;}

	.current {}
	.current>ul>li>ul {overflow:hidden; display:flex; flex-wrap:wrap; margin-top:-15px; margin-right:-15px;}
	.current>ul>li>ul>li{float:left; width:calc((100%/2) - 15px); margin-right:15px; margin-top:15px; border:1px solid #eaeaea;}
	.current>ul>li>ul>li .current_member{ height:200px; width:180px; margin:0 auto;}
	.current>ul>li>ul>li .current_member img {height:200px; width:100%;}
	.current>ul>li>ul>li .member_infor{padding:35px; border-top:1px solid #eaeaea;}
	.current>ul>li>ul>li .member_infor div>p{font-size:20px; color:#921637; font-weight:500;}
	.current>ul>li>ul>li .member_infor div>p>span{font-size:16px; color:#000; font-weight:400;}
	.current>ul>li>ul>li .member_infor div>span.mail{position:relative; padding-left:20px;}
	.current>ul>li>ul>li .member_infor div>span.mail:before {content:''; display:inline-block; position:absolute; left:0; top:6px; width:17px; height:15px; background:url(../images/common/i-mail.png) no-repeat;}
	.current>ul>li>ul>li .member_infor div>span.mail a {font-size:14px; color:#aaa; font-weight:300;}
	.current>ul>li>ul>li .member_infor dl {padding-top:30px;}
	.current>ul>li>ul>li .member_infor dl dt {color:#000;}
	.current>ul>li>ul>li .member_infor dl dd {font-size:15px; color:#666; font-weight:400; padding-bottom:20px;}
	.current>ul>li>ul>li .member_infor dl dd:last-child {padding-bottom:0;}



	/* alumni */
	/*.alumni ul>li {width:calc((100%/2) - 15px);}*/

	/* ************************ Publications ************************ */
	/* SCI(E)-Indexed Journals */
	.scie .tabWrap.type1 .mobile {padding:5px 0; } 
	.scie .tabWrap.type1 .mobile.on{width:100%; padding:5px 10px; background:#9d0026; color:#fff;} 
	.scie .tabWrap.type1 .mobile.on ul.mobile {background:#fff;} 
	.scie .tabWrap.type1 .mobile button {display:block !important;}
	
	.scie .wrap .tabWrap>ul {border-bottom:0;}
	.scie .wrap .tabWrap>ul li {width: calc((100%/10) - 5px);}
	.scie .wrap .tabWrap>ul li:nth-child(10n) {margin-right:0;}
	.scie .wrap .tabWrap>ul li:last-child {width:12%;}
	.scie .wrap .tabWrap>ul li:nth-child(16n) {margin-right:5px;}

	.tabInner .publicWrap ul li {padding:20px 0;}
	
	
	

	
}



  
  


/* ************************ 모바일 이하(~768) ************************ */
@media screen and (max-width: 768px) {	
	/* ************************ intro ************************ */
	/* about */	
	.about div.about_text .tit {padding-bottom:15px;}
	.about div.about_text .tit h3 {font-size:26px;}
	.about div.about_text .tit h3 span {font-size:16px;}
	.about div.about_text ul {padding-top:7px;}
	.about div.about_text ul li p {font-size:15px;}	
	.about div.about_text ul li+li {padding-top:40px;}

	/* professor */	
	
	.pro .main_professor h3 {font-size:35px; top:-20px; background:url(../images/main/tit_line_767.png)center no-repeat; }
	.pro .main_professor {flex-wrap:wrap; padding:40px 20px 30px 20px;}
	.pro .main_professor>div.professor_img {width:100%; display:block;}
	.pro .main_professor>div.professor_img .img {width:200px; height:200px; background-size:200px;}
	.pro .main_professor>div.professor_txt {width:100%; padding-top:20px;}
	.pro .main_professor>div.professor_txt dl {padding-top:20px;}

	.pro .pro_list {padding-top:30px;}
	.pro .pro_list dl {padding-bottom:30px;}
	.pro .pro_list dl+dl {padding-top:30px;}
	.pro .pro_list dl dt {font-size:20px; display:block; width:100%; padding-bottom:15px;}
	.pro .pro_list dl dd {font-size:14px; display:block; width:100%;}

	/* contact */
	.contact .directions ul li {width:100%;}
	.contact .directions ul li+li {margin-top:15px;}
	.contact .directions ul li p {padding: 30px 20px 0 20px;}

	/* Collaborators */
	.collabor>ul.people {margin-right:0;}
	.collabor>ul.people>li {width:100%;}
	.collabor>ul.people>li:nth-child(2n) {margin-left:0;}
	.collabor>ul.people>li>div>p {font-size:16px;}
	
	.collabor .line {margin:20px 0;}
	
	/* ************************ Research ************************ */
	
	.biomass h3 {font-size:22px; padding-bottom:20px;}
	.biomass .tit {padding:0 0 25px 0;}
	.biomass ul li h1 {padding:40px 0 18px 0; font-size:20px;}

	
	/* ************************ Members ************************ */
	/* Post Doctors */
	.current .tit {padding-bottom:30px;}
	.current>ul>li>ul>li{width:100%;}


	/* ************************ Publications ************************ */
	/* SCI(E)-Indexed Journals */
	.tabInner .publicWrap ul li {padding:20px 10px;}
	.tabInner .publicWrap ul li .numb {display:none;}
	.tabInner .publicWrap ul li .info {width:100%;}
	.tabInner .publicWrap ul li .info div p {font-size:14px;}
	.scie .tabInner .searchWrap .search_box select {width:160px;}
	.scie .tabInner .searchWrap .search_box input {width:calc(100% - 160px);}

	.scie .wrap .tabWrap>ul li{width:calc((100%/5) - 5px);}
	.scie .wrap .tabWrap>ul li:nth-child(5n) {margin-right:0;}
	.scie .wrap .tabWrap>ul li:last-child {width:calc((100%/5) - 5px);}

	.scie .page_wrap>ul>li{height:30px;}
	.scie .page_wrap>ul>li>a {line-height:40px; padding:7px 16px;}
	
	.scie .tabWrap.type1 .year_choice select {width:27vw;}
	.scie .tabWrap.type1 .year_choice select {padding:0 35px 0 15px;}
	
}	



/* ************************ 모바일 이하(~500) ************************ */
@media screen and (max-width: 500px) {	

	.contents {padding:40px 20px;}
	/* ************************ intro ************************ */
	/* professor */	
	.pro .pro_contact>div.pro_txt dl dt {width:100%;}
	.pro .pro_contact>div.pro_txt dl dd {font-size:15px; padding-left:0;}
	.pro .pro_contact>div.pro_txt p span {display:block; padding-left:0;}
	
	.pro .pro_list {padding-top:20px;}
	.pro .pro_list dl {padding-bottom:20px;}
	.pro .pro_list dl+dl {padding-top:20px;}
	
	/* Collaborators */	
	.collabor>ul.company {margin-right:0;}
	.collabor>ul.company>li {width:100%; margin-left:0;}
	
	.collabor>ul.people>li {padding:30px;}
	.collabor>ul.people>li>div>h3 {font-size:20px;}

	/* ************************ Members ************************ */
	/* Post Doctors */
	.current .tit {padding-bottom:20px;}
	
	/* alumni */
	.alumni ul>li {width:100%;}

	/* ************************ Publications ************************ */
	/* SCI(E)-Indexed Journals */
	.scie .tabInner .searchWrap .search_box select {width:28%;}
	.scie .tabInner .searchWrap .search_box input {width:calc(100% - 28%);}

	.scie .wrap .tabWrap>ul li{width:calc((100%/3) - 5px);}
	.scie .wrap .tabWrap>ul li:nth-child(3n) {margin-right:0;}
	.scie .wrap .tabWrap>ul li:nth-child(5n) {margin-right:5px;}
	.scie .wrap .tabWrap>ul li:last-child {width:calc((100%/3) - 5px);}
	
	.scie .tabWrap.type1 .year_choice select {padding:0 35px 0 10px;}

}