@charset "UTF-8";

html, body { overflow: inherit !important;}

.header_login { float: left; display: inline-block;}
.header_login span{  float: left; margin: 7px 10px 0 0;    background: url(../img/background/header_login_icon.png) no-repeat 0px 4px; padding-left: 18px; }

.mobile_submission_bt {margin-top: 10px;}

.mobile_openaccess_bt {margin: 10px 0 0 0; padding: 0 20px;}
.mobile_openaccess_bt a{ display: block;  color: #fff; text-align: center; line-height: 40px; background: #636c83;border-radius: 20px; }

.mobile_oaipmh_bt {margin: 10px 0 0 0; padding: 0 20px;}
.mobile_oaipmh_bt a{ display: block;  color: #fff; text-align: center; line-height: 40px; background: #636c83;border-radius: 20px; }

.mobile_language_bt {margin: 10px 0 0 0; padding: 0 20px;}
.mobile_language_bt a{ display: block;  color: #fff; text-align: center; line-height: 40px; background: #fb7e2a;border-radius: 20px; }

.mobile_userinfo_bt {margin: 10px 0 0 0; padding: 0 20px;}
.mobile_userinfo_bt a{ display: block;  color: #fff; text-align: center; line-height: 40px; background: #3b3b3b;border-radius: 20px; }

.article_thumbnail { display: block; position: absolute; right: 0px; top: 0px; border: 1px solid #a8a8a8;}

/* .m_l_btbox ul { margin-top: -50px; } */

.m_right_con_wrap {padding-bottom: 0px;}

body {overflow-x: visible;}

.m_site_wrap { margin: 35px 0 10px 0; text-align: right; padding-bottom: 10px;}

.add-on {display: block;}
.add-off {display: none;}

.m_l_more a .more { background:url(../img/background/more_arr.png) no-repeat right 50%; }
.m_l_more a .less { background:url(../img/background/less_arr.png) no-repeat right 50%; }

.more {
    display: none;
}

.h_logout { float: left; margin: 18px 5px 0 0; }
.h_logout a { display: inline-block; font-size: 15px; line-height: 25px; background: #5c8dd5; color: white; padding: 0 10px; border-radius: 5px; border: 1px solid #556291; }


.sub_submisstion_bt { border: 2px solid #213244; }
.sub_preRelease_bt { border: 2px solid #213244; }

/* footer { position: fixed; bottom: 0; width: 100%; } */
.footer_banner {background: #fff; padding: 16px 0; overflow: hidden; border-bottom: 1px solid #e4e4e4; }
.banner_title { float: left;   color: #213244;  width:100px; line-height: 40px; text-align: center;  position: relative;  display: block; font-size: 16px; }
.footer_slide_wrap { margin: 0 0 0 0; padding: 0px 0 0 0; }
#footer_slide {padding: 0 0px 0 0px;}
#footer_slide  .owl-dots {  display: none;}
#footer_slide .owl-nav { position: absolute;right:0;top:-13px; }
#footer_slide .owl-nav button {  border:1px solid #c7c7c7; width:26px;height: 26px; margin: 0 0 0 -1px; border-radius: 0px; }
#footer_slide .owl-nav button:hover  { background: #fff;  border:1px solid #777; position: relative;  }
#footer_slide .owl-nav button span {display: block; text-align: left;  text-indent: -99999px;  }
#footer_slide .owl-nav button span:hover  { background: #fff;  }
#footer_slide .owl-nav button.owl-prev span {   background: url(../img/background/fb_arrow_l.png) no-repeat 50% 50%; }
#footer_slide .owl-nav button.owl-next span {  background: url(../img/background/fb_arrow_r.png) no-repeat 50% 50%;  }
#footer_slide .owl-dots .owl-dot span { margin: 0 2px;width:14px; height: 14px; background: #cccccc;border-radius: 7px; }
#footer_slide .owl-dots .active span {   background: #3b4a8d !important;  }
#footer_slide .owl-item { padding: 0 0 0 1px}
#footer_slide .owl-item a { display: block; border:1px solid #ddd; text-align: center;  line-height: 0px; }
#footer_slide .owl-item img { width: 100%; height: 38px; display: inline-block;}

#linked_slide {padding: 0 0px 0 0px;}
#linked_slide  .owl-dots {  display: none;}
#linked_slide .owl-nav { position: absolute;right:0;top:-13px; }
#linked_slide .owl-nav button {  border:1px solid #c7c7c7; width:26px;height: 26px; margin: 0 0 0 -1px; border-radius: 0px; }
#linked_slide .owl-nav button:hover  { background: #fff;  border:1px solid #777; position: relative;  }
#linked_slide .owl-nav button span {display: block; text-align: left;  text-indent: -99999px;  }
#linked_slide .owl-nav button span:hover  { background: #fff;  }
#linked_slide .owl-nav button.owl-prev span {   background: url(../img/background/fb_arrow_l.png) no-repeat 50% 50%; }
#linked_slide .owl-nav button.owl-next span {  background: url(../img/background/fb_arrow_r.png) no-repeat 50% 50%;  }
#linked_slide .owl-dots .owl-dot span { margin: 0 2px;width:14px; height: 14px; background: #cccccc;border-radius: 7px; }
#linked_slide .owl-dots .active span {   background: #3b4a8d !important;  }
#linked_slide .owl-item { padding: 0 0 0 1px; height: 40px;}
#linked_slide .owl-item a { display: block; border:1px solid #ddd; text-align: center; }
#linked_slide .owl-item img { width: 100%; height: 38px; display: inline-block;}

.footer_copyright {border-top:1px solid #595959; padding: 10px 0; display: flex; }
.ct_box { position: relative; padding: 0 100px 0 0;}
.ct_box p {font-size: 13px; color: #fff;  line-height: 20px; }
.ct_box p span { display: inline-block; margin-left: 20px;  }
.fc_bt {  position: absolute; right:0; top:0; font-size: 13px; color: #212c9a; background: #f9f9f9;border:1px solid #cbcbcb; border-radius: 3px; width: 120px; text-align: center; line-height: 30px; }

.copyright_left { width: 60%; float: left;}
.copyright_right { position: relative; width: 30%; float: right; }
/*.copyright_right img { float: right; }*/

.foot-info {
    text-align: center;
    padding: 10px;
    background-color: #434343;
    margin-top: 0px;
}

.foot-info .foot-info-txt {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
}

.ico-help {
    display: inline-block;
    vertical-align: middle;
    background: url(../img/background/ico-help.png) no-repeat 50% 0;
    width: 16px;
    height: 16px;
    margin-top: -3px;
}

.ico-chrome {
    display: inline-block;
    vertical-align: middle;
    background: url(../img/background/ico-chrome.png) no-repeat 0 0;
    width: 22px;
    height: 22px;
    margin-top: -3px;
}

.footer_banner_img_left { margin-left: 10px; height: 20px; }
.footer_banner_img_right {height: 16px; margin-top: 5px;}

.ls_issue_list ul li a:hover { color:#23527c; font-weight: bold;}

.dropdown-custom { overflow-y: scroll; max-height: 300px; min-width: 173px; }

.citationBtn { cursor: pointer; background: #1c57ad !important; text-indent: 0px !important;}
.citationBtn i { top: 4px; left: 10px; position: relative; font-size: 14px;}
.citationBtn2 { cursor: pointer; background: #ffffff !important; text-indent: 0px !important;}
.citationBtn2 i { top: 4px; left: 8px; position: relative; font-size: 14px; color: #9c9c9c;}

.empty_article { text-align: center;}

.list_abstract {display: none;}

.issue_article { position: relative; }
.issue_article .ia_title { word-break:break-word; }

.il_bottom { padding-right: 200px; }

.ls_issue h4 img { height: 10px; margin-right: 3px; }

.sub_con_inner { min-height: 584px;}

.searchBoard {height:35px; width: 305px; border: 1px solid #1b5ac2; background: #ffffff; float: right;}
.searchBoard input {font-size: 14px; width: 258px; padding: 6px; border: 0px; outline: none; float: left; margin-left: 4px;}
.searchBoard button {width:40px; height: 100%; border: 0px; background: #203f5b url(../img/background/main_search_icon.png) no-repeat 50% 50%; outline: none; float: right; color: #ffffff; text-indent: -99999px; padding-top: 10px; }
.searchMargin {margin-bottom: 10px;}

.issue_article .m_l_btbox { margin-bottom: 5px; }

.m_l_icon04 { background: #1c57ad !important; text-indent: 0 !important;}
.m_l_icon04 i { margin-top: 7px; margin-left: 8px; }

.view_title h1 { margin-bottom: 7px; font-size: 16px; font-weight:normal; color:#000;}
.view_title h1:first-child { font-size: 22px; font-weight: bold; line-height: 1.5em; color: #403b8d; }

.view_left_type { margin-bottom: 10px; }

#article-toc-wrapper {
	width: 173px;
}

#article-toc-wrapper.fix {
	position: fixed;
	top: 80px;
	opacity: 0.9;
}

.doi_link { text-decoration: none !important; word-break: break-all;}
.supFileTag { text-decoration: none !important; }
.clipboard { text-decoration: none !important; }

.latest_top_info em { top: -2px; }
.latest_top_info em:after { top: 7px; }

/* .ccl_style { text-decoration: none !important ; position: relative; float: right; top: -30px; } */
.ccl_style img { height: 30px; margin-bottom: 10px; }

.pdf_download_bt { height: 80px; padding: 20px 30px 0 30px; display: block; background: #2b364f; }

.pdf_download_bt span {     
	color: #fff;
    font-size: 20px;
    display: block;
    height: 40px;
    padding-top: 6px; 
}

.m_article_drop { margin-top: -7px; }

/* .item {height: 45px;} */
#footer_slide .item { height: 45px; }
#linked_slide .item { height: 45px; }

.add_oai_box .m_about_box .menuBox { width: 95px; }

.add_content_file_box { margin: 30px 0 16px 0; border-bottom: 1px dotted #898989; border-top: 1px dotted #898989; padding: 10px; }
.add_file_box dl { overflow: hidden; }
.add_content_file_box dl dt {
    padding: 0 0 0 10px;
    margin-right: 5px;
    background: url(../img/background/list_abstract_bullet.png) no-repeat 0 12px;
    color: #333;
    font-size: 14px;
    font-weight: bold;
}


.ml_author span { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 90%;}

.citationText {
    word-break: keep-all;
    line-height: 1.8em;
    font-size: 13px;
}

.btn-jep2 {
    padding: 3px 7px;
    line-height: 2.4em;
    font-weight: normal;
    font-size: 15px;
    margin-top: 2px;
    margin-bottom: 2px;
    border-radius: 5px;
}

.clipboard { cursor: pointer; background-color: #6c757d; color: white; text-decoration: none !important; padding: 1px 5px; word-break: keep-all;}

/* 0913 */
.sub_h4_title { margin-bottom: 10px; font-weight: bold; color: #222; font-size: 16px; }
.oai_step_wrap { background: #ddd;  overflow: hidden;margin-bottom: 30px;}
.oai_step_box { position: relative; padding: 31px 0 0 112px; height: 102px }
.oai_step_box:after {  content: ''; display: block; height: 102px; width: 21px;position: absolute; right:-21px; top:0;  z-index: 9; }
.oai_step_box span { display: block; font-size: 13px; color: #305ec4; margin-bottom: 3px; }
.oai_step_box p{ font-size: 15px; color: #333; font-weight: bold;  }
 
.oai_step_wrap .row { margin: 0; }
.oai_step_wrap .col-sm-4 {  padding: 0;  }

.oai_step01 {    background:#efefef url("../img/background/oai_icon01.png") no-repeat 30px 28px; padding: 30px 0 0 85px;  }
.oai_step01:after  { background: url("../img/background/oai_icon01_arr.png") no-repeat 0 0;  }
.oai_step02 {  background:#e6e6e6 url("../img/background/oai_icon02.png") no-repeat 54px 32px;   }
.oai_step02:after  { background: url("../img/background/oai_icon02_arr.png") no-repeat 0 0;  }
.oai_step03 {  background:#dddddd url("../img/background/oai_icon03.png") no-repeat 54px 32px;   }






.oai_con_box {  background:#fff url("../img/background/oai_box_bg.png") no-repeat left bottom;  border:1px solid #ececec; overflow: hidden; border-radius: 4px;  margin-bottom: 15px; }
.oai_con_box h4 {  padding: 70px 0 0 0; background: url("../img/background/oai_icon04.png") no-repeat 50% 32px;  font-size: 16px;color: #3d5d8c;  float:left;width: 220px; text-align: center; position: relative; }
.oai_con_box h4:after {  content: ''; display: block; position: absolute; width: 220px; height: 2px;  top:0; background: #3d5d8c; left: 0;  }

.oai_right_box { margin: 0 0 0 222px; background: #fafafa; padding: 25px; }
.oai_right_box ul { margin-bottom: 30px } 
.oai_right_box ul li { margin-bottom: 15px;line-height: 24px;  position: relative; padding: 0 0 0 14px;}
.oai_right_box ul li:after  { content: ''; display: block;  position: absolute; left:0; top:10px; width: 4px; height: 4px; background: #818181; }
.oai_right_box ul li:last-child { margin-bottom: 0px; }
.oai_inner_box { background: #fff; border:1px solid #ececec; }



.oai_inner_box p{ margin-bottom: 15px; border-bottom: 1px solid #ececec; padding: 10px; font-size: 13px; font-weight: bold; }

.oai-layout-row { height: 50px; }

.oai_dl_wrap { padding: 0 15px 15px 15px }
.oai_dl_type { margin-bottom: 20px; }
.oai_dl_type dt{ color: #344e91; font-size: 14px; font-weight: bold; margin-bottom: 5px; }
.oai_dl_type dd{ padding: 0 0 0 15px; position: relative; font-size: 13px; }
.oai_dl_type dd:after {  content: ''; display: block; position: absolute; left:6px; top:7px; width:4px;height: 2px; background:#9b9b9b; }


.oai_bottom_t { margin-bottom: 6px; font-size: 13px;  padding: 0 0 0 15px; background: url("../img/background/asterisk_icon.png") no-repeat 0 2px;    }
.oai_bottom_t a { display: inline-block; color: #5170e3;  }

.p-side-5 { padding-left: 5px; padding-right: 5px; }
.oai_inner { margin:0 23px 25px 23px; }
/* .oai_block { display: table; width: 100%; padding: 15px; } */
.oai_block { padding: 15px; }

.oai_subTitle { display: block; }
.oai_subTitle h4 { text-align: left; margin-bottom: 10px; }
.oai_subTitle h4 span { color: #0f4bbd; }
.oai_subTitle #url { width: 100%; min-height: 22px;  border: 1px solid #d7d7d9; }
.oai_subTitle #result { height: 380px; border: 1px solid #d7d7d9; overflow-y: scroll; resize: none; text-align: left; }
/* .oai_subTitle #result span { color: black;} */

.oai_block input::placeholder { color: #b5b5b5; }

.oai_table { width: 100%; }
.oai_table thead th { 
	background: #f1f0ee;
    border-top: 2px solid #555;
    border-bottom: 1px solid #dcdcdc;
    color: #222;
    font-size: 14px;
    font-weight: normal;
    padding: 10px 0; 
}

.oai_table tbody { border-bottom: 2px solid black; }
.oai_table tbody tr { height: 50px; border-bottom: 1px solid #d7d7d9; }
.oai_table tbody tr td input { width: 90%; }

.oai_inner button {
  background-color:#e5e5e5;
  border:1px solid #ffffff;
  outline:0;
  cursor:pointer;
  font-size:16px;
  color:#676767;
}
.oai_inner .tab_menu_container {
  display:block;
  text-align:center;
}
.oai_inner .tab_menu_btn {
  width:100%;
  height:40px;
  transition:0.3s all;
}
.oai_inner .tab_menu_btn.on {
  border:1px solid #ffffff;
  color:#ffffff;
  background-color:#2f3579; 
}
.oai_inner .tab_menu_btn:hover {
/*   color:#ef9527; */
}
.oai_inner .tab_box {
  margin:-1px 1px 0px 1px;
}
/* .oai_inner .tab_box.on { */
/*   display:block; */
/* } */

.oai_inner .content_wrap { border:1px solid #ddd; text-align: center; }
/* .oai_inner .content_wrap { width: 96%; margin:0px 23px; border:1px solid #ddd; text-align: center; } */

.oai-layout-row { height: 50px; }

#result { color: #95256b; }
#result .tag_value { font-weight: bold; color: black;}

.oai_Select { width: 90%; height : 25px; }

.loading { display: none; position: relative; top: 25%; left: 35%;}

.infoContents {
    margin-bottom: 40px;
    display: flow-root;
}

.input-label {
    padding-top: 3px;
}

.necessary {
    color: red;
}

.personal-Information {
    border: 1px solid #b1b1b1;
    padding: 15px;
}

.privacy-title {
    font-weight: 600;
    padding-bottom: 10px;
}

.privacy-list {
    height: 180px;
    padding: 20px;
    border: 1px solid #ddd;
    background: #f9f9f9;
    overflow: auto;
}

.privacy-list > .privacy-depth1 > li {
    padding: 0 0 15px 0;
    font-size: 14px;
}

.user_radio {
    top: 2px;
    position: relative;
    margin-right: 10px;
}

.editbutton {
    padding-right: 40px;
}
.infoContents {
    margin-bottom: 40px;
    display: flow-root;
}

.user_box { margin: 0 20px; }
.user_box h3 { background: url(../img/background/list_abstract_bullet.png) no-repeat 0 8px; padding: 0 0 0 10px; margin-bottom: 10px;}
.authority_bt { display: inline-block; text-align: center; padding: 5px 10px; background: #d48214; transition: all 0.3s ease; border-radius: 10px; color: white; font-size: 14px; }
.authority_bt:hover { text-decoration: none; }
.submit_bt { padding: 8px 12px; background: #2a4a8b; color: white; font-size: 16px; border: none; border-radius: 7px; float: right; padding-top: 10px; margin-left: 10px;}
.delete_bt { padding: 8px 12px; background: #d48214; color: white; font-size: 16px; border: none; border-radius: 7px; float: right; padding-top: 10px; margin-left: 10px;}
.email_bt { display: inline-block; text-align: center; padding: 5px 10px; background: #d48214; transition: all 0.3s ease; border-radius: 10px; color: white; font-size: 14px; }
.chk_bt { display: inline-block; text-align: center; padding: 5px 10px; background: #503c0f; transition: all 0.3s ease; border-radius: 10px; color: white; font-size: 14px; }

.article_thumbnail {width:170px; }
.article_thumbnail img {width:100%;height:85px; }

/* .m_l_box_inner_custom { border: 1px solid #4a62bc; height: 180px; padding: 15px 0 0 0; } */

.m_l_box { margin-right: 10px; }

.content-box ol, .content-box ul {
	list-style: revert;
}

.btnTxt {
    margin: 0px 10px 0px 30px;
    position: relative;
    top: 4px;
    color: #fff;
}

.btnTxt2 {
    margin: 0px 10px 0px 18px;
    position: relative;
    top: 4px;
    color: #fff;
}

.custom-inner {
	height: 650px;
}

.reference div.ref-label {
	float: left;
	padding-right: 5px;
	min-width: 30px;
}
.reference .ref-content {
	padding-left: 30px;
}

/**************** 메인 팝업 베너 시작 *****************/
#promotionBanner { width:100%; background-color:#efefef; color:#f1f1f1; overflow:hidden; height: 187px; display: none;}
.popContents { width:1200px; position:relative; margin:0 auto; padding:0; overflow:hidden; text-align:center; display: none;}
.popClose { position:relative; left:-15px; width:100%; text-align:right; font-size:9pt; top: -25px; float: right;}
.popClose input { position: relative; top: 3px; right: 5px; }
.popClose a { height: 11px; }
.btnClose { display:inline-block; background:url(../img/banner/btn-close.png) no-repeat 50% 50%; width:16px; height:16px; text-indent:-99999px; overflow:hidden; color:rgba(255,255,255,0); position:relative; bottom:-2px; }
#chkday { color:#5a5a5a;}
label[for=chkday] { cursor:pointer; color:black; padding-right:0px;}
#promotionBanner.top-banner-bg { background:#4a32c7 url(../img/banner/banner-bg.jpg) no-repeat 50% 50%; background-color:#4a32c7;}
#promotionBanner.top-banner-bg .popClose label[for=chkday] { color:#fff;}
#promotionBanner.top-banner-bg .popClose .btnClose { background-image:url(../img/banner/btn-close-w.png);}
/**************** //메인 팝업 베너 끝 *****************/

#oprModal .modal-dialog { margin-top: 85px; }
#oprModal .modal-body { max-height: 650px; overflow-y:auto; }
#oprModal .modal-header .close {
    float: right;
    font-size: 21px;
    /*font-weight: 700;*/
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#oprModal .btn-default {
    color: #fff;
    background-color: #1d3749;
}

#oprModal .modal-footer .btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.custom-border-right { border-right: 1px solid #dcdcdc; }
.custom-border-left { border-left: 1px solid #dcdcdc; }

#oprModal .custom-modal-btn {
    background: #fff;
    height: 30px;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    text-align: left;
}

.active-opr-info { color: #0058e1; text-decoration: underline; }
.active-opr-info:hover { color: #0058e1; text-decoration: underline; }

.file_tbl { width:100%; margin-top:20px; margin-left: auto; margin-right: auto; }
.file_tbl thead th { border-bottom: 2px solid #000;  padding: 10px 0; text-align: center;   font-size: 15px;  font-weight: bold; }
.file_tbl tbody th {  font-size: 15px; border-bottom: 1px solid #e9e9e9;    color: #755c5c; font-family: Merriweather;  font-weight: 500;   text-align: center; }
.file_tbl tbody td {font-size: 15px; border-bottom: 1px solid #e9e9e9;  padding: 10px 10px 10px 10px; color: #000;  text-align: left; }
.file_tbl td a { border-bottom: 1px dotted #444; }
.file_tbl .first{text-align: left; font-weight: bold;}

.content-box p {word-break:keep-all !important; word-wrap:break-word;}




.footer_menu {padding: 10px 20px 30px 20px; overflow: hidden;}
.banner_title2 {
    color: #fff;
    line-height: 40px;
    position: relative;
    display: block;
    font-size: 16px;
    margin-bottom: 10px;
    margin-left: 10px;
}
.fm_box {float: left; width: 20%;}
.fm_inner {margin: 0 11px; color: #7a7a7a;}
.fm_inner h4 {
    font-size: 16px;
    color: #c9c9c9;
    font-weight: normal;
    background: url(../img/background/footer_t_line.png) no-repeat 0 bottom;
    padding: 0px 0 5px 0;
    margin-bottom: 8px;
}
.fm_inner ul li a {
    font-size: 13px;
    display: block;
    color: #c9c9c9;
    line-height: 24px;
    padding: 0 0 0 9px;
    background: url(../img/background/footer_bullet.png) no-repeat 0 9px;
}

.left_nav_box h2 {padding: 15px 5px 15px 5px;}