@charset "utf-8";

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}



@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}



@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}



@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}



@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}



@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}





/* CSS 기본세팅 _ 초기화 */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
html,body{width:100%; height:100%l;  }
html{overflow-y: scroll;}
body,input,textarea,select,button,table{font-family:"Noto Sans KR" ;font-size:13px}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none;color:#212121}
a:hover,a:active,a:focus{text-decoration:none;color:#c58146}
* { box-sizing: border-box;    }



/* 시작 */
body {min-width:1200px;color:#444;}
.wrap {width:1200px; margin:auto;     }

#header {    }

#header #top {padding: 17px 0; height: 46px;  }
#header #top div { position:relative;}
#header #top div span a {  color: #666;  }
#header #top div span a:hover  { color:#500db5;    }
#header #top ul {   }
#header #top ul:after{content:''; display:block; clear:both;}
#header #top ul li { float:right;    }
#header #top ul li:first-child { margin-left: 10px;     }
#header #top ul li a { color:#828282;;   }
#header #top ul li a i {margin-right: 5px;}
#header #top ul li a:hover { color: #1c4f98;;   }
#header #top ul li div {     }
#header #top ul li div input  { padding-left: 10px;  width: 252px; height: 20px; border: 0;    }
#header #top ul li div a { margin-left:5px;}

#header #title { background:url(../img/tit_bg.jpg) no-repeat 0 0; width:100%; height:350px;  padding-top: 30px; padding-bottom: 50px;     }
#header #title ul {     }
#header #title ul:after { content:""; clear:both; display:block; }
#header #title ul li { float:left;  }
#header #title ul > li:nth-child(1) { width:650px;   margin-top: 15px;}
#header #title ul > li:nth-child(1) #main_tit { font-size: 50px; color: #fff;  /*! margin-bottom: 20px; */   display: block; line-height: 60px; font-weight: 500; }
#header #title ul > li:nth-child(1) span {    }
#header #title ul > li:nth-child(1) span:after { content:""; clear:both; display:block; } 
#header #title ul > li:nth-child(1) span p { line-height: 25px; float:left; font-size:16px;  color: #fff;  margin-top: 5px; }
#header #title ul > li:nth-child(1) span img { float:left; margin-left:10px; width: 150px;   }


#header #title ul > li:nth-child(2) { width: 550px; background-color:#fff;  margin-top: 45px; height: 225px; padding-left: 20px;  }
#header #title ul > li:nth-child(2) ol {   }
#header #title ul > li:nth-child(2) ol li:nth-child(1) {   }
#header #title ul > li:nth-child(2) ol li:nth-child(1) img { padding-top: 35px; margin-right: 20px;   }
#header #title ul > li:nth-child(2) ol li:nth-child(2) { width: 378px;  }
#header #title ul > li:nth-child(2) ol li:nth-child(2) p { font-size: 13px; line-height: 20px; margin-top: 30px;  }
#header #title ul > li:nth-child(2) ol li:nth-child(2) p span  { color:#500db5;    }
#header #title ul > li:nth-child(2) ol li:nth-child(2) img  {    }

#header #menu { background-color: #500db5; height: 45px; position: relative; z-index: 99;    }
#header #menu .main_menu {  width: 400px; float: left; text-align: center;     height: 45px;}
#header #menu .main_menu > a {  font-size: 20px; color: #fff; line-height: 45px; display: block;  } 
#header #menu ol { display:none;     } 
#header #menu ol li { background-color: #eaeaea;;   }
#header #menu ol li a {      font-size: 16px; padding: 15px 0; display: block; border-bottom: 1px solid #c1c1c1;   }
#header #menu ol li:last-child a { border-bottom: 0; }
#header #menu ol li a:hover {    }

#con  { width:1200px; margin:auto;  padding-top: 30px;    }
#con:after { content:""; clear:both; display:block; }
#con div {     }
#contents { width:885px; float: left; margin-right: 30px; min-height:1px;       }
#aside { width:285px;  float: left;     }
#aside ol {      }
#aside ol li  { margin-bottom: 10px; text-align: center;     }
#aside ol li section {  background: #500db5; height: 50px;   text-align: left;     }
#aside ol li section form {    }
#aside ol li section input { width: 200px; height: 30px; border: 0; margin: 10px; padding-left: 10px;     }
#aside ol li section a { color: #fff;   }
#aside ol li:nth-child(2) {  background:url(../img/right_bn_bg1.jpg) no-repeat 0 0; text-align:center; height: 113px; padding-top: 40px;   }
#aside ol li:nth-child(3) {  background:url(../img/right_bn_bg2.jpg) no-repeat 0 0; text-align:center; height: 113px; padding-top: 30px;  }
#aside ol li:nth-child(4) {  background:url(../img/right_bn_bg3.jpg) no-repeat 0 0; text-align:center; height: 180px; padding-top: 30px;  }
#aside ol li h4 { font-size:19px; line-height:24px;   color:#fff;  }
#aside ol li p  { font-size:13px; color:#fff;  }
#aside ol li:nth-child(4) p { text-align: left; margin-left: 30px; margin-top: 10px; line-height: 20px;  }
#aside ol li:nth-child(2) a, #aside ol li:nth-child(3) a  { color:#fff; display:block;}




#footer { background: #e4e4e4; margin-top: 60px; padding: 40px 0;      }
#footer .copyright {   width:1200px; margin:auto; text-align:center;    }



/* Current Issue 불러오는 부분*/
.issueArticles h3 {     background-color: #f7f7f7; background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23acacac' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
display: inline-block; color: #500db5 !important; font-size: 18px !important; padding: 10px; } 

.title a {  font-size: 18px;  margin-bottom: 7px; display: inline-block; /*word-break: break-all;*/ line-height: 28px; }
.author { color: #500db5;  }
.author a { left: 2px; position: relative; bottom: 2px; margin-right: 4px; }
.info {line-height: 23px !important;   }
.link {position: relative; }
.link .doi{ line-height: 23px !important;   }
.preview { color: #6834b7 !important; font-size: 15px !important; margin-top: 10px; display: inline-block;   }

.articles li {  border-bottom: 3px solid #ddd; padding-bottom: 30px; padding-top: 20px;  }
.link .maindown_btn { position: absolute; right: 0;  top: 7px;   }
.link .downloadPdf {background: #500db5; color: #fff; padding: 5px 10px;   }
.link .exportCitation {  background: #6e757a; color: #fff; padding: 5px 10px;  }




/*2019 04 24 asy add*/
ul.articles a.preview {color: #0d3c7d; line-height:160%; cursor:pointer; }
ul.articles a.preview_on { }
ul.articles a.preview:hover{text-decoration:underline;}
ul.articles div.abstract {background-color: #fff; border: 1px solid #ccc; border-radius: 5px; padding: 15px; width: 100%; display:none;}