﻿
.clear { clear:both;}
/***********************  list css start  *************************************/
#journal	{ padding-top:30px;}
.articleList{
	text-align:left;
	font-size:11pt;
	font-family: 'Pretendard';
	font-family:Arial, Helvetica, sans-serif;
	width:100%;
	padding-top:0px;
	
}
.articleList * {
	color: #000;
}
.articleList .dropdown { display:none; }

.articleList .search{ list-style-type:none;padding:0px; overflow:hidden; margin: 30px 20px;}
.articleList ul.list{ list-style-type:none;padding:0px; border-top:1px solid #333}
.articleList img{ border:none;}
.articleList .titleEng !important{ list-style-type:none;padding:0px;}
.articleList ul.list li{ padding:20px;  border-bottom:1px solid #ddd; position:relative;}
.articleList ul.list li:hover{background:#eee;}
.articleList ul.list li.selected{ background:#f6f5f5; }
.articleList ul.list p{line-height:20px; padding-bottom:10px;}
.articleList ul.list .title{ font-size:18px; line-height:160%;}
.articleList ul.list .title a{ font-size:1.0em; font-weight:400; text-decoration:none;color:#333; /* font-family:'Times New Roman', BatangChe;*/font-family: 'Pretendard';}
.articleList ul.list .title span.titleEng{ font-size:12pt; font-weight:normal;font-family:'Times New Roman', BatangChe;}
.articleList ul.list .author{ color:#333;}
.articleList ul.list .page{ color:#1B66A2; margin-left:10px;}
.articleList ul.list .info{ color:#888888;}

.articleList ul.list p.download { display: inline-block; margin-top:10px; }
.articleList ul.list p.download a.downloadPdf { display:block; padding:10px 30px;   background:#27A8A8; color:#fff; text-align:center; }
.articleList ul.list p.download a:hover.downloadPdf { background:#333; color:#fff; }


/*************************  list css end  *************************************/
.btnArea{ text-align:center; margin-top:50px; border-top:1px solid #000; padding-top:20px; overflow:hidden;}
.btnArea a.downloadPdf { display:inline-block; background:#333; color:#fff; height:40px; line-height:40px; padding:0 30px; font-size:15px; font-weight:600;  }
.btnArea a.list { display:inline-block; background:#ccc; color:#000; height:40px; line-height:40px; padding:0 30px; font-size:15px; font-weight:600;  }



.search{ margin-bottom:10px;padding-bottom:10px; }
.search p.select{ float:left; width:60%; text-align:left;  }
.search span.select{   }
.search span.select select{ border:1px solid #E3E3E3;  padding-left:10px; padding-right: 30px; }

.search p.input{ float:right; width:40%; text-align:right; }
.search p.input span.input{ border:1px solid #e3e3e3;  margin-left:5px;  background-color:#f7f7f7; display: inline-block; }
.search p.input .txt{ width:170px; border:none; background:none;}
.search .btnsearch{margin-right:10px; vertical-align:text-bottom; border:none;}



/********** 미디어쿼리 **********/
@media(max-width: 1024px){
	.search p.select{ width:50%;  }
	.search p.input{ width:50%;  }		
}

@media(max-width: 840px){
	.search p.select{ width:100%;  }
	.search p.input{ width:100%;  text-align:left; margin-top:10px; }
	.search p.select select { width:49%;}
	
	.search p.input span.input { margin-left:0; width:49%; }
	.search p.input span.input .txt { width:80%;}
	.search p.input span.select select { width:49%;}
	.search .btnsearch{margin-right:5px; vertical-align:text-bottom; border:none;}
	
}

@media(max-width: 500px){
	.article .issueInfo .doi{ position:relative!important; text-align:left!important; margin-top:15px;}
}


@media(max-width: 370px){
	.search p.input span.input { width:100%; margin-top:10px; }
	.search p.input span.select select { width:100%;}
	.search p.input span.input .txt { width:80%; }
}




.listpage{ text-align:center; margin-top:00px; padding-top:50px;}
.listpage span{ display:inline-block;  padding:0px 8px; line-height:25px; text-align:center; font-size:16px;  border:1px solid #ccc; border-radius: 5px; color:#ccc; margin:0 2px; }
.listpage a{ text-decoration:none; display:inline-block;  line-height:25px; text-align:center; font-size:14px; }
.listpage .next{margin-left:10px; }
.listpage .prev{margin-right:10px; }
.listpage .next span{ border:0;}
.listpage .prev span{ border:0;}
.listpage .page span{}
.listpage .current{ color:#000; font-weight:bold;  border:1px solid #333; color:#fff; background: #333;}
.listpage .bar{ margin:0px 5px; border:0 !important;}

/*************************  tab css start  *************************************/
.thesis{width:100%;height:50px;overflow: hidden;}
.thesis #journalTab{margin-bottom: 50px; height:50px;   }
.thesis #journalTab a {color: #333333;display: block;height: 40px;width: 100%;}
.thesis #journalTab ul{padding:0;margin:0; border-bottom: 1px solid #000; height: 45px;    }
/*.thesis #subTab strong {color: #717171;font-size: 15px; line-height:34px;}*/

/*선택안된거*/
/*1개 width:239px; 2개 width:239px; 3개 width:360px;*/
.thesis #journalTab ul li { 
	float:left;
	border:1px solid #e5e5e5;
	border-bottom: 0;
	display: inline-block; 
	height: 45px;
	list-style-type: none; 
	line-height:45px;
	text-align: center;
	padding:0 50px;
	font-size:20px;
	
}

/*선택된거*/
/*1개width:266px;; 2개 width:363px; 3개 width:361px;726*/
.thesis #journalTab ul li.selected {height: 45px; line-height:45px;border:1px solid #000; border-bottom-color:#fff; background: #fff;   }
.thesis #journalTab ul li.selected a {height: 45px; line-height:45px; color:#000; font-weight:400;  font-size:20px;  }

/*************************  tab css end    *************************************/
/*************************  read css start  ***********************************/
.article{
  text-align:left;
  width:100%;
	font-size:10pt;
	font-family: "돋움,Dotum,AppleGothic,sans-serif";
	font-family:Arial, Helvetica, sans-serif;
	padding-top:15px;

}
.article *{ color:#000;}
.article .issueInfo{ line-height:160%; margin-bottom:30px;position:relative;}
.article .issueInfo .doi{ position:absolute; right:0px; top:0px; text-align:right; width:400px; height:30px;line-height:30px;}
.article .issueInfo .doi a{ text-decoration:none;}

.article h3{ background:none !important; font-size:20pt !important; line-height:160%; height:auto !important;padding:0px !important; margin-bottom:40px !important; padding-top:40px !important; text-align:center;  font-weight:600; }
.article h3:after{background:none !important; border:none !important;}
.article h3.titleEng{border-top: 1px solid #dfdfdf; padding-top:30px; }

.article .abstract {line-height:160%; font-size:18px; margin-bottom:40px; text-align: justify;}
.article .abstractEng{ line-height:150%; font-size:19px; margin-bottom:40px; text-align: justify;font-family:'Times New Roman', BatangChe; }

.article ul{ list-style-type:none;}

.article .authorK{ margin-bottom:60px; font-size:16px; line-height:160%; text-align:center;}
.article .authorK .name{font-weight:bold; }

.article .authorE{ margin-bottom:20px; font-size:16px; line-height:160%; text-align:right;}
.article .authorE .name{font-weight:bold;font-family:'Times New Roman', BatangChe;}

.article .keyword{margin-bottom:30px;font-size:10pt; position:relative; /**/padding-left:74px;}
.article .keyword label{ margin-right:5px; font-weight:bold; font-size:10pt; /**/position:absolute; left:0px;top:0px;}
.article .keywordsEng label{ font-size:12pt !important;}
.article .keywordsEng .keyword{font-family:'Times New Roman', BatangChe;font-size:12pt !important; padding-left:84px !important;}

/*************************  read css end  *************************************/
