@charset "utf-8";

/* ************************ 공통 ************************ */

/* ***** 설정 ***** */
.dp-i {display:inline;}
.dp-ib {display:inline-block;}
.dp-b {display:block;}
.only-mo {display:none !important;}

/* ***** 컬러 ***** */
.c_acc {color:#093c71 !important;}


/* ***** 폼 ***** */



/* ***** 탭 ***** */
.tabWrap {}
/* 탭::type1 */
.tabWrap.type1 {}


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


/* 테이블 */
.tableWrap {}
/* 테이블::type1 */
.tableWrap.type1 {text-align:center;}
.tableWrap.type1 table {border-top:1px solid #000;}
.tableWrap.type1 table thead {background:#f5f5f5;}
.tableWrap.type1 table tr {border-bottom:1px solid #e5e5e5;}
.tableWrap.type1 table tr>* {padding:10px 20px; font-size:14px; position:relative;}
.tableWrap.type1 table tr>*.left {text-align:left;}
.tableWrap.type1 table tr th {}
.tableWrap.type1 table tr td {}
.tableWrap.type1 table tbody tr {cursor:pointer; transition:all .2s;}
.tableWrap.type1 table tbody tr:hover {background:#f9f9f9;}
.tableWrap.type1 table tr td span.small {display:block; font-size:13px; color:#999;}

/* 테이블::type2 */
.tableWrap.type2 {text-align:center;}
.tableWrap.type2 table {border-top:1px solid #000;}
.tableWrap.type2 table thead {background:#f5f5f5;}
.tableWrap.type2 table tr {border-bottom:1px solid #e5e5e5;}
.tableWrap.type2 table tr>* {padding:10px 20px; font-size:16px; position:relative;}
.tableWrap.type2 table tr>*.left {text-align:left;}
.tableWrap.type2 table tr th {font-size:16px;}
.tableWrap.type2 table tr td {}
.tableWrap.type2 table tbody tr {cursor:pointer; transition:all .2s;}
.tableWrap.type2 table tbody tr:hover {background:#f9f9f9;}
.tableWrap.type2 table tr td span.small {display:block; font-size:16px; color:#0e4a84;}
.tableWrap.type2 table tr td.subject {padding-right:110px; line-height:1.35;}
.tableWrap.type2 table tr td.subject .state {width:90px; line-height:30px; position:absolute; right:0; top:10px; text-align:center; border-radius:100px !important; color:#fff; font-size:16px;}
.tableWrap.type2 table tr td.subject .state.current {background:#1484FC;}
.tableWrap.type2 table tr td.subject .state.completed {background:#093c71;}
.tableWrap.type2 table tr td.nowrap {white-space:nowrap;}

/* Project 테이블::type2 */
.projects .tableWrap.type2 table tr td.nowrap {white-space:normal; }
.projects .tableWrap.type2 table tr td:nth-of-type(1) {width:15%;}
.projects .tableWrap.type2 table tr td:nth-of-type(2) {width:20%; word-break: break-all;}

/* 검색 */
.searchWrap {}
.searchWrap .inputWrap {overflow:hidden; position:relative;}
.searchWrap .inputWrap>* {float:left; padding:0 12px !important; border:1px solid #e5e5e5; line-height:38px; height:40px; font-size:16px;}
.searchWrap .inputWrap select {width:195px; margin-right:5px; background:url(../images/common/select-arrow.svg)calc(100% - 10px) center no-repeat !important; cursor:pointer;}
.searchWrap .inputWrap input {width:calc(100% - 200px); padding-right:80px;}
.searchWrap .inputWrap input+a {width:60px; background:url(../images/common/i-search.svg)center no-repeat; display:block; position:absolute; right:0; top:0; border:0; padding:0;}

.board_info {padding:20px 0 10px; font-size:14px; color:#000!important;}

/* ************************ PC ************************ */

/* ********** intro ********** */
.introduction {}
.intro-txt {line-height:2.267; letter-spacing:-.5px; font-size:15px; color:#000;}
.intro-txt p {padding-bottom:30px;}
.intro-txt p+p {}
.intro-map {}
.intro-map .root_daum_roughmap_landing {width:100%;}
.intro-map .root_daum_roughmap .wrap_map {height:360px;}
.intro-map .root_daum_roughmap .wrap_controllers {display:none;}
.intro-map-info {}
.intro-map-info div {overflow:hidden;}
.intro-map-info dl {float:left; padding-top:30px; width:calc(100% - 230px); padding-right:30px; position:relative;}
.intro-map-info dl+dl {width:230px; padding-right:0;}
.intro-map-info dl>* {font-size:15px;}
.intro-map-info dl dt {position:absolute; left:0; color:#000; font-weight:700;}
.intro-map-info dl dd {padding-left:100px; color:#000;}
.intro-map-info dl dd+dd {margin-top:10px;}
.intro-map-info dl+dl dd {padding-left:70px;}

.intro-map-info-eng {margin-top:28px; border-top:1px solid #eee; }


/* ********** member ********** */

/* member::professor */

.professor-tit {overflow:hidden;}
.professor-tit .img {float:left; width:180px;}
.professor-tit .info {float:left; width:calc(100% - 180px); padding-left:80px;}
.professor-tit .info p {font-weight:700; color:#000; padding-bottom:12px;}
.professor-tit .info dl { position:relative;}
.professor-tit .info dl>* {font-size:15px; padding-top:13px;}
.professor-tit .info dl dt {position:absolute; left:0; color:#000;}
.professor-tit .info dl dd {padding-left:130px;}

.professor-list {}
.professor-item {padding-top:50px;}
.professor-item p {padding-left:10px; position:relative; color:#000; line-height:1; font-weight:700;}
.professor-item p:before {content:''; display:block; width:2px; height:100%; background:#093c71; position:absolute; left:0; top:0;}
.professor-item ul {padding-left:10px; padding-top:10px;}
.professor-item ul li {position:relative; padding-left:15px;margin-top:10px;}
.professor-item ul li:before {content:''; display:block; width:3px; height:3px; background:#555; position:absolute; left:0; top:11px; border-radius:50%;}
.professor-item ul li.tit {color:#000; padding-left:0;}
.professor-item ul li.tit:before{display:none;}


/* member::members */
.members-div {}
.members-div+div {padding-top:50px;}
.members-div h3 {padding:0 0 20px 22px; position:relative; font-size:20px; font-weight:700; color:#000;}
.members-div h3:before {content:''; display:block; width:12px; height:12px; border:2px solid #093c71; position:absolute; left:0; top:4px; border-radius:50%;}
/* .members-div ul {display:flex; flex-wrap:wrap; } */
/* .members-div ul li {width:calc((100% - 20px)/2); margin-left:20px; padding:30px 40px; border:1px solid #e5e5e5; overflow:hidden;} */
.members-div ul li {width:100%; padding:20px 40px; border:1px solid #e5e5e5; overflow:hidden;}
.members-div ul li+li {margin-top:20px;}
/* .members-div ul li:nth-child(odd){margin-left:0;} */
.members-div ul li>* {float:left;}
.members-div ul li .img {width:125px; border:1px solid #e5e5e5; overflow:hidden;}
.members-div ul li div {width:calc(100% - 125px); padding-left:40px; font-size:16px;}
.members-div ul li div>*+* {padding-top:5px; display:block;}
.members-div ul li div h4 {color:#000; font-weight:700; font-size:18px; line-height:1.6;}
.members-div ul li div p {}
.members-div ul li div a {margin-top:10px;}
.members-div ul li div dl {padding-top:25px;}
.members-div ul li div dt {}
.members-div ul li div dd {padding-left:12px; position:relative;}
.members-div ul li div dd:before {content:''; display:block; width:3px; height:3px; background:#093c71; position:absolute; left:0; top:10px;}

/* ********** research ********** */

/* research::fields */
.fields {}
.fields-tit {padding:20px 25px; height:140px; background:url(../images/research/fields-bg_260810.webp)center /cover no-repeat; text-align:center;}
.fields-tit h3 {padding:0 20px; display:flex; height:100%; justify-content:center; align-items:center; color:#fff; font-size:18px; font-weight:700; line-height:1.3;}
.fields-list {}
/* .fields-list ul {display:flex; flex-wrap:wrap;} */
/* .fields-list ul li {padding:40px;  width:calc((100% - 40px)/3); margin-left:20px; margin-top:20px; border:1px solid #e5e5e5; position:relative; line-height:1.8;} */
.fields-list ul {counter-reset: item;}
.fields-list ul li {counter-increment: item; padding:20px 20px 20px 50px; margin-top:20px; border:1px solid #e5e5e5; position:relative; line-height:1.8;}
/* .fields-list ul li:nth-child(3n+1) {margin-left:0;} */
.fields-list ul li:before {content:counter(item); position:absolute; left:0; top:0; font-size:14px; font-weight:700; color:#fff; background:#093c71; display:block; width:30px; height:30px; text-align:center; line-height:30px;}
/* research::projects */
.projects {}

/* research::projects-view */
.view .view-head {padding-bottom:20px !important; position:relative;}
.view .view-head p {font-size:15px;}
.view .view-head p.title {font-size:18px; font-weight:700; color:#000; padding-bottom:14px;}
.view .view-head p.title span {font-size:15px;color:#999; display:block;}
.projects.view .view-head {padding-right:140px;}
.projects.view .view-head .state {position:absolute; right:0; top:5px; width:100px; border-radius:100px; line-height:30px; text-align:center; color:#fff; font-size:14px; display:inline-block;}
.projects.view .view-head .state.current {background:#1484FC;}
.projects.view .view-head .state.completed {background:#093c71;}

.view .view-head table {border-width:1px 0 0 1px; border-style:solid; border-color:#e5e5e5; width:100%;}
.view .view-head table tr {}
.view .view-head table tr>* {padding:6px 12px; text-align:left;border-width:0 1px 1px 0; border-style:solid; border-color:#e5e5e5; font-size:15px;}
.view .view-head table tr th {background:#f9f9f9;}
.view .view-head table tr td {}
.view .view-head table tr td span {line-height:30px; color:#fff; display:inline-block; padding:0 20px; text-align:center; border-radius:100px; font-size:14px;}
.view .view-head table tr td span.apply {background:#1484FC;}
.view .view-head table tr td span.regist {background:#093c71;}
.view .view-head table tr td span.transf {background:#5abdd2;}

.view .view-con {padding:20px 0;font-size:15px; border-style:solid; border-width:1px 0 1px; border-color:#e5e5e5;}

.view .btnWrap {text-align:center; padding:30px 0;}
.view .btnWrap a {display:inline-block; padding:0 20px; font-size:14px; color:#fff; background:#999; height:40px; line-height:40px;}

.view .more-list {padding-top:20px;border-top:1px solid #e5e5e5;}
.view .more-list div {}
.view .more-list div>* {display:inline-block; vertical-align:middle; margin-right:10px; font-size:14px;}
.view .more-list div i {width:30px; height:30px; border-radius:50%; background:#f0f0f0 url(../images/common/select-arrow.svg)center no-repeat;}
.view .more-list div i.prev {transform:rotate(180deg);}
.view .more-list div i.next {}
.view .more-list div span {}
.view .more-list div span.bold {font-weight:700; color:#000;}
.view .more-list div span a {display:block;border-bottom:1px solid transparent;}
.view .more-list div span a:hover {border-color:#000; color:#000;}

/* ********** publication ********** */
.publication .journal-list {border-top:1px solid #000;}
.publication .journal-list ul {}
.publication .journal-list ul li {padding:10px; border-bottom:1px solid #e5e5e5; overflow:hidden; font-size:15px; position:relative;}
.publication .journal-list ul li div {float:left;}
.publication .journal-list ul li div.num {width:50px;}
.publication .journal-list ul li div.text {width:calc(100% - 50px);}
.publication .journal-list ul li div.text p {font-size:16px; line-height:1.3;}
.publication .journal-list ul li div.text p+p {margin-top:5px;}
.publication .journal-list ul li div.text p.nation {color:#666;}
.publication .journal-list ul li div.text p.subject {padding-bottom:10px; font-size:18px; color:#000; font-weight:500; line-height:1.3;}
.publication .journal-list ul li div.text p.desc {color:#666; position:relative;}
/* .publication .journal-list ul li div.text p.desc span {position:absolute; left:0; color:#999;} */
.publication .journal-list ul li div.text p.desc span {padding-right:20px; color:#666;}

.publication .journal .journal-list ul li div.text p.desc {padding-left:105px; position:relative;}
.publication .journal .journal-list ul li div.text p.desc span {position:absolute; left:0; top:0px; }
.publication .journal .journal-list ul li div.text {padding-right:120px;}
.publication .journal .journal-list ul li .state {width:100px; position:absolute; right:10px; top:10px; border-radius:100px !important; color:#fff; line-height:30px; text-align:center; font-size:16px;}
.publication .journal .journal-list ul li .state+.state {margin-top:32px;}
.publication .journal .journal-list ul li .link {background-color:#1484FC;}
.publication .journal .journal-list ul li .file {background-color:#093c71;}

.publication .patent .journal-list ul li div.text {padding-right:170px;}
.publication .patent .journal-list ul li .state {width:150px; position:absolute; right:10px; top:10px; border-radius:100px !important; color:#fff; line-height:30px; text-align:center; font-size:16px;}
.publication .patent .journal-list ul li .applic {background-color:#1484FC;}
.publication .patent .journal-list ul li .regist {background-color:#093c71;}
.publication .patent .journal-list ul li .transf {background-color:#5abdd2;}


/* ********** awards 240722 ********** */
.publication .journal-list.new240722 ul li {display:flex; align-items:center; cursor:pointer;}
.publication .journal-list.new240722 ul li .img {max-width:150px; }
.publication .journal-list.new240722 ul li .img img {width:100%;}
.publication .journal-list.new240722 ul li div.text {padding:0px 0 0 20px;}

 .popWrap {z-index: -1; position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; padding: 2vw; background: rgba(0,0,0,.7); opacity: 0;
}
.popWrap.on {z-index: 99999999; opacity: 1;}
.popWrap .wrap {max-width: 1400px; width : 100%; border-radius : 1rem; overflow : hidden; }
.popWrap.award_focus .wrap {max-width: 792px; width : 100%; overflow : hidden; border-radius : 0; height : 100%;}
.popWrap.award_focus .wrap img {width : 100%; height: 95%; margin-top: 5%; object-fit : scale-down; }
.popWrap.award_focus .btnClose {position: absolute; right: 20px; top: 50px; display: block; padding: 15px 30px; font-size: 14px; color: #fff; line-height: 1; letter-spacing: 3px; font-weight: 600; background: #000; border: 1px solid #fff; border-radius : 5px; cursor:pointer; }


/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {

	/* 테이블 */
	.tableWrap {}
	/* 테이블::type1 */
	.tableWrap.type1 {}
	.tableWrap.type1 .mobile {display:none;}

	/* 검색 */
	.board_info {padding:16px 0 8px;}
	
	
	/* ********** intro ********** */
	.intro-txt {}
	.intro-txt p {padding-bottom:20px;}


	/* ********** member ********** */

	/* member::professor */
	.professor-tit .info {padding-left:60px;}
	.professor-item {padding-top:40px;}

	/* member::members */
	.members-div+div {padding-top:40px;}
	.members-div ul li {padding:25px 35px;}

	/* research::projects */
	
	
	/* ********** publication ********** */
	.publication .journal-list {}
	


}







/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	.only-mo {display:block !important;}

	/* 테이블 */
	.tableWrap {}
	/* 테이블::type1 */
	.tableWrap.type1 {}
	.tableWrap.type1 table thead {display:none;}
	.tableWrap.type1 table tr>* {display:none; padding:6px 12px;}
	.tableWrap.type1 table tr td.subject {display:block; color:#000;}
	.tableWrap.type1 table tr td.subject .small {color:#000; padding-bottom:5px;}
	.tableWrap.type1 table tr td span {font-size:13px; color:#999;}
	
	/* 테이블::type2 */
	.tableWrap.type2 {}
	.tableWrap.type2 table thead {display:none;}
	.tableWrap.type2 table tr>* {display:none; padding:6px 12px;}
	.tableWrap.type2 table tr td.subject {display:block; color:#000;}
	.tableWrap.type2 table tr td.subject .small {color:#000; padding-bottom:5px;}
	.tableWrap.type2 table tr td span {font-size:13px; color:#999;}
	.tableWrap.type2 table tr td.subject {padding-right:12px;}
	.tableWrap.type2 table tr td.subject .state {position:static; margin-top:5px; line-height:24px;}
	
	
	

	/* 검색 */
	.searchWrap .inputWrap>* {width:100% !important;}
	.searchWrap .inputWrap select {margin:0 0 5px;}
	.searchWrap .inputWrap input {padding-right:60px;}
	.searchWrap .inputWrap input+a {width:40px !important; top:auto; right:0; bottom:0;}
	.board_info {padding:12px 0 5px;}

	/* ********** intro ********** */
	.intro-txt {font-size:14px;}
	.intro-map-info dl {padding-top:20px; width:100%; padding-right:0;}
	.intro-map-info dl dd {padding-left:70px;}
	.intro-map-info dl+dl dd {}
	.intro-map-info-eng {margin-top:20px;}

	/* ********** member ********** */

	/* member::professor */
	.professor-tit .img {}
	.professor-tit .info {padding-left:0; padding-top:20px; width:100%;}
	.professor-tit .info p {padding-bottom:7px;}
	.professor-tit .info dl>* {padding-top:7px; font-size:14px;}
	.professor-tit .info dl dd {padding-left:120px;}

	/* member::members */
	.members-div+div {padding-top:30px;}
	.members-div h3 {font-size:17px; padding:0 0 10px 20px;}
	/* .members-div ul {display:block; margin-top:-10px;} */
	.members-div ul li {padding:20px 30px; width:100%;}
	.members-div ul li+li { margin-top:10px;}
	.members-div ul li div {width:100%; padding-left:0; padding-top:10px;}
	.members-div ul li div dl {padding-top:15px;}

	/* ********** research ********** */

	/* research::fields */
	.fields {}
	.fields-tit {padding:15px 15px; height:140px;}
	.fields-tit h3 {font-size:17px;}
	.fields-list {}
	.fields-list ul {}
	.fields-list ul li {padding:15px 15px 15px 50px;margin-top:10px;}
	.fields-list ul li span {}

	/* research::projects-view */
	.view .view-head p {font-size:14px; color:#999;}
	.view .view-head p.title {font-size:17px;}
	.view .view-head p.title span {font-size:14px;}
	.projects.view .view-head {padding-right:0;}
	.projects.view .view-head .state {position:static;line-height:26px; margin-bottom:5px;}
	.view .view-con {font-size:14px;}

	.view .btnWrap {padding:20px 0;}
	.view .btnWrap a {font-size:13px;}

	.view .more-list {}
	
	/* ********** publication ********** */
	.publication {}
	.publication .journal-list ul li div.num {width:100%; padding-bottom:5px;}
	.publication .journal-list.new240722 ul li div.num {width:auto;}
	.publication .journal-list ul li div.text {width:100%;}
	.publication .journal-list ul li div.text p.subject {font-size:17px;}
	
	.publication .patent .journal-list ul li div.text {padding-right:0;}
	.publication .patent .journal-list ul li .state {float:left; width:150px; margin-top:10px; position:static; font-size:13px;}
	
	.publication .journal .journal-list ul li div.text {padding-right:0;}
	.publication .journal .journal-list ul li .state {float:left; width:80px; margin-top:10px; position:static; font-size:13px;}
	.publication .journal .journal-list ul li .state+.state {margin-top:10px; margin-left:5px;}
	
	
	
	
	
	
	
	
	
	
	
	
}