/*
earticle. Web Team 20131112~ (http://www.earticle.net/)
*/

@charset "utf-8";
* {margin:0; padding:0; line-height:160% }
.clear { clear:both;}
a { color:#959595;}
img { border:0; font-size:0; line-height:0;}
h3 { font-size:28px; color:#111111; font-weight:bold; margin-bottom:35px; }

/* Site Layout - wrap */
body      { font-size:12px; color:#6f6f6f; font-family:'sans-serif, Arial, 돋움', Dotum, '굴림', Gulim; line-height:normal; background-color:#f0f0f0; }
#wrap     { position:relative; width:100%; margin:0px auto; padding:0px; background:url(../img/bg00.gif) repeat-x; }


#header   { position:relative; width:1010px; height:390px; margin:0 auto; z-index:999 }
.logo     { position:absolute; left:0px; height:90px; }
.issn     { position:absolute; right:7px; top:19px; height:90px; width:216px; font-size:16px; padding:3px 0 0 14px; color:#ffffff; font-weight:bold; font-family:'sans-serif, Arial, 돋움', Dotum, '굴림', Gulim; background:url(../img/bg_issn.gif) no-repeat top center; }
.mainPic  { height:300px; position:absolute; right:0px; top:90px; z-index:999; }
.gnb      { height:55px;  position:absolute; right:0px; top:90px; z-index:1000; float:left; list-style-type:none; }
.gnb li   { float:left; height:55px;}
.gnb li a { display:block; height:55px; width: 100%; }


#body          { position:relative; width:1030px; overflow:hidden; margin:0 auto; z-index:999; }
.bodyBoxtop    { height:51px; background:url(../img/body_1.gif) repeat-x; }
.bodyBoxmiddle { background:url(../img/body_bg.gif); width:1030px; margin:0; padding:0; }
.bodyBoxmiddle .contents           { margin:0 auto; width:950px; position:relative; }
.bodyBoxmiddle .contents .lineBox  { padding:24px 24px 24px 24px; left:0px; width:902px; border:1px solid #e3e3e3; text-align: justify; }
.bodyBoxmiddle .contents .subBox1  { text-align: justify; }
.bodyBoxmiddle .contents .dotline  { height:1px; background:url(../img/dotline.gif) repeat-x; }
.bodyBoxbottom { margin:0; padding:0; height:59px; background:url(../img/body_2.gif) repeat-x; }


#footer   { position:relative; width:1010px; height:90px; overflow:hidden; margin:0 auto; z-index:999; }
.copy     { position:absolute; }
.tel      { position:absolute; right:0; width:183px; }
.tel li         { list-style-type:none; }
.tel li dl      { position:relative; }
.tel li dl dt   { position:absolute; width:56px; left:0; text-align:left; top:0; }
.tel li dl dd   { padding-left:58px; }


/* Index Page */
.main .about    { width:574px; text-align: justify; }
.main .mainBnn  { padding:37px 0 40px 0; width:574px; }
.main .mainIssu { position:absolute; top:0px; right:0px; width:346px; text-align: justify; }
.main .about p{ margin-bottom:20px;}

.mainIssu ul{ list-style-type:none;}
.mainIssu ul li{ margin-bottom:40px; border-bottom:1px dotted #E3E3E3; padding-bottom:40px;}
.mainIssu ul li.last{border:none;}
.mainIssu p.title{margin-top:20px;}
.mainIssu p.title a{ font-weight:bold; color:#9e4141;font-size:12px; }
.mainIssu p.author{font-style:italic; }
.mainIssu p.abstract{  margin-top:15px; line-height:160%;}
.mainIssu a{text-decoration:none !important;}


.submission dl{}
.submission dl dt{font-size:12px; color:#9e4141; font-weight:bold;}

.submission dl dd{ margin-bottom:20px;}
.submission dl.last dd{ margin-bottom:0px !important;}

.subscriptions dl{}
.subscriptions dl dt{font-size:12px; color:#9e4141; font-weight:bold;}

.subscriptions dl dd{ margin-bottom:20px;}
.subscriptions dl.last dd{ margin-bottom:0px !important;}

.subscriptions h4{color:#9e4141;margin-bottom:20px;}
.subscriptions div.section{margin-bottom:20px; line-height:160%;}
.subscriptions div.section label{font-weight:bold;color:#000;}
.subscriptions div.section ul{ list-style-type:none; padding-left:10px;}


/* Sub Page */
.subBox1 { padding-bottom:20px;}
.subBox1 p{ margin-bottom:20px;}
.subBox1 ul, .lineBox ul{ list-style-type:none;}
.editorial p{ margin-bottom:20px;}
.advertising strong{ color:#111111;font-style:italic}
.subscriptions{ margin-top:30px;}
.editors{margin-left:19px;}
.editors label{ font-weight:bold; color:#111111;}
.editors ul li{ margin-bottom:20px;}

/* Article View Page */

.articleList *{ color:#000;}
.articleList ul.list{ list-style-type:none;}

.articleList ul.list li{ padding:20px 10px 22px 10px; border:3px solid #fff; border-bottom:1px solid #E3E3E3; }
.articleList ul.list li.last{border:3px solid #fff; padding-bottom:20px;}
.articleList ul.list li.selected{ border:3px solid #FF6E18 !important; padding-bottom:20px;}
.articleList ul.list p{}
.articleList ul.list .title{ font-size:12pt;}
.articleList ul.list .title a{ font-weight:bold; text-decoration:none;}
.articleList ul.list .title span.titleEng{ font-size:0.9em; color:#333;font-family:BatangChe; font-weight:normal;}
/*.articleList ul.list .title a:hover{text-decoration:underline;}*/
.articleList ul.list .author{ color:#888888;}
.articleList ul.list .page{ color:#FF6E18; margin-left:10px;}
.articleList ul.list .info{ font-style: italic;
color: #888888;
display: inline-block;
width: 50%;}
.articleList ul.list .download { display: inline-block;
width: 49%;
text-align: right;
position: relative;
top: 5px;   }
.article{ }
.article *{ color:#000;}
.article .issueInfo{ line-height:160%; margin-bottom:20px;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{ font-size:18pt; margin-bottom:50px !important; font-family:BatangChe;}
.article .author{ margin-bottom:40px;}
.article .author{ list-style-type:none;}
.article .author li{ font-family:BatangChe;}
.article .author li span.name{ font-weight:bold;}
.article h3.titleEng{ font-size:18pt; margin-bottom:50px !important; font-family:BatangChe; padding-top:40px; border-top:1px solid #dfdfdf;}
.article .authorEng{ margin-bottom:40px; list-style-type:none;}
.article .authorEng li{ font-family:BatangChe; text-align:center; margin-bottom:8px; font-size:12pt;}
.article .authorEng li span.name{ margin-right:10px;}
.article .abstractEng{ font-size:12pt; margin-bottom:40px;}

.article .abstract{ line-height:160%; font-size:10pt; margin-bottom:40px;}
.article h4{ border-top:1px solid #DD1A20; background-color:#F1F1F1; font-weight:bold !important; padding:4px 0px 4px 10px; color:#000; margin-bottom:10px;}
.article .reference{padding-left:30px;}
.article .reference li{ line-height:160%; margin-bottom:3px;}
.article .reference img{ vertical-align:text-bottom;}
.article .keyword{margin-bottom:30px;}
.article .keyword label{ margin-right:5px;}
.btnArea{ text-align:center; margin-top:20px;}

.search{ margin-bottom:10px;padding-bottom:10px; border-bottom:1px solid #E3E3E3;} 
.search p.select{float:left; width:300px; text-align:left; height:30px;}
.search span.select{ border:1px solid #e3e3e3; padding:7px 3px 5px 3px; background-color:#f7f7f7;}
.search span.select select{ border:none; background-color:#f7f7f7;}
.search p.input{ float:right; width:400px; text-align:right; height:30px;}
.search p.input span.input{border:1px solid #e3e3e3; padding:7px 3px 5px 3px; margin-left:5px; background-color:#f7f7f7;}
.search p.input .txt{ width:200px; border:none; background-color:#f7f7f7;}
.search .btnsearch{margin-right:2px; vertical-align:text-bottom;}

.listpage{ text-align:center; margin-top:30px;}
.listpage span{ color:#878787; font-size:12pt;}
.listpage a{ text-decoration:none;}
.listpage .next{margin-left:10px;}
.listpage .prev{margin-right:10px;}
.listpage .next span{}
.listpage .prev span{}
.listpage .page span{}
.listpage .current{ color:#FF4300; font-weight:bold;}
.listpage .bar{ margin:0px 10px;}



#editorProcess {border-bottom:2px solid #784a54; position:relative; margin-bottom:40px;}
#editorProcess ul   {}
#editorProcess ul li{ list-style-type:none; display:inline-block; position:absolute; border:1px solid #d3d3d3; border-bottom:2px solid #784a54; text-align:center; height:47px; line-height:40px;}
#editorProcess a    { background-color:#f7f7f7; color:#333333; display:block; width:100%; padding:4px 0px;  height:39px;line-height:39px;  text-decoration:none;}
#editorProcess strong{line-height:39px; color:#717171; font-size:15px;  }

#editorProcess ul li.selected  { border:2px solid #784a54; border-bottom:2px solid #ffffff; height:47px; }
#editorProcess ul li.selected a{ background-color:#ffffff; height:47px; }
#editorProcess ul li.selected strong{ color:#784a54; }

table.editorial th{ text-align:left; background-color:#f7f6f2;padding:15px;}
table.editorial td{padding:15px; background-color:#ffffff; line-height:160%;}