@charset "UTF-8";


/*highlight keyword*/
span.highlightKeyword { font-weight:bold; color:#fc0000; }
xref { display:inline; color:#0071e1; font-weight:bold; text-decoration:underline; cursor:pointer; }
xref.super { margin:0 2px; vertical-align:super; }

/*body wrapper - sub page*/
.wrapper { position:relative; width:1200px; min-height:760px; margin:0 auto; padding-bottom:30px; overflow:hidden; background-color:#fff; }
.wrapper h1 { margin-bottom:14px; font-size:18px; font-weight:bold; color:#555; }

/*location*/
.wrapper .location { width:100%; height:25px; margin-bottom:30px; font-size:12px; line-height:25px; background-color:#0056a3; }
.wrapper .location a { position:relative; display:block; float:left; padding:0 20px; color:#fff; }
.wrapper .location a:after { content:""; position:absolute; top:8px; right:-10px; width:0; height:0; border-width:5px; border-style:solid; border-left-color:#ddd; border-top-color:transparent; border-right-color:transparent; border-bottom-color:transparent; }
.wrapper .location span { display:block; float:left; padding:0 20px; color:#fff; }


/*left*/
.wrapper .left { position:relative; z-index:10; float:left; width:240px; margin-right:-240px; padding:0 30px 30px 20px; }
.wrapper .left .box { width:100%; margin-bottom:30px; }
.wrapper .left .box h1 { margin-bottom:10px; }
.wrapper .left .box h1 a { font-size:16px; color:#256fb4; }
.wrapper .left .box p { font-size:13px; color:#666; line-height:130%; }
.wrapper .left .banner { width:100%; margin:30px auto 0 auto; }
.wrapper .left .banner a { display:block; margin-bottom:5px; border:1px solid #ddd; text-align:center; }

/*main contents*/
.wrapper .mainContents { float:left; width:100%; padding-left:260px; padding-right:30px; }
.wrapper .mainContents2 { float:left; width:100%; }

/* btn - 03.22 */
.buttonArea .jourMngWorkBtn{background-color:#0355a3;font-weight:bold;color:#fff;padding: 10px;}
.buttonArea .jourMngListBtn{background-color:#5d6761;color:#fff;font-weight:bold;padding: 10px;}
/*top*/
.wrapper .mainContents .topArea { width:100%; padding-bottom:20px; border-bottom:1px dotted #aaa; overflow:hidden; }

/*search by subject*/
.wrapper .subjectLeft { position:relative; z-index:10; float:left; width:240px; margin-right:-240px; padding:0 30px 30px 20px; }
.wrapper .subjectLeft span.tag { display:block; margin-top:15px; font-weight:bold; font-size:13px; color:#555; }
.wrapper .subjectLeft .checkArea { margin-top:10px; width:100%; padding-bottom:15px; border-bottom:1px dotted #aaa; }
.wrapper .subjectLeft .checkArea p { font-size:12px; color:#333; margin:3px 0 3px 10px; }
.wrapper .subjectLeft .checkArea input[type=checkbox] { margin-right:3px; }
.wrapper .subjectLeft .checkArea input[type=text] { width:100%; height:24px; border:1px solid #aaa; }
.wrapper .subjectLeft .checkArea button { width:100px; height:24px; margin-top:10px; line-height:24px; font-size:13px; color:#fff; background-color:#0056a3; cursor:pointer; }
.wrapper .subjectRight { float:left; width:100%; padding-left:260px; padding-right:30px; }
.wrapper .subjectRight h2 { font-size:15px; font-weight:bold; color:#0056a3; }
.wrapper .subjectRight h2 span.count { color:#f05801; font-weight:normal; }

/*search by keyword*/
.wrapper .mainContents .topArea .searchArea { float:left; width:100%; padding-right:20px; }
.wrapper .mainContents .topArea .searchArea h2 { font-size:15px; font-weight:bold; color:#0056a3; }
.wrapper .mainContents .topArea .searchArea h2 span.count { color:#f05801; font-weight:normal; }
.wrapper .mainContents .topArea .searchArea .formArea { margin-top:15px; }
.wrapper .mainContents .topArea .searchArea .formArea span.tag { display:block; margin:10px 0 5px 2px; font-size:13px; color:#555; }
.wrapper .mainContents .topArea .searchArea .formArea select { width:450px; height:24px; border:1px solid #aaa; }
.wrapper .mainContents .topArea .searchArea .formArea input[type=text] { width:450px; height:24px; border:1px solid #aaa; }
.wrapper .mainContents .topArea .searchArea .formArea button { display:block; width:100px; height:24px; margin-top:10px; line-height:24px; font-size:13px; color:#fff; background-color:#0056a3; cursor:pointer; }


/*bottom - search result*/
.resultArea { width:100%; margin-top:15px; }
.resultArea .head { position:relative; width:100%; padding:0 5px; }
.resultArea .head p.found { font-size:13px; }
.resultArea .head p.found span.keyword { font-weight:bold; color:#0056a3; }
/*result option*/
.resultArea .head p.optionResult { position:absolute; top:0; right:5px; height:20px; line-height:20px; padding:0 15px 0 8px; color:#333; font-size:12px; cursor:pointer; }
/*.resultArea .head p.optionResult:after { content:url("../img/arrow_down.png"); position:absolute; right:0; top:-1px; }*/
.resultArea .head .optionCheck { display:none; position:absolute; z-index:50; top:25px; right:5px; width:180px; background-color:#fff; border:1px solid #aaa; border-radius:2px; box-shadow:1px 1px 3px #aaa; }
.resultArea .head .optionCheck p.title { width:100%; height:20px; line-height:20px; padding-left:10px; font-size:13px; font-weight:bold; color:#333; background-color:#ddd; }
.resultArea .head .optionCheck .sort { padding:5px; font-size:13px; color:#555; line-height:160%; }
.resultArea .head .optionCheck .order { padding:5px; font-size:13px; color:#555; line-height:160%; }
.resultArea .head .optionCheck .num { padding:5px; font-size:13px; color:#555; line-height:160%; }
.resultArea .head .optionCheck .sort label { display:block; }
.resultArea .head .optionCheck .order label { display:block; }
.resultArea .head .optionCheck button { display:block; width:100%; height:25px; line-height:25px; margin-top:3px; font-size:12px; font-weight:bold; color:#fff; background-color:#888; text-align:center; cursor:pointer; }
/*result list*/
.resultArea ul { clear:both; margin-top:5px; padding-top:10px; border-top:1px dotted #aaa; }
.resultArea ul li { list-style:none; margin-bottom:10px; padding:0 0 10px 10px; border-bottom:1px dotted #aaa; overflow:hidden; }
.resultArea ul li .jour-no { position:relative; float:left; width:35px; min-height:70px; overflow:hidden; }
.resultArea ul li .book { position:relative; float:left; width:50px; height:70px; box-shadow:1px 1px 3px #aaa; overflow:hidden; }
.resultArea ul li .book img { position:absolute; top:0; right:0; width:auto; height:70px; }
.resultArea ul li .book p.title { position:absolute; top:50%; left:0; width:inherit; height:36px; margin-top:-18px; text-align:center; background-color:#0056a3; overflow:hidden; }
.resultArea ul li .book p.title span { display:table-cell; width:inherit; height:inherit; padding:3px 2px; vertical-align:middle; font-size:11px; line-height:16px; color:#fff; }
.resultArea ul li .info { padding-left:35px; }
.resultArea ul li .info p { font-size:13px; line-height:130%; }
.resultArea ul li .info a { color:#0056a3; }
.resultArea ul li .info p.title { font-size:13px; font-weight:bold; }
.resultArea ul li .info .register { margin-top:0; }

/*journal information*/
.journalInfo { width:100%; margin-bottom:10px; }
.journalInfo > p.title { margin-bottom:10px; line-height:100%; font-size:18px; font-weight:bold; color:#009040; font-family:"Lora", "Nanum Gothic", "나눔고딕", sans-serif; }
/* .journalInfo .info { position:relative; margin-top:20px; padding-left:110px; } */
.journalInfo .info { position:relative; margin-top:20px;}
.journalInfo .info .cover { position:absolute; left:0; width:105px; min-height:175px; overflow:hidden; }
.journalInfo .info .cover img { position:absolute; top:0; right:5px; width:auto; height:140px; margin:1px 0 0 1px; box-shadow:1px 1px 3px #aaa; }
.journalInfo .info .cover p.title { position:absolute; top:50%; right:5px; width:100px; height:39px; margin-top:-35px; text-align:center; background-color:#0056a3; overflow:hidden; }
.journalInfo .info .cover p.title span { display:table-cell; width:inherit; height:inherit; padding:3px 2px; vertical-align:middle; font-size:15px; font-weight:bold; line-height:17px; color:#fff; }
.journalInfo .info .cover button { display:none; position:absolute; left:0; top:150px; width:100px; height:20px; line-height:20px; text-align:center; font-size:13px; font-weight:bold; color:#fff; background-color:#888; border-radius:2px; cursor:pointer; box-shadow:1px 1px 3px #aaa; }
.journalInfo .info table.detail { width:100%; border:none; }
.journalInfo .info table.detail a { color:#0056a3; }
.journalInfo .info table.detail th { width:110px; padding:0; font-size:13px; color:#555; text-align:right; vertical-align:top; }
.journalInfo .info table.detail td { padding:0 0 0 5px; font-size:13px; color:#555; text-align:left; }
/*mobile row*/
.journalInfo .info table.detail tr.mobileRow { display:none; }
.journalInfo .info table.detail tr.mobileRow span.count { padding:0; margin:0; font-size:13px; font-weight:normal; color:#f05801; }
.journalInfo .info table.detail tr.mobileRow button { display:none; position:relative; top:1px; height:16px; line-height:16px; margin-left:6px; padding:0 8px; vertical-align:top; font-size:12px; font-weight:bold; color:#fff; background-color:#004971; border-radius:2px; cursor:pointer; }
.journalInfo .info .register { margin-top:10px; margin-left:25px; }

/*volume list*/
.volumeList { position:relative; z-index:10; float:left; width:240px; margin-right:-240px; padding:0 30px 30px 20px; }
.volumeList .head { padding-bottom:10px; }
.volumeList .head h1 { position:relative; }
.volumeList .head h1 button { display:none; position:absolute; top:0; right:0; width:50px; height:16px; line-height:16px; text-align:center; font-size:11px; color:#fff; background-color:#555; cursor:pointer; }
.volumeList .head p { font-size:12px; }
.volumeList .head p span.count { font-weight:bold; color:#f05801; }
.volumeList .row { margin-top:10px; padding-left:10px; padding-top:10px; border-top:1px dotted #aaa; }
.volumeList .row p.year { position:relative; font-size:14px; font-weight:bold; color:#0056a3;/*  cursor:pointer;  */}
.volumeList .row p.year span.count { margin-left:5px; font-size:12px; font-weight:normal; color:#666; }
.volumeList .row p.year img { position:absolute; top:7px; right:5px; }
.volumeList .row ul { display:none; width:100%; margin-top:5px; }
.volumeList .row ul li { list-style:none; margin-top:8px; margin-left:20px; }
.volumeList .row ul li a { position:relative; display:block; font-size:12px; color:#555; }
.volumeList .row ul li a.fulltext:before { content:"F"; position:absolute; top:2px; left:-18px; width:14px; height:14px; line-height:14px; text-align:center; font-weight:bold; font-size:10px; color:#fff; background-color:#0056a3; border-radius:2px; font-family:"Arial", sans-serif; }
.volumeList .row ul li a:hover { color:#f05801; }
.volumeList .row ul li a:focus { font-weight:bold; color:#f05801; }

/*author left*/
.authorLeft { position:relative; z-index:10; float:left; width:240px; margin-right:-240px; padding:0 20px; }
.authorLeft span.tag { display:block; margin-top:15px; font-weight:bold; font-size:12px; color:#0056a3; }
.authorLeft p { margin-top:5px; font-size:13px; color:#333; font-style:italic; }
.authorLeft .checkBox { margin-top:5px; }
.authorLeft .checkBox label { display:block; width:100%; margin-top:6px; font-size:13px; line-height:110%; text-align:justify; word-break:break-all; }
.authorLeft .checkBox label input { width:14px; height:14px; }
.authorLeft button { display:block; width:100px; height:24px; line-height:24px; margin-top:15px; font-size:13px; text-align:center; color:#fff; background-color:#0056a3; border-radius:2px; cursor:pointer; }



/*article list*/
.articleList { margin-top:15px; }
.articleList .head { position:relative; }
.articleList .head p.current { font-weight:normal; font-size:12px; }
.articleList .head p.current span { font-weight:bold; color:#f05801; }
.articleList .head p.found { font-size:13px; }
.articleList .head p.found span.keyword { font-weight:bold; color:#0056a3; }
/*result option*/
.articleList .head p.optionResult { position:absolute; bottom:0; right:5px; height:20px; line-height:20px; padding:0 15px 0 8px; color:#333; font-size:12px; cursor:pointer; }
/*.articleList .head p.optionResult:after { content:url("../img/arrow_down.png"); position:absolute; right:0; top:-1px; }*/
.articleList .head .optionCheck { display:none; position:absolute; z-index:50; top:62px; right:5px; width:180px; background-color:#fff; border:1px solid #aaa; border-radius:2px; box-shadow:1px 1px 3px #aaa; }
.articleList .head .optionCheck p.title { width:100%; height:20px; line-height:20px; padding-left:10px; font-size:13px; font-weight:bold; color:#333; background-color:#ddd; }
.articleList .head .optionCheck .sort { padding:5px; font-size:13px; color:#555; line-height:160%; }
.articleList .head .optionCheck .order { padding:5px; font-size:13px; color:#555; line-height:160%; }
.articleList .head .optionCheck .num { padding:5px; font-size:13px; color:#555; line-height:160%; }
.articleList .head .optionCheck .sort label { display:block; }
.articleList .head .optionCheck .order label { display:block; }
.articleList .head .optionCheck button { display:block; width:100%; height:25px; line-height:25px; margin-top:3px; font-size:12px; font-weight:bold; color:#fff; background-color:#888; text-align:center; cursor:pointer; }
/*list*/
.articleList ul { clear:both; margin-top:5px; border-top:1px dotted #aaa; }
.articleList ul li .arti-no { position:relative; float:left; width:35px; min-height:80px; overflow:hidden; }
/* .articleList ul li { position:relative; list-style:none; padding:10px 5px; border-bottom:1px dotted #aaa; } */
.articleList ul li { position:relative; list-style:none; padding:10px 5px; border-bottom:1px dotted #aaa; padding-left: 30px;}
.articleList ul li .container { padding-left:0; }
.articleList ul li .container p.title { margin-bottom:3px; font-size:13px; font-weight:bold; line-height:120%; }
.articleList ul li .container a { color:#0056a3; }
.articleList ul li .container p.author { font-size:12px; line-height:130%; font-family:"Lora", "Nanum Gothic", "나눔고딕", sans-serif; }
.articleList ul li .container p.author a { color:#555; }
.articleList ul li .container p.detail { font-size:12px; line-height:130%; }
.articleList ul li .container p.doi { font-style:italic; font-size:12px; color:#666; line-height:130%; }
.articleList ul li .container p.doi a { color:#666; }
.articleList ul li .container .aside button { display:inline-block; width:70px; height:16px; line-height:16px; text-align:center; font-size:12px; color:#fff; border-radius:2px; cursor:pointer; }
.articleList ul li .container .aside button.abstract { background-color:#f05801; }
.articleList ul li .container .aside button.pdf { background-color:#004971; }
.articleList ul li .container .aside button.pub { background-color:#888; }
.articleList ul li .container .abstractBox { display:none; margin:5px 0; padding:10px; background-color:#eee; }
.articleList ul li .container .abstractBox p { font-size:12px; color:#555; line-height:130%; text-align:justify; }

/*article view*/
.articleView { position:relative; width:1200px; margin:0 auto; background-color:#eee; overflow:hidden; }
.articleView .location { width:100%; height:25px; font-size:12px; line-height:25px; background-color:#0056a3; }
.articleView .location a { position:relative; display:block; float:left; padding:0 20px; color:#fff; }
.articleView .location a:after { content:""; position:absolute; top:8px; right:-10px; width:0; height:0; border-width:5px; border-style:solid; border-left-color:#ddd; border-top-color:transparent; border-right-color:transparent; border-bottom-color:transparent; }
.articleView .location span { display:block; float:left; padding:0 20px; color:#fff; }
.articleView h1 { margin-bottom:14px; font-size:24px; font-weight:bold; color:#555; }
.articleView .articleLeft { float:left; width:1000px; min-height:700px; padding:30px 40px 30px 20px; background-color:#fff; }
.articleView .articleLeft .articleInfo { width:100%; margin-bottom:15px; }
.articleView .articleLeft .articleInfo p { line-height:150%; font-size:13px; color:#777; }
.articleView .articleLeft .articleInfo p a { color:#0071e1; }
.articleView .articleLeft .articleInfo p.title { margin:10px 0 15px; font-size:22px; font-weight:bold; color:#004971; line-height:120%; font-family:"Lora", "Nanum Gothic", "나눔고딕", "NanumGothic", sans-serif; }
.articleView .articleLeft .articleInfo .journalInfo { margin:10px 5px; padding:6px 5px; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; }
.articleView .articleLeft .articleInfo .journalInfo p.jounal { font-size:14px; font-weight:bold; color:#555; }
.articleView .articleLeft .articleInfo .journalInfo p.abbr {  }
.articleView .articleLeft .articleInfo .journalInfo p.vol { font-weight:bold; }
.articleView .articleLeft .articleInfo .journalInfo p.doi { font-style:normal; }
.articleView .articleLeft .articleInfo .register { margin-top:15px; }
.articleView .articleLeft .articleInfo .author { margin-left:5px; line-height:130%; font-size:13px; color:#444; }
.articleView .articleLeft .articleInfo .author span.num { margin-left:2px; font-size:11px; font-weight:bold; vertical-align:super; color:#888; }
.articleView .articleLeft .articleInfo .attach { margin-top:10px; }
.articleView .articleLeft .articleInfo .attach p { margin-left:5px; line-height:130%; font-size:13px; color:#444; }
.articleView .articleLeft .articleInfo .attach span.num { margin-right:3px; font-size:11px; font-weight:bold; vertical-align:super; color:#888; }
.articleView .articleLeft .articleInfo .note { width:98%; margin:15px auto 0; padding:5px 10px; font-size:12px; color:#555; line-height:130%; background-color:#eee; border-radius:3px; }
.articleView .articleLeft .articleInfo p.citation { margin-top:15px; font-weight:bold; }
.articleView .articleLeft .articleInfo p.citation a { display:inline-block; padding:2px 15px; color:#fff; border-radius:5px; }
.articleView .articleLeft .articleInfo p.citation a span { color:#fda; }
.articleView .articleLeft .articleInfo p.citation a.popCitationTable { background-color:#004080; }
.articleView .articleLeft .articleInfo p.citation a.APACitation { margin-left:3px; background-color:#B45F04; }
.articleView .articleLeft .articleInfo p.view { display:none; margin-top:5px; }
.articleView .articleLeft .sectionBtn { width:100%; text-align:right; padding-top:20px; border-top:1px solid #ccc; }
.articleView .articleLeft .sectionBtn button { width:100px; height:22px; line-height:22px; font-size:13px; text-align:center; border-radius:2px; cursor:pointer; }
.articleView .articleLeft .sectionBtn button.openAll { color:#fff; background-color:#888; }
.articleView .articleLeft .sectionBtn button.closeAll { color:#333; background-color:#ddd; }
.articleView .articleLeft .articleBody { width:100%; margin:5px 0; }
.articleView .articleLeft .articleBody .box { margin-bottom:3px; }
.articleView .articleLeft .articleBody .box h1 { position:relative; margin:0; padding:3px 10px; font-size:18px; font-weight:bold; color:#333; cursor:pointer; border-radius:2px; 
	background: #dddddd;
	background: -moz-linear-gradient(left,  #dddddd 0%, #f2f2f2 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dddddd), color-stop(100%,#f2f2f2));
	background: -webkit-linear-gradient(left,  #dddddd 0%,#f2f2f2 100%);
	background: -o-linear-gradient(left,  #dddddd 0%,#f2f2f2 100%);
	background: -ms-linear-gradient(left,  #dddddd 0%,#f2f2f2 100%);
	background: linear-gradient(to right,  #dddddd 0%,#f2f2f2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#f2f2f2',GradientType=1 );
}
.articleView .articleLeft .articleBody .box h1:hover {
	background: #adbbd8;
	background: -moz-linear-gradient(left,  #adbbd8 0%, #f2f2f2 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#adbbd8), color-stop(100%,#f2f2f2));
	background: -webkit-linear-gradient(left,  #adbbd8 0%,#f2f2f2 100%);
	background: -o-linear-gradient(left,  #adbbd8 0%,#f2f2f2 100%);
	background: -ms-linear-gradient(left,  #adbbd8 0%,#f2f2f2 100%);
	background: linear-gradient(to right,  #adbbd8 0%,#f2f2f2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#adbbd8', endColorstr='#f2f2f2',GradientType=1 );
}
.articleView .articleLeft .articleBody .box h1 span { display:inline-block; margin-left:5px; font-size:13px; font-weight:normal; color:#0056a3; }
.articleView .articleLeft .articleBody .box h1 img { margin-left:5px; }
.articleView .articleLeft .articleBody .box .innerBox { display:none; padding:5px 10px 15px; }
.articleView .articleLeft .articleBody .box .innerBox h2 { font-size:16px; color:#333; margin:10px 0 0 0; }
.articleView .articleLeft .articleBody .box .innerBox h3 { font-size:15px; color:#444; margin:10px 0 0 0; }
.articleView .articleLeft .articleBody .box .innerBox h4, 
.articleView .articleLeft .articleBody .box .innerBox h5, 
.articleView .articleLeft .articleBody .box .innerBox h6 { font-size:14px; color:#444; margin:10px 0 0 0; }
.articleView .articleLeft .articleBody .box .innerBox p { margin-top:10px; font-weight:normal; font-size:15px; line-height:180%; text-indent:5px; text-align:justify; font-family:"Lora", "Nanum Gothic", "나눔고딕", "NanumGothic", sans-serif; }
.articleView .articleLeft .articleBody .box .innerBox img { display:block; max-width:70%; margin:20px auto; }
.articleView .articleLeft .articleBody .box .innerBox img.popup { cursor:pointer; }
.articleView .articleLeft .articleBody .box .innerBox .imgBox { margin:40px 0; text-align:center; }
.articleView .articleLeft .articleBody .box .innerBox .imgBox img { display:inline; max-width:70%; margin:5px auto; }
.articleView .articleLeft .articleBody .box .innerBox .comment { margin:20px 0 0; padding-top:5px; border-top:1px dotted #aaa; }
.articleView .articleLeft .articleBody .box .innerBox .comment p { margin:0 0 0 10px; font-size:12px; font-style:italic; line-height:160%; text-indent:0; text-align:left; color:#666; font-family:"Nanum Gothic", "나눔고딕", "NanumGothic", sans-serif; }
.articleView .articleLeft .articleBody .box .innerBox .list { margin:20px; }
.articleView .articleLeft .articleBody .box .innerBox .list p { margin:0; font-size:13px; line-height:150%; text-indent:0; text-align:left; font-family:"Lora", "Nanum Gothic", "나눔고딕", "NanumGothic", sans-serif; }
.articleView .articleLeft .articleBody .box .innerBox .ref { list-style-type:decimal; list-style-position:inside; margin-left:5px; margin-bottom:5px; padding-bottom:5px; font-size:12px; color:#555; border-bottom:1px dotted #aaa; }
.articleView .articleLeft .articleBody .box .innerBox .ref p { display:inline; margin:0; text-indent:0; font-weight:normal; font-size:13px; line-height:120%; text-align:justify; color:#444; font-family:"Nanum Gothic", "나눔고딕", sans-serif; }
.articleView .articleLeft .articleBody .box .innerBox .ref p.author { font-style:italic; }
.articleView .articleLeft .articleBody .box .innerBox .ref p.title { font-weight:bold; cursor:pointer; }
.articleView .articleLeft .articleBody .box .innerBox .ref p.title:hover { color:#fc4000; }
.articleView .articleLeft .articleBody .box .innerBox p.tag { width:100%; padding:0 15%; margin:15px 0; text-align:left; text-indent:0; line-height:150%; font-size:13px; color:#DF0101; }
.articleView .articleLeft .articleBody .box .innerBox .ref p img { display:inline; width:auto; margin:0; margin-left:5px; vertical-align:middle; }
.articleView .articleLeft .articleBody .box .innerBox .ref p a { color:#555; }
.articleView .articleLeft .articleBody .box .innerBox .ref p.doi a { color:#0056a3; }

/*abstract, keyword*/
.articleView .articleLeft .articleBody .box.neverClose .innerBox { display:block; }
.articleView .articleLeft .articleBody .box.neverClose h1 { cursor:default; }
.articleView .articleRight { float:right; width:200px; padding:30px 20px; }
.articleView .articleRight h2 { font-size:14px; color:#444; margin-top:10px; margin-bottom:10px; }
.articleView .articleRight p { font-size:13px; color:#c00; margin-bottom:6px; padding-bottom:6px; border-bottom:1px dashed #ccc; }
.articleView .articleRight a { color:#0056a3; }
.articleView .articleRight img { width:24px; height:auto; margin-right:10px; vertical-align:middle; }
.articleView .articleRight p.ccbync { margin-bottom:8px; padding-bottom:8px; margin-top:8px; padding-top:8px; border:none; }
.articleView .articleRight p.ccbync img { width:150px; margin:0; }
.articleView .articleRight p.imgOA { border-bottom:1px dashed #ccc; }



/*article view link popup*/
.commentPopup { display:none; position:absolute; z-index:50; width:700px; max-width:95%; padding:10px 30px 10px 10px; border:1px solid #0056a3; border-radius:2px; background-color:#fff; box-shadow:0 0 3px #000; }
.commentPopup p { font-size:13px; }
.commentPopup .close { position:absolute; top:0; right:0; width:24px; height:24px; line-height:24px; text-align:center; font-size:14px; color:#333; background-color:#fcc000; cursor:pointer; box-shadow:-1px 1px 1px #aaa; }

.FigurePopup { display:none; position:absolute; z-index:50; width:auto; max-width:95%; padding:10px 30px 10px 10px; border:1px solid #0056a3; border-radius:2px; background-color:#fff; box-shadow:0 0 3px #000; }
.FigurePopup p { font-size:13px; }
.FigurePopup p.tag { color:#fc4000; }
.FigurePopup img { max-width:800px; margin:10px 0; }
.FigurePopup .close { position:absolute; top:0; right:0; width:24px; height:24px; line-height:24px; text-align:center; font-size:14px; color:#333; background-color:#fcc000; cursor:pointer; box-shadow:-1px 1px 1px #aaa; }
.FigurePopup .buttonArea { margin-top:10px; }
.FigurePopup .buttonArea .gotoRefBtn { width:120px; height:20px; margin-left:10px; line-height:20px; font-size:13px; background-color:#555; color:#fff; cursor:pointer; border-radius:2px; }

.referencePopup { display:none; position:absolute; z-index:50; width:700px; max-width:95%; padding:10px 30px 10px 10px; border:1px solid #555; border-radius:2px; background-color:#fff; box-shadow:0 0 3px #000; }
.referencePopup .close { position:absolute; top:0; right:0; width:24px; height:24px; line-height:24px; text-align:center; font-size:14px; color:#333; background-color:#fcc000; cursor:pointer; box-shadow:-1px 1px 1px #aaa; }
.referencePopup .buttonArea { margin-top:10px; }
.referencePopup .buttonArea .abstractBtn { display:inline-block; width:120px; height:20px; margin-right:5px; line-height:20px; text-align:center; font-size:13px; cursor:pointer; border-radius:2px; background-color:#0056a3; color:#fff; }
.referencePopup .buttonArea .gotoRefBtn { display:inline-block; width:120px; height:20px; margin-right:5px; line-height:20px; text-align:center; font-size:13px; cursor:pointer; border-radius:2px; background-color:#ccc; color:#333; }
.referencePopup .buttonArea a.doiLink { display:inline-block; width:120px; height:20px; margin-right:5px; line-height:20px; text-align:center; font-size:13px; cursor:pointer; border-radius:2px; background-color:#555; color:#fff; }
.referencePopup .buttonArea a.kciLink { display:inline-block; width:120px; height:20px; margin-right:5px; line-height:20px; text-align:center; font-size:13px; cursor:pointer; border-radius:2px; background-color:#004080; color:#fff; }
.referencePopup p { display:inline; margin:0 5px 0 0; text-indent:0; font-weight:normal; font-size:13px; line-height:150%; text-align:justify; color:#333; font-family:"Nanum Gothic", "나눔고딕", sans-serif; }
.referencePopup p a { color:#555; }
.referencePopup p.title { color:#084B8A; font-weight:bold; font-family:"Lora", "Nanum Gothic", "나눔고딕", sans-serif; }
.referencePopup p.author { font-style:italic; }
.referencePopup p.doi a { color:#0056a3; }
.referencePopup p.abstract { clear:both; display:none; margin-top:10px; padding-top:10px; font-size:12px; border-top:1px dotted #aaa; text-align:justify; }


/*article view image popup*/
.popupImage { position:absolute; left:10px; right:10px; z-index:9; padding:40px 5px 5px; border:1px solid #333; border-radius:2px; box-shadow:0 0 4px #333; background-color:#fff; }
.popupImage .imageBox { width:100%; text-align:center; overflow:auto; }
.popupImage .imageBox img { width:auto; height:auto; cursor:default; }
.popupImage p.closeBtn { position:absolute; top:0; right:0; padding:6px 15px; font-size:13px; color:#333; font-weight:bold; background-color:#fcc000; cursor:pointer; box-shadow:-1px 1px 1px #aaa; }

/*article view. section title*/
.sectionMenu { position:fixed; z-index:10; left:50%; margin-left:590px; bottom:10px; width:0; height:0; }
.sectionMenu button { position:absolute; bottom:0; right:0; width:60px; height:60px; line-height:30px; font-size:12px; font-weight:normal; color:#fff; background-color:#0056a3; border-radius:50%; opacity:0.2; cursor:pointer; border-top:1px solid #0066b3; border-left:1px solid #0066b3; border-bottom:1px solid #004693; border-right:1px solid #004693; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s; }
.sectionMenu button:hover { opacity:1; }
.sectionMenu ul.sectionTitle { display:none; position:absolute; bottom:35px; right:0; width:200px; padding:5px; border-radius:2px; box-shadow:0 0 3px #333; background-color:#fff; }
.sectionMenu ul.sectionTitle li { list-style:none; width:100%; padding:6px 10px; font-size:12px; font-weight:bold; line-height:120%; color:#0056a3; border-top:1px dotted #ccc; cursor:pointer; }
.sectionMenu ul.sectionTitle li:first-child { border:none; }
.sectionMenu ul.sectionTitle li:hover { background-color:#ddd; }

/*article view. tool button menu - mobile only*/
.toolBtn { display:none; position:fixed; z-index:10; left:0; top:50px; width:100%; padding-right:10px; text-align:right; height:29px; background-color:#000048; }
.toolBtn p { display:inline-block; margin-left:5px; font-size:13px; color:#fd0; line-height:29px; }
.toolBtn p a { font-size:13px; font-weight:normal; color:#fff; }
.toolBtn p img { width:20px; margin-right:6px; vertical-align:middle; }

/*article view Citation layer*/
.citationLayer { display:none; position:absolute; z-index:10; width:96%; max-width:640px; margin:0; padding:40px 15px 15px; background-color:#ddd; border:1px solid #005; border-radius:2px; box-shadow:0 0 3px #333; overflow:hidden; }
.citationLayer h1 { margin:0; padding:0; line-height:130%; font-size:15px; color:#555; }
.citationLayer h2 { margin:5px 0 0 0; padding:0; line-height:130%; font-size:13px; font-weight:normal; color:#004090; }
.citationLayer .type { position:absolute; top:0; left:0; width:100%; height:28px; padding:2px 15px; background-color:#005; overflow:hidden; }
.citationLayer .type span { font-size:13px; color:#fff; }
.citationLayer .type select { height:20px; margin-left:5px; font-size:13px; line-height:150%; color:#555; background-color:#fff; border-radius:2px; }
.citationLayer .type button.close { position:absolute; top:0; right:0; width:80px; height:27px; font-size:13px; color:#333; font-weight:bold; background-color:#fcc000; cursor:pointer; }
.citationLayer .citationBody { clear:both; position:relative; width:100%; margin-top:15px; }
.citationLayer .citationBody .page { display:none; width:100%; padding:10px; background-color:#fff; }
.citationLayer .citationBody .page.current { display:block; }
.citationLayer .citationBody .page p { font-size:13px; color:#555; line-height:120%; }
.citationLayer button.save { margin-top:10px; padding:8px 20px; font-size:13px; color:#fff; font-weight:bold; background-color:#555; cursor:pointer; border-radius:2px; }

/*article view Citation table popup*/
.citationTable { display:none; }
.citationTableClone { display:none; position:absolute; z-index:10; width:96%; max-width:800px; padding:10px; background-color:#fff; border:1px solid #aaa; border-radius:2px; box-shadow:1px 1px 3px #aaa; overflow:auto; }
.citationTableClone table { width:100%; border:none; border-collapse:collapse; border-top:3px solid #0056a3; }
.citationTableClone table tr { border-bottom:1px solid #aaa; }
.citationTableClone table td { padding:5px 2px; font-size:13px; text-align:left; line-height:130%; color:#555; }
.citationTableClone table td:first-child { width:4%; text-align:center; }
.citationTableClone table td a { color:#0056a3; }
.citationTableClone table td span.author { font-style:italic; }
.citationTableClone table td span.title { font-weight:bold; }
.citationTableClone table td p.citation { font-weight:bold; }
.citationTableClone table td p.citation span { color:#0056a3; }
.citationTableClone .buttonArea { margin-top:10px; }
.citationTableClone .buttonArea button { width:70px; height:20px; line-height:20px; font-size:12px; color:#fff; text-align:center; font-weight:bold; cursor:pointer; border-radius:2px; }
.citationTableClone .buttonArea button.prev { float:left; background-color:#0056a3; }
.citationTableClone .buttonArea button.next { float:left; background-color:#0056a3; margin-left:10px; }
.citationTableClone .buttonArea button.close { float:right; background-color:#888; }

.citationTableClone2 { display:none; position:absolute; z-index:10; width:96%; max-width:800px; min-height:360px; padding:10px; background-color:#fff; border:1px solid #aaa; border-radius:2px; box-shadow:1px 1px 3px #aaa; }
.citationTableClone2 .innerBox { width:100%; min-height:320px; max-height:320px; overflow:auto; }
.citationTableClone2 table { width:100%; border:none; border-collapse:collapse; border-top:3px solid #0056a3; }
.citationTableClone2 table th { padding:3px; font-size:13px; text-align:center; color:#555; border:1px solid #ddd; }
.citationTableClone2 table td { padding:3px; font-size:13px; text-align:left; color:#555; border:1px solid #ddd; }
.citationTableClone2 table td:first-child { text-align:center; }
.citationTableClone2 table td:nth-child(4) { text-align:center; }
.citationTableClone2 table td:last-child { text-align:center; }
.citationTableClone2 .buttonArea2 { margin-top:10px; overflow:hidden; }
.citationTableClone2 .buttonArea2 button.close { float:right; background-color:#888; width:70px; height:20px; line-height:20px; font-size:12px; color:#fff; text-align:center; font-weight:bold; cursor:pointer; border-radius:2px; }

/*abc menu*/
.abcArea { width:100%; margin-bottom:30px; }
.abcArea .AtoZ { margin-top:15px; color:#0056a3; }
.abcArea .AtoZ p { margin-bottom:10px; font-size:13px; color:#555; }
.abcArea .AtoZ a { font-size:13px; color:#0056a3; }
.abcArea .AtoZ a.selected { color:#f05801; font-size: 20px; font-weight: bold;}

/*advanced Search*/
.advSearchArea { width:100%; margin-bottom:40px; padding:0 20px; }
.advSearchArea span.tag { display:block; margin:10px 0 3px 2px; font-size:13px; color:#555; }
.advSearchArea select { width:100%; height:24px; border:1px solid #aaa; }
.advSearchArea select option { font-size:12px; }
.advSearchArea select.period { width:100px; }
.advSearchArea .registration { margin-bottom:15px; font-size:13px; color:#555; }
.advSearchArea .registration label { margin-left:10px; }
.advSearchArea .registration label:first-child { margin-left:0; }
.advSearchArea .registration input { width:14px; height:14px; vertical-align:middle; }
.advSearchArea .inputBox { position:relative; width:100%; margin-top:5px; }
.advSearchArea .inputBox span.field { display:inline-block; width:90px; text-align:right; font-size:13px; color:#555; }
.advSearchArea .inputBox select.operator { position:relative; z-index:3; width:60px; }
.advSearchArea .inputBox p.input { position:absolute; top:1px; left:0; width:100%; padding-left:160px; }
.advSearchArea .inputBox p.input input[type=text] { width:100%; height:24px; border:1px solid #aaa; }
.advSearchArea .buttonArea { margin-top:15px; text-align:right; }
.advSearchArea .buttonArea button { width:100px; height:24px; line-height:24px; font-size:13px; color:#fff; background-color:#0056a3; cursor:pointer; }


/*fulltext*/
.fulltextLeft { position:relative; z-index:10; float:left; width:240px; margin-right:-240px; padding:0 30px 30px 20px; }
.fulltextLeft span.tag { display:block; margin-top:15px; font-size:13px; color:#555; }
.fulltextLeft .checkBox { width:100%; padding:10px 5px; }
.fulltextLeft .checkBox label { display:block; margin-top:5px; font-size:13px; color:#666; }
.fulltextLeft .checkBox label input { width:14px; height:14px; }
.fulltextLeft button { display:block; width:100px; height:24px; margin-top:10px; line-height:24px; font-size:13px; color:#fff; background-color:#0056a3; cursor:pointer; }
.fulltextLeft .figureSearch { margin-top:20px; padding-top:20px; border-top:1px dotted #aaa; }
.fulltextLeft .figureSearch p.title { font-size:16px; font-weight:bold; color:#555; }
.fulltextLeft .figureSearch input[type=text] { width:100%; height:24px; margin-top:5px; border:1px solid #aaa; }
.fulltextJournal { float:left; width:100%; padding-left:260px; padding-right:30px; }
.fulltextArticle { display:none; float:left; width:100%; padding-left:260px; padding-right:30px; }
.fulltextArticle ul { clear:both; margin-top:5px; border-top:1px dotted #aaa; }
.fulltextArticle ul li { list-style:none; padding:10px 5px; border-bottom:1px dotted #aaa; overflow:hidden; }
.fulltextArticle ul li p.imageBox { float:left; width:150px; text-align:center; }
.fulltextArticle ul li p.imageBox img { max-width:150px; max-height:150px; }
.fulltextArticle ul li .container { padding-left:160px; }
.fulltextArticle ul li .container p.title { margin-bottom:3px; font-size:13px; font-weight:bold; line-height:120%; }
.fulltextArticle ul li .container a { color:#0056a3; }
.fulltextArticle ul li .container p.author { font-size:12px; line-height:130%; font-family:"Lora", "Nanum Gothic", "나눔고딕", sans-serif; }
.fulltextArticle ul li .container p.author a { color:#555; }
.fulltextArticle ul li .container p.detail { font-size:12px; line-height:130%; }
.fulltextArticle ul li .container p.doi { font-style:italic; font-size:12px; color:#666; line-height:130%; }
.fulltextArticle ul li .container p.doi a { color:#666; }
.fulltextArticle ul li .container .aside button { display:inline-block; width:70px; height:16px; line-height:16px; text-align:center; font-size:12px; color:#fff; border-radius:2px; cursor:pointer; }
.fulltextArticle ul li .container .aside button.abstract { background-color:#f05801; }
.fulltextArticle ul li .container .aside button.pdf { background-color:#004971; }
.fulltextArticle ul li .container .aside button.pub { background-color:#888; }
.fulltextArticle ul li .container .abstractBox { display:none; margin:5px 0; padding:10px; background-color:#eee; }
.fulltextArticle ul li .container .abstractBox p { font-size:12px; color:#555; line-height:130%; text-align:justify; }





/*paging*/
.paging { margin:10px; }
.paging a { display:inline-block; vertical-align:middle; padding:0 5px; font-size:13px; color:#666; font-weight:bold; font-family:"Nanum Gothic", "나눔고딕", sans-serif; }
.paging a:hover { color:#f05801; }
.paging a.firstPage { letter-spacing:-3px; padding-left:5px; }
.paging a.lastPage { letter-spacing:-3px; }
.paging a.current { font-size:16px; color:#f05801; }


/*about kci*/
.aboutContainer { width:100%; padding:0 20px; }
.aboutContainer ul.tabMenuTitle { width:100%; overflow:hidden; }
.aboutContainer ul.tabMenuTitle li { float:left; list-style:none; width:25%; height:30px; line-height:30px; font-size:14px; text-align:center; cursor:pointer; border-right:1px solid #fff; background-color:#ccc; }
.aboutContainer ul.tabMenuTitle li.current { font-size:14px; font-weight:bold; color:#fff; background-color:#0056a3; }
.aboutContainer ul.tabMenuBody { width:100%; border-right:1px solid transparent; overflow:hidden; }
.aboutContainer ul.tabMenuBody li { display:none; list-style:none; width:100%; padding:0 60px 50px; background-color:#eee; overflow:hidden; }
.aboutContainer ul.tabMenuBody li.current { display:block; }
.aboutContainer ul.tabMenuBody li h1 { position:relative; margin:25px 0 10px; padding-top:25px; font-size:15px; color:#0056a3; }
.aboutContainer ul.tabMenuBody li h1:before { content:""; position:absolute; top:0; left:0; width:100%; height:0; border-top:1px solid #ddd; border-bottom:1px solid #fff; }
.aboutContainer ul.tabMenuBody li h1:first-child:before { display:none; }
.aboutContainer ul.tabMenuBody li h2 { margin:15px 0 5px; font-size:14px; color:#333; }
.aboutContainer ul.tabMenuBody li p { margin-top:5px; margin-left:10px; font-size:13px; color:#555; line-height:150%; }
.aboutContainer ul.tabMenuBody li.central h2 { margin-top:20px; }
.aboutContainer ul.tabMenuBody li.central h2 img { width:20px; height:auto; margin-right:10px; }
.aboutContainer ul.tabMenuBody li.central p { margin:10px 0 0 0; }
.aboutContainer ul.tabMenuBody li.central p span { display:inline-block; width:65px; height:14px; line-height:13px; text-align:center; font-size:11px; font-weight:bold; border-radius:2px; }
.aboutContainer ul.tabMenuBody li.central p span.kci { color:#186fb2; border:1px solid #186fb2; }
.aboutContainer ul.tabMenuBody li.central p span.sci { color:#c60000; border:1px solid #c60000; }
.aboutContainer ul.tabMenuBody li.central p span.scie { color:#9e005d; border:1px solid #9e005d; }
.aboutContainer ul.tabMenuBody li.central p span.ssci { color:#00a231; border:1px solid #00a231; }
.aboutContainer ul.tabMenuBody li.central p span.ahci { color:#6f7932; border:1px solid #6f7932; }
.aboutContainer ul.tabMenuBody li.central p span.scopus { color:#004971; border:1px solid #004971; }
.aboutContainer ul.tabMenuBody li.central p span.fulltext { color:#e87e23; border:1px solid #e87e23; }
.aboutContainer ul.tabMenuBody li.register img { display:block; width:100%; max-width:700px; margin:30px auto; box-shadow:0 0 3px #aaa; }
/*doaj*/
.aboutContainer ul.tabMenuBody li.doaj { position:relative; }
.aboutContainer ul.tabMenuBody li.doaj button.popDoajList { width:200px; height:30px; line-height:30px; margin-left:10px; text-align:center; font-size:13px; color:#333; font-weight:bold; background-color:#ccc; border-radius:4px; cursor:pointer; }
.aboutContainer ul.tabMenuBody li.doaj button.popDoajList:hover { color:#fff; background-color:#0056a3; }
.aboutContainer ul.tabMenuBody li.doaj h1 { font-size:18px; }
.aboutContainer ul.tabMenuBody li.doaj h1.first:before { display:none; }
.aboutContainer ul.tabMenuBody li.doaj h2 { margin-left:10px; }
.aboutContainer ul.tabMenuBody li.doaj p.title { margin-bottom:20px; font-size:15px; font-weight:bold; }
.aboutContainer ul.tabMenuBody li.doaj p.guide { margin-left:15px; }
.aboutContainer ul.tabMenuBody li.doaj p.ex { margin-left:15px; }
.aboutContainer ul.tabMenuBody li.doaj img { display:block; width:100%; max-width:560px; margin:10px auto; box-shadow:0 0 3px #aaa; }

/*통계*/
	button.excel {background-color: #74b51f;display: inline-block;width: 70px;height: 25px;line-height: 16px;text-align: center;font-size: 12px;color: #fff;border-radius: 2px;cursor: pointer;}
	.right_btn{position: absolute; right: 5px;}
	
	h1.stat-title{font-size: 30px; text-align: center; margin: 20px 0}
		
	.tabMenu {position: relative;margin-top: -1px;zoom:1;}
	.tabMenu li {float: left;padding: 0;margin: 0;list-style: none;}
	.tabMenu li a {display: block;height: 35px;line-height: 35px;padding: 0 20px;border-left: 1px solid rgba(255,255,255,0.2);background-color: #484848;color: #fff;}
	.tabMenu li a:hover {text-decoration: none;}
	.tabMenu li:first-child a {border-left : none;}
	.tabMenu li.on a {background-color: #0354a3;}
	.tabMenu::after{content:'';display:block;clear:both}
		
	span.stantime {font-weight: normal; font-size: 12px; letter-spacing: 0;	color: #0355a3;}
	.stats-left{width: 50%;float: left; padding-right: 20px;}
	.stats-right{width: 50%;float: left; padding-left: 20px;}
	
	.stats{margin-bottom: 30px; color: #555}
	.stats::after{display:block; content: ''; clear: both}
	.stats .dtable{width:100%}
	.stats .dtable th,
	.stats .dtable td{padding: 10px 7px 9px}
	.hgroup{margin: 0 0 10px 0;}
/*media query*/
@media only screen and (max-width:1280px) {
	.wrapper { width:1000px; }
	.wrapper .left { width:220px; margin-right:-220px; padding:0 20px; }
	.wrapper .mainContents { padding-left:220px; padding-right:20px; }
	/*search by keyword*/
	.wrapper .mainContents .topArea .searchArea .formArea select { width:350px; }
	.wrapper .mainContents .topArea .searchArea .formArea input[type=text] { width:350px; }
	/*search by subject*/
	.wrapper .subjectLeft { padding-right:20px; }
	.wrapper .subjectRight { padding-right:20px; }
	/*volume list*/
	.volumeList { width:220px; }
	/*author*/
	.authorLeft { width:220px; padding:0 20px; }
	/*article view*/
	.articleView { width:1000px; }
	.articleView .articleLeft { width:800px; padding:30px 20px; }
	.articleView .articleRight { width:200px; padding:30px 20px; }
	/*article view. section title*/
	.sectionMenu { margin-left:490px; }
	/*fulltext*/
	.fulltextLeft { width:220px; padding:0 20px; }
	.fulltextJournal { padding-left:220px; padding-right:20px; }
	.fulltextArticle { padding-left:220px; padding-right:20px; }
}

@media only screen and (max-width:1024px) {
	.wrapper { width:100%; }
	/*article view*/
	.articleView { width:100%; padding-right:200px; }
	.articleView .location { position:absolute; }
	.articleView .articleLeft { float:none; width:100%; padding-top:50px; }
	.articleView .articleRight { float:none; position:absolute; top:20px; right:0; }
	/*article view. section title*/
	.sectionMenu { left:auto; right:10px; margin:0; }
}

@media only screen and (max-width:920px) {
	.wrapper .left { display:none; }
	.wrapper .mainContents { padding-left:20px; }
	/*search by subject*/
	.wrapper .subjectLeft { position:static; float:none; width:96%; margin:0 auto; padding:20px; border:1px solid #ccc; border-radius:2px; }
	.wrapper .subjectLeft span.tag { margin-bottom:5px; font-weight:normal; }
	.wrapper .subjectLeft .checkArea { width:100%; margin:0; padding:0; border:none; }
	.wrapper .subjectLeft .checkArea p { display:inline-block; margin:0 10px 0 0; }
	.wrapper .subjectLeft .checkArea input[type=text] { width:80%; vertical-align:top; }
	.wrapper .subjectLeft .checkArea button { margin:0; vertical-align:top; }
	.wrapper .subjectRight { margin-top:10px; padding:20px; }
	/*author*/
	.authorLeft { position:static; float:none; width:96%; margin:0 auto 30px auto; padding:20px; border:1px solid #ccc; border-radius:2px; }
	.authorLeft .checkBox.year label { display:inline-block; width:auto; margin-right:10px; }
	/*journal Info*/
	.journalInfo .info .cover button { display:inline-block; }
	/*volume list*/
/* 	.volumeList { display:none; float:none; position:absolute; z-index:10; left:10px; padding:15px; border:1px solid #aaa; background-color:#fff; box-shadow:0 0 3px #ccc; } */
	.volumeList.open { display:block; }
	.volumeList .head { cursor:pointer; }
	.volumeList .head h1 button { display:inline-block; }
	/*journal info mobile row*/
	.journalInfo .info table.detail tr.mobileRow { display:table-row; }
	.journalInfo .info table.detail tr.mobileRow td span.count { text-align:left; width:auto; }
	/*fulltext*/
	.fulltextLeft { position:static; float:none; width:96%; margin:0 auto; padding:15px; border:1px solid #ccc; border-radius:2px; }
	.fulltextLeft .checkBox label { display:inline-block; margin-right:10px; }
	.fulltextJournal { margin-top:10px; padding:20px; }
	.fulltextArticle { margin-top:10px; padding:20px; }
}

@media only screen and (max-width:800px) {
	.wrapper { padding-top:70px; }
	.wrapper .location { display:none; }
	/*volume list*/
	.volumeList { top:52px; }
	/*article view*/
	.articleView { width:100%; padding-top:50px; padding-right:0; }
	.articleView .location { display:none; }
	.articleView .articleRight { display:none; }
	.articleView .articleLeft .articleInfo p.view { display:block;  }
	/*tool button menu*/
	.toolBtn { display:block; }
	/*about kci*/
	.aboutContainer ul.tabMenuBody li { padding:0 30px 50px; }
	.aboutContainer { padding:0 10px; }
	.aboutContainer ul.tabMenuTitle li { float:none; width:100%; border:none; border-bottom:1px solid #fff; }
	.aboutContainer ul.tabMenuBody { border:none; }
	.stats-left{width: 100%;float: left; padding-right: 0px; padding: 5px;}
	.stats-right{width: 100%;float: left; padding-left: 0px; padding: 5px;}
}

@media only screen and (max-width:700px) {
	/*result list*/
	.resultArea ul { clear:both; margin-top:5px; padding-top:10px; border-top:1px dotted #aaa; }
	.resultArea ul li { list-style:none; margin-bottom:10px; padding:0 0 10px 10px; border-bottom:1px dotted #aaa; overflow:hidden; }
	.resultArea ul li .book { display:none; }
	.resultArea ul li .info { padding-left:0; }
	.resultArea ul li .info p { font-size:13px; line-height:130%; }
	.resultArea ul li .info a { color:#0056a3; }
	.resultArea ul li .info p.title { font-size:13px; font-weight:bold; }
	/*about kci*/
	.aboutContainer ul.tabMenuBody li { padding:0 15px 50px; }
	/*article view*/
	.articleView .articleLeft .articleBody .box .innerBox .imgBox img { max-width:90%; }
	.articleView .articleLeft .articleBody .box .innerBox p.tag { padding:0 5%; }
}

@media only screen and (max-width:600px) {
	/*advanced Search*/
	.advSearchArea { padding:0px; }
	/*keyword search*/
	.wrapper .mainContents .topArea .searchArea .formArea select { width:300px; }
	.wrapper .mainContents .topArea .searchArea .formArea input[type=text] { width:300px; }
	/*search by subject*/
	.wrapper .subjectLeft .checkArea input[type=text] { width:100%; }
	.wrapper .subjectLeft .checkArea button { margin-top:5px; }
	/*journal information*/
	.journalInfo .info { padding-left:0; }
	.journalInfo .info .cover { display:none; }
	.journalInfo .info .detail { padding-left:0; }
	/*journal info mobile row*/
/* 	.journalInfo .info table.detail tr.mobileRow button { display:inline-block; } */
	/*tool button menu - mobile*/
	.toolBtn p span { display:none; }
}

@media only screen and (max-width:500px) {
	/*article list*/
	.articleList .head { padding-bottom:25px; }
	.articleList .head h1 { margin-bottom:5px; }
	.articleList .head .optionCheck { top:78px; }
	/*table and figure result*/
	.fulltextArticle ul li p.imageBox { position:static; width:100%; text-align:center; }
	.fulltextArticle ul li p.imageBox img { max-width:250px; max-height:250px; }
	.fulltextArticle ul li .container { margin-top:10px; padding:0; }
}