@charset "utf-8";


/* ********************************* PC over : 1025 ~  ********************************* */

/* ******************** 공용 ******************** */
/* 탭 */
.tabWrap .tabBtn {cursor:pointer;}
.tabInner .tabItem {display:none;}
.tabInner .tabItem.on {display:block;}
.scroll-tab .scrollable {width:100%; white-space:nowrap; overflow-x:auto; display:flex; justify-content:center;  border-radius:3px; margin:0 auto; padding-left:0;}
.scroll-tab .scrollable::-webkit-scrollbar {display:none;}
.scroll-tab .scrollable li {display:inline-block; cursor:pointer; user-select:none; color:#000; width:100%; line-height:1; text-align:center; font-weight:700; position:relative; font-size:18px; padding:15px; margin-top:0;}
.scroll-tab .scrollable li.on,
/*.scroll-tab .scrollable li:hover {color:#fff; background:var(--darkblue);}
.scroll-tab .scrollable li.on {background:var(--darkblue);}*/
.scroll-tab .scrollable li:before {content:none !important;}
.tabInner .tabItem:before {content:none !important;}
.tabInner .tabItem p:nth-child(odd):before {background:var(--blue);}


/*********** Intro *************/
/* SPIED Lab */
.intro .part01 {display:flex; gap:100px;}
.intro .part01 .left h3 {font-size:2.3rem; line-height:1.6; font-family: 'TmonMonsori'; background: linear-gradient(to right, #1f7edc 1%, #33a867 40%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.intro .part01 .left p {font-size:1.12rem; color:#000;}
.intro .part01 .left p:first-of-type {margin-top:50px;}
.intro .part01 .left p+p {margin-top:30px;}
.intro .part01 .right .img {position:relative; z-index:2; right:25px; }
.intro .part01 .right .img:after {content:""; display:block; width:100%; height:100%; position:absolute; right:-25px; bottom:-25px; background:#0b396f; z-index:-1;}

/* 2025-08-04 국문&영문 탭 추가, 이름 추가 */
.tabWrap {text-align:center; display:flex; justify-content:center; margin-bottom:70px;}
.tabWrap .tabBtn {border:1px solid #ddd; border-right:0; padding:15px 30px; transform:rotate(.03deg); color:#999; font-weight:500;}
.tabWrap.field .tabBtn {padding:20px 30px;}
.tabWrap .tabBtn:last-child {border-right:1px solid #ddd;}
.tabWrap .tabBtn.on {color:#33a867; font-weight:500; border:1px solid #33a867; border-bottom:3px solid #33a867;}
.tabWrap .tabBtn+.tabBtn {}
.tabWrap .tabBtn.on+.tabBtn {border-left:0;}

.tabWrap.field {gap:10px;}
.tabWrap.field>.tabBtn.on {background:#33a867; color:#fff; border:1px solid #33a867;}
.tabWrap.field>.tabBtn {display:flex; align-items:center; justify-content:center; line-height:1.2; border-right:1px solid #ddd;}
.tabWrap.field>.tabBtn.on+.tabBtn {border-left:1px solid #ddd;}


.intro .nameWrap {margin-top:40px; text-align:right;}
.intro .part01 .left .nameWrap p {font-weight:600; transform:rotate(.03deg); font-size:1rem; margin-top:0;}
.intro .part01 .left .nameWrap .prof-name {font-size:1.4rem; font-weight:600; color:#000;}

.intro .part02 {margin-top:120px;}
.intro .part02 .tit {text-align:center;}
.intro .part02 .tit h3 {position:relative; font-size:2.3rem; font-family:'TmonMonsori'; margin-top:50px; color:#000;}
.intro .part02 .tit h3:before {content:""; display:block; position:absolute; width:40px; height:3px; background:#0b396f; top:-25px; left:50%; transform:translateX(-50%)}
.intro .part02 .cont {display:flex; gap:100px; margin-top:60px;}
.intro .part02 .cont dl {display:flex; gap:60px; width:50%; color:#000; transform:rotate(0.03deg);}
.intro .part02 .cont dl dt {position:relative; font-size:2rem; font-weight:500; padding-left:25px;}
.intro .part02 .cont dl dt:before {content:""; display:block; width:5px; height:25px; position:absolute; left:0; top:11px; }
.intro .part02 .cont dl:nth-of-type(1) dt:before {background:#1f7edc;}
.intro .part02 .cont dl:nth-of-type(2) dt:before {background:#33a867;}
.intro .part02 .cont dl dd {font-size:1.4rem; padding-top:8px; line-height:1.8;}
.intro .part02 .cont dl dd p {display:flex; gap:30px;}
.intro .part02 .cont dl dd p span.num {font-weight:500; }
.intro .part02 .cont dl dd p+p {margin-top:30px;}

/* Research Interest */
.intro .tabWrap .tabBtn {font-size:14px;}
.intro .tabWrap.field .tabBtn {font-size:16px;}
.intro .r-theme p {position:relative; font-size:1.5rem; font-weight:500; padding-left:30px; color:#000;}
.intro .r-theme+.r-theme {margin-top:80px;}
.intro .r-theme p:before {content:""; display:block; height:30px; width:8px; position:absolute; left:0; top:2px; }
.intro .r-theme:nth-of-type(3n-2) p:before {background:var(--darkblue);}
.intro .r-theme:nth-of-type(3n-1) p:before {background:var(--green);}
.intro .r-theme:nth-of-type(3n) p:before {background:var(--blue);}
.intro .r-theme ul {margin-top:30px; padding-left:30px;}

.intro .r-theme ul li {position:relative; font-size:1.12rem; padding-left:20px; color:#000;}
.intro .r-theme ul li+li {margin-top:10px;}
.intro .r-theme p a {font-size:14px; display: inline-block; background: var(--darkblue); padding:3px 10px;
color: #fff; margin-left:10px; transform: rotate(0.03deg); font-weight: 500; border-radius:3px; transform:translateY(-3px);}
.intro .r-theme p a img {width:15px; margin-left:5px;}
.intro .r-theme ul li a {font-size:14px; display: inline-block; background: var(--darkblue); padding:3px 10px;
color: #fff; margin-left:10px; transform: rotate(0.03deg); font-weight: 500; border-radius:3px; }
.intro .r-theme ul li a img {width:15px; margin-left:5px;}
.intro .r-theme ul li:before {content:""; display:block; width:5px; height:5px; background:#ccc; position:absolute; left:0; top:11px;}
.intro .r-theme .container {display:grid; grid-template-columns:repeat(2, 1fr); gap:40px; border:1px solid #eee; justify-content:center; padding:30px; overflow:hidden; margin-top:30px;}
.intro .r-theme .container > div:last-child {grid-column: 1 / -1; /* 첫번째 그리드라인부터 마지막까지 차지 */}
.intro .r-theme .container img.w60 {width:60%}
.intro .r-theme .container>div {width:100%; text-align:center;}
.intro .r-theme .container h4 {text-align:center;}
.intro .r-theme .container h4 span {font-size:17px; color:#fff; display:inline-block; background:var(--darkblue); padding:8px 15px; transform:rotate(0.03deg); font-weight:500; border-radius:3px; text-align:center;}
.intro .r-theme .container img {margin-top:25px; width:100%;}
.intro .r-theme .container.item6 div:last-child {grid-row:3 / 4; grid-column:1 / 3;}
.intro .r-theme .container.item6 div:last-child img {width:49%;}
.intro .r-theme .container.item3 div:last-child {grid-row:3 / 4; grid-column:1 / 3;}
.intro .r-theme .container.item3 div:last-child img {width:49%;}
.intro .r-theme .container.item2 {grid-template-columns:repeat(1, 1fr);}
.intro .r-theme .container.item2 div img {width:49%;}

/* Research Interest NEW ver.(250916) */
small.top {font-size:60%;  display:inline-block; transform:translateY(-7px);}
small.down {font-size:60%; display:inline-block; transform:translateY(2px);}
.intro .interest .tabWrap.field {margin-bottom:100px;}
.intro .interest h3 {font-size:36px; color:#000; position:relative; padding-left:50px;}
.intro .interest h3 span {display:inline-block; background:#33a867; color:#fff; font-size:22px; width:36px; line-height:36px; text-align:center; transform:translateY(-5px); margin-right:15px; position:absolute; top:3px; left:0;}
.intro .interest .field-part {margin-top:100px; display:flex; gap:100px; }
.intro .interest .field-part+.field-part {margin-top:100px; padding-top:100px; border-top:1px solid #ddd;}
.intro .interest .field-part .fix-tit {width:400px;}
.intro .interest .field-part .fix-tit .inner {position:sticky; top:180px;}
.intro .interest .field-part .field-midtit {font-size:28px; color:#000; line-height: 1.4; position:relative; border-left:10px solid #0b396f; padding-left:25px;}
.intro .interest .field-part .field-midtit span {display:block; color:#dee0ec;margin-bottom:10px; font-size:50px; position:relative; padding-top:0;}
.intro .interest .field-part .field-midtit small {font-size:80%; display:block;}
.intro .interest .field-part .field-cont-wrap {width:calc(100% - 500px);}
.intro .interest .field-cont {padding:50px 40px; border:1px solid #ddd;}
.intro .interest .field-img img {max-width:100%;}
.intro .interest .field-cont .field-smalltit {color:#000; font-weight:600; font-size:24px;}
.intro .interest .field-cont+.field-cont {margin-top:50px;}
.intro .interest .field-list {color:#000; font-size:17px; margin-top:20px;}
.intro .interest .field-list li {position:relative; padding-left:15px;}
.intro .interest .field-list li:before {content:""; display:block; width:5px; height:5px; background:#ccc; position:absolute; top:10px; left:0;}
.intro .interest .field-list li+li {margin-top:5px;}
.intro .interest .field-img-bx {margin-top:30px; border:1px solid #ddd; padding:20px;}
.intro .interest .field-img {text-align:center;}
.intro .interest .field-img+.field-img {margin-top:40px;}
.intro .interest .field-img-bx p {text-align:center; margin-top:15px; color:#000;}
.intro .interest .project-info-table {margin-top:40px;}
.intro .interest .project-info-table .table_mo {display:none;}
.intro .interest .project-info-table table th {background:#0b396f; text-align:center; color:#fff;  padding:10px 15px;}
.intro .interest .project-info-table table th+th {border-left:1px solid #fff;}
.intro .interest .project-info-table table td {border:1px solid #ddd; padding:10px 15px; color:#000;}
.intro .interest .project-info-table .project-logo-list li {display:grid; grid-template-columns:60px auto; gap:10px; align-items:center;}
.intro .interest .project-info-table .project-logo-list li+li {margin-top:5px;}
.intro .interest .project-info-table .project-logo-list li span {text-align:center;}
.intro .interest .project-info-table .project-info-list li {text-align:center;}
.intro .interest .project-info-table .project-info-list li+li {margin-top:5px;}
.intro .interest .research-theme {padding-top:70px;}
.intro .interest .research-theme .tabItemIn {color:#000;}
.intro .interest .research-theme .theme-tit {font-size:24px; position:relative; font-weight:600; padding-left:40px;}
.intro .interest .research-theme .theme-tit:before {content:""; display:block; width:20px; height:20px; background:#33a867; position:absolute; top:7px; left:0; border-radius:5px;}
.intro .interest .research-theme .theme-list {display:grid; grid-template-columns:repeat(5,1fr); margin-top:20px; gap:20px;}
.intro .interest .research-theme .theme-list li {font-size:18px; text-align:center; font-weight:600; padding:30px; display:flex; align-items:center; flex-direction:column; justify-content:center; min-height:150px; transform:rotate(0.03deg); border-radius:20px; color:#fff; background:#33a867; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; font-family: 'TmonMonsori'; cursor:pointer; position:relative; overflow:hidden; transition:all 0.3s;}
.intro .interest .research-theme .theme-list li:hover {transform:translateY(-5px) rotate(0.03deg); color:#ffed1b;}
.intro .interest .research-theme .theme-list li:hover small { color:#ffed1b;}
.intro .interest .research-theme .theme-list li:before {content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,0.4); position:absolute; top:0; left:0; z-index:-1;}


.intro .interest .research-theme .theme-list li small {display:block; font-size:80%; font-weight:500; color:rgba(255,255,255,1); font-family:'NEXONLv2Gothic'; }
.intro .interest .research-theme .theme-list li small.down, .intro .interest .research-theme .theme-list li small.top {display:inline-block; font-size:50%;}
.tabWrap.language {margin-bottom:35px;}

.intro .interest .research-theme .theme-list li[data-scroll="chemical"] {background:url(/images/interest/theme-tit_1-1.webp) no-repeat center / cover;}
.intro .interest .research-theme .theme-list li[data-scroll="material"] {background:url(/images/interest/theme-tit_1-2.webp) no-repeat center / cover;}
.intro .interest .research-theme .theme-list li[data-scroll="plant"] {background:url(/images/interest/theme-tit_1-3.webp) no-repeat center / cover;}
.intro .interest .research-theme .theme-list li[data-scroll="quantum"] {background:url(/images/interest/theme-tit_1-4.webp) no-repeat center / cover;}
.intro .interest .research-theme .theme-list li[data-scroll="oncology"] {background:url(/images/interest/theme-tit_1-5.webp) no-repeat center / cover;}

.intro .interest .research-theme .theme-list li[data-scroll="ptx"] {background:url(/images/interest/theme-tit_2-1.webp) no-repeat center / cover;}
.intro .interest .research-theme .theme-list li[data-scroll="roadmap"] {background:url(/images/interest/theme-tit_2-2.webp) no-repeat center / cover;}
.intro .interest .research-theme .theme-list li[data-scroll="policy"] {background:url(/images/interest/theme-tit_2-3.webp) no-repeat center / cover;}
.intro .interest .research-theme .theme-list li[data-scroll="carrier"] {background:url(/images/interest/theme-tit_2-4.webp) no-repeat center / cover;}
.intro .interest .research-theme .theme-list li[data-scroll="cfd-based"] {background:url(/images/interest/theme-tit_2-5.webp) no-repeat center / cover;}

.intro .interest .research-theme .theme-list li[data-scroll="desalination"] {background:url(/images/interest/theme-tit_3-1.webp) no-repeat center / cover;}
.intro .interest .research-theme .theme-list li[data-scroll="battery"] {background:url(/images/interest/theme-tit_3-2.webp) no-repeat center / cover;}
.intro .interest .research-theme .theme-list li[data-scroll="marine"] {background:url(/images/interest/theme-tit_3-3.webp) no-repeat center / cover;}
.intro .interest .research-theme .theme-list li[data-scroll="recycle"] {background:url(/images/interest/theme-tit_3-4.webp) no-repeat center / cover;}

.intro .interest .research-theme .theme-list li[data-scroll="manufacturing"] {background:url(/images/interest/theme-tit_4-1.webp) no-repeat center / cover;}
.intro .interest .research-theme .theme-list li[data-scroll="modeling"] {background:url(/images/interest/theme-tit_4-2.webp) no-repeat center / cover;}
.intro .interest .research-theme .theme-list li[data-scroll="lib"] {background:url(/images/interest/theme-tit_4-3.webp) no-repeat center / cover;}

.intro .interest .research-theme .theme-list li[data-scroll="quantitative"] {background:url(/images/interest/theme-tit_5-1.webp) no-repeat center / cover;}
.intro .interest .research-theme .theme-list li[data-scroll="ammonia"] {background:url(/images/interest/theme-tit_5-2.webp) no-repeat center / cover;}
.intro .interest .research-theme .theme-list li[data-scroll="health-risk"] {background:url(/images/interest/theme-tit_5-3.webp) no-repeat center / cover;}

/* location */
.intro .map {position:relative;}
.intro .map iframe {width:calc(100% - 100px); height:600px; border:1px solid var(--border1);}
.intro .map .daum_map {width:calc(100% - 100px); height:600px; border:1px solid var(--border1);}
.intro .map .daum_map .wrap_map {height:100%;}
.intro .map .address {position:absolute; right:0; bottom:-150px; background:var(--blue); color:#fff; padding:50px 40px; z-index:2;}
.intro .map .address .main_add {display:flex; gap:25px;}
.intro .map .address .main_add dt {position:relative; font-size:1.5rem; font-weight:500; padding-left:15px; }
.intro .map .address .main_add dt:before {content:""; display:block; width:5px; height:20px; background:#fff; position:absolute; left:0; top:7px;}
.intro .map .address .main_add dd {padding-top:4px; font-size:1.2rem;}
.intro .map .address .sub_add {margin-top:20px;}
.intro .map .address .sub_add dl {display:flex; width:100%; gap:25px;}
.intro .map .address .sub_add dl+dl {margin-top:5px;}
.intro .map .address .sub_add dl dt {position:relative; padding-left:22px; font-weight:500; width:33%; font-size:1.12rem;}
.intro .map .address .sub_add dl dt:before {content:""; display:block; width:5px; height:5px; background:#fff; position:absolute; left: 5px; top: 11px;}
.intro .map .address .sub_add dl dd {width:67%;}

/*********** Professor *************/
/* Professor */
.professor .contents-wrap {display:flex; gap:100px;}
.professor .contents-wrap:before, .professor .contents-wrap:after {display:none;} 
.professor .contents-wrap .left {width:25%;}
.professor .contents-wrap .profile {position: sticky; top: 150px;}
.professor .contents-wrap .left .photo img {width:100%;}
.professor .contents-wrap .left .photo p {transform:rotate(0.03deg);}
.professor .contents-wrap .left .photo p.kor {margin-top:20px; font-weight:500; font-size:2rem; color:#000;}
.professor .contents-wrap .left .photo p.kor span {font-size:1.1rem; font-weight:400; margin-left:10px;}
.professor .contents-wrap .left .photo p.eng {font-size:1rem;}
.professor .contents-wrap .left .photo p.eng span {color:var(--darkblue); font-weight:500; }
.professor .contents-wrap .left .photo p.m_subject {margin-top:10px;}

.professor .contents-wrap .left .info {position:relative; margin-top:50px; transform:rotate(0.03deg);}
.professor .contents-wrap .left .info:before {content:""; display:block; width:50px; height:5px; background:var(--blue); position:absolute; top:-27px;}
.professor .contents-wrap .left .info p {font-size:1.2rem; font-weight:500; color:var(--blue); z-index:2; }
.professor .contents-wrap .left .info p span {display:block; font-size:0.9rem; line-height:1.3; }
.professor .contents-wrap .left .info dl {display:flex; color:#000;}
.professor .contents-wrap .left .info dl:nth-of-type(1) {margin-top:15px;}
.professor .contents-wrap .left .info dl+dl {margin-top:5px;}
.professor .contents-wrap .left .info dl dt {font-weight:500; width:80px;}
.professor .contents-wrap .left .info dl dd a:hover {color:var(--blue);}
.professor .contents-wrap .left a.scholar_btn {display:inline-block; background:var(--darkblue); padding:10px 30px; color:#fff; margin-top:20px; transform:rotate(0.03deg); font-weight:500;}
.professor .contents-wrap .left a.scholar_btn img {margin-left:10px; width:20px;}
.professor .contents-wrap .left a.scholar_btn i {margin-left:10px;}
.professor .contents-wrap .left a.scholar_btn:hover {background:var(--blue);}

.professor .contents-wrap .right {color:#000; width:75%;}
.professor .contents-wrap .right article {position:relative;}
.professor .contents-wrap .right article:after {content:""; display:block; width:100%; border-bottom:1px dashed var(--border1); position:absolute; top:20px; z-index:-1;}
.professor .contents-wrap .right article+article {margin-top:80px;}
.professor .contents-wrap .right article p {display:inline-block; position:relative; font-size:1.6rem; font-weight:500; background:#fff; z-index:2; padding-right:20px; transform:rotate(0.03deg);}
.professor .contents-wrap .right article p img {margin-right:15px;}
.professor .contents-wrap .right article .info {padding-left:75px; margin-top:30px;}
.professor .contents-wrap .right article .info dl {display:flex; font-size:1.12rem;}
.professor .contents-wrap .right article .info dl+dl {margin-top:10px;}
.professor .contents-wrap .right article .info dl dt {font-weight:500;}
.professor .contents-wrap .right article dt {position:relative;}
.professor .contents-wrap .right article dt:before {content:""; display:block; width:5px; height:5px; position:absolute; left:-20px; top:11px;}
.professor .contents-wrap .right article:nth-of-type(3n-2) .info dl dt:before {background:var(--darkblue);}
.professor .contents-wrap .right article:nth-of-type(3n-1) .info dl dt:before {background:var(--blue);}
.professor .contents-wrap .right article:nth-of-type(3n) .info dl dt:before {background:var(--green);}
.professor .contents-wrap .right article:nth-of-type(1) .info dl dt, .professor .contents-wrap .right article:nth-of-type(4) .info dl dt {width:220px;}
.professor .contents-wrap .right article:nth-of-type(2) .info dl dt,.professor .contents-wrap .right article:nth-of-type(3) .info dl dt, .professor .contents-wrap .right article:nth-of-type(5) .info dl dt {width:240px;}
.professor .contents-wrap .right article:nth-of-type(4) .info dl {gap:20px; }



/* ************************ Members ************************ */

/* NEW Member */
.members .list {display:grid; grid-template-columns:repeat(5,1fr); gap:10px;}
/* .members .list {display:grid; grid-template-columns:repeat(3,1fr); gap:30px;} */
.members .list li {border:1px solid var(--border1);}
.members .list li .img {aspect-ratio:1/0.7;  margin:0 auto; border-bottom:1px solid var(--border1);}
.members .list li .img img { height:100%; width:100%; object-fit:contain;}
.members .list li .info {padding:30px; transform:rotate(0.03deg); }
.members .list li .info p { font-size:20px; color:#000; font-weight: 500; margin-bottom:20px;}
.members .list li .info p span { font-size: 16px; color: #666; font-weight: 400;}
.members .list li .info dl { padding-left:11px; color:#000;}
.members .list li .info dl dt {position:relative; color:000; font-weight:500;}
.members .list li .info dl dt:before {content: ""; position: absolute; display: block;
 width: 3px; height: 15px; background: var(--blue); left: -11px; top: 5px;}
.members .list li .info dl+dl {margin-top:15px;}
.members .list li .info dl dd {color:#666; margin-top:5px;}

/* NEW Member type2*/
.members .list.type2 p span {margin-left:10px;}
.members .list.type2 li dl {display:flex; gap:15px; padding:0; color:var(--blue); }
.members .list.type2 li .info dl dt:before {display:none;}
.members .list.type2 li .info dl dd {color:#666; margin-top:0px; color:#000; font-weight:500;}
.members .list.type2 li .info .detail {margin-top:10px;}
.members .list.type2 li .info .detail li {position:relative; border:none; padding-left:10px; }
.members .list.type2 li .info .detail li:before {content:""; position:absolute; left:0; top:10px; width:4px; height:4px; background:var(--blue);}


	/* Post Doctors */
	
.members .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>div{ aspect-ratio:1/0.7;  margin:0 auto;}
.current>ul>li>ul>li .current_member img {height:100%; width:100%; object-fit:contain;}
.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:#000; 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 */
	.publications .tab ul {overflow:hidden; text-align:center;}
	.publications .tab ul li {position:relative; display:inline-block; margin-bottom:10px;}
	.publications .tab ul li a{position:relative; padding:10px 25px; font-size:20px; color:#000;}
	.publications .tab ul li a:after {content:''; display:block; position:absolute; left:0; top:48px; width:100%; height:2px; background:#ccc;}
	.publications .tab ul li.on a {color:#003788;}
	.publications .tab ul li.on a:after {background:#003788;}

	.publications .public_warp .search_box {overflow:hidden; margin-bottom:10px;}
	.publications .public_warp .search_box form {float:right; overflow: hidden;}
	.publications .public_warp .search_box.select_double form {display:flex; float:right; overflow: hidden;}
	.publications .public_warp .search_box form>* {float:left;}
	.publications .public_warp .search_box form select {border:1px solid #ddd; font-size:14px; height:40px; color:#666; padding:0 10px; max-width:100%;  width:200px;}
	.publications .public_warp .search_box form select+select {border-left:0!important;}
	.publications .public_warp .search_box form input {width:400px; border: 1px solid #ddd; height:40px; border-left: 0;}
	.publications .public_warp .search_box form button {background:#00265e; color:#fff; height:40px; padding: 0 20px; float:right; font-size:14px;}
	
	.patent .search_box {overflow:hidden; margin-bottom:10px;}
	.patent .search_box form {float:right; overflow: hidden;}
	.patent .search_box form>* {float:left;}
	.patent .search_box form select {border:1px solid #ddd; font-size:14px; height:40px; color:#666; padding:0 10px; max-width:100%;  width:200px;}
	.patent .search_box form input {width:400px; border: 1px solid #ddd; height:40px; border-left: 0;}
	.patent .search_box form button {background:#00265e; color:#fff; height:40px; padding: 0 20px; float:right; font-size:14px;}
	
	.publications .public_warp .public_box {overflow:hidden;}
	.publications .public_warp .public_box .tab_con {border-top:3px solid #00265e; margin-top:10px;}
	.publications .public_warp .public_box .tab_con .date {position:relative; width:100%; padding:25px 250px 25px 25px; border-bottom:1px solid #e5e5e5; font-weight:400; overflow:hidden;}
	.publications .public_warp .public_box .tab_con .date:hover {background:#f9f9f9;}
	.publications .public_warp .public_box .tab_con .date .number {overflow:hidden; float:left; width:70px; color:#00265e;}
	.publications .public_warp .public_box .tab_con .date .text {text-align:left; width:calc(100% - 70px); float:left;}
	.publications .public_warp .public_box .tab_con .date .tech_text {text-align:left; width:calc(100% - 70px); float:left;} /* technology */
	.publications .public_warp .public_box .tab_con .date .text .public_tit { overflow:hidden; font-size:17px; color:#00265e; line-height:1.3; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all;}
	.publications .public_warp .public_box .tab_con .date .text .public_sub_tit {color:#00265e;}
	.publications .public_warp .public_box .tab_con .date .tech_text .tech_tit {font-size:16px; color:#00265e;} /* technology */
	.publications .public_warp .public_box .tab_con .date .text .public_name{padding-top: 15px; font-size:15px; color: #878787; line-height:1.5; font-weight:300;}
	.publications .public_warp .public_box .tab_con .date .tech_text .tech_name{padding-top: 15px; font-size:14px; color: #878787; line-height:1.6; font-weight:300;} /* technology */

	.publications .public_warp .public_box .tab_con .date>ul {display:inline-block; position:absolute; right:25px; top:25px;}
	.publications .public_warp .public_box .tab_con .date>ul>li {padding-bottom:5px; text-align:center;}
	.publications .public_warp .public_box .tab_con .date>ul>li a {font-size:12px; padding:7px 20px;background:#ebebeb; color:#363636; border-radius:20px;  display:block;}
	.publications .public_warp .public_box .tab_con .date>ul>li.color a {color:#fff;background:#00265e;}
	.publications .public_warp .public_box .tab_con .date>ul>li.color2 a {color:#fff;background:#10AB20;}
	.publications .public_warp .public_box .tab_con ul li>p {font-size:20px; padding:10px 0 10px 25px; color:#00265e; background:#f6f6f6; font-weight:600;}
	.publications .public_warp .public_box .date .figure {display:flex; position:absolute; right:0; top:50%; gap:20px; transform:translateY(-50%);}
	.publications .public_warp .public_box .date .figure dl { text-align:center; }
	.publications .public_warp .public_box .date .figure dl dt {width:100px; height:30px; color:#fff;}
	.publications .public_warp .public_box .date .figure dl:nth-of-type(1) dt {background:var(--blue);}
	.publications .public_warp .public_box .date .figure dl:nth-of-type(2) dt {background:var(--green);}
	.publications .public_warp .public_box .date .figure dl dd {color:#000; margin-top:5px;}
	.publications .public_warp .public_box .date .figure dl:nth-of-type(1) dd {color:var(--blue);}
	.publications .public_warp .public_box .date .figure dl:nth-of-type(2) dd {color:var(--green);}
	
	/* ******************* publications ******************* */
	.publications .tab1 {margin:0px auto 30px; width:100%;}
	.publications .tab1 ul {display:grid; grid-template-columns:repeat(2, 1fr); gap:0px; background:;}
	.publications .tab1 ul li.on a {background:var(--red); color:#fff;}
	.publications .tab1 ul li a {display:block; text-align:center; color:#000; line-height:40px; border:1px solid #ddd;}
	.publications .inner {padding:0 20px;}
	.publications .public_wrap {position:relative;}
	.publications .public_wrap h3 {font-size:21px; color:var(--red); margin:50px 0 20px;}
	.publications .public_wrap .search_box {overflow:hidden; margin-bottom:10px;}
	.publications .public_wrap .search_box form {float:none; width:100%;}
	.publications .public_wrap .search_box form select {width:100%; height:40px; border:1px solid #ddd; border-bottom:0; font-size:16px; background-size:15px !important;}
	.publications .public_wrap .search_box form input {height:40px; width:calc(100% - 70px); border:1px solid #ddd; border-radius:0;}
	.publications .public_wrap .search_box form button {width:70px; background:#2e2e2e; color:#fff; height:40px; padding:0 20px; float:right;}
	
	.publications .public_wrap .public_box  {border-top:3px solid #00265e;}
	.publications .public_wrap .public_box .date {position:relative; width:100%;    padding:20px 20px 20px 20px; border-bottom:1px solid #e5e5e5; font-weight:400; overflow:hidden;}
	.publications .public_wrap .public_box .date p {padding-left:15px; position:relative;}
	.publications .public_wrap .public_box .date p:before {content:""; display:block; width:3px; height:3px; background:#666; position:absolute; top:10px; left:0; }
	.publications .public_wrap .public_box .date .number {overflow:hidden; width:100%;color:#00265e;}
	.publications .public_wrap .public_box .date .text {text-align:left; width:100%;padding-right:0;}
	.publications .public_wrap .public_box .date .text .public_tit {font-size:17px; color:#00265e;}
	.publications .public_wrap .public_box .date .text .public_name {font-size:14px; padding-top:10px; color:#666; line-height:1.5; font-weight:300;}
	.publications .public_wrap .public_box .date .text .public_name .strong {font-weight:500;}
	.publications .public_wrap .public_box .date .tit {font-size:16px; color:#00265e;}
	
	.publications .public_wrap .public_box .date>ul {display:inline-block; padding-top:10px; width:100%;}
	.publications .public_wrap .public_box .date>ul>li {display:inline-block; padding-bottom:0; text-align:center;}
	.publications .public_wrap .public_box .date>ul>li a {font-size:12px; padding:7px 20px; width:130px; background:#ebebeb; color:#363636; border-radius:20px; display:block;}
	.publications .public_wrap .public_box .date>ul>li.color a {color:#fff; background:var(--red);}
	.publications .public_wrap .public_box .date>ul>li.color2 a {color:#fff; background:#2e2e2e;}
	
	
	.board_info {margin-top:20px;}
	.patent	 .journal-list ul {border-top:3px solid #00265e; margin-top:10px;}
	.patent .journal-list ul li {padding:25px; border-bottom:1px solid #ddd; position:relative;} 
	.patent .journal-list ul li a {display:flex;}
	.patent .journal-list ul li a .num {color:#00265e; width:70px;}
	.patent .journal-list ul li div.text {padding-right:170px;}
	.patent .journal-list ul li div.text .subject {font-size:18px; color:#00265e; line-height:1.3; overflow:hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all;}
	.patent .journal-list ul li div.text .desc {color:#000; font-weight:300;}
	.patent .journal-list ul li div.text .desc span {margin-right:10px;}
	.patent .journal-list ul li .state {width:150px; position:absolute; right:10px; top:30px; border-radius:100px !important; color:#fff; line-height:30px; text-align:center; font-size:14px;}
	.patent .journal-list ul li .applic {background-color:#1484FC;}
	.patent .journal-list ul li .regist {background-color:#093c71;}
	.patent .journal-list ul li .transf {background-color:#5abdd2;}


	/*리서치-검색바*/
	.contents.list .searchWrap {overflow:hidden; padding:10px 0;}
	.contents.list .searchWrap>* {display:inline-block; vertical-align:middle; height:40px; line-height:40px;}
	.contents.list .searchWrap .project_history a {display:inline-block; padding:10px 20px; line-height:1; border:1px solid #a31432; border-radius:30px; color:#a31432; font-size:12px;}
	.contents.list .searchWrap .project_history a:hover {background:#a31432; color:#fff;}
	.contents.list .searchWrap .all_now {margin-left:20px; font-size:15px; color:#000;}
	.contents.list .searchWrap .search_box {float:right;}
	.contents.list .searchWrap .search_box>* {float:left !important;}
	.contents.list .searchWrap .search_box label {display:none;}
	.contents.list .searchWrap .search_box input[type="text"] {border-left:0; width:250px;}
	.contents.list .searchWrap .search_box a {display:inline-block !important; width:40px; height:40px; border:1px solid #ddd; border-left:0; background:url(../images/common/icon_search.png) no-repeat center #fff;}

	/*리서치-리스트*/
	.research.list .innerWrap .wrap {padding-top:0;}
	.research .projectWrap {border-top:1px solid #e5e5e5;}
	.research .projectWrap ul li {line-height:1; border-bottom:1px solid #e5e5e5;}
	.research .projectWrap ul li a {display:inline-block; width:100%; padding:25px 0; position:relative;}
	.research .projectWrap ul li a:hover {background:#f9f9f9;}
	.research .projectWrap ul li a>span {position:absolute; top:25px; right:20px; display:inline-block; padding:10px 20px; font-size:12px; color:#fff; background:#a3cad8; line-height:1; border-radius:30px !important;}
	.research .projectWrap ul li a>span.bgc4 {background:#2c7f9c;}
	.research .projectWrap ul li a>* {float:left;}
	.research .projectWrap ul li a>div.thum {width:16%; padding:0 20px; }
	.research .projectWrap ul li a>div.thum img {display:block; width:100%;}
	.research .projectWrap ul li a>div.info {width:84%; padding:0 140px 0 20px; font-size:15px;}
	.research .projectWrap ul li a>div.info h4 {color:#000; font-weight:400; margin-bottom:15px;}
	.research .projectWrap ul li a>div.info>div p {position:relative; background:url(../images/common/dot5x5.png)no-repeat 2px 8px; padding-left:5px;}
	.research .projectWrap ul li a>div.info>div p+p {margin-top:5px;}
	.research .projectWrap ul li a>div.info>div p span {color:#666; display:inline-block; line-height:1.4; padding:0 10px; font-weight:300;}
	.research .projectWrap ul li a>div.info>div p span.tit {min-width:170px;}
	.research .projectWrap ul li a>div.info>div p span.con {background:url(../images/common/colon.png)no-repeat 1px 9px; padding-left:15px;}
	
	/*리서치-뷰*/
	.view .view-head p.title {font-size:18px; font-weight:400; color:#000;}
	.research.view .innerWrap .wrap {padding-top:0;}
	.research.view .viewHeadBox .txt.project {overflow:hidden;}
	.research.view .viewHeadBox .txt.project p span {display:inline-block;}
	.research.view .viewHeadBox .txt.project p span.tit {min-width:170px;}
	.research.view .viewHeadBox .txt.project p span.con {background:url(../images/common/colon.png)no-repeat 1px 9px; padding-left:15px;}
	
	.view h4 {font-size: 18px; transform: rotate(0.03deg); padding-bottom: 20px; line-height: 1.2; font-weight: 500; color: #333; }
	.view .info li>p {color: #666; font-size: 15px; line-height: 1.8; font-weight:300;}
	.view .info p {padding-left:15px; position:relative; }
	.view .info p:before {content:""; display:block; width:5px; height:5px; background:#ddd; position:absolute; left:0; top:11px;}
	.view .info li>span { display: inline-block; width: 90px; padding: 6px 0; text-align: center; border-radius: 2px; font-weight: 500; font-size: 14px; background: #99a7bb;color: #fff;}
	.view .info {position:relative; padding-right:100px;}
	.view .info li.state_alarm {position:absolute; top:0; right:0;}
	.prevNextWrap div span:last-child a {font-weight:300;}
	
	.view table {border:1px solid #ddd; margin-top:30px; }
	.view table tr {border-bottom:1px solid #ddd;}
	.view table tr th, .view table tr td {padding:10px 10px; }
	.view table tr th {color:#000; font-weight:500; border-right:1px solid #ddd; background:#eff2f3;}
	.view table tr td {padding-left:30px;}
/* ******************* research ******************* */
	.research .inner {border-top:1px solid #000;}
	.research .inner a {width:100%; display:grid; grid-template-columns:auto 1fr 95px; justify-content: start; gap:30px; align-items: flex-start; padding:20px 10px; border-bottom:1px solid #ddd;} 
	.research .inner a .thum {width:100%; max-width:250px; overflow:hidden; border:1px solid #eee; border-radius:2px; padding:10px;}
	.research .inner a .thum img {width:100%; height:100%; object-fit:contain; transition: all .4s ease !important; -webkit-transition: all .4s ease !important; -moz-transition: all .4s ease !important;}
	.research .inner a:hover .thum img {transform:scale(1.1); transition:.4s;}
	.research .inner a .in-con {width:100%; color:#000; overflow:hidden;}
	.research .inner a .in-con h4 {transform:rotate(0.03deg); font-size:18px; margin-bottom: 12px; line-height:1.2; -ms-word-break:keep-all; word-break:keep-all; height:auto; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
	.research .inner a .in-con p {color:#666; overflow:hidden; word-break:break-all; max-height:148px;}
	.research .inner a>span {display: inline-block; width:100%; max-width:95px; padding:8px 0; text-align:center; font-size:14px;  background:var(--indigo); color:#fff; transition:.3s; border-radius: 2px !important; font-weight:600;}
	.research .inner a .current {background:#99a7bb;}
	
	.research .bullet {position:relative; padding-left:10px;}
	.research .bullet:before {position:absolute; left:0; top:12px; width:3px; height:3px; background:#666; content:"";}

	.research .inner a:hover {box-shadow:0 15px 15px -20px rgb(0 0 0 / 20%) !important; transition:.3s;}
	.research .inner a:hover .bullet:before {background:var(--red);}
	.research .inner a:hover .in-con h4 {color:var(--red); transition:.3s;}

	.research .view {padding-top:30px;}
	.research .view h4 {font-size:18px; transform:rotate(0.03deg); padding-bottom:20px; line-height:1.2; font-weight:500; color:#333;}
	.research .view .viewConBox {border:1px solid #2e2e2e; border-left:0; border-right:0; padding:30px 0;}
	.research .view .viewConBox img {width:100%;}
	.research .view .info {display:flex; gap:30px; padding-bottom:30px;}
	.research .view .info li>p {color:#666; font-size:15px; line-height:1.8;}
	.research .view .info li>span {display:inline-block; width:90px; padding:6px 0; text-align:center; border-radius:2px; font-weight:500; font-size:14px; background:#99a7bb; color:#fff;}
	.research .view .info li>span.complete {background:#2e2e2e;}
	.research .view .btnBox {display:flex; width:100%; justify-content:center; margin-top:30px;}
	.research .view .btnBox a {display:inline-block; padding:10px 30px; border-radius:2px; border:1px solid #ddd;}
	.research .view .btnBox a:hover {background:#f3f3f3;}

/*
	.prevNextWrap {margin-top:20px; padding-top:30px; border-top:1px solid #eee; overflow:hidden;}
	.prevNextWrap div>* {display:inline-block; float:left; margin-right:10px; color: var(--base);}
	.prevNextWrap div span:last-child {width:80%;}
	.prevNextWrap i {width:40px; height:40px; border-radius:50%; background-color:#fff; border:1px solid #e5e5e5; background-position:50%; background-repeat:no-repeat;}
	.prevNextWrap i.prev {background-image:url(../images/common/board_prev.png)}
	.prevNextWrap i.next {background-image:url(../images/common/board_next.png)}
*/


/* ********************************* 테블릿 : ~ 1199 ********************************* */
@media screen and (max-width:1199px), print{
/* ******************** 공용 ******************** */


/*********** Intro *************/
/* SPIED Lab */
.intro .part01 .left h3 {font-size:1.8rem; line-height:1.6; font-family: 'TmonMonsori'; background: linear-gradient(to right, #1f7edc 1%, #33a867 40%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.intro .part01 .left p {font-size:1rem;}
.intro .part01 .left p:first-of-type {margin-top:40px;}
.intro .part01 .left p+p {margin-top:25px;}
.intro .part01 .right {display:none;}
.intro .part02 {margin-top:80px;}
.intro .part02 .tit h3 {font-size:1.8rem; margin-top:40px;}
.intro .part02 .tit h3:before {top:-23px;}
.intro .part02 .cont {margin-top:40px; gap:50px;}
.intro .part02 .cont dl {gap:30px;}

.intro .part02 .cont dl dt {font-size:1.5rem;}
.intro .part02 .cont dl dt:before {height:20px; top:7px;}
.intro .part02 .cont dl dd {padding-top:0; font-size: 1.2rem;}
.intro .part02 .cont dl dd p {gap:20px;}
.intro .part02 .cont dl dd p+p {margin-top:20px;}

/* Research Interest */
.intro .r-theme+.r-theme {margin-top:60px;}
.intro .r-theme p {font-size:1.3rem; padding-left:25px;}
.intro .r-theme p:before {height: 26px; width: 7px; left: 0; top: 2px;}
.intro .r-theme ul {margin-top:20px; padding-left:10px; }
.intro .r-theme ul li {font-size: 1rem;}
.intro .r-theme ul li:before {top:10px;}

/* Research Interest NEW ver.(250916) */
.intro .interest .tabWrap.field {margin-bottom:80px;}
.intro .interest h3 {font-size:30px;}
.intro .interest h3 span {font-size:18px; width:30px; line-height:30px; transform:translateY(-4px);}
.intro .interest .field-part {gap:80px; margin-top:80px;}
.intro .interest .field-part+.field-part {margin-top:80px; padding-top:80px;}
.intro .interest .field-part .field-midtit {font-size:24px;}
.intro .interest .field-part .field-midtit span {font-size:45px; margin-bottom:0;}
.intro .interest .field-part .fix-tit {width:300px;}
.intro .interest .field-part .field-cont-wrap {width:calc(100% - 380px);}
.intro .interest .field-cont {padding:40px 30px;}
.intro .interest .field-cont .field-smalltit {font-size:22px;}
.intro .interest .research-theme {padding-top:50px;}
.intro .interest .research-theme .theme-list {grid-template-columns:repeat(3,1fr);}
.tabWrap.language {margin-bottom:35px;}

/* location */
.intro .map {}
.intro .map iframe {width:100%; height:500px; border:1px solid var(--border1);}
.intro .map .daum_map {width:100%; height:500px; border:1px solid var(--border1);}
.intro .map .address {position:relative; bottom:10px; right:0;}
.intro .map .address .main_add dt {font-size:1.3rem;}
.intro .map .address .main_add dt:before {height: 17px; top: 7px;}
.intro .map .address .main_add dd {font-size:1.1rem; padding-top: 2px;}	
.intro .map .address .sub_add dl dt {font-size:1.05rem;}
.intro .map .address .sub_add dl dt:before {top:9px;}

/*********** Professor *************/
/* Professor */
.professor .contents-wrap {display:block;}
.professor .contents-wrap .left {width:50%; margin:0 auto;}
.professor .contents-wrap .left .profile .photo img {}
.professor .contents-wrap .left .photo p.kor {font-size:1.75rem;}
.professor .contents-wrap .left .photo p.kor span {font-size:1rem;}
.professor .contents-wrap .right {width:100%;}
.professor .contents-wrap .right {width:100%; margin-top:80px;}
.professor .contents-wrap .right article+article {margin-top:60px;}
.professor .contents-wrap .right article p {font-size:1.4rem;}
.professor .contents-wrap .right article:after {top:18px;}
.professor .contents-wrap .right article p img {margin-right:10px; width:35px; transform:translateY(-2px);}
.professor .contents-wrap .right article .info {padding-left:35px;}
.professor .contents-wrap .right article .info dl {font-size:1.06rem;}
.professor .contents-wrap .right article:nth-of-type(2) .info dl, .professor .contents-wrap .right article:nth-of-type(3) .info dl {gap:20px;}
.professor .contents-wrap .right article:nth-of-type(2) .info dl dt, .professor .contents-wrap .right article:nth-of-type(3) .info dl dt {width:25%; min-width:185px;}
.professor .contents-wrap .right article:nth-of-type(2) .info dl dd, .professor .contents-wrap .right article:nth-of-type(3) .info dl dd {width:75%;}

.members .list {display:grid; grid-template-columns:repeat(2,1fr); gap:30px;}
}
/* ************************ 모바일 (0~991) ************************ */
@media screen and (max-width: 991px) {
	
.tabWrap.field {display:grid; grid-template-columns:repeat(3,1fr); grid-template-rows:repeat(2, 1fr);}
.tabWrap.field .tabBtn {padding:15px;}
.tabWrap.language {margin-bottom:40px;}

.publications .public_warp .search_box.select_double form {width:100%;}
.publications .public_warp .search_box.select_double form select {width:50%;}
.publications .public_warp .search_box.select_double form>* {float:left;}
.search_box.select_double select {background-size:20px !important;}
.publications .public_warp .search_box.select_double form input {width:calc(100% - 69px);}

/* Research Interest NEW ver.(250916) */
.intro .interest h3 {font-size:26px; line-height:1.3; padding-left:40px;}
.intro .interest h3 span {top:1px;}
.intro .interest .tabWrap.field {margin-bottom:60px;}
.intro .interest .field-part {flex-direction:column; gap:40px;}
.intro .interest .field-part .fix-tit {width:100%;}
.intro .interest .field-part .field-cont-wrap {width:100%;}
.intro .interest .field-cont+.field-cont {margin-top:30px;}
.intro .interest .field-list {font-size:16px;}
.intro .interest .field-list li:before {top:8px;}

}

/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	
	/* ******************** 공용 ******************** */
.tabWrap.field {grid-template-columns:repeat(2,1fr); grid-template-rows:repeat(3,1fr);}
.intro .tabWrap.language .tabBtn {padding:15px 25px;}

/*********** Intro *************/
/* SPIED Lab */
.intro .part01 .left h3 {font-size:1.3rem;}
.intro .part01 .left p:first-of-type {margin-top:30px;}
.intro .part02 {margin-top:60px;}
.intro .part02 .tit img {width:80px;}
.intro .part02 .tit h3 {font-size:1.5rem;}
.intro .part02 .tit h3:before {width:25px;}
.intro .part02 .cont {display:block; margin-top:30px;}
.intro .part02 .cont dl {display:block; width:100%;}
.intro .part02 .cont dl+dl {margin-top:40px;}
.intro .part02 .cont dl dt {font-size:1.3rem; padding-left: 20px;}
.intro .part02 .cont dl dt:before {top:4px;}
.intro .part02 .cont dl dd {font-size: 1.1rem; margin-top:15px;}

.intro .tabWrap {margin-bottom:40px;}
/*.intro .tabWrap .tabBtn {width:45%;}*/
.intro .tabWrap.field .tabBtn {width:100%;}

.intro .part01 .left .nameWrap .prof-name {font-size:1.2rem;}
/* Research Interest */
.intro .r-theme+.r-theme {margin-top:50px;}
.intro .r-theme p {font-size:1.25rem; padding-left:20px;}
.intro .r-theme p:before {height:22px; width:7px; left:0; top:2px;}
.intro .r-theme ul {margin-top:20px; padding-left:10px; }
.intro .r-theme ul li {font-size: 1rem;}
.intro .r-theme ul li:before {top:10px;}

.intro .r-theme .container {display:flex; flex-direction:column; gap:30px; border:1px solid #eee; justify-content:center; padding:10px; overflow:hidden; margin-top:20px;}
.intro .r-theme .container h4 span {font-size:15px; line-height:1.3; padding:5px 10px;}
.intro .r-theme .container img {margin-top:20px; width:100%;}
.intro .r-theme .container.item6 div:last-child img {width:100%;}
.intro .r-theme .container.item3 div:last-child img {width:100%;}
.intro .r-theme .container.item2 div img {width:100%;}
.intro .r-theme .container img.w60 {width:100%}

.intro .map iframe {height:400px;}
.intro .map .daum_map {height:400px;}
.intro .map .address {padding: 40px 30px;}
.intro .map .address .main_add {display:block;}
.intro .map .address .main_add dt {font-size:1.2rem;}
.intro .map .address .main_add dt:before {top:4px;}
.intro .map .address .main_add dd {font-size:1.05rem; margin-top: 5px;}
.intro .map .address .sub_add {margin-top:25px;}
.intro .map .address .sub_add dl {display:block;}
.intro .map .address .sub_add dl dt {font-size:1rem; width:100%; padding-left:15px;}
.intro .map .address .sub_add dl dt:before {left:0;}
.intro .map .address .sub_add dl dd {width:100%; margin-top: 5px; padding-left:20px; line-height:1.7;}

.intro .map .address .sub_add dl+dl {margin-top:15px;}

.intro .interest h3 {font-size:24px;}
.intro .interest h3 span {top:1px; font-size:16px; top:4px;} 
.intro .interest .project-info-table .table_pc {display:none;}
.intro .interest .project-info-table .table_mo {display:block;}
.intro .interest .project-info-table .table_mo table:first-of-type td {border-bottom:0;}
.intro .interest .field-part {margin-top:60px;}
.intro .interest .field-part .field-midtit {font-size:20px; padding-left:20px;}
.intro .interest .field-part .field-midtit span {font-size:32px;}
.intro .interest .field-cont .field-smalltit {font-size:20px;}
.intro .interest .field-part+.field-part {margin-top:60px; padding-top:60px;}
.intro .interest .field-list li {line-height:1.6;}
.intro .interest .field-list li+li {margin-top:10px;}
.intro .interest .research-theme .theme-list {grid-template-columns:1fr 1fr;}
.intro .interest .research-theme { padding-top:40px;}
.intro .interest .research-theme .theme-tit {font-size:22px; padding-left:35px;}
.intro .interest .research-theme .theme-tit:before {width:18px; height:18px; top:5px;}
.intro .interest .project-info-table {margin-top:30px;}
/*********** Professor *************/
/* Professor */

.professor .contents-wrap .left {width:100%;}
.professor .contents-wrap .left .info {margin-top:40px;}
.professor .contents-wrap .left .info p {font-size:1.1rem;}
.professor .contents-wrap .left .info:before {width:40px; height:4px; top:-22px;}

.professor .contents-wrap .right {margin-top:50px;}
.professor .contents-wrap .right article dt:before {top:8px;}
.professor .contents-wrap .right article:after {top:15px;}
.professor .contents-wrap .right article .info dl {display:block;}
.professor .contents-wrap .left .photo p.kor {font-size:1.5rem;}
.professor .contents-wrap .right article+article {margin-top:40px;}
.professor .contents-wrap .right article p {font-size:1.2rem;}

.professor .contents-wrap .right article p img {width:30px;}
.professor .contents-wrap .right article .info {margin-top:20px;}
.professor .contents-wrap .right article .info dl {font-size:1rem;}
.professor .contents-wrap .right article .info dl+dl {margin-top:20px;}
.professor .contents-wrap .right article .info dl dd {margin-top:10px;}

/* ************************ 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; olor:#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; wdth:12px; height:1px; background:#921637;}
current {}
.current>ul>li>ul {overflow:hidden; display:flex; flex-wrap:wrap; margin-top:-15px; argin-right:-15px;}
.current>ul>li>ul>li{float:left; width:calc((100%/2) - 15px); margin-right:15px; argin-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:rl(../images/common/i-mail.png) no-repeat;}
.current>ul>li>ul>li .member_infor div>span.mail a {font-size:14px; color:#aaa; ont-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; adding-bottom:20px;}
.current>ul>li>ul>li .member_infor dl dd:last-child {padding-bottom:0;}

.members .list {display:grid; grid-template-columns:repeat(1,1fr); gap:30px;}
.members .list li .info dl dt:before {content: ""; position: absolute; display: block;
 width: 3px; height: 15px; background: var(--blue); left: -11px; top: 3px;}
 
.publications .public_warp .public_box .tab_con .date .number {float:none; }
.publications .public_warp .public_box .tab_con .date .text {padding-right:0;}
.publications .public_warp .public_box .tab_con .date>ul {position:static; margin-top:10px;}
.publications .public_warp .public_box .tab_con .date>ul>li {float:left; padding-bottom:0;}
.publications .public_warp .public_box .tab_con .date>ul>li+li {margin-left:5px;}
.publications .public_warp .public_box .tab_con .date {padding:15px 10px;}
.publications .public_warp .public_box .tab_con .date .text .public_name {padding-top:5px;}
.publications .public_warp .search_box form {float:none;}
.publications .public_warp .search_box form select {width:100%; background-size: 15px!important;}
.publications .public_warp .search_box form input {width:calc(100% - 66px); border-left:1px solid #ddd; border-top:0;}
.publications .public_warp .search_box form button {}
.publications .public_warp .public_box .tab_con .date .text {width:100%; float:none;}
.publications .public_warp .public_box .tab_con .date .text .public_tit {line-height:1.4; -webkit-line-clamp: 4;}

.publications .public_warp .public_box .date .figure {display:flex; position:static; right:0; top:0; gap:20px; transform:translateY(0); margin-top:20px;}
.publications .public_warp .public_box .date .figure dl {display:inline-block;}
.publications .public_warp .public_box .date .figure dl dt {font-size:14px; height:26px;}
.publications .public_warp .public_box .date .figure dl dd {font-size:14px;}

.publications .public_warp .search_box.select_double form {display:block;}
.publications .public_warp .search_box.select_double form select {width:100%;}
.publications .public_warp .search_box.select_double form input {width: calc(100% - 66px);}
.publications .public_warp .search_box form select+select {border-left:1px solid #ddd!important;}
.publications .public_warp .search_box.select_double form>* {float:left;}
.patent .search_box form {float:none;}
.patent .search_box form select {width:100%; background-size: 20px!important;}
.patent .search_box form input {width:calc(100% - 66px); border-left:1px solid #ddd; border-top:0;}
.patent .search_box form button {}
.patent .journal-list ul li a {display:block;}
.patent .journal-list ul li {padding:15px 10px;}
.patent .journal-list ul li div.text {padding:0;}
.patent .journal-list ul li div.text .nation {font-size:14px;}
.patent .journal-list ul li div.text .subject {font-size:16px; line-height:1.3; -webkit-line-clamp: 3;}
.patent .journal-list ul li .state {position:static; width:120px; margin-top:10px;}

.view h4 {font-size:17px;}
.view .info li.state_alarm {position:static; margin-top:10px;} 
.view .info {padding-right:0;}
.view .info li>p {font-size:14px;}
.view .info p:before { width: 4px; height: 4px; top: 11px;}
.view table { margin-top:20px; }
.view table tr th, .view table tr td {font-size:14px; padding:5px 10px;}
.view table tr th {color:#000; font-weight:500; border-right:1px solid #ddd; background:#eff2f3;}
.view table tr td {padding-left:10px;}
.publications .public_wrap .public_box .date {padding:15px 10px;}
}


/* ************************ 모바일 (0~500) ************************ */
@media screen and (max-width: 500px) { 
.tabWrap.field {grid-template-columns:1fr; gap:5px; font-size:14px;}
.intro .tabWrap.field .tabBtn {font-size:14px;}
.tabWrap.field .tabBtn {padding:10px 15px;}
.intro .tabWrap.language .tabBtn {padding:10px 20px;}

.intro .interest .field-cont {padding:30px 20px;}

.intro .interest .research-theme .theme-list {grid-template-columns:1fr; gap:10px;}
.intro .interest .research-theme .theme-list li {min-height:100px;}
.intro .interest .field-img+.field-img {margin-top:30px;}
}