@charset "utf-8"; /* 마음엔 :: 전현진 2019-10-12 */ body{background-color:#e1e1e1} #wrapper{position:relative;max-width:800px;margin:0 auto;background-color:#fff} /* 상단 해더 */ #header{position:relative;background-color:#fff;z-index:200} #header h1{padding:10px;} #header h1 a img{height:40px} #header .topLoginBox{position:absolute;top:5px;right:50px;} #header .topLoginBox ul li{margin-left:10px;} #header .topLoginBox ul li a{display:block;height:50px;line-height:50px;font-size:13px;} #header .topLoginBox ul li.searchbtn a{font-size:20px;} #header .mnubtn{position:absolute;top:5px;right:0px;} #header .noticeLatest{padding:0 1em;background:#e6e7e8 url("../img/ico_noticelatest.png") no-repeat 10px center;} #header .noticeLatest a{display:block;overflow:hidden;line-height:36px;padding-left:20px;color:#666;font-size:13px;text-overflow:ellipsis;white-space:nowrap;} /* 메인페이지2 */ #mainContainer2{position:relative;} /* 메인 최상단 */ #mainTop2{position:relative; padding:4vw;background:url("../img/new_mainTopBg_m.jpg") no-repeat center;background-size:cover;} #mainTop2 .mainTit{line-height:9vw;color:#fff;font-size:7vw;} #mainTop2 ul{margin-top:4vw;} #mainTop2 ul li{width:32%;margin-left:2%;margin-top:2%;background-color:rgba(0,0,0,0.6)} #mainTop2 ul li:nth-child(3n+1){margin-left:0;} #mainTop2 ul li:nth-child(1), #mainTop2 ul li:nth-child(2), #mainTop2 ul li:nth-child(3){margin-top:0;} #mainTop2 ul li a{display:block;padding:2vw 4vw;text-align:center;} #mainTop2 ul li em{display:block;} #mainTop2 ul li em img{height:12vw} #mainTop2 ul li span{display:block;margin-top:5px;color:#fff;font-size:3.5vw} /* Featured Contents */ #featuredContents{position:relative;padding:4vw;} #featuredContents h2{position:relative;padding-bottom:15px;font-family:'Lato';color:#804000;font-size:6vw;} #featuredContents h2:after{position:absolute;bottom:0;left:0;width:20vw;height:5px;background-color:#f07d09;content:'';} #featuredContents .fc_con{ position:relative;margin-top:4vw; -moz-box-shadow:0px 2px 30px rgba(0,0,0,0.3);-webkit-box-shadow:0px 2px 30px rgba(0,0,0,0.3);box-shadow:0px 2px 30px rgba(0,0,0,0.3);} #featuredContents .fc_con h3{padding:4vw 4vw 2vw;font-size:5vw;font-family:'Lato';font-weight:900;} #featuredContents .fc_con .pic{display:block;font-size:0;} #featuredContents .fc_con .pic img{width:100%} #featuredContents .fc_con .chart_thumb{width:180px;height:180px;margin:0 auto;} #featuredContents .fc_con .txt{display:block;padding:3vw 4vw;line-height:5vw;font-size:3.5vw;} #featuredContents .fc_con .txt em{display:block;margin-bottom:2vw;color:#c5058c} #featuredContents .fc_con .txt span.mtxt{display:block;overflow:hidden;height:15vw} #featuredContents .fc_con .txt span.fa_txt{display:block;line-height:4vw;margin-bottom:2vw;font-size:3vw;} #featuredContents .fc_con .writer{position:relative;padding:2vw 0;margin:0 4vw;border-top:1px solid #ccc;font-size:3vw;} #featuredContents .fc_con .writer em{display:inline-block;width:40px;margin-right:5px;vertical-align:middle;} #featuredContents .fc_con .writer a.readmore{position:absolute;top:calc(50% - 20px);right:0;display:inline-block;height:40px;line-height:40px;} @media screen and (min-width:800px){ /* 메인 최상단 */ #mainTop2{padding:40px;} #mainTop2 .mainTit{line-height:60px;font-size:50px;} #mainTop2 ul{margin-top:40px;} #mainTop2 ul li a{padding:20px 0;} #mainTop2 ul li em img{height:70px} #mainTop2 ul li span{font-size:20px} /* Featured Contents */ #featuredContents{padding:40px;} #featuredContents h2{padding-bottom:15px;font-size:30px;} #featuredContents h2:after{width:100px;} #featuredContents .fc_con{margin-top:40px;} #featuredContents .fc_con h3{padding:20px 20px 10px;font-size:26px;} #featuredContents .fc_con .txt{padding:20px;line-height:24px;font-size:16px;} #featuredContents .fc_con .txt em{margin-bottom:10px} #featuredContents .fc_con .txt span.mtxt{height:72px} #featuredContents .fc_con .txt span.fa_txt{line-height:20px;margin-bottom:10px;font-size:14px;} #featuredContents .fc_con .writer{padding:20px 0;margin:0 20px;font-size:14px;} #featuredContents .fc_con .writer em{display:inline-block;width:40px;margin-right:5px;vertical-align:middle;} } /* 메인페이지 */ #mainContainer .main_content{position:relative;padding:2em 1em;} #mainContainer .main_content h2.maintit{position:relative;padding-top:10px;margin-bottom:20px;} #mainContainer .main_content h2.maintit:after{position:absolute;top:0;left:0;width:50px;height:2px;background-color:#333;content:''} #mainContainer .main_content h2.maintit em{display:block;padding-bottom:10px;font-size:22px;font-weight:bold} #mainContainer .main_content h2.maintit a{display:block;font-size:13px;text-transform:uppercase;color:#666} /* 메인 슬라이드 1 */ #mainTop{position:relative;} #mainTop #particles-js{ position:absolute;top:0;left:0;bottom:0;width:100%;z-index:100; background:#000e21 url("../img/main_topbg.jpg") no-repeat center top;background-size:cover} #mainTop .main_topcontent{position:relative;padding:3em 1em 1em;z-index:150} #mainTop #mainIM{margin-top:20px;} #mainTop #mainIM .mi_con{position:relative;padding:1em;background-color:#333;} #mainTop #mainIM .mi_con a{display:block;color:#fff;} #mainTop #mainIM .mi_con dl dt a{font-size:20px;font-weight:100} #mainTop #mainIM .mi_con dl dd{margin-top:10px;} #mainTop #mainIM .mi_con dl dd ul li{width:50%;} #mainTop #mainIM .mi_con dl dd ul li a{line-height:30px;} #mainTop #mainIM .mi_con1{background-color:#054a52} #mainTop #mainIM .mi_con2{background-color:#56062d} #mainTop #mainIM .mi_con3{background-color:#022c64} #mainTop #mainIM.engver .mi_con dl dd ul li{width:100%;} /* 메인 슬라이드 2 :: 연구성과 */ #mainAchiev{background-color:#efefef} #mainAchiev #achievLatest .al_mnu{margin-bottom:20px;} #mainAchiev #achievLatest .al_mnu ul{border-bottom:1px solid #212121;} #mainAchiev #achievLatest .al_mnu ul li{width:25%} #mainAchiev #achievLatest .al_mnu ul li a{display:block;padding-bottom:10px;color:#212121;font-size:16px;text-align:center;} #mainAchiev #achievLatest .al_mnu ul li a.active{border-bottom:3px solid #022c64;color:#022c64;font-weight:bold} #mainAchiev #achievLatest .latest_con{position:relative;} #mainAchiev #achievLatest .latest_con a.latestlink{display:block;border-bottom:10px solid #1a4e94} #mainAchiev #achievLatest .latest_con a.latestlink em.subject{display:block;overflow:hidden;max-height:82px;padding:10px 10px 0px 80px;margin-bottom:10px;font-size:18px;color:#1a61c1;font-weight:bold;} #mainAchiev #achievLatest .latest_con a.latestlink span.tagbox{position:relative;display:block;padding:0 10px 0 80px;} #mainAchiev #achievLatest .latest_con a.latestlink span.tagbox .taglist{display:block;overflow:hidden;margin-right:60px;text-overflow:ellipsis;white-space:nowrap;} #mainAchiev #achievLatest .latest_con a.latestlink span.tagbox .tagmore{position:absolute;top:0;right:0px;} #mainAchiev #achievLatest .latest_con a.latestlink span.date{display:block;padding-left:80px;margin-top:5px;} #mainAchiev #achievLatest .latest_con a.latestlink span.subtxt{display:block;overflow:hidden;max-height:200px;line-height:18px;padding:10px 10px 0px 80px;margin-top:15px;background-color:#1a4e94;color:#fff;font-size:14px;font-weight:100} #mainAchiev #achievLatest .latest_con .more{position:absolute;bottom:10px;left:20px;display:inline-block;color:#fff;font-size:13px;text-transform:uppercase;font-weight:100} #mainAchiev #achievLatest .latest_con .latestimg{position:absolute;top:20px;left:0px;width:80px;text-align:center;z-index:100;} /* 메인 슬라이드 3 :: OPEN CONTENTS */ #mainOc #ocCon > ul > li{position:relative;padding:1em;margin-top:0.5em;border:1px solid #666} #mainOc #ocCon > ul > li > h3{position:relative;line-height:30px;margin-bottom:10px} #mainOc #ocCon > ul > li > h3 em{font-size:20px;font-weight:bold;text-transform:uppercase} #mainOc #ocCon > ul > li > h3 a.more{position:absolute;top:0;right:0;} #mainOc #ocCon > ul > li a.oclink{display:block;} #mainOc #ocCon > ul > li a.oclink span.cate{display:block;overflow:hidden;height:30px;color:#666} #mainOc #ocCon > ul > li a.oclink em.subject{display:block;overflow:hidden;height:42px;line-height:20px;color:#212121;font-size:16px;font-weight:bold;} #mainOc #ocCon > ul > li a.oclink span.subtxt{display:block;overflow:hidden;height:80px;line-height:20px;margin-top:10px;color:#666} #mainOc #ocCon > ul > li.oc1{border-color:#0094d4} #mainOc #ocCon > ul > li.oc1 > h3 em{color:#0094d4} #mainOc #ocCon > ul > li.oc2{border-color:#8ec240} #mainOc #ocCon > ul > li.oc2 > h3 em{color:#8ec240} #mainOc #ocCon > ul > li.oc3{border-color:#bf5b9d} #mainOc #ocCon > ul > li.oc3 > h3 em{color:#bf5b9d} #mainOc #ocCon > ul > li.oc4{border-color:#fe8402} #mainOc #ocCon > ul > li.oc4 > h3 em{color:#fe8402} /* 메인 슬라이드 4 :: eCURATION */ #mainEc{position:relative;background-color:#efefef;} #mainEc .ec_mnu{margin-bottom:20px;} #mainEc .ec_mnu ul{border-bottom:1px solid #212121;} #mainEc .ec_mnu ul li{width:20%} #mainEc .ec_mnu ul li a{display:block;padding-bottom:10px;color:#212121;font-size:16px;text-align:center;} #mainEc .ec_mnu ul li a.active{border-bottom:3px solid #022c64;color:#022c64;font-weight:bold} #mainEc .ec_con .ec_space .pic{padding:0.5em;background-color:#fff;} #mainEc .ec_con .ec_space .space_box{padding:0.5em;border:1px solid #007fc8;background-color:#fff;} #mainEc .ec_con .ec_space .space_box a.eclink{display:block;margin-bottom:10px;} #mainEc .ec_con .ec_space .space_box a.eclink small{display:block;font-size:13px;} #mainEc .ec_con .ec_space .space_box a.eclink em{display:block;overflow:hidden;margin:10px 0;font-size:16px;color:#212121;font-weight:bold;text-overflow:ellipsis;white-space:nowrap;} #mainEc .ec_con .ec_space .space_box a.eclink span{display:block;overflow:hidden;height:100px;line-height:20px;color:#666;font-size:13px;} #mainEc .ec_con .ec_space .space_box a.more{display:inline-block;color:#bdbdbd;font-size:13px;text-transform:uppercase} #mainEc .ec_con .ec_ether{margin-top:10px;} #mainEc .ec_con .ec_ether ul li{width:49%;margin-left:2%;background-color:#fff;} #mainEc .ec_con .ec_ether ul li:nth-child(2n+1){margin-left:0} #mainEc .ec_con .ec_ether ul li a{display:block;padding:0.5em;} #mainEc .ec_con .ec_ether ul li a small{display:block;margin-bottom:5px;} #mainEc .ec_con .ec_ether ul li a em{display:block;overflow:hidden;height:40px} /* 서브페이지 */ #container{position:relative;} #container .submain{position:relative;} #container h1.h1_tit{font-size:26px;font-weight:bold;color:#212121;text-align:center;} #container h1.h1_tit span{display:block;margin-top:10px;font-size:14px;color:#58595b;letter-spacing:-.2pt;font-weight:normal} #container h2.h2_tit{font-size:20px;font-weight:bold;text-align:center;color:#1a94d2} #container hr{width:50px;height:1px;padding:0;margin:10px auto 20px;border:none;background-color:#333} #container .subpage{padding-top:2em;} #container .subpage .h2subtxt{line-height:22px;text-align:center;font-size:16px;} #container .subpage .h2subtxt a.golink{display:inline-block;height:30px;line-height:30px;padding:0 15px;margin-left:20px;background-color:#dae5ef;color:#337ab7;border-radius:3px;font-size:14px;} #container .subpage .h2subtxt a.golink:hover{background-color:#337ab7;color:#fff} #container .submnu{margin-top:15px;} #container .submnu ul{text-align:center;} #container .submnu ul li{position:relative;display:inline-block;} #container .submnu ul li:after{position:absolute;top:5px;left:0;width:1px;height:12px;background-color:#a5a5a5;content:''} #container .submnu ul li:first-child:after{display:none} #container .submnu ul li a{display:block;padding:0 15px;} #container .submnu ul li.active a{color:#016f7c} #container .submnu ul li.active a:after{position:absolute;bottom:-4px;left:15px;right:15px;height:1px;background-color:#054a52;content:''} #subMainSearch{padding:2em 1em} #subMainSearch h1.bigTit{text-align:center;} #subMainSearch h1.bigTit em{display:block;font-size:24px;font-weight:bold;color:#0caba5} #subMainSearch h1.bigTit span{display:block;margin-top:10px;font-size:16px;color:#58595b;letter-spacing:-.2pt} #subMainSearch .searchArea{position:relative;margin:20px auto 0;font-size:0;} #subMainSearch .searchArea .search_input{display:inline-block;width:85%;height:40px;line-height:38px;padding:0 1em;border:1px solid #0caba5;font-size:13px;} #subMainSearch .searchArea .search_submit{display:inline-block;width:15%;height:40px;border:none;padding:0;margin:0;background-color:#0caba5;font-size:20px;color:#fff;} .tabfixedarea{margin-bottom:10px;} #tabArea{position:relative;z-index:1000} #tabArea ul{} #tabArea ul li{height:40px;background-color:#f1f2f2;} #tabArea ul.tab2 li{width:50%} #tabArea ul.tab3 li{width:33.3%} #tabArea ul.tab4 li{width:50%} #tabArea ul.tab6 li{width:50%} #tabArea ul li a{display:block;height:40px;line-height:40px;font-size:13px;text-align:center;color:#58595b;} #tabArea ul li a:hover{background-color:#e1e1e1;color:#333} #tabArea ul.engver li a{font-size:16px;} #tabArea ul.engver.tab6 li:nth-child(3){width:20%} #tabArea ul.engver.tab6 li:nth-child(4){width:16%} #tabArea ul li.active{background-color:#fff;border-bottom:3px solid #3b479b} #tabArea ul li.active a{background-color:#1a94d2;color:#fff;font-weight:bold;} #tabArea.greenver ul li.active a{background-color:#054a52} #tabArea.scrollOn{position:fixed;top:0;left:0;width:100%;background-color:#f1f2f2;} #subtabmnu{position:relative;} #subtabmnu ul{background-color:#f1f2f2;border-top:1px solid #dcdcdc;} #subtabmnu ul li{border-left:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;} #subtabmnu ul.tab4 li{width:50%;} #subtabmnu ul.tab5 li{width:50%;} #subtabmnu ul.tab5 li:last-child{width:100%;} #subtabmnu ul li a{display:block;height:44px;line-height:44px;color:#58595b;font-size:13px;text-align:center;} #subtabmnu ul li.active a{background-color:#054a52;color:#fff;} #sortbox{padding:1em;font-size:13px;} #sortbox .sortby em{display:inline-block;vertical-align:middle;color:#666} #sortbox .sortby ul{display:inline-block;vertical-align:middle} #sortbox .sortby ul li{position:relative;} #sortbox .sortby ul li:after{position:absolute;top:3px;left:0;width:1px;height:12px;background-color:#ccc;content:''} #sortbox .sortby ul li:first-child:after{display:none;} #sortbox .sortby ul li a{padding:0 10px} ul.jumli li{position:relative;padding:5px 5px 5px 15px;} ul.jumli li:after{position:absolute;top:14px;left:0;width:5px;height:5px;background-color:#3b479b;border-radius:50%;content:''} ul.jumli li em{display:block;padding-right:10px;font-weight:bold;} ul.jumli li span{display:block;font-size:13px;} ul.jumli li span.notable{display:inline;} #faqList .faq_con{margin-top:5px;border-top:1px solid #dcdcdc;font-size:14px;} #faqList .faq_con:first-child{margin-top:0;} #faqList .faq_con dl dt{position:relative;font-weight:normal;} #faqList .faq_con dl dt a{display:block;min-height:36px;padding:7px 0 7px 50px} #faqList .faq_con dl dt:before{position:absolute;top:0;left:0;width:36px;height:36px;line-height:36px;background-color:#fe8402;color:#fff;text-align:center;font-size:18px;font-weight:bold;content:'Q'} #faqList .faq_con dl dd{position:relative;padding:1em 1em 1em 50px;background-color:#e6eef8;color:#666} #faqList .faq_con dl dd:before{position:absolute;top:0;left:0;width:36px;height:36px;line-height:36px;background-color:#0d5bbc;color:#fff;text-align:center;font-size:18px;font-weight:bold;content:'A'} #container .viewType{padding:0 1em} #container .viewType ul li{margin-left:20px;} #container .viewType ul li:first-child{margin-left:0px;} #container .viewType ul li a{display:block;color:#666} #container .viewType ul li a:hover{color:#212121} #container .viewType ul li.active a{color:#f35c00} #pagenation{position:relative;margin-top:20px;text-align:center;font-size:0px;} #pagenation span, #pagenation a{display:inline-block;width:20px;height:20px;line-height:20px;font-size:16px;vertical-align:top;color:#666;text-align:center} #pagenation a:hover{color:#333} #pagenation span{color:#f6851f;font-weight:bold} .basic_tbl th, .basic_tbl td{padding:0.5em;border:1px solid #dcdddd;text-align:center;word-break: break-all;} .basic_tbl.fsize13 th, .basic_tbl.fsize13 td{font-size:13px;} .basic_tbl thead th{background-color:#f1f2f2;color:#727171} /* 상호대차, 원문복사 */ #sangho #subMainSearch h1.bigTit em{color:#023478} #sangho #subMainSearch .searchArea .search_input{border:1px solid #023478} #sangho #subMainSearch .searchArea .search_submit{background-color:#023478} #sanghoGuide{padding:2em 0 0;background-color:#122f56} #sanghoGuide h2{position:absolute;top:0;left:0;width:129px;height:129px;line-height:30px;padding:30px 13px;background:url("../img/sangho_titbg.png") no-repeat center;font-size:24px;} #sanghoGuide ul{} #sanghoGuide ul li{position:relative;width:50%;margin-bottom:2em;text-align:center} #sanghoGuide ul li em{display:block} #sanghoGuide ul li span{display:block;line-height:20px;margin-top:10px;color:#fff;font-size:13px} /* 연구자 및 연구성과 통합검색 */ #portal h2.h2_tit{color:#56062d} #portal #subMainSearch h1.bigTit em{color:#054a52} #portal #subMainSearch .searchArea .search_input{border:1px solid #054a52} #portal #subMainSearch .searchArea .search_submit{background-color:#054a52} #portalMnu{background-color:#dcdddd;color:#fff} #portalMnu .portalcon{padding:1em 2em} #portalMnu .floats .portalcon{float:left;width:100%;} #portalMnu .portalcon dl{position:relative;padding-top:40px;margin-bottom:0} #portalMnu .portalcon dl dt{margin-right:-30px;font-size:20px;font-weight:bold;} #portalMnu .portalcon dl dd{margin-top:15px;} #portalMnu .portalcon dl dd ul{height:104px} #portalMnu .portalcon dl dd ul li{position:relative;} #portalMnu .portalcon dl dd ul li a{display:block;height:26px;line-height:26px;padding-left:13px;color:#fff;} #portalMnu .portalcon dl dd ul li a:after{position:absolute;top:13px;left:0px;width:3px;height:3px;background-color:#fff;content:''} #portalMnu .portalcon dl dd ul li a:hover{text-decoration:underline} /*#portalMnu .portalcon1{background-color:#054a52}*/ #portalMnu .portalcon1{background-color:#694312} #portalMnu .portalcon1 dl{background:url("../img/portal_ico_1_1.png") no-repeat top right;background-size:auto 40px} /*#portalMnu .portalcon2{background-color:#56062d}*/ #portalMnu .portalcon2{background-color:#ac6139} #portalMnu .portalcon2 dl{background:url("../img/portal_ico_1_2.png") no-repeat top right;background-size:auto 40px} /*#portalMnu .portalcon3{background-color:#022c64}*/ #portalMnu .portalcon3{background-color:#591c17} #portalMnu .portalcon3 dl{background:url("../img/portal_ico_1_3.png") no-repeat top right;background-size:auto 40px} /*#portalMnu .portalcon4{background-color:#280a73}*/ #portalMnu .portalcon4{background-color:#7e6956} #portalMnu .portalcon4 dl{background:url("../img/portal_ico_1_4.png") no-repeat top right;background-size:auto 40px} /*#portalMnu .portalcon5{background-color:#406304}*/ #portalMnu .portalcon5{background-color:#245552} #portalMnu .portalcon5 dl{background:url("../img/portal_ico_1_5.png") no-repeat top right;background-size:auto 40px} #portalMnu.engver{} #portalLink{margin:2em 1em} #portalLink .portallinkcon dl dt{font-size:20px;font-weight:normal;color:#016f7c} #portalLink .portallinkcon dl dd{padding:15px 0;margin-top:10px;border-top:1px solid #054a52;border-bottom:1px solid #054a52;} #portalLink .portallinkcon dl dd ul li{position:relative;margin-top:10px;} #portalLink .portallinkcon dl dd ul li:first-child{margin-top:0} #portalLink .portallinkcon a{ position:relative;display:block;height:78px;padding:18px 20px; -moz-box-shadow:0px 3px 7px rgba(0,0,0,0.2);-webkit-box-shadow:0px 3px 7px rgba(0,0,0,0.2);box-shadow:0px 3px 7px rgba(0,0,0,0.2);} #portalLink .portallinkcon a span{display:block;position:absolute;top:0;right:0;width:78px;height:78px;line-height:78px;background-color:#016f7c;font-size:22px;text-align:center;color:#fff;} #portalLink .portallinkcon a:hover{color:#fff;} #portalLink .portallinkcon.repository a{padding-left:90px} #portalLink .portallinkcon.repository a span{background-color:#016f7c;} #portalLink .portallinkcon.repository dl dd ul li.pl1 a{background:url("../img/portal_ico_2_1.png") no-repeat 28px center;} #portalLink .portallinkcon.repository dl dd ul li.pl2 a{background:url("../img/portal_ico_2_2.png") no-repeat 28px center;} #portalLink .portallinkcon.repository dl dd ul li.pl3 a{background:url("../img/portal_ico_2_3.png") no-repeat 28px center;} #portalLink .comment{margin-top:15px;color:#585858;font-size:14px;} #portalLink .floats .repository{float:left;width:900px;} #portalLink .floats .repository dl dd ul li{width:286px;margin-left:20px;} #portalLink .floats .repository dl dd ul li:first-child{margin-left:0} #portalLink .portallinkcon.manasystem{margin-top:2em} #portalLink .portallinkcon.manasystem dl dt{color:#022c64} #portalLink .portallinkcon.manasystem a span{background-color:#022c64;} #portalLink .portallinkcon.manasystem a:hover{background-color:#022c64;} .searchAnswer{padding:0px 0 20px;border-bottom:1px solid #b5b5b6} .searchAnswer:last-child{border-bottom:none} .searchAnswer .morearea{font-size:16px;} .searchAnswer .morearea a{color:#666} .searchAnswer .morearea a:hover{color:#212121;text-decoration:underline} #researchersList{padding-top:0;margin-top:1em} #researchersList .colorgiude{text-align:center} #researchersList .colorgiude .cg{display:inline-block;line-height:16px;margin-right:10px;} #researchersList .colorgiude .cg a{display:block;} #researchersList .colorgiude .cg em{display:inline-block;width:16px;height:16px;line-height:16px;vertical-align:middle;color:#fff;font-size:12px;} #researchersList .colorgiude .cg span{display:inline-block;margin-left:5px;vertical-align:middle} #researchersList .colorgiude .choice_type{} #researchersList .colorgiude .choice_type a{display:inline-block;line-height:14px;padding:0 1em;border-left:1px solid #ccc;color:#666} #researchersList .colorgiude .choice_type a:first-child{border-left:none;} #researchersList .colorgiude .choice_type a.on{color:#054a52;font-weight:bold;} #researchersList .researchersLatest ul{border-bottom:5px solid #f3f3f3} #researchersList .researchersLatest ul li{ position:relative;padding:1em;margin:0 5px 5px;} #researchersList .researchersLatest ul li a{display:block;position:relative;} #researchersList .researchersLatest ul li a.pics{overflow:hidden;margin:-1em -1em 1em} #researchersList .researchersLatest ul li a.pics img{width:100%;} #researchersList .researchersLatest ul li a.tit{min-height:90px;padding-left:80px;padding-bottom:15px;} #researchersList .researchersLatest ul li a.tit .name{display:block;color:#016f7c;font-size:18px} #researchersList .researchersLatest ul li a.tit em{display:block;margin-top:5px;} #researchersList .researchersLatest ul li a.tit .job{display:block;margin-top:5px;color:#939393} #researchersList .researchersLatest ul li a.tit .pic{position:absolute;top:0px;left:0px;} #researchersList .researchersLatest ul li a.names, #researchersList .researchersLatest ul li a.year{padding-top:10px;border-top:1px solid #b5b5b6} #researchersList .researchersLatest ul li a.year span{display:inline-block;margin-right:10px;font-size:14px;vertical-align:middle} #researchersList .researchersLatest ul li .cg{position:absolute;top:0;right:0;width:20px;height:20px;line-height:20px;color:#fff;text-align:center;} #researchersList .researchersLatest.type2 ul li a.tit{padding-left:0;min-height:auto;} #journalList h5{padding-bottom:15px;border-bottom:1px solid #0caba5;} #journalList .journalLatest ul li{position:relative;padding:1em} #journalList .journalLatest ul li:nth-child(2n+1){background-color:#f1f2f2} #journalList .journalLatest ul li a.tit{display:block;padding-right:80px;} #journalList .journalLatest ul li a.tit strong{display:block;font-size:14px} #journalList .journalLatest ul li a.tit span{display:block;margin-top:5px;color:#898b8e;font-size:13px;} #journalList .journalLatest ul li .journalpoint{padding-right:80px;margin-top:8px;} #journalList .journalLatest ul li .journalpoint a{position:relative;display:inline-block;padding-left:17px;margin-right:10px;} #journalList .journalLatest ul li .journalpoint a:after{position:absolute;top:3px;left:0;width:12px;height:12px;background-color:#666;border-radius:50%;content:''} #journalList .journalLatest ul li .journalpoint a.sci em{color:#f08300} #journalList .journalLatest ul li .journalpoint a.sci:after{background-color:#f08300} #journalList .journalLatest ul li .journalpoint a.scopus em{color:#6fba2c} #journalList .journalLatest ul li .journalpoint a.scopus:after{background-color:#6fba2c} #journalList .journalLatest ul li .keywords{position:relative;padding-left:90px;padding-top:10px;margin-top:10px;border-top:1px solid #bcbec0;font-size:13px;} #journalList .journalLatest ul li .keywords em{position:absolute;top:10px;left:0;color:#0d5bbc} #journalList .journalLatest ul li .keywords .word{display:inline-block;margin-right:12px} #journalList .journalLatest ul li .achiev{position:absolute;top:25px;right:25px;width:66px;height:66px;} /* 사업소개 */ #aboutBusiness{} #aboutBusiness .pageCon{padding:2em 1em} #aboutBusiness h4{margin-bottom:10px;font-size:18px;color:#bf5b9f;font-weight:bold;} #aboutBusiness #ab1{padding-bottom:15em;background:url("../img/about_library_img.jpg") no-repeat right bottom;background-size:190% auto} #aboutBusiness #ab1 h3{font-size:18px;} #aboutBusiness #ab1 .purpose p{line-height:24px;font-size:16px;font-weight:bold;} #aboutBusiness #ab1 .purpose ul{margin-left:10px} #aboutBusiness #ab1 .history .history_con{position:relative;margin-left:10px;} #aboutBusiness #ab1 .history .history_con dl{margin-top:20px;} #aboutBusiness #ab1 .history .history_con dl:first-child{margin-top:0;} #aboutBusiness #ab1 .history .history_con dl dt{display:block;position:relative;font-size:16px;font-weight:bold;color:#004191} #aboutBusiness #ab1 .history .history_con dl dd{display:block;margin-top:10px;font-size:13px;} #aboutBusiness #ab1 .history .history_con dl dd ul li{margin-top:5px;} #aboutBusiness #ab1 .history .history_con dl dd ul li em{font-weight:bold;} #aboutBusiness #ab2{border-top:1px solid #dcdcdc} #aboutBusiness #ab2 .ci_intro ul.jumli{} #aboutBusiness #ab2 .ci_intro ul.jumli li{font-size:13px} #aboutBusiness #ab2 .ci_color ul{} #aboutBusiness #ab2 .ci_color ul li{position:relative;width:33.33%;height:20px;line-height:20px;padding-left:30px;margin-bottom:5px;font-size:13px} #aboutBusiness #ab2 .ci_color ul li .color_box{position:absolute;top:0;left:0;width:20px;height:20px;font-size:0;} #aboutBusiness #ab2 .ci_color.engver ul li{width:50%} #aboutBusiness #ab3{background:#f1f2f2} #aboutBusiness #ab3 .network_con{text-align:center} #aboutBusiness #ab3 .network_con ul li{width:25%;padding:0 1%;} #aboutBusiness #ab3 .network_con .logomark{margin:30px 0;} #aboutBusiness #ab3 .network_con .logomark img{} #aboutBusiness #ab3 .network_con p{font-size:18px;font-weight:bold} #aboutBusiness #ab4{} /* 연구윤리 */ #researchEthics{} #researchEthics .pageCon{padding:2em 1em;} #researchEthics .ethics_tbl{border-top:2px solid #1a94d2;border-bottom:2px solid #1a94d2;font-size:12px;} #researchEthics .ethics_tbl th, #researchEthics .ethics_tbl td{border-color:#b0b0b0;background-color:#fff;font-size:12px;} #researchEthics .ethics_tbl thead th{background-color:#dcdddd;color:#000;font-weight:bold;} #researchEthics .ethics_tbl tbody th{font-weight:bold;color:#212121} #researchEthics .excerpt_txt{margin-top:10px;text-align:center;font-size:14px !important;font-weight:normal !important} #researchEthics dl.sgdl dt{font-size:16px;color:#bf5b9f;} #researchEthics dl.sgdl dd{padding-left:24px;} #researchEthics dl.sgdl dd p{margin-bottom:10px;font-size:18px;font-weight:bold;} #researchEthics dl.sgdl dd ol > li{margin-top:10px;} #researchEthics dl.sgdl dd ol > li:first-child{margin-top:0px;} #researchEthics dl.sgdl dd ol > li .jumli{margin-left:20px;} #researchEthics #ethicsComment{position:relative;padding:2em 1em;border-top:2px solid #1a94d2;border-bottom:2px solid #1a94d2;background-color:#effaff;} #researchEthics #ethicsComment .titcomment{line-height:24px;font-family: 'SDKukdetopokki-Lt';font-size:16px} #researchEthics #ethicsComment .titcomment strong{color:#980000} #researchEthics #ethicsComment .excerpt{margin-top:30px} #researchEthics #whatsEthics p{line-height:30px;font-size:16px;} #researchEthics #whatsEthics ol{margin:2em 1em 0} #researchEthics #whatsEthics ol li{margin-top: 10px;} #researchEthics #whatsEthics ol li:first-child{margin-top:0;} #researchEthics #ethicsType{background-color:#f1f2f2;} #researchEthics #ethicsInfo .ethicscon{position:relative;padding:15px 0;margin-bottom: 10px;border-top:1px solid #dcdddd;border-bottom:1px solid #dcdddd;} #researchEthics #ethicsInfo .ethicscon:last-child{margin-bottom: 0;} #researchEthics #ethicsInfo .ethicscon .sharebtn{position:absolute;bottom:1em;right:1em;display:block;width:30px;height:30px;line-height:28px;margin-top:-15px;border:1px solid #f68723;text-align:center;color:#f68723;border-radius:50%;} /* 서비스 안내 */ #seviceGuide{} #seviceGuide dl.sgdl{} #seviceGuide dl.sgdl dt{font-size:18px;color:#bf5b9f;} #seviceGuide .icoguide li{width:33.3%;padding:0 0.5em;text-align:center;} #seviceGuide .icoguide li:first-child{background:none;} #seviceGuide .icoguide li strong{display:block;margin:20px 0 5px;font-size:13px;} #seviceGuide .icoguide li span{display:block;font-size:13px;} #seviceGuide .loca{} #seviceGuide .loca ul li{padding-top:5px;padding-left:44px;margin-top:20px;background:url("../img/ico_loca.png") no-repeat left top;} #seviceGuide .loca ul li:first-child{margin-top:0} #seviceGuide .loca ul li dl{} #seviceGuide .loca ul li dl dt{display:block;} #seviceGuide .loca ul li dl dd{display:block;margin-top:10px;font-size:13px;} #seviceGuide .sgchart ul li{width:49.5%;overflow:hidden;margin-left:1%;margin-bottom:1%;padding-top:20px;border-radius:30px;background-color:#f3f3f4} #seviceGuide .sgchart ul li:nth-child(2n+1){margin-left:0px} #seviceGuide .sgchart ul li em{display:block;height:40px;line-height:40px;font-weight:bold;color:#fff;font-size:20px;text-shadow:1px 1px 1px rgba(0,0,0,0.3)} #seviceGuide .sgchart ul li span.con{display:block;min-height:160px;line-height:20px;padding:1em;font-size:14px} #seviceGuide .sgchart ul li span.con small{font-size:12px;} #seviceGuide .sgchart.engver ul li em{font-size:18px;} #seviceGuide .sgchart.engver ul li span.con{font-size:13px;padding:0.5em;} #seviceGuide #sg1 .sgchart.engver ul li span.con{min-height:180px} #seviceGuide .sg_tbl{} #seviceGuide .sg_tbl tr th, #seviceGuide .sg_tbl tr td{padding:10px;border-top:1px solid #a7a9ac} #seviceGuide .sg_tbl tr:first-child th, #seviceGuide .sg_tbl tr:first-child td{border-top:2px solid #3b479b;} #seviceGuide .sg_tbl tr:last-child th, #seviceGuide .sg_tbl tr:last-child td{border-bottom:2px solid #3b479b;} #seviceGuide .sg_tbl tr th{text-align:center} #seviceGuide .sg_tbl tr td.noborder{border-color:#f1f2f2} #seviceGuide .bgWhite{padding:1em;margin:0 -1em} #seviceGuide .bgWhite .sg_tbl tr td.noborder{border-color:#fff} #seviceGuide #sg1{padding:1em} #seviceGuide #sg2{padding:2em 1em 0;background-color:#f1f2f2} #seviceGuide #sg2 .penalty{padding:1em;margin:30px -1em 0;background-color:#ffcaca} #seviceGuide #sg3{padding:2em 1em} #seviceGuide #sg4{padding:2em 1em;background-color:#f1f2f2} #seviceGuide #sg4 .sg4chart ul li{background-color:#fff} #seviceGuide #sg5{padding:2em 1em} #seviceGuide #sg5 dl dd ul li{width:49%;margin-left:2%;margin-bottom:2%} #seviceGuide #sg5 dl dd ul li:nth-child(2n+1){margin-left:0} #seviceGuide #sg5 dl dd ul li em{display:block;padding-top:5px;text-align:center;} #seviceGuide #sg6{padding:2em 1em;background-color:#f6f6f6} #seviceGuide #sg6 dl dt .sitelink{display:inline-block;font-size:16px;font-weight:normal;} /* 연구성과 > 연구자 */ #researchPerformance{padding-bottom:2em;} #researchPerformance h1.h1_tit{padding:0 1em;color:#016f7c} #researchPerformance #researchersList{margin-top:40px} #researchPerformance .ta_search .check_box{display:inline-block;margin-left:30px;margin-right:10px;vertical-align:middle;color:#818181} #researchPerformance .ta_search .check_box label{font-weight:normal} /* 연구자 */ #researchersSearch{padding-bottom:1em;border-bottom:1px solid #727171} #researchersSearch.noborder{border-bottom:none;} #researchersSearch .check_search .rsCheck{padding:1em 0;text-align:center;} #researchersSearch .check_search .rsCheck label{padding-right:10px;color:#666;font-size:12px} #researchersSearch .check_search .rsCheck label span{border:1px solid #b1b1b1} #researchersSearch .check_search .rsSearch{font-size:0;text-align:center} #researchersSearch .check_search .rsSearch .basic_select{height:40px;font-size:13px;} #researchersSearch .check_search .rsSearch .basic_input{height:40px;line-height:38px;border-left:0;border-right:0;} #researchersSearch .check_search .rsSearch .search_submit{border:1px solid #054a52;background-color:#054a52;color:#fff;font-size:18px} #researchersSearch .alphabet_search{margin-top:15px;font-size:0;text-align:center;} #researchersSearch .alphabet_search a{display:inline-block;width:26px;height:26px;line-height:26px;border-radius:50%;color:#818181;text-align:center;font-size:12px;} #researchersSearch .alphabet_search a:hover{background-color:#f8f8f8;color:#212121} #researchersSearch .alphabet_search a.active{background-color:#054a52;color:#fff;} #researchersDetail h3{margin-bottom:10px;font-size:18px;color:#016f7c;font-weight:bold;} #researchersDetail h3 small{font-size:16px;color:#666;font-weight:normal} #researchersDetail h4{margin-bottom:10px;font-size:16px;color:#016f7c;font-weight:bold;} #researchersDetail .researcher_info{position:relative;padding:1em;border-top:1px solid #0caba5} #researchersDetail .researcher_info .pic{position:absolute;top:1em;left:1em;width:80px;} #researchersDetail .researcher_info h4{padding-left:100px;} #researchersDetail .researcher_info .job{padding-left:100px;font-size:14px;} #researchersDetail .researcher_info .rinfo li{min-height:40px;line-height:24px;margin-top:10px;} #researchersDetail .researcher_info .rinfo li:first-child{margin-top:0;} #researchersDetail .researcher_info .rinfo li em{display:block;font-size:16px;font-weight:bold;} #researchersDetail .researcher_info .rinfo li span{display:block;margin-top:5px;font-size:13px;} #researchersDetail .researcher_info .rinfo li.researcharea{width:100%;margin-right:0;} #researchersDetail .researcher_info .rinfo li.researcharea em{width:130px;} #researchersDetail .researcher_info .idarea{padding-left:100px;margin-bottom:10px;} #researchersDetail .researcher_info .idarea ul li{margin-right:3px;} #researchersDetail .researcher_people{position:relative;padding:10px 0;border-top:1px solid #b5b5b6;border-bottom:1px solid #b5b5b6} #researchersDetail .researcher_people:before{position:absolute;top:10px;bottom:10px;left:50%;width:1px;background-color:#b5b5b6;content:''} #researchersDetail .researcher_people .rpbox{position:relative;float:left;width:50%;padding:1em;} #researchersDetail .researcher_people .rpbox h4{text-align:center;} #researchersDetail .researcher_people .rpbox h4 span{display:block;padding-top:10px;color:#212121;font-size:30px;font-weight:normal} #researchersDetail .researcher_people .rpbox ul li{width:25%} #researchersDetail .researcher_keywords{padding:1em;background-color:#efefef} #researchersDetail .researcher_keywords ul li{margin-bottom:3px;background-color:#fff;} #researchersDetail .researcher_keywords ul li a{display:block;padding:10px 15px;} #researchersDetail .researcher_keywords ul li a em{display:inline-block;margin-right:10px;} #researchersDetail .researcher_keywords ul li a span{font-size:13px;} #searcherDetail .cited{position:relative;padding:1em;background-color:#e1e2e2} #searcherDetail .cited ul li{margin-top:5px;font-size:13px;} #searcherDetail .cited ul li:first-child{margin-top:0} #searcherDetail .cited ul li a{display:block;height:13px;line-height:13px;} #searcherDetail .cited .right_altmetric{position:absolute;top:1em;right:1em;} #searcherDetail .s_detail{padding:1em;background-color:#f1f2f2} #searcherDetail .s_detail h4{position:relative;padding-bottom:30px;} #searcherDetail .s_detail h4 strong{display:block;font-size:16px;} #searcherDetail .s_detail h4 hr{width:100%;margin:10px auto;background-color:#bcbec0} #searcherDetail .s_detail h4 span{display:block;font-size:14px;color:#808285} #searcherDetail .s_detail h4 .closebtn{position:absolute;bottom:0;right:0;font-size:40px;color:#666} #searcherDetail .s_detail .s_detail_tbl th, #searcherDetail .s_detail .s_detail_tbl td{padding:10px;font-size:13px;vertical-align:top} #searcherDetail .s_detail .s_detail_tbl th{text-align:right;font-weight:bold;color:#808285} #searcherDetail .s_detail .s_detail_tbl a.bigview{display:block;height:36px;line-height:36px;border:1px solid #ddd;text-align:center;} #searcherDetail .s_detail .s_detail_tbl a.bigview span{color:#7a5858} #searcherDetail #subtabmnu ul{background-color:#dedfdf} #searcherDetail #subtabmnu ul li a{height:40px;line-height:40px;} #searcherDetail #subtabmnu ul li.active a{background-color:#8a8a8b;} #searcherDetail #journalList .journalLatest ul li:nth-child(2n+1){background-color:#dedfdf} /* 연구실 */ .researchroom_info{border-top:1px solid #0caba5;padding:1em;} .researchroom_info h4{color:#55bdc5 !important;} .researchroom_info .pic_slide{ position:relative; -moz-box-shadow:0px 2px 10px rgba(0,0,0,0.2);-webkit-box-shadow:0px 2px 10px rgba(0,0,0,0.2);box-shadow:0px 2px 10px rgba(0,0,0,0.2);} .researchroom_info .pic_slide ul li img{width:100%} .researchroom_info .pic_slide .pic_slide_box{overflow:hidden;} .researchroom_info .pic_slide .swiper-pagination{width:100%;bottom: -25px;} .researchroom_info .pic_slide .swiper-pagination-bullet{margin:0 3px;} .researchroom_info .pic_slide .swiper-pagination-bullet{ width:10px;height:10px;border-radius:5px;opacity:1;background-color:rgba(0,0,0,0.2); -webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out; -moz-box-shadow:0px 1px 1px rgba(132,183,181,0.2);-webkit-box-shadow:0px 1px 1px rgba(132,183,181,0.2);box-shadow:0px 1px 1px rgba(132,183,181,0.2)} .researchroom_info .pic_slide .swiper-pagination-bullet-active{width:30px;background-color:rgba(0,0,0,0.8)} .researchroom_info .profile_info{position:relative;background-color:#efefef;font-size:0;} .researchroom_info .profile_info .profile_box{padding:1em;vertical-align:top;font-size:16px;text-align:center;} .researchroom_info .profile_info .profile_box .profile_img{width:150px;margin:0 auto 15px;} .researchroom_info .profile_info .profile_box .conp{margin-bottom:5px;font-size:20px;font-weight:bold;color:#212121} .researchroom_info .profile_info .profile_box .name, .researchroom_info .profile_info .profile_box .name a{color:#016f7c} .researchroom_info .profile_info .profile_box .class_group{margin-top:5px;font-size:14px;color:#666;} .researchroom_info .profile_info .profile_link{padding:1em;vertical-align:top;font-size:14px;} .researchroom_info .profile_info .profile_link ul li{width:49%;margin:0 0 2% 2%;} .researchroom_info .profile_info .profile_link ul li:nth-child(2n+1){margin-left:0;} .researchroom_info .profile_info .profile_link ul li a{display:block;padding:20px;border:5px solid rgba(0,0,0,0);background-color:#0d5bbc;color:#fff;text-align:center;} .researchroom_info .profile_info .profile_link ul li:nth-child(1) a{background-color:#0966db;} .researchroom_info .profile_info .profile_link ul li:nth-child(2) a{background-color:#0d5bbc;} .researchroom_info .profile_info .profile_link ul li:nth-child(3) a{background-color:#04479c;} .researchroom_info .profile_info .profile_link ul li:nth-child(4) a{background-color:#012f69;} .researchroom_info .profile_info .profile_link ul li a em{display:block;font-size:30px;} .researchroom_info .profile_info .profile_link ul li a span{display:block;margin-top:5px;} .researchroom_info .profile_info .profile_link ul li.no_link a{ border-color:#fff;background-color:#fff;color:#a0a0a0;cursor: inherit; -moz-box-shadow:0px 5px 10px rgba(0,0,0,0);-webkit-box-shadow:0px 5px 10px rgba(0,0,0,0);box-shadow:0px 5px 10px rgba(0,0,0,0);} .researchroom_info .rr_introduce{position:relative;padding:20px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;} .researchroom_info .rr_introduce p{overflow:hidden;height:72px;line-height:24px;} .researchroom_info .rr_introduce.open p{height:auto} .researchroom_info .rr_introduce a.more{position:absolute;bottom:-13px;left:calc(50% - 13px);display:block;width:26px;height:26px;line-height:26px;background-color:#5c5c5c;text-align:center;color:#fff;border-radius:50%;} .show_tag_list{padding:1em;;background-color:#efefef} .show_tag_list ul li{margin-right:5px;margin-bottom:5px;} .show_tag_list ul li a{ display:block;line-height:30px;padding:0 10px;background-color:#fff; -moz-box-shadow:0px 2px 5px rgba(0,0,0,0.2);-webkit-box-shadow:0px 2px 5px rgba(0,0,0,0.2);box-shadow:0px 2px 5px rgba(0,0,0,0.2);} .show_tag_list ul li a em{display:inline-block;margin-right:5px;color:#0d5bbc} /* 학과별 */ #classType{padding:1em;} #classType h4{margin-bottom:10px;font-size:18px;color:#56062d;font-weight:bold;} #classType .class_tbl{border-top:2px solid #0caba5;border-bottom:2px solid #0caba5} #classType .class_tbl th, #classType .class_tbl td{border:1px solid #0caba5;padding:0.5em} #classType .class_tbl tr th:first-child, #classType .class_tbl tr td:first-child{border-left:none} #classType .class_tbl tr th:last-child, #classType .class_tbl tr td:last-child{border-right:none} #classType .class_tbl thead tr th{border-bottom:2px solid #0caba5;background-color:#efefef;text-align:center;color:#212121;font-weight:bold} #classType .class_tbl tbody tr th{text-align:center;font-weight:bold;font-size:14px;} #classType .class_tbl tbody tr td ul li{margin-right:20px;} #classType .class_tbl tbody tr td ul li a{display:inline-block;height:26px;line-height:26px;font-size:13px;} /* 연구성과 > 연구성과 */ #journalThesis #categorybox{position:relative;margin:0 1em;} #journalThesis #categorybox .cate_choice_btn{display:block;height:40px;line-height:38px;padding:0 10px;border:1px solid #dcdddd;background:#fff url("../img/ico_select.png") no-repeat center right;border-radius:4px;color:#333;font-weight:bold;font-size:14px;} #journalThesis #categorybox .cate_con_box{display:none;position:absolute;top:43px;left:0;overflow-y:auto;width:100%;height:300px;padding:4%;border:1px solid #dcdddd;background-color:#f5f5f5;border-radius:4px;z-index:200} #journalThesis #categorybox .cate_con_box.open{display:block;} #journalThesis #categorybox h2{font-weight:bold;font-size:16px;color:#58595b} #journalThesis #categorybox hr{width:30px;height:2px;margin:12px 0;background-color:#f6851f;text-align:left} #journalThesis #categorybox .search_cate_tit{height:50px;line-height:50px;padding:0 10px;margin:-17px -12px;background-color:#3b479b;color:#fff;font-weight:bold;font-size:16px;} #journalThesis #categorybox .search_cate_tit a{display:inline-block;margin-left:10px;color:#fff} #journalThesis #categorybox .catebox > ul > li{position:relative;} #journalThesis #categorybox .catebox > ul > li > a{display:block;min-height:32px;padding:7px 0;padding-right:65px;color:#58595b;font-size:14px;} #journalThesis #categorybox .catebox > ul > li > a span{position:absolute;top:7px;right:0;display:inline-block;height:22px;line-height:20px;padding:0 10px;border:1px solid #d1d3d4;background-color:#fff;border-radius:11px;font-size:12px;} #journalThesis #categorybox .catebox > ul > li > a:hover em{text-decoration:underline} #journalThesis #categorybox .catebox > ul > li > a.active em{color:#f6851f;font-weight:bold} #journalThesis #categorybox .catebox > ul > li > a.active span{border-color:#f6851f;background-color:#f6851f;color:#fff} #journalThesis #categorybox .catebox > ul > li > a.more{margin-top:5px;color:#999;} #journalThesis #categorybox .catebox > ul > li ul{display:none;padding:0 10px;margin:3px 0;} #journalThesis #categorybox .catebox > ul > li ul li a{display:block;padding:3px 0;font-size:13px;color:#666} #journalThesis #categorybox .catebox > ul > li ul li a:hover{text-decoration:underline} #journalThesis #categorybox .catebox > ul > li.open ul{display:block} #journalThesis #categorybox .catebox{padding-top:12px;margin-top:15px;border-top:1px solid #f1f2f2} #journalThesis #categorybox .catebox.no-topline{padding-top:15px;border-top:none} #journalThesis #categorybox .catebox:first-child{padding-top:0;margin-top:0;border-top:none} /* 연구성과 > 연구논문분석 */ .theis_analysis{padding:1em;} #thesisAnalysis .chartimgbox{border:1px solid #ddd} #thesisAnalysis .floatbox .leftbox{} #thesisAnalysis .floatbox .rightbox{} #thesisAnalysis .tablescrollbox{overflow-y:auto;border-bottom:1px solid #ddd} #thesisAnalysis .table_subject{border:1px solid #ddd;} #thesisAnalysis .table_subject dt{padding:12px 20px;border-bottom:1px solid #ddd;background-color:#f1f2f2;color:#727171} #thesisAnalysis .table_subject dd{padding:12px 20px;} #thesisAnalysis .table_subject .tablescrollbox{border:none} .theis_analysis h3{margin-bottom:20px;font-size:18px;font-weight:bold;color:#56062d} /* 하단 푸터 */ #footer{line-height:16px;padding:1em;border-top:1px solid #dcdcdc;font-size:12px;} #footer p span.copyright{text-transform:uppercase;color:#666} #footer .footLink{margin-top:10px} /* 모바일 메뉴 */ #m-nav{ position:fixed;background-color:rgba(0,0,0,0.8);width:270px;top:0px;bottom:0;right:-270px;z-index:1000; -webkit-transition:.1s ease-in-out;-moz-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out; } #m-nav.open{width:100%;right:0;} #m-gnb{position:relative;height:100%;padding-top:20px;background-color:#fff;} #m-gnb h1{position:relative;padding:0 10px;margin-bottom:10px} #m-gnb h1 a.navclosebtn{position:absolute;top:0;right:10px;width:40px;height:40px;line-height:40px;text-align:center;font-size:30px;} #m-gnb > ul{border-bottom:1px solid #e0e0e0} #m-gnb > ul > li{border-top:1px solid #e0e0e0} #m-gnb > ul > li.active, #m-gnb > ul > li.on ul, #m-gnb > ul > li.on li{display:block;} #m-gnb > ul > li .depth1{display:block;} #m-gnb > ul > li .depth1 a{position:relative;display:block;font-size:16px;height:50px;line-height:50px;padding:0 1em;color:#1A2A41;font-weight:bold} #m-gnb > ul > li .depth1 a em{display:inline-block;width:24px;text-align:center;} #m-gnb > ul > li .depth1 a.menu, #m-gnb > ul > li .depth1 a.menus{text-transform:uppercase} #m-gnb > ul > li .depth1 a .arrow_ico{position:absolute;top:0;right:10px;color:#a3a3a3} #m-gnb > ul > li.on .depth1 a{color:#f5821f} #m-gnb > ul > li ul{display:none;padding:10px 20px;background-color:rgba(0,0,0,0.6);} #m-gnb > ul > li li{border:none} #m-gnb > ul > li li a{display:block;font-size:14px;height:36px;line-height:36px;padding:0 4%;font-weight:normal;color:#fff;font-weight:bold} #m-gnb > ul > li.on li a:hover, #m-gnb > ul > li.on li.on a{color:#f5821f;text-decoration:underline} /* 검색박스 */ #topSearch{display:none;position:fixed;top:0;left:0;width:100%;padding:15px;background-color:#fff;z-index:1300} #topSearch.on{display:block;} #topSearch h1{} #topSearch .searchgobtn{position:absolute;top:10px;right:0;display:block;width:40px;height:40px;line-height:40px;text-align:center;font-size:20px;} #topSearch .searcharea{ position:relative; -moz-box-shadow:0px 5px 10px rgba(0,0,0,0.3);-webkit-box-shadow:0px 5px 10px rgba(0,0,0,0.3);box-shadow:0px 5px 10px rgba(0,0,0,0.3);} #topSearch .searcharea ul li{position:relative;width:50%} #topSearch .searcharea ul li a{display:block;height:50px;line-height:50px;background-color:#c9caca;text-align:center;font-size:16px;} #topSearch .searcharea ul li.active a{background-color:#fff;font-weight:bold;color:#0d5bbc} #topSearch .searcharea ul li.active a:after{position:absolute;top:40px;left:50%;width:50px;height:1px;margin-left:-25px;background-color:#122f56;content:''} #topSearch .searcharea .sbarea{padding:1em} #topSearch .searcharea .sbarea .searchbox{position:relative;} #topSearch .searcharea .sbarea .searchbox .s_input{display:block;height:50px;line-height:49px;border:none;border-bottom:1px solid #0d5bbc;padding:0 50px 0 10px;margin:0;font-weight:100} #topSearch .searcharea .sbarea .searchbox .s_ok{position:absolute;top:0;right:0;width:50px;height:50px;border:none;background-color:rgba(255,255,255,0);font-size:20px;color:#0d5bbc} /* 학문분야 선택 */ .find_laboratorybox{display:none;position:fixed;top:0;left:0;bottom:0;overflow-y:auto;width:100%;padding:6% 4%;background-color:rgba(0,0,0,0.7);z-index:5500;} .find_laboratorybox .find_laboratory{position:relative;overflow:hidden;padding-top:30px;background-color:#fff;border-radius:30px;} .find_laboratorybox .find_laboratory h2{margin-bottom:30px;font-size:7vw;text-align:center;} .find_laboratorybox .find_laboratory h2 .closebtn{position:absolute;top:10px;right:10px;width: 8vw;height:8vw;line-height:8vw;border:1px solid #444;background-color:#666;border-radius:50%;text-align:center;font-size: 4vw;color:#fff;} .find_laboratorybox .find_laboratory .choice_branch{padding:0 4%;margin-bottom: 30px;} .find_laboratorybox .find_laboratory .choice_branch ul li{overflow:hidden;padding: 0 10px;border:1px solid #ccc;margin-top: 5px;border-radius:25px;} .find_laboratorybox .find_laboratory .choice_branch ul li:first-child{margin-top: 0px;} .find_laboratorybox .find_laboratory .choice_branch ul li .branch_select{border-color:#fff;} .find_laboratorybox .find_laboratory .branch_info{padding:6% 4%;background-color:#F7F7F7;font-size:3.5vw;color:#666} .find_laboratorybox .find_laboratory .branch_info h3{margin-bottom:2vw;font-size:4vw;color:#212121} .find_laboratorybox .find_laboratory .branch_info .keywordbox{margin-top:5vw;} .find_laboratorybox .find_laboratory .branch_info .keywordbox h4{display:inline-block;height:8vw;line-height:8vw;padding:0 3vw;margin-bottom:2vw;border:1px solid #ccc;background-color:#fff;border-radius:4vw;color:#212121} .find_laboratorybox .find_laboratory .branch_info .keywordbox p{font-size:3vw;} .find_laboratorybox .searchadd{padding: 4%;} .find_laboratorybox.open{display:block;} /* 페이지 가이드 */ #pageGuide{ position:fixed;top:20px;left:20px;overflow:hidden;width:40px;height:40px;z-index:5000; -webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-o-transition:.3s ease-in-out;transition:.2s ease-in-out; -moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;} #pageGuide:hover{ width:340px;height:760px; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} #pageGuide dl dt a{display:block;height:40px;line-height:40px;background-color:rgba(0,0,0,0.5);text-align:center;color:#fff;} #pageGuide dl dd{overflow-y:auto;height:720px;} #pageGuide dl dd ul{background-color:rgba(255,255,255,0.8)} #pageGuide dl dd ul li a{display:block;height:30px;line-height:30px;padding:0 20px;color:#999;font-size:13px;} #pageGuide dl dd ul li.links a:hover{background-color:rgba(0,0,0,0.3);color:#fff} #pageGuide dl dd ul li.compleate a{color:#ff0000} #pageGuide dl dd ul li.working a{color:#0033ff} /* 모달 팝업 */ .modal .modal-dialog{margin-top:50px} .modal .modal-dialog .modal-content{position:relative;} .modal .modal-dialog .modal-content .close{position:absolute;top:-40px;right:0;width:40px;height:40px;line-height:40px;background-color:#fff;text-align:center;opacity:1}