@charset "utf-8";

.popupWrap,
.wrapper {font-family: 'Noto Sans KR', sans-serif;word-break:normal;}
.wrapper a {text-decoration:none;color: inherit;}


div.wrapper {position:relative;padding-top: 155px;background-color: #fff;}
img.essenImg {vertical-align: top;margin-top: 7px; width:5px;}

#container .btn a,
#container .btn input,
#container .btn button {display: inline-block;color:#fff;padding:1px 10px 0;text-align:left;border-width:1px;border-style: solid;font-size:14px;background-color:#ccc;font-weight: bold;line-height:16px;text-align:center;font-family: Noto Sans, sans-serif;}

#container .btn a {height: 17px;line-height: 17px;padding: 9px 10px 10px;}
#container .btn a img {margin-right: 6px;vertical-align: middle;}

#container .btnBig {min-width:120px;height: 34px;font-size: 16px;}

/* 녹색 */				#container .btn .btnDef {border-color: #47953c;background-color: #47953c; color: #fff;}
/* border+녹색 */	#container .btn .btnBdGreen {border:0 none;border-bottom: 2px solid #397730;border-radius:4px;background-color: #47953c;color: #fff;}


div.btnArea {padding: 50px 0 20px;}



/* header */
div.headerWrap {z-index: 100;position: fixed;left: 0;top: 0;width: 100%;height: 155px;min-width:970px;background:url('/image/bg.jpg') 0 0 repeat-x;}
div.headerWrap div.header {z-index: 200;position: relative;width: 970px;margin: 0 auto;height: 39px;padding-top: 116px;background: url('/image/top_logo.gif') 0 0 no-repeat;}

div.headerWrap h1 {position: absolute;left: 0;top:38px;width: 438px;height: 66px;}
div.headerWrap ul.utilMenu {position: absolute;right: 0;top: 2px;overflow: hidden;}
div.headerWrap ul.utilMenu li {float: left;padding-left:24px;background:url('/image/header_bar.png') 10px 5px no-repeat;}
div.headerWrap ul.utilMenu li:first-child {padding-left: 0;background: none;}
div.headerWrap ul.utilMenu a {color: #000;}
div.headerWrap p.qrCode {position: absolute;right: 0;top: 36px;height: 67px;}
div.headerWrap p.qrCode img {float: left;}
div.headerWrap p.qrCode img.qr {margin:1px 0 0 8px;}

/* GNB */
div.gnbWrap {position: relative;width: 970px;margin: 0 auto;}


ul.btn {position: absolute;right: 0;top: 7px;}
ul.btn li {float: left;padding-left: 5px;}
ul.btn li:first-child {padding-left: 0;}

ul#gnb {height: 38px;}
ul#gnb > li {position: relative;float: left;padding: 0 10px;background: url('/image/gnb_bar.png') 0 11px no-repeat;background-color: #fff;}
ul#gnb > li:first-child {}
ul#gnb > li > a {display: block;padding: 8px 7px 8px 10px;color: #000;font-size: 14px;}
ul#gnb > li:first-child a {}

ul#gnb > li > a:hover,
ul#gnb > li > a:focus,
ul#gnb > li.on > a {padding-bottom: 8px;color: #3b6326;border-bottom: 2px solid #3b6326;}

ul#gnb li div,
ul#gnb li > dl,
ul#gnb li > ul {display: none;position: absolute;left: -7px;top: 39px;padding:0 23px 27px;background: url('/image/gnbBg_b.png') left bottom no-repeat;}
ul#gnb li > dl,
ul#gnb li > ul {width: 157px;background-image: url('/image/gnbBg.png');}

ul#gnb li.on div,
ul#gnb li.on dl,
ul#gnb li.on ul {display: block;}

ul#gnb li div {overflow: hidden;width: 281px;}
ul#gnb li div > dl {float: right;width: 126px;}
ul#gnb li div > dl:first-child {float: left;}


ul#gnb li dt {font-weight: bold;padding-top:10px;}
ul#gnb li li {padding-top: 5px;}
ul#gnb .subMenu a:hover,
ul#gnb .subMenu a:focus {text-decoration: underline;}
ul#gnb p {padding-top: 10px;color: #3b6326;} 

/* 통합검색 */
div.globalSearch {display: none;position: absolute;left: 0;top: 155px;width: 100%;background: url('/image/globalSearch_bg.png') left bottom repeat-x;}
div.globalSearch dl {position: relative;width: 970px;padding: 48px 0 52px;margin: 0 auto;}

div.globalSearch dd input {width: 590px;padding: 9px 10px;font-size: 15px;vertical-align: top;margin-right: 15px;}
div.globalSearch dd span.search {display: inline-block;vertical-align: top;width: 105px;height: 40px;background: url('/image/btn_search.png') 0 0 no-repeat;}

div.globalSearch p.close {position: absolute;right: 0;top: 52px;}
div.globalSearch p.close a {display: block;width: 32px;height: 32px;text-indent: -10000px;background: url('/image/btnClose_search.png') center center no-repeat;}

/* container */
div#container {max-width: 970px;margin: 0 auto;border-bottom: 1px solid #d8d8d8;background:url('/image/aside_bg.jpg') right top repeat-y;}
div#container:after {display:block;clear:both;font-size:0;line-height:0;height:0;content:" ";}

div.contents {float:left;width:755px;padding-top: 25px;}


/* 우측 영역 aside */
div.aside {float:right;width:174px;padding:23px 11px 20px 10px;}
div.aside > * {padding-top: 15px;}

div.aside > dl {padding-top:0;}

div.aside div.journal {width: 154px;padding: 0 10px;}
div.journal p.ac {padding-top: 10px;}

div.aside li {padding-top: 5px;}
div.aside li:first-child {padding-top: 0;}

div.aside a.toggle {display: block;height: 35px;overflow: hidden;}
div.aside a.toggle.view img {margin-top: -37px;}
div.aside .toggleCon {padding:5px 0;display: none;}

div.aside.viewArea {width:195px;padding:23px 0 20px;}
div.aside.viewArea > dl > dt {padding:3px 20px;background-color:#acacac;color:#fff;font-family:Calibri, sans-serif;font-size:15px;font-weight:bold;}

div.aside dl.tool > dd {padding:5px 18px;}
div.aside dl.tool > dd li {padding:4px 0;border-bottom:1px dashed #bebebe;}
div.aside dl.tool > dd li a {position:relative;display:block;padding:0 0 0 28px;}
div.aside dl.tool > dd li a img {position:absolute;left:0;top:50%;margin-top:-8px;}

div.aside dl.tool > dd dl {overflow:hidden;padding:4px 0;border-bottom:1px dashed #bebebe;}
div.aside dl.tool > dd dt,
div.aside dl.tool > dd dd,
div.aside dl.tool > dd dd a {float:left;}
div.aside dl.tool > dd dd a {display:block;margin-left:10px;}
div.aside dl.tool > dd dd img {width:18px;}

div.aside dl.metrics {padding-top:20px;}
div.aside dl.metrics > dt {position:relative;}
div.aside dl.metrics > dt a {display:block;position:absolute;right:20px;top:50%;margin-top:-10px;}

div.aside dl.metrics > dd {padding:0 10px;}
div.aside dl.metrics > dd ul {overflow:hidden;width:158px;margin:15px auto 10px;border:1px solid #cecece;border-bottom:0 none;background-color:#f2f3f8;}
div.aside dl.metrics > dd li {float:left;width:79px;border-bottom:1px solid #cecece;}
div.aside dl.metrics > dd li,
div.aside dl.metrics > dd li:first-child {padding:5px 0;}

div.aside dl.metrics > dd li span {display:block;font-weight:normal;color:#666769;text-align:center;}
div.aside dl.metrics > dd li span.count {color:#324C96;font-weight:bold;font-size:1.2em;}

div.aside dl.metrics > dd li.border span {border-left:1px solid #cecece;}


div.aside dl.metrics > dd > p {overflow:hidden;padding:5px 0;border-bottom:1px solid #cecece;}
div.aside dl.metrics > dd > p a {float:left;display:inline;}
div.aside dl.metrics > dd > p span {padding-left:5px;font-size:0.8em;color:#888;}


/* sitemap */
div.siteMap {clear: both;overflow: hidden;width: 970px;padding-bottom: 30px;border-top: 1px solid #d8d8d8;margin: 2px auto 0;}
div.siteMap dl {float: left;}
div.siteMap dd {overflow: hidden;}

div.siteMap > dl.wide dl {width: 152px;}
div.siteMap > dl > dt,
div.siteMap > dl > dd {padding-left: 20px;}

div.siteMap > dl > dt {padding: 25px 0 24px 20px;font-size: 16px;line-height: 1.2em;font-family: Georgia;}
div.siteMap > dl > dt.twoLine {padding: 15px 0 15px 20px;}

div.siteMap > dl > dd {border-left: 1px solid #d8d8d8;}

div.siteMap > dl:first-child > dd {border: none;}

div.siteMap > dl > dd dl {padding-right: 15px;}

div.siteMap > dl > dd dt {font-size: 12px;font-weight: bold;}

div.siteMap > dl > dd li {padding-top: 5px;}
div.siteMap a {color: #2f312f;}
div.siteMap > dl > dd p {padding-top: 35px;color: #3b6326;}


/* Footer */
div.footerWrap {height: 110px;padding: 20px 0;background-color: #868686;}
div.footerWrap > div {position: relative;width: 970px;height: 110px;margin: 0 auto;color: #fff;}
div.footerWrap > div dl {padding-bottom: 20px;}
div.footerWrap a {color: #fff;}


.toggleCon {display: none;}
.view .toggleCon {display: block;}


/* 컨텐츠 영역*/
.article {padding-bottom: 20px;border-bottom: 1px solid #d8d8d8;}
div.article:after {display: block;clear: both;height: 0;line-height: 0;font-size: 0;content: " ";}

div.article {position: relative;min-height:198px;padding-left: 200px;}
div.noImg {padding-left: 0;}

div.article > dl,
dl.article {position: relative;}

.article dt {padding:0 0 10px;}
div.contents .article dt a {font-size: 22px;color: #2f312f;font-family: Georgia;line-height: 1.2em;}
dl.article dt a {overflow: hidden;font-size: 18px;text-align: left;}

.article dt .info {display: block;overflow: hidden;padding: 0 75px 5px 0;}
.article dt .info span {float: left;}

.article .writer {color: #6f6f6f;}
.article .etc {position: absolute;right: 0;top: 0;padding-right: 80px;}
.article .etc p,
.article .etc dl {float: left;}
.article .etc p,
.article dt .info span {padding-right: 8px;margin-right: 8px;background: url('/image/article_bar.png') right 6px no-repeat;}

.article .type {color: #00a651;font-size: 12px;font-weight: 500;}
.article .date {color: #6f6f6f;font-size: 12px;}

.article .etc dl {z-index: 50;position: absolute;right: 0px;top: 0;width: 71px;padding-top: 20px;}
.article .etc dt {z-index: 50;position: absolute;left: 0;top: 2px;padding: 0;}
.article .etc dt a {display: block;width: 63px;height: 19px;text-indent: -10000px;background: url('/image/tools_btn.png') 0 0 no-repeat;}
.article .etc .view dt a {background-position: 0 -21px;}
.article .etc dd.toggleCon {width: 250px;padding: 7px 7px 32px;border: 1px solid #336b2b;background: url('/image/tools_bg.png') left bottom repeat-y;background-color: #fff;}



.article .info {color: #6f6f6f;font-size: 12px;line-height: 24px;}
.article dd a {color:#2f312f;font-size: 12px;line-height: 24px;}


.article ul.relBtn {overflow: hidden;margin: -6px 0 0 -5px;padding-top: 10px;}
.article ul.relBtn li {float: left;margin: 6px 0 0 5px;}

.article dd.subject {padding-top: 10px;color: #3b6326;}
.article dd.subject span {display: inline-block;padding-right: 5px;color: #2f312f;}
.article dd.subject a {color: #3b6326;}


.article .img {position: absolute; left: 0;top: 0;width: 175px;border: 1px solid #cfcfcf;}
.article .img img {max-width:174px;}

.article p.close {position: absolute;right: 8px;bottom: 8px;padding: 0;margin: 0;background: none;}

div.article .img {width: 175px; top: 7px;}

dl.article dt {padding: 0;}
dl.article dt a img {float: right;width: 88px;height: 88px;border: 1px solid #cfcfcf;margin:5px 0 0 10px;}

div.articleType {position:relative;height:44px;}

div.articleType ul {overflow:hidden;border-bottom:1px solid #d0111b;border-left:1px solid #d0111b;}
div.articleType li {float:left;border-top:1px solid #d0111b;border-right:1px solid #d0111b;}
div.articleType li a {display:block;min-width:80px;height:22px;padding:4px 5px 5px;text-align:center;color:#d0111b;font-family:Calibri, sans-serif;font-weight:bold;font-size:15px;}
div.articleType li a:hover,
div.articleType li a:focus {background-color:#ffd7d9;}
div.articleType li.on a {color:#fff;background-color:#d0111b;}

div.articleType dl {position:absolute;right:0;bottom:5px;font-family:'Noto Sans CJK KR', sans-serif;font-weight:bold;text-align:right;}
div.articleType dt {font-size:22px;color:#b46a17;}
div.articleType dd {font-size:14px;color:#262626;}


div.articleList {clear: both;position: relative;padding-bottom: 20px;}
div.articleList:after {display: block;clear: both;height: 0;line-height: 0;font-size: 0;content: " ";}

div.articleList > div {width: 325px;padding-bottom: 20px;}
div.articleList > div.fl {z-index: 50;position: relative;padding-right: 16px;border-right: 1px solid #d8d8d8;}

div.articleList > div > dl {padding-top: 0;margin-top: 30px;}
div.articleList > div > dl:first-child {margin-top: 0;}


div.articleList.withBtn {padding:0 35px 20px;}

div.articleList ul.util li {position:absolute;top:20%;width:25px;height:85px;}
div.articleList ul.util .prev {left:0;}
div.articleList ul.util .next {right:0;}

.list_title {
	font-size: 20px;
	font-family: Georgia;
	color: #2f312f;
}

.list_article {
	font-family: 'Noto sans';
	font-size: 13px;
	color: #2f312f;
}

.list_info {
	font-family: 'Noto sans';
	font-size: 13px;
	color: #6b6b6b;
}

.category_menu {
	font-family: 'Noto sans Bold';
	font-size: 16px;
	color: #2f312f;

}



/* 컨텐츠 공통 */
div.contents {padding-bottom:50px;color:#2f312f;font-size:13px;line-height:1.8em;font-family: 'Noto Sans KR', sans-serif;text-align:left;}
div.contents a {display:inline;color:#0056af;word-break:normal;text-align:left;}
div.contents .btn a {display: inline-block;}

div.titArea {position:relative;padding:40px 0 10px;margin-bottom: 40px;border-bottom:1px solid #d7d7d7;}
div.titArea h2 {color:#2f312f;font-family: 'Noto Sans KR', sans-serif;font-weight:bold;}

div.titArea dl.pagePath {position:absolute;top:0;right:0;}
div.titArea dl.pagePath ul {overflow:hidden;}
div.titArea dl.pagePath li {float:left;padding:0 10px 0 15px;color:#6b6b6b;background:url('/image/sub/pagePath_bar.gif') left center no-repeat;}
div.titArea dl.pagePath li:first-child {padding-left:20px;background-image:url('/image/sub/pagePath_home.gif');}

div.contents > * {margin-top: 20px;}
div.contents > *:first-child {margin-top: 0;}


div.authorBrief {padding:10px 0 30px;text-align:right;}
div.authorBrief > * {padding-top:15px;}
div.authorBrief > *:first-child {padding-top:0;}


/* 타이틀 관련 */
.subTit {margin:40px 0 20px;color:#336b2b;font-family:Georgia, sans-serif;font-weight:bold;font-size:20px;line-height:1.2em;}
.subTit:first-child {margin-top:0;}


.boldTit {margin:25px 0 5px;color:#202020;font-size:18px;font-weight:bold;}
.boldTit:first-child {margin-top:0;}
dt.boldTit:first-child {margin-top:25px;}

dl.txtItem {}
dl.txtItem > dt {}
dl.txtItem > dd {}
dl.txtItem > dd dt {margin-top:15px;font-weight:bold;color:#336b2b;}

ul.txtIndent11 > li,
p.txtIndent11 {padding-left:11px;text-indent:-11px;}
ul.txtIndent17 > li,
p.txtIndent17 {padding-left:17px;text-indent:-17px;}

ul.txtIndent11 > li *,
p.txtIndent11 *,
ul.txtIndent17 > li *,
p.txtIndent17 *{text-indent:0;}


/* View 페이지 관련 CSS */
.articleInfo {font-family: 'Noto Sans KR', sans-serif;font-size:13px;line-height:22px;color:#6b6b6b;}  /* e.g.) Int Neurourol J > Volume 20(3); 2016 > Article, Int Neurourol J 2016; 20(3): 169-170. */
.articleType {font-family: 'Noto Sans KR', sans-serif;font-weight:bold;font-size:13px;line-height:22px;color:#3b3b3b;} /* e.g.) Editorial */

.articleTit {font-family:Georgia, serif;font-weight:bold;font-size:20px;line-height:28px;color:#2f312f;} /* e.g.) Editorial */

.defTxt {font-family: 'Noto Sans KR', sans-serif;font-size:13px;line-height:18px;color:#2f312f;}  /* e.g.) Int Neurourol J > Volume 20(3); 2016 > Article, Int Neurourol J 2016; 20(3): 169-170. */

dl.editor {line-height: 1.8;}
dl.editor dd {padding-top: 10px;}
dl.editor dd li {padding-top: 5px;}
dl.editor dd li:first-child {padding-top: 0;}

.sub_menu > dl {}
.sub_menu > dl dt {padding: 5px 0 6px;background-color: #acacac;color: #fff;text-align: center;font-weight: bold;}
.sub_menu > dl dt:first-child {margin-top: 0;}
.sub_menu > dl li {border-top: 1px solid #cecece;}
.sub_menu > dl li a,
.sub_menu > dl li span {display: block;padding: 5px;color: #2f312f;}
.sub_menu > dl li:first-child {border-top: 0 none;}

/* 카테고리별 메뉴 */
.sub_menu {
	width: 165px;
	border: solid 1px #cecece;
	float: left;
}

.sub_menu table tr:first-child td {
	border-bottom: solid 1px #cecece;
	text-align: center;
	vertical-align: middle;
	height: 32px;
	font-family: 'Noto Sans';
	background-color: #acacac;
	font-size: 11pt;
	color: #FFFFFF;
	font-weight: bold;
}

.sub_menu table td{
	border-bottom: solid 1px #cecece;
	padding: 0 10px 0 10px;
	vertical-align: middle;
	height: 42px;
	font-family: Noto Sans KR;
	font-size: 10pt;
}

/* 카테고리별 논문 목록 */
div.sub_content {
	width: 550px;
	margin-top: 15px;
	padding: 0 10px;
	min-height: 500px;
	float: right;
}

.sub_contenttitle {	
	width: 100%; 
	height: 32px;
	border-bottom: solid 1px #cecece; 
	margin-bottom: 25px;
	display: inline-block;
	vertical-align: middle;
	text-align: center; 
	font-size: 14pt; 
	color: #3b3b3b; 
	font-family: Noto sans KR;
	font-weight: bold;
}

.sub_journal {
	position:relative;
	width: 100%;
	border-bottom: 1px solid #d8d8d8;
	margin-bottom:40px;
}

.sub_journal > .article {
	border: none;
}

.sub_journal > .article dt {
	padding-bottom: 5px;
}

.sub_journal > .article dl {
	border: none;
}

.sub_journal > .article dd:last-child {
	padding-top: 10px;
}

.sub_journal > .article dd img {
	margin: 2px;
}

.sub_journal > .view_box {
	position:absolute;right:0;top:3px;font-family:'Noto Sans CJK KR', sans-serif;font-weight:bold;
	border: 1px solid #eeeeee;
	background-color: #f9f9f9;
	width:130px;
	height:132px;
	padding:7px 4px;
}

.sub_journal > .view_box dd{
	border-bottom: 1px solid #d8d8d8;
	margin:0px 15px 6px 15px;
	padding:0px 3px 6px;
	color:#666;
	line-height:138%;
}

.sub_journal > .view_box dd:last-child{
	border-bottom: none;
}


.sub_paging {
	width: 100%;
	margin: 0 auto;
	float: left;
}

.input_box {
	height: 32px;
	resize: none;
	font-size: 18px;
}

.select_box {
	height: 35px;
	resize: none;
	font-size: 18px;
}

/* 게시판 하단버튼 영역 */
ul.pager {
	padding:20px 0 30px;
	text-align:center;
}
ul.pager li {
	display:inline;
	vertical-align: top;	
	text-align: center;
	width: 20px;
	height: 20px;
	margin-left: 5px;
}

ul.pager li:first-child {margin-left:0;}
ul.pager img {display:inline;vertical-align: top; margin-right: 5px;}

ul.pager a {display: inline-block;width: 24px; height: 19px; border:0 none; padding:1px 1px 6px 1px; text-align: center; vertical-align: top;}

ul.pager .first a,
ul.pager .prev a,
ul.pager .next a,
ul.pager .last a {padding:0 0 3px;}

ul.pager .prev a {
	margin-right: 5px;
}

ul.pager a.on {padding: 1px 1px 6px 1px;background-color: #1061DF; border: solid 1px #1061DF; font-weight:bold;color: #fff;text-align: center;}
ul.pager a img {vertical-align: top;}

/* Metrics view point */
a.viewPoint:hover,
a.viewPoint:focus{background-color:#324C96;color:#fff !important;border-radius:4px;}

/* Admin page */
.admin_view {
	width: 1024px;
	height: auto;
	margin: 0 auto;
}

.admin_view table {
	font-size: 12pt;
}

#include_journal {
	margin-top: -10px;
}


.article_mail {
	position: absolute;
	width: 600px;
	left: 50%;
	margin-left: -280px;
	max-height: 720px;
	top: 50%;
	margin-top: -250px;
	overflow: auto;
	border: 1px solid #BBBBBB;
	background-color: #FFFFFF;
	z-index: 1000;
}

/* 저자 추가 폼 css */
.author_add {
	width: 100%;
	max-height: 700px;
	overflow: auto;
	margin: 0 auto;
	background-color: #FFFFFF;
	position: relative;
}



/* 메인 : Table of Contents*/
dl.indexList {padding:10px 40px;border-top:3px solid #346a2e;border-bottom:1px solid #346a2e;background-color:#f8fcf7;}
dl.indexList,
dl.indexList a {display:block;color:#2d2d2d;font-size:14px;}

dl.indexList > dt {padding-bottom:10px;font-weight:bold;color:#161616;font-size:18px;}
dl.indexList li {margin-top:5px;}
dl.indexList a {position:relative;padding-left:40px;line-height:1.6;} /* 서플때문에 40px 아닐떄 31px*/
dl.indexList span {position:absolute;left:0;top:0;width:39px;}

dl.indexList a:hover,
dl.indexList a:focus {text-decoration:underline;}

.fp-embed { max-width:0px; }
.flowplayer > a { max-width:0px; }

.sideBann {
	display:block; 
    position:relative;
}

.sideBann img {width:174px;}

.sideBann img:last-child{display:none} 
.sideBann:hover img:first-child{} 
.sideBann:hover img:last-child{
	border: 4px solid #EEE;
	display:inline-block;
	z-index: 999;
	position: fixed;
	width:600px;
	top: 50%;
	left: 50%;
	margin-top: -270px; 
	margin-left: -340px; 
}

.sideBann {
	height:145px;
}

.flowplayer a{ max-width:0px; }