/* ************************ 데스크탑(992~) ************************ */


/* ************************ 공용 ************************ */
ul.type1 {}
ul.type1 li {padding:4px 0 4px 45px; background:url(../images/main/i-list.svg)0 0 / 36px no-repeat; font-size:18px; font-weight:900; color:var(--blue2);}
ul.type1 li+li {margin-top:5px}

ul.type2 {}
ul.type2 {display:flex; gap:30px;}
ul.type2 li {padding:70px 20px; width:calc((100% - 60px)/3); border-radius:20px; text-align:center; border:1px solid var(--border1); position:relative; transition:var(--ani);}
ul.type2 li h4 {padding-bottom:90px; font-size:30px; color:var(--blue2); letter-spacing:-1px; line-height:1.3; font-weight:400;}
ul.type2 li p {font-size:18px; font-weight:900; color:#000; position:absolute; left:0; bottom:70px; width:100%; line-height:1;}
ul.type2 li:nth-child(odd) {background:#f4f5f8;}
ul.type2 li:hover {background:var(--blue2); border-color:var(--blue2);}
ul.type2 li:hover h4,
ul.type2 li:hover p {color:#fff;}

.only-mo {display:none !important;}

/* ***** 탭 ***** */
.tabWrap {}
.tabInner {}
/* .tabInner>div {display:none;} */
/* .tabInner>div.on {display:block;} */

/* 탭::type1 */
.tabWrap.type1 {}
.tabWrap.type1 ul {display:flex; gap:13px; text-align:center;}
.tabWrap.type1 ul li {}
.tabWrap.type1 ul li a {padding:18px 10px 16px; border:2px solid var(--blue5); border-radius:10px; font-size:18px; color:#000; line-height:1.2; display:flex; height:100%; align-items:center; justify-content:center;}
.tabWrap.type1 ul li:hover a {background:#f5f5f5;}
.tabWrap.type1 ul li.on a {background:var(--blue5); color:#fff; }
.tabWrap.type1 ul.li-4 li {width:calc((100% - 39px)/4);}
.tabWrap.type1 ul.li-5 li {width:calc((100% - 52px)/5);}

/* 테이블::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; color:#444;}
.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:15px; color:#0e4a84;}
.tableWrap.type2 table tr td.subject {padding-right:110px;}
.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:13px;}
.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;}*/

/* 검색 */
.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:14px;}
.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;}

/* ************************ 인사말 ************************ */
.intro .intro_txt {display:flex; gap:100px;}
.intro .intro_txt .left {width:35%; position:relative;}
.intro .intro_txt .left h3 {position:absolute; top:50px; left:50px; color:#fff; font-size:36px; line-height:1.6; padding-right:50px;}
.intro .intro_txt .left img {width:100%; border-radius:20px;}
.intro .intro_txt .right img {padding-left:100px;}
.intro .intro_txt .right p {padding-top:50px; color:#000; line-height:1.8; font-size:18px;}
.intro .location {margin-top:80px;}
.intro .location h3 {font-size:32px; color:#000; font-weight:800; border-bottom:1px solid #d2d2d3; padding-bottom:20px;}
.intro .location .map {position:relative; padding-top:40px;}
.intro .location .map .root_daum_roughmap .wrap_map {height:500px;}
.root_daum_roughmap .map {border:1px solid #e6e6e6; border-radius:20px;}
.intro .location .map .address_txt { display:flex; justify-content:center; background:#1f3d95; border-radius:20px; padding:40px 50px; max-width:1100px;margin:0 auto;/*position:absolute; left:50%; transform:translateX(-50%); top:450px;*/ position:relative; top:-80px; z-index:2;}
.intro .location .map .address_txt dl {color:#fff; display:grid; grid-template-columns:150px auto;}
.intro .location .map .address_txt dl:nth-child(1) { padding:0 50px 0 0;}
.intro .location .map .address_txt dl+dl {border-left:1px solid rgba(255,255,255,0.5); padding:0 50px;}
.intro .location .map .address_txt dl dt { font-size:22px; font-weight:600;}
.intro .location .map .address_txt dl dt span { display:inline-block; margin-right:20px; transform:translateY(2px);}
.intro .location .map .address_txt dl:nth-child(1) dt span { background:url(../images/intro/i-home2.png) no-repeat center; width:30px; height:29px;}
.intro .location .map .address_txt dl:nth-child(2) dt span { background:url(../images/intro/i-phone.png) no-repeat center; width:29px; height:29px;}
.intro .location .map .address_txt dl:nth-child(3) dt span { background:url(../images/intro/i-mail.png) no-repeat center; width:30px; height:27px; transform:translateY(4px);}
.intro .location .map .address_txt dl dd {padding:0;}



/* ************************ Member ************************ */

/**** professor ****/
.member h3 {font-size:36px; color:#000;}
.member .profile {display:flex; gap:100px; margin-top:50px;}
.member .profile .img {}
.member .profile .img img {aspect-ratio:1/1.33; max-width:240px; object-fit:cover; box-shadow: rgba(0, 0, 0, 0.22) 0px 10px 10px;}
.member .profile .txt {color:#000; margin-top:10px; width: calc(100% - 400px);} 
.member .profile .txt h4 {font-size:30px; position:relative;}
.member .profile .txt h4:before {}
.member .profile .txt h4 span { font-size:24px; margin-left:10px;}
.member .profile .txt > div {margin-top:30px;}
.member .profile .txt dl {display:grid; grid-template-columns:120px auto; font-size:18px;}
.member .profile .txt dl dt { color:#666;}
.member .profile .txt dl dt i {width:30px; text-align:center; color:#666;}
.member .profile .txt dl+dl {margin-top:20px;}
.member .info { display:grid; grid-template-columns:240px auto; margin-top:100px; gap:100px;  }

.member .info h4 {position:relative; font-size:24px; color:#000; padding-top:30px; border-top:3px solid var(--blue);  width:240px; font-weight:800;}
.member .info h4:before { content:""; display:block; position:absolute; top:-3px; left:0; width:50px; height:3px; background:#00f0ff; }
.member .info.major h4 {line-height:1.4; font-size:21px;} 
.member .info ul {padding-top:30px; border-top:1px solid #e5e5e5;}
.member .info ul li { position:relative; font-size:18px; padding-left:40px; color:#000;}
.member .info.career ul li { display:grid; grid-template-columns:200px auto; }
.member .info.lectures>ul>li {font-size:18px; padding-left:45px; color:#000;}
.member .info.lectures>ul>li>ul {border-top:0;}
.member .info.lectures>ul>li:before {background:#888;}
.member .info ul li span.year {color:#666;}
.member .info ul li+li {margin-top:20px;}

.member .info ul li:before {content:""; display:block; width:5px; height:5px; background:#e5e5e5; position:absolute; top:10px; left:15px;}
/*.member .info h4:before {content:""; display:block; position:absolute; width:5px; height:30px; background:var(--blue); border-radius:2px; left:0;}8/
.member .info ul {}



/**** members ****/
.member .student:first-of-type { margin-top:80px; }

.member .student+.student {margin-top:80px;}
.member .student h4 {position:relative; font-size:28px; padding-left:20px; color:#000;}
.member .student h4:before { content:""; display:block; width:4px; height:5px; background: #00f0ff; position:absolute; left:0; top:0; z-index:2;}
.member .student h4:after { content:""; display:block; width:4px; height:30px; background: var(--blue); position:absolute; left:0; top:0; }
.member .student article {display:flex; gap:50px; width:100%; margin-top:30px;}
.member .student .img img {max-width:200px; aspect-ratio:1/1.33; object-fit:cover; box-shadow: rgba(0, 0, 0, 0.22) 0px 10px 10px;}
.member .student article+article {border-top:1px solid #eee; padding-top:30px;}
.member .student article .txt {width:calc(100% - 250px);}
.member .student article .txt .name p {color:#000; display:inline-block;}
.member .student article .txt .name p.kor { font-size:24px; font-weight:600;}
.member .student article .txt .name p.eng { margin-left:10px; font-size:18px;}
.member .student article .txt .career {margin-top:15px; color:#000; padding-left:15px;}
.member .student article .txt .career p {padding-left:5px; position:relative; font-size:18px;}
.member .student article .txt .career p:before {content:""; width:5px; height:5px; background:#e5e5e5; position:absolute; left:-10px; top:10px;}
.member .student article .txt .career p+p {margin-top:5px;}
.member .student article .txt .mail {display:inline-block; color:#000; margin-top:10px; padding-left:15px;}
.member .student article .txt .mail:hover {color:var(--blue);}
.member .student article .txt .mail i {margin-right:10px;  }
.member .student article .txt .interests {background:#f5f5f5; padding:15px 22px; margin-top:10px; border:1px solid #eee;}
.member .student article .txt .interests p {color:#000; font-size:18px; font-weight:600;}
.member .student article .txt .interests ul {margin-top:5px;}

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


/* research::projects-view */
.view .view-head {padding-bottom:20px !important; position:relative;}
.view .view-head p {font-size:16px;}
.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:16px;}
.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:15px;}
.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;}
.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:700; 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 {padding-right:20px; color:#666;}

.publication .journal .journal-list ul li div.text p.desc {display:grid; grid-template-columns:100px 1fr;}
.publication .journal .journal-list ul li div.text p.desc span {}
.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:14px;}
.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:14px;}
.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;}




/* ************************ community ************************ */



/* ************************ PC만 따료(1025~) ************************ */
@media screen and (min-width: 1025px) {
	

	
}

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

	/* ************************ 공용 ************************ */
	ul.type1 {}
	ul.type1 li {padding:2px 0 2px 40px; background:url(../images/main/i-list.svg)0 0 / 30px no-repeat; font-size:17px; font-weight:900; color:var(--blue);}
	ul.type1 li+li {margin-top:5px}
	
	ul.type2 {}
	ul.type2 {gap:20px;}
	ul.type2 li {padding:50px 20px; width:calc((100% - 40px)/3);}
	ul.type2 li h4 {font-size:27px; min-height:160px;}
	ul.type2 li p {font-size:17px; bottom:50px;}
	
	.page_box .mobile select#page {background-size:50% !important; background-position:90% !important;}
	
	/* ***** 탭 ***** */
	.tabWrap {}
	.tabInner {}
	
	/* 탭::type1 */
	
	.tabWrap.type1 {position:relative;}
	.tabWrap.type1 ul {background:#fff; border-radius:10px; overflow:hidden; border:1px solid var(--border1); display:none; position:absolute; left:0;top:55px; width:100%; z-index:9; box-shadow:0 0 10px rgba(0,0,0,.2);}
	.tabWrap.type1 ul li {width:100% !important;}
	.tabWrap.type1 ul li a {padding:14px 10px; font-size:16px; border:0; border-radius:0;}
	.tabWrap.type1 ul li+li a {border-top:1px solid var(--border1);}
	.tabWrap.type1 a.tit {padding:16px 10px 14px; background:var(--blue2) url(../images/common/tabIcon.svg)calc(100% - 25px) center /16px no-repeat; border-radius:10px; font-size:18px; color:#fff; line-height:1.2; display:flex; height:100%; align-items:center; justify-content:center;}
	.tabWrap.type1 a.tit.on {background-image:url(../images/common/tabIcon-on.svg);}
	.tabWrap.type1 a.tit.on+ul {}
	.tabWrap.type1 ul li a br {display:none;}
	
	

	/* ************************ 인사말&오시는길 ************************ */
	.intro .intro_txt {display:block;}
	.intro .intro_txt .left {width:100%;}
	.intro .intro_txt .left img {display:none;}
	.intro .intro_txt .left h3 {position:static; color:#000; font-size:30px;}
	.intro .intro_txt .right {width:100%;}
	.intro .intro_txt .right img {padding-left:0px; margin-top:30px;}
	.intro .intro_txt .right p {padding-top:30px; font-size:16px;}
	.intro .location {margin-top:50px;}
	.intro .location h3 {font-size:26px;}
	.intro .location .map {padding-top:30px;}
	.intro .location .map .root_daum_roughmap .wrap_map {height:400px;}
	.root_daum_roughmap .map {border:1px solid #e6e6e6; border-radius:20px; border-bottom-left-radius:0; border-bottom-right-radius:0; border-bottom:0;}
	.intro .location .map .address_txt {display:block; padding: 30px 30px; position:static; top:auto; border-top-left-radius:0; border-top-right-radius:0;}
	.intro .location .map .address_txt dl+dl {border:none; padding:0; margin-top:20px;}
	.intro .location .map .address_txt dl dt {font-size:20px;}
	.intro .location .map .address_txt dl dd {padding:0;}
	.intro .location .map .address_txt dl:nth-child(1) dt span { background:url(../images/intro/i-home2.png) no-repeat center / contain; width:25px; height:25px;}
	.intro .location .map .address_txt dl:nth-child(2) dt span { background:url(../images/intro/i-phone.png) no-repeat center / contain; width:25px; height:25px;}
	.intro .location .map .address_txt dl:nth-child(3) dt span { background:url(../images/intro/i-mail.png) no-repeat center / contain; width:25px; height:23px; transform:translateY(4px);}
	
	/* ************************ Member ************************ */
	
	/*****professor****/
	.member h3 {font-size:30px;}
	.member .profile {gap:10vw; margin-top:30px;}
	.member .profile .img {width:30%;}
	.member .profile .img img {width:100%;}
	.member .profile .txt {width:70%;}
	.member .profile .txt h4 {font-size:24px;}
	.member .profile .txt h4 span {font-size:18px;}
	.member .profile .txt dl {font-size:16px; grid-template-columns: 110px auto;}
	.member .profile .txt dl+dl {margin-top:13px;}
	
	.member .info {display:block; margin-top:60px;}
	.member .info ul {border-top:0;}
	.member .info h4 {font-size: 22px; padding-top: 20px; }
	.member .info ul li {font-size:16px; padding-left:20px;}
	.member .info ul li:before {left:3px;}
	
	.member .student article .txt .name p {color:#000; display:inline-block;}
	.member .student article .txt .name p.kor {font-size:22px; font-weight:600;}
	.member .student article .txt .name p.eng {margin-left:5px; font-size:16px;}
	.member .student article .txt .career {margin-top:15px; color:#000; padding-left:15px;}
	.member .student article .txt .career p {padding-left:5px; position:relative; font-size:16px;}
	
}

/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	
	/* ************************ 공용 ************************ */
	ul.type1 {}
	ul.type1 li {}
	ul.type1 li+li {margin-top:5px}
	
	ul.type2 {}
	ul.type2 {flex-wrap:wrap;}
	ul.type2 li {width:100%; padding:30px 20px;}
	ul.type2 li h4 {padding-bottom:25px; font-size:20px; min-height:0;}
	ul.type2 li p {font-size:16px; font-weight:700; position:static;}
	
	.only-mo {display:block !important;}
	
	/* ***** 탭 ***** */
	.tabWrap {}
	.tabInner {}
	
	/* 탭::type1 */
	.tabWrap.type1 {}
	.tabWrap.type1 a.tit {font-size:17px; background-size:14px; background-position:calc(100% - 20px) center;}
	
	/* 테이블::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:15px; color:#888;}
	.tableWrap.type2 table tr td.subject {padding:12px;}
	.tableWrap.type2 table tr td.subject .state {display:inline-block; 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 .left h3 {font-size:24px; padding-right:0;}
	.intro .intro_txt .right img {width:100%; object-fit:scale-down; height:22vh;}
	.intro .location .map .root_daum_roughmap .wrap_map {height:350px;}
	.intro .location .map .address_txt dl {display:grid; grid-template-columns:repeat(1, 1fr);}
	.intro .location .map .address_txt dl dt {font-size:18px;}
	.intro .location .map .address_txt dl:nth-child(1) {padding-right:0;}
	.intro .location .map .address_txt dl:nth-child(1) dd br {display:none;}
	.intro .location .map .address_txt dl+dl {margin-top:10px;}
	.intro .location .map .address_txt dl dd {padding:15px 0; line-height:1.7;}
	/* ************************ Member ************************ */
	.member h3 {font-size:24px;}
	.member .profile {display:block;}
	.member .profile .txt {width:100%; margin-top:30px;}
	.member .profile .txt { }
	.member .profile .txt > div {margin-top:20px;}
	.member .info.career ul li { display:grid; grid-template-columns:140px auto; }
	
	/* ***** 핵심업적 ***** */
	.member .profile h2 {display:block;}
	
	/* 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;}
	
	/* student */
	.member .student article {width:100%; flex-direction:column; gap:40px;}
	.member .student article .txt {width:100%;}
	
	/* ********** publication ********** */
	.publication {}
	.publication .journal-list ul li div.num {width:100%; padding-bottom:5px;}
	.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;}
}






/* ************************ 모바일 (0~500) ************************ */
@media screen and (max-width: 500px) {
	
	/* ************************ 비전 ************************ */
	.vision-change ul li {max-width:100%; width:240px;}
	
	
	


}