@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/css?family=Lora);
html{overflow-y: scroll;overflow:-moz-scrollbars-vertical;}
body{
	width:100%; margin:0; padding:0;
}
BODY,TEXTAREA,TABLE,P{
  /*font-family:arial,helvetica,verdana,"Dotum", "돋움",sans-serif;*/
  font-family:'Noto Sans KR', sans-serif, 'Nanum Gothic';
  font-size:10pt;
  line-height: 14pt;
  color:#333333;
  scrollbar-face-color:ffffff; 
  scrollbar-shadow-color: #f2f2f2; 
  scrollbar-highlight-color: #f2f2f2; 
  scrollbar-3dlight-color: #CCCCCC; 
  scrollbar-darkshadow-color: EEEEEE; 
  scrollbar-track-color: EEEEEE; 
  scrollbar-arrow-color: #000000;
}

form {margin:0; padding:0;}
img {border:0}
image{
	border:0;
}

/* CrossMark */

#open-crossmark {position: absolute; right: 0px; top: 18px;}/**/

/* Search auto complete */
#autoCompleteLayerHead {
	border: 2px solid red;
	background: white;
	position: absolute;
	left: -1px;
	top:22px;
	width: 300px;
	text-align: left;
	z-index: 999
}

.autoKeywords {
	text-align: left;
	padding: 5px;
	width: 490px;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
}
.autoKeywords:hover {
	background:#e8e8e8;
}

.none {
	display: none;
}

/* jats start */
div .front,div .front table,div .front p,div .body,div .body table,div .body p,div .back,div .back table,div .back p
	{
	/*font-family: arial, sans-serif, "Nanum Gothic";*/
	clear:both;
	font-family: 'Lora', georgia, "Nanum Gothic", sans-serif;
	font-weight: 500;
	line-height:1.76;
	letter-spacing:.01em;
	color:#000000;
	word-break:keep-all;
}

.body,.abstract {
}

.corresp .first {
	font-style: italic;
}

.main-title {
	margin-top: 15px;
	margin-bottom: 10px;
}

.section-title {
	margin-top: 15px;
	margin-bottom: 5px;
}

.subsection-title {
	margin-top: 15px;
	margin-bottom: 5px;
}

.metadata-entry {
	margin: 2px 0px;
}

.table-wrap-foot {
	margin-bottom: 10px;
}

.table-wrap-foot .footnote p {
	margin: 0px;
}

p.address-line {
	margin-top: 0em;
	margin-bottom: 0em;
	margin-left: 2em
}

ul,ol {
	margin-bottom: 1em
}

li {
	margin-top: 0.2em;
	margin-bottom: 0em;
	font-size: 9pt
}

li>p {
	margin-top: 0.1em;
	margin-bottom: 0em
}

div.def-list {
	border-spacing: 0.25em
}

/* jats end */
a:link {
	color: #000000; text-decoration: none;
}
a:visited {
	color: #000000; text-decoration: none;
}
a:active {
	color: #252525; text-decoration: none;
}
a:hover {
	color: #046EB8; text-decoration: none;
}

.highlight {
	color: #BDD89C; text-decoration: none;
}

.search_link {
	text-decoration:underline;
}
.ref_link {
	text-decoration:underline;
	color: #0000ff;
    font-weight:bold;
}

.table_link {
	text-decoration:underline;
	color: #0000ff;
    font-weight:bold;
}

.fig_link {
	text-decoration:underline;
	color: #0000ff;
    font-weight:bold;
}




.vertical_middle{
	vertical-align:middle;
}
.vertical_top{
	vertical-align:top;
}
.MainAbout {
	FONT-SIZE: 8pt;
}
.subtitle {
	FONT-SIZE: 16pt; COLOR: #008ED1; font-weight:bold; line-height: 22px: justify
}
.subtitle2 {
	FONT-SIZE: 12pt; COLOR: #0A5587; line-height: 22px: justify
}
.subtitle3 {
	FONT-SIZE: 16pt; COLOR: #0C4DA2; line-height: 22px: justify
}
.SubCategory {
	FONT-SIZE: 9pt; COLOR: #3F5C73; font-weight:bold;line-height: 22px: justify;
}

.ArticleCategory {
	FONT-SIZE: 9pt; COLOR: #008ED1; line-height: 20px: justify;
}
.article_txt {
	FONT-SIZE: 10pt;font-weight:normal;
}
.article_txt2 {
	FONT-SIZE: 9pt;font-weight:normal;
}
.snametitle {
	FONT-SIZE: 13pt; COLOR: #1181CB; line-height: 22px: justify
}
.subtitleB {
	FONT-SIZE: 14pt; COLOR: #000000; line-height: 22px: justify
}

.About {
	padding-top:5px; FONT-SIZE: 10pt; COLOR: #333333; line-height: 22px: justify
}

.AboutB {
	FONT-SIZE: 11pt; COLOR: #3079DF; font-weight:bold;line-height: 22px: justify
}

.AboutC {
	FONT-SIZE: 11pt; COLOR: #330099; font-weight:bold;line-height: 22px: justify
}
.AboutD {
	FONT-SIZE: 10pt; COLOR: #330099; font-weight:bold;line-height: 22px: justify
}
.PubInfo {
	FONT-SIZE: 10pt; COLOR: #333333; line-height: 22px: justify
}

.CitedNum {
	FONT-SIZE: 15pt;FONT-FAMILY: arial, helvetica,tahoma,sans-serif,verdana;font-weight:bold;line-height:55px:;
}
.CitedTxt {
	FONT-SIZE: 10pt;FONT-FAMILY: arial, helvetica,tahoma,sans-serif,verdana;font-weight:bold;line-height:35px: justify
}
.CitedTxtA {
	FONT-SIZE: 10pt; COLOR: #1857A3;FONT-FAMILY: arial, helvetica,tahoma,sans-serif,verdana;font-weight:bold;line-height:35px
}


.CitedTitle {
	FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: tahoma,sans-serif,arial, helvetica,tahoma,sans-serif,verdana;font-weight:bold; line-height: 150%: justify
}
.CitedAuthors {
	FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: tahoma,sans-serif,arial, helvetica,tahoma,sans-serif,verdana,;line-height: 150%: justify
}

.CrossrefLink {
	FONT-SIZE: 9pt; COLOR: #1857A3; FONT-FAMILY: tahoma,verdana;font-weight:bold;text-decoration:underline;line-height: 150%: justify
}

.CitedCross {
	FONT-SIZE: 10pt; COLOR: #1857A3; FONT-FAMILY: tahoma,sans-serif,arial, helvetica,tahoma,sans-serif,verdana,; font-weight:bold;vertical-align:middle'line-height: 150%: justify
}


.PubNum {
	FONT-SIZE: 10pt; COLOR: #000000; font-weight:bold;line-height: 22px: justify
}
.PubCategory {
	FONT-SIZE: 10.1pt; COLOR: #ffffff; font-weight:bold;line-height: 22px: justify
}

.PubCat {
	FONT-SIZE: 8pt; COLOR: #163D78; font-weight:bold;line-height: 22px: justify
}

.PublishDate {
	FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: arial, helvetica,tahoma,sans-serif,verdana,"Batang", "바탕";line-height: 22px: justify
}


.PubBook {
	FONT-SIZE: 10.1pt; COLOR: #0A5587; font-weight:bold;line-height: 22px: justify
}
.PubArchive {
	FONT-SIZE: 9pt; COLOR: #0C4DA2; line-height: 22px: justify
}


.PubPage {
	FONT-SIZE: 10pt; COLOR: #1691ee; FONT-FAMILY: arial, helvetica,tahoma,sans-serif,verdana,"Batang", "바탕";line-height: 22px: justify
}
.Title {
	FONT-SIZE: 10pt; COLOR: #046EB8; line-height: 22px: justify
}
.PubAbstract {
	FONT-SIZE: 12pt; COLOR: #046EB8; FONT-FAMILY: arial, helvetica,tahoma,sans-serif,verdana,"Batang", "바탕",arial,times new roman;font-weight:bold; line-height: 22px: justify
}

.PubTool{
	FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: arial, helvetica,tahoma,sans-serif,verdana,"Batang", "바탕",arial,times new roman;font-weight:bold; line-height: 22px: justify
}


.License_p {
	FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: arial, helvetica,tahoma,sans-serif,verdana,"Batang", "바탕";line-height: 22px: justify
}
.RightMenu {
	FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: tahoma,sans-serif,verdana,"Batang", "바탕";line-height: 22px: justify
}
.PubAuthor {
	FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: arial, helvetica,tahoma,sans-serif,verdana,"Batang", "바탕";line-height: 22px: justify
}

.PartTitle {
	FONT-SIZE: 8pt; COLOR: #5D6E80; font-weight:bold;line-height: 150%: justify
}
.PubTitle {
	FONT-SIZE: 14pt; COLOR: #000000; font-weight:bold;line-height: 150%: justify
}
.PDate {
	FONT-SIZE: 8pt; line-height: 22px: justify
}
.ListTitle {
	FONT-SIZE: 9pt; COLOR: #000000; font-weight:bold;line-height: 22px: justify
}
.BodyTitle {
	FONT-SIZE: 12pt; COLOR: #184CA1; font-weight:bold;line-height: 150%: justify
}
.PubAuthor {
	FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: arial, helvetica,tahoma,sans-serif,verdana,"Batang", "바탕";line-height: 22px: justify
}
.AbstractText {
	FONT-SIZE: 10pt;FONT-FAMILY: arial, helvetica,tahoma,sans-serif,verdana,"Batang", "바탕";line-height:25px: justify
}

.ArticleText {
	FONT-SIZE: 10pt;FONT-FAMILY: arial, helvetica,tahoma,sans-serif,verdana,"Batang", "바탕";line-height: 50px: justify
}

.PubRefer {
	FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: arial, helvetica,tahoma,sans-serif,verdana,"Batang", "바탕";line-height: 22px: justify
}

.AdminMode {
	FONT-SIZE: 10pt; COLOR: #FF0000; FONT-FAMILY: arial, helvetica,tahoma,sans-serif,verdana,"Batang", "바탕";font-weight:bold; line-height: 22px: justify
}

.Stitle {
	FONT-SIZE: 8pt; COLOR: #333333; line-height: 22px: justify
}


.AboutBC {
	FONT-SIZE: 10pt; COLOR: #008ED1; font-weight:bold;line-height: 22px: justify
}
.AboutBM {
	FONT-SIZE: 9pt; COLOR: #184CA1; font-weight:bold;line-height: 22px: justify
}

.AboutWhite {
	FONT-SIZE: 10pt; COLOR: #ffffff; font-weight:bold;line-height: 22px: justify
}
.White {
	FONT-SIZE: 9pt; COLOR: #ffffff; line-height: 20px: justify
}
.ContentsRef {
	FONT-SIZE: 10pt; COLOR: #1691ee; font-weight:bold;line-height: 22px: justify
}
.ContentsFig {
	FONT-SIZE: 10pt; COLOR: #993333; font-weight:bold;line-height: 22px: justify
}

.ContentsTB {
	FONT-SIZE: 10pt; COLOR: #990000; font-weight:bold;line-height: 22px: justify
}



.FigCopy {
	FONT-SIZE: 11pt; COLOR: #000000; line-height: 22px: justify
}
.inputtext { BACKGROUND-COLOR:#; COLOR:#000000; BORDER:1x solid #c0c0c0; height:22px;FONT-SIZE: 10pt; LINE-HEIGHT: 20px;}



.searchdiv {width:348px; height:37px; BACKGROUND-IMAGE : url('/image/search_bar.gif');
		BACKGROUND-COLOR:#FFFFFF; display:inline-block}
.searchinputtext {padding-top:5px; padding-left:10px;COLOR:#000000; BORDER:0;
		FONT-SIZE: 12pt; width:305px; margin-top:4px; outline:0px;}

.selectbox { BACKGROUND-COLOR:#f9f9f9;COLOR:#2a2a2a; BORDER:1px solid #DDDDDD; height:22px; FONT-SIZE: 10pt; LINE-HEIGHT: 20px;}

.button {border-color:#008ED1;background-color:#008ED1;color:#ffffff;height:19px;width:60px;font-family:arial, helvetica,tahoma,sans-serif,verdana,"Batang", "바탕";font-size:11px;cursor:pointer}
.button1 {border-color:#336633;background-color:#336633;color:#ffffff;height:19px;font-family:arial, helvetica,tahoma,sans-serif,verdana,"Batang", "바탕";font-size:11px;cursor:pointer}

.button_del {border-color:#CC0000;background-color:#CC0000;color:#ffffff;height:19px;font-family:arial, helvetica,tahoma,sans-serif,verdana,"Batang", "바탕";font-size:11px;cursor:pointer}

.pointer {cursor:pointer}

.Hangle {
	FONT-SIZE: 9pt; line-height: 20px: justify
}

.info3 {
	FONT-SIZE: 10pt; COLOR: #EB3150; 
}

#loginBox {
	width: 191px;
	border: 2px solid #DCDADB;
}
.figBox{
	border:1px solid #C4C4C4;
}


.rule_title{
	color:#163D78;
	font-weight:bold;
	padding-bottom:2px;

}

.rule_r_title{
	color:#184CA1;
	font-weight:bold;
	font-size:13px;
	padding-bottom:2px;
}
.rule_s_title{
	color:#184CA1;
	font-weight:bold;
	font-size:11px;
}

/* 정렬 class */
.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}
.fLeft{float:left;}
.fRight{float:right;}
.clear {clear:both;}
.auto {margin:auto;}
.justify{text-align:justify}

/* Top Padding */
.tp1{padding-top:1px;}
.tp2{padding-top:2px;}
.tp3{padding-top:3px;}
.tp4{padding-top:4px;}
.tp5{padding-top:5px;}
.tp10{padding-top:10px;}
.tp14{padding-top:14px;}
.tp15{padding-top:15px;}
.tp20{padding-top:20px;}
.tp25{padding-top:25px;}
.tp30{padding-top:30px;}
.tp50{padding-top:50px;}

/* Bottom Padding */
.bp1{padding-bottom:1px;}
.bp2{padding-bottom:2px;}
.bp3{padding-bottom:3px;}
.bp4{padding-bottom:4px;}
.bp5{padding-bottom:5px;}
.bp8{padding-bottom:8px;}
.bp10{padding-bottom:10px;}
.bp15{padding-bottom:15px;}
.bp20{padding-bottom:20px;}
.bp25{padding-bottom:25px;}
.bp30{padding-bottom:30px;}

/* Left Padding */
.lp5{padding-left:5px;}
.lp10{padding-left:10px;}
.lp12{padding-left:12px;}
.lp15{padding-left:15px;}
.lp20{padding-left:20px;}
.lp25{padding-left:25px;}
.lp27_5{padding-left:27.5px;}
.lp30{padding-left:30px;}
.lp40{padding-left:40px;}
.lp45{padding-left:45px;}
.lp50{padding-left:50px;}
.lp80{padding-left:80px;}
.lp90{padding-left:90px;}
.lp22{padding-left:22px;}


/* Right Padding */
.rp5{padding-right:5px;}
.rp10{padding-right:10px;}
.rp15{padding-right:15px;}
.rp18{padding-right:18px;}
.rp20{padding-right:20px;}
.rp25{padding-right:25px;}
.rp28{padding-right:28px;}
.rp29{padding-right:29px;}
.rp30{padding-right:30px;}
.rp40{padding-right:40px;}
.rp50{padding-right:50px;}

/* Top Margin */
.tm1{margin-top:1px;}
.tm2{margin-top:2px;}
.tm3{margin-top:3px;}
.tm4{margin-top:4px;}
.tm5{margin-top:5px;}
.tm8{margin-top:8px;}
.tm10{margin-top:10px;}
.tm15{margin-top:15px;}
.tm20{margin-top:20px;}
.tm25{margin-top:25px;}
.tm30{margin-top:30px;}
.tm60{margin-top:60px;}


/* Bottom Margin */
.bm5{margin-bottom:5px;}
.bm10{margin-bottom:10px;}
.bm15{margin-bottom:15px;}
.bm20{margin-bottom:20px;}
.bm25{margin-bottom:25px;}
.bm30{margin-bottom:30px;}
.bm35{margin-bottom:35px;}
.bm40{margin-bottom:40px;}

/* Left Margin */
.lm3{margin-left:3px;}
.lm5{margin-left:5px;}
.lm10{margin-left:10px;}
.lm12{margin-left:12px;}
.lm13{margin-left:13px;}
.lm14{margin-left:14px;}
.lm15{margin-left:15px;}
.lm20{margin-left:20px;}
.lm25{margin-left:25px;}
.lm30{margin-left:30px;}
.lm35{margin-left:35px;}
.lm50{margin-left:50px;}
.lm85{margin-left:85px;}
.lm100{margin-left:100px;}


/* Right Margin */
.rm5{margin-right:5px;}
.rm10{margin-right:10px;}
.rm15{margin-right:15px;}
.rm20{margin-right:20px;}
.rm25{margin-right:25px;}
.rm30{margin-right:30px;}



.site_map_box{
	border:1px solid #efefef;
	background:#FAFAFA;
	width:300px;
	padding:5px 10px;
}
.site_map_box a { color:#0883CE;font-weight:bold;}

.div_ar_list { width:364px; }
.div_mode_wrap {background:#309DD7; padding:5px;}
.div_ar_element_wrap { margin:10px 0px; padding:0px 4px; }

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


.container {width:980px; padding-top:159px;margin:auto;}


.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;
}

/* default font-family */
body,
input[type='text'],
input[type='password'],
input[type='file'],
select,
textarea,
button {font-family:'Noto Sans KR', sans-serif, 'Nanum Gothic'}