@charset "utf-8";


@font-face{font-family:NanumBarunGothic;src:url(../font/NanumBarunGothic-Regular.eot);src:local(※), url(../font/NanumBarunGothic-Regular.woff) format('woff');font-weight: normal;font-style: normal;}
@font-face{font-family:NanumBarunGothic;src:url(../font/NanumBarunGothic-Bold.eot);src:local(※), url(../font/NanumBarunGothic-Bold.woff) format('woff');font-weight: bold;font-style: normal;}

@font-face {
	font-family: "Noto Sans KR";
	font-weight: 100;
	src: url('../font/NotoSansKR-Thin.otf');
}
@font-face {
	font-family: "Noto Sans KR";
	font-weight: 300;
	src: url('../font/NotoSansKR-Light.otf');
}
@font-face {
	font-family: "Noto Sans KR";
	font-weight: 400;
	src: url('../font/NotoSansKR-Regular.otf');
}
@font-face {
	font-family: "Noto Sans KR";
	font-weight: 500;
	src: url('../font/NotoSansKR-Medium.otf');
}
@font-face {
	font-family: "Noto Sans KR";
	font-weight: 700;
	src: url('../font/NotoSansKR-Bold.otf');
}
@font-face {
	font-family: "Noto Sans KR";
	font-weight: 900;
	src: url('../font/NotoSansKR-Black.otf');
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

:after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}


html { height: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body {   height: 100%; background: #eee; font-family:NanumBarunGothic,Malgun gothic,Myriad Pro,sans-serif,Arial,Dotum; color: #555;  font-size: 15px;}


body, div, dl, dt, dd, ul:not(.init), ol, menu, li:not(.init), h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p { margin: 0px; padding: 0px; }
table { border-collapse: collapse; border-spacing: 0px; }
fieldset, img, abbr, acronym { margin: 0px; border: 0px; _vertical-align: top; }
address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; }
ol,ul:not(.init),menu { list-style: none; }
legend { border: 0 none; *margin-left: -7px }
q:before, q:after { content:''; }
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: none; }
hr { display: none; }
em { color: inherit; font-weight: normal; font-style: normal; }
img { line-height: 0;}
.fl_r {float:right !important;}
.fl_l {float:left !important;}
.dp_none {display:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary  { display: block; margin: 0; padding: 0; }
table caption { display: none;}
.al_left { text-align: left !important;}
.al_right { text-align: right !important;}
.al_center { text-align: center !important;}

.mgb_0 { margin-bottom: 0px !important; }
.mgb_5 { margin-bottom: 5px !important; }
.mgb_10 { margin-bottom: 10px !important; }
.mgb_20 { margin-bottom: 20px !important; }
.mgb_30 { margin-bottom: 30px !important; }
.mgb_40 { margin-bottom: 40px !important; }


.pdl_0 { padding-left:0 !important; } 
.mgr_15 { margin-right: 15px !important; }
.mgr_20 { margin-right: 20px !important; }
.mgt_10 { margin-top: 10px !important; }
.mgt_20 { margin-top: 10px !important; }

.tbl_int {   border: 1px solid #c4c4c4;  height: 30px;  width: 100%;  font-size: 14px; padding: 0 0 0 4px;  }
.seltype_a {border:1px solid #a4a4a4; height:21px; width:99.8%;  background: #fff;vertical-align: top; font-size: 12px; }
.sel_span { display: inline-block; border:1px solid #d0d0d0;  height: 28px; padding: 2px 0 0 0; background: #fff; min-width: 100px;}
.sel_span select {  width:100%; height: 22px; border:none; background: #fff; font-size: 14px;}

/* Skip Navigation */
#u_skip{position:relative;z-index:2147483647}
#u_skip h3 { display: none; }
#u_skip a{position:absolute;left:0;top:-30px;width:99.8%;background: #000; border:1px solid #4e26bf;text-align:center;outline:none; color:#fff; height: 24px; line-height: 24px;}
#u_skip a:active,#u_skip a:focus{top:0;text-decoration:none;cursor:pointer;color:#fff;zoom:1}




.header_wrap {   background:#fff;    }

/*.col_width { width:1200px; margin: 0 auto; }		*/
.col_width { width:1440px; margin: 0 auto; }
/*.header_inner { height: 72px;  }*/
.header_inner:after {clear: both; }
.header_inner:after,
.header_inner:before { display: table;content: " "; }
.header_inner h1 { float: left;  margin: 8px 0;}
.header_inner h1 a{ width:300px; min-height: 42px; /*text-indent: -99999px;*/ transition: all 0.2s ease; background-size: auto 42px;  }
/* .header_inner div a{ float: right; margin-top: 10px; display: block;  width:200px; height: 55px; text-indent: -99999px;background: url(../img/background/open-access.png) no-repeat 100% 50%;   transition: all 0.2s ease; background-size: contain;  } */
/*.header_inner h1 a:hover {   background: url(../img/background/logo02.png) no-repeat 0 0;background-size: auto 42px;   }*/

.hr_box { float: right;  margin: 15px 0 0 0;}
.re_bt { display: block;   border:1px solid #ffffff;  padding: 0 8px;border-radius: 3px; transition: all 0.3s ease; margin-left: 10px; height: 35px; padding-top: 6px;}
.re_bt em { display: block;  font-size: 12px;}
/* .re_bt:hover { border:1px solid #260f49;  } */
.re_bt span  {font-size:13px; display: inline-block; color: #ffffff; }



.search_box { float: right; }

.nav_wrap { background: #3b4a8d; }
.nav_inner { }
/* .nav_box ul .menu_li { float: left;  margin: 0 20px 0 0; background: url(../img/background/nav_line.png) no-repeat right 50%; padding-right: 20px;  } */
#table-cell-wrap{display:table;border-collapse: separate; border-spacing: 5px;}
.nav_box ul .menu_li {margin: 0 10px 0 0; display:table-cell;  vertical-align:middle; height: 58px; padding: 0 16px;}
/* .nav_box ul .menu_li:hover, */
/* #table-cell-wrap>ul>.on {background-color: rgba(182, 194, 191, 0.3);} */
.nav_box ul .menu_li:hover,
#table-cell-wrap>ul>.on { padding-top: 4px; border-bottom: 4px solid lightsteelblue; }
.nav_box ul .menu_li:last-child { margin: 0 0px 0 0; }
.nav_box ul .menu_li a{   display: block; color: #fff; font-size: 16px;  text-align: center; background-size: 100% 4px;transition: all 0.3s ease; padding: 0;}
.nav_inner:after {clear: both; }
.nav_inner:after,
.nav_inner:before { display: table;content: " "; }
.nav_box ul .menu_li a:hover, 
.nav_box ul .menu_li .on {background-size: 100% 5px; }
.nav_box ul .menu_li a span { display: block; text-align: center; font-size: 13px;margin-top:3px;font-weight: normal;color:#c6b8d0;} 



.nav_box ul li a .caret {background: url(../img/background/menu_arrow.png) no-repeat 0 0;   border:0px; width:10px; height: 6px; }
.nav_box ul li .dropdown-menu { border-radius: 0px; margin: 5px; }
/* .nav_box ul li .dropdown-menu>li>a{ line-height: 24px; padding: 7px 26px 7px 14px; color: #000; font-size: 15px;font-weight: normal; background: url(../img/background/menu_arrow02.png) no-repeat right 50%; text-align: left;  height: auto;} */
/* .nav_box ul li .dropdown-menu>li>a:hover { background:#f9f9f9 url(../img/background/menu_arrow02.png) no-repeat right 50%;} */
.nav_box ul li .dropdown-menu>li>a{ line-height: 30px; padding: 7px 26px 7px 14px; color: #000; font-size: 15px;font-weight: normal; text-align: left;  height: auto;}
.nav_box ul li .dropdown-menu>li>a:hover { background-color:#f0f0f0;}








.msearch_box {background: #fff; float: right;  position: relative;  width: 290px; height: 34px; padding: 0px 40px 0 0px;margin: 16px 16px 0 0;}
.ms_int_line {   display: block;background: #fff;  height: 34px; padding: 3px 5px 0 3px; }
.msearch_box .ms_int { width:99.8%; border:0px; height: 26px; color: #222;  font-size: 16px;  }
.msearch_box .ms_int::-webkit-input-placeholder { font-size:16px;color: #676767; }
/* Firefox 4-18 */
.msearch_box .ms_int:-moz-placeholder { font-size:16px;color: #676767; }
/* Firefox 19+ */
.msearch_box .ms_int::-moz-placeholder { font-size:16px;color: #676767; }
/* IE10+ */
.msearch_box .ms_int:-ms-input-placeholder { font-size:16px;color: #676767; }
.msearch_box .search_bt { display: block; position: absolute; right:0; top:0; width:38px; height: 34px; background:url(../img/background/top_search_icon.png) no-repeat 50% 50%;  text-indent: -99999px;border:0px;  border-radius: 0px; }

.browse_all_box { float: right; }
.browse_all_bt {  display: block;background:#2f3579;  width: 62px; height: 68px; position: relative; padding: 18px 0 0 15px; }
.browse_all_bt:hover  { background:#1c1e74; }		
.sub_title_box {     background: #fff;border-bottom: 1px solid #ccc;   text-align: center;  margin-bottom: 20px;}
.sub_title_box h3 {background:url(../img/background/sub_title_line.png) no-repeat 50% bottom;  font-weight: bold; font-size: 22px; color: #28225e; display: inline-block; padding: 12px 0 10px 0; }
.browse_all_bt  span { display: inline-block; text-indent: -9999px; overflow: hidden;  }









.sub_container { padding-bottom: 40px; padding-top: 25px;}
.sub_container:after {clear: both; }
.sub_container:after,
.sub_container:before { display: table;content: " "; }
.sub_con_inner {background:#fff url(../img/background/sub_con_line.png) repeat-y 202px 0; }
.sub_con_inner:after {clear: both; }
.sub_con_inner:after,
.sub_con_inner:before { display: table;content: " "; }




/*.sub_contents { float: left; width: 890px; }*/
.sub_contents { float: left; width: 1150px; }
.sub_aside_box {  float: right; width: 270px; }
.side_box { padding: 16px 0;}


.brick {     background: #fff; /*overflow: hidden;*/ margin-bottom: 20px;
    border-radius: 4px;
    position: relative;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1),0 2px 5px 0 transparent;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1), 0 2px 5px 0 transparent;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1), 0 2px 5px 0 transparent;
    -moz-transition: box-shadow 250ms ease;
    -o-transition: box-shadow 250ms ease;
    -webkit-transition: box-shadow 250ms ease;
    transition: box-shadow 250ms ease; }
.brick:hover {    box-shadow: 0 2px 15px 0 #a1a1a1, 0 2px 5px 0 transparent;  }





.info_list ul li  { border-bottom: 1px solid #e5e5e5; height: 30px; margin-top: 10px; text-indent: 20px;}

.side_box h4{  background:url(../img/background/h4_tile_line.png) no-repeat 20px bottom; font-size: 18px; color: #1f1f1f;  padding: 0 0 10px 20px; margin-bottom: 8px}
.recent_list ul li  { border-bottom: 1px solid #e5e5e5;  }
.recent_list ul li:last-child   { border-bottom: 0;  }
.recent_list ul li a { display: block; background:url(../img/background/recent_list_icon.png) no-repeat 16px 9px;  padding: 12px 0 12px 48px; font-size: 14px; }
    

.sr_tab {margin-bottom: 16px; overflow: hidden;   padding: 0 20px; }
.sr_tab ul li { float: left; width:50%; }
.sr_tab ul li a { display: block;border:1px solid #d0d0d0;  border-bottom: 2px solid #d0d0d0;    text-align: center;line-height: 35px;  color: #555; background: #f4f4f4; font-size: 14px;  }
.sr_tab ul .active a { border-bottom: 2px solid #3b4a8d;  font-weight: bold; color: #3b4a8d; background: #fff  }
.sr_list ul li  { border-bottom: 1px solid #e5e5e5; padding: 0 20px 15px 20px; margin-bottom: 16px; }
.sr_list ul li:last-child   { border-bottom: 0;  margin-bottom: 0px;  padding: 0 20px 0px 20px;  }
.sr_list ul li a {  color: #555;  line-height: 20px; font-size: 14px; }
.sr_list ul li a span {display: block;font-size: 12px;    color: #777;padding: 4px 0 0 0; line-height: 18px;}


.left_side_box { float: left; width:203px; padding: 30px 15px;}

.book_cover { width:116px;height:163px; border:1px solid #cbcbcb; margin: 0 auto; position: relative; margin-bottom: 15px; }
.book_cover img{ width: 100%; height: 100%;  }
.book_cover span { display: block; position: absolute; left:0; bottom:0; width: 100%; background:url(../img/background/book_cover_bg.png) repeat; height: 28px; color: #fff; line-height: 28px;text-align: center; font-size: 12px; }
.ls_issue h4 { font-size: 17px; color: #222; padding: 0 0 8px 0; background: url(../img/background/h4_tile_line.png) no-repeat 0px bottom; margin-bottom: 10px;}
.ls_issue_list .sel_span { display: block; margin-bottom: 10px;}
.ls_issue_list .mobile_vs {  display: none; }


.ls_issue_list { margin-bottom: 40px; }
.ls_issue_list ul { margin: 10px -15px; }
.ls_issue_list ul li  { }
.ls_issue_list ul li a { display: block; padding: 6px 15px;  font-size: 14px; }
.ls_issue_list ul li a:hover {  background: #f9f9f9;  }
.ls_issue_list ul li .on { color: #fff;  background:#0c1e76 url(../img/background/left_nav_on.png) no-repeat right 50% !important; }


.sub_submisstion_bt {padding: 12px 14px; position: relative;  border:1px solid #171988; border-radius: 6px; color: #171717;  display: block; margin-bottom: 5px; }
.sub_submisstion_bt:after { content: ''; display: block;clear: both; width:21px;height:24px; background:url(../img/background/submission_bt02.png) no-repeat 0 0;   position: absolute; right:20px;top:12px; }
.sub_submisstion_bt span { display: block; font-size: 12px; color: #555; margin-top: 3px; }

.sub_preRelease_bt {padding: 12px 14px; position: relative;  border:1px solid #171988; border-radius: 6px; color: #171717;  display: block; margin-bottom: 5px; }
.sub_preRelease_bt:after { content: ''; display: block;clear: both; width:21px;height:21px; background:url(../img/background/preRelease_bt.png) no-repeat 0 0;   position: absolute; right:20px;top:12px; }
.sub_preRelease_bt span { display: block; font-size: 12px; color: #555; margin-top: 3px; }

.sub_middle_box { margin: 0 0 0 232px;  padding: 30px 20px 30px 0;}

.issue_title { position: relative;  overflow: hidden;  margin-bottom: 20px}
.issue_title h4 { padding: 7px 0 7px 53px; background: url(../img/background/issue_title_icon.png) no-repeat 0 0px; font-size: 18px; font-weight: bold; color: #333; float: left; display: inline-block; min-height: 40px; }
.issue_title h4 span { display: block; font-size: 12px; color:#555;   margin-top: 2px;}
.issue_title .issue_date {margin: 4px 12px 0 0; float: left; padding: 0 0 0 18px; background: url(../img/background/m_date_icon.png) no-repeat 0 50%; color: #676767; }
.issue_title .right_bt { margin: 2px 0 0 0; float: right;}
.issue_title .right_bt .normal_bt {     padding: 0 10px;line-height: 26px; min-width: 78px;  }






.line_bt  {display: inline-block;background: #fff; border:1px solid #cbcbcb; color: #676767; font-size: 14px; padding: 0 10px; line-height: 26px; transition: all 0.3s ease; min-width: 78px; text-align: center; }
.line_bt:hover { border:1px solid #2f3579;}
.line_bt:hover .download_bt { background: url(../img/background/pdf_download_icon.png) no-repeat right 6px; } 
.line_bt span { display: block; color: #676767; font-size: 14px; line-height: 26px; }
.download_bt  { padding: 0 22px 0 0px; background: url(../img/background/pdf_download_icon.png) no-repeat right -25px;transition: all 0.3s ease; color: #2f3579 !important;   }
.download_bt span { display: inline-block;   }

.excel_bt { background: url(../img/background/excel_download_icon.png) no-repeat right -25px;}


.issue_article{ border-bottom: 1px solid #e4e4e4;  margin-bottom: 16px; position: relative;}
.issue_article .ia_title { font-size: 16px; color: #111; margin-bottom: 12px;  padding: 0 0 0 0; transition: all 0.3s ease; vertical-align: text-top; word-break:break-word; font-weight: bold;}
.issue_article .ia_title span { display: block; margin-top: 4px;font-size: 13px;  }
.issue_article .ia_title:hover {  text-decoration: underline; }
.il_bottom { overflow: hidden;  margin-bottom: 5px; padding-right: 200px; color: #838383; }
/*.il_bottom span { display: block;  color: #777; margin-bottom: 2px; }*/
.il_bottom span { display: block; margin-bottom: 2px; }
.doi_link {  display: inline-block;  padding: 0 15px 0 0; background: url(../img/background/list_link_icon.png) no-repeat right 50%; }
.doi_link:hover  { color: #212c9a; }

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

.il_bt_box  {  text-align: left;    margin-bottom: 8px; }
.il_bt_box a em {line-height: 25px; display:block; color: #fff; background: url(../img/background/full_text_icon.png) no-repeat right 50%; font-weight: normal; font-size: 12px;   }  
.il_bt_box .normal_bt {     padding: 0 10px;line-height: 26px; min-width: 78px;  }
.il_bt_box a .pdf_download { background: url(../img/background/pdf_download.png) no-repeat right 50%; }
		
.list_abstract {  background:#f1f1f1 url(../img/background/list_abstract_bg.png) repeat-x 0 0; padding: 20px 20px 20px 60px; }
.list_abstract h5{  background:url(../img/background/list_abstract_bullet.png) no-repeat 0 4px; font-size: 13px;font-weight: bold; color: #104b95; padding: 0 0 0 10px; margin-bottom: 5px; }
.list_abstract p { text-align: justify;  color: #555; line-height: 23px; }



.abstract_box { }
.sub_container .list_abstract { padding: 20px;  }
.abstract_toggle { display: block;  background:url(../img/background/list_abstract_bullet.png) no-repeat 0 2px;  height: 18px; text-indent: -9999px;overflow: hidden;   background:url(../img/background/abstrac_toggle_down.png) no-repeat 50% 50%; }
.abstract_toggle:hover  {background:#f9f9f9 url(../img/background/abstrac_toggle_down.png) no-repeat 50% 50%;  }

.abstract_toggle_active {background:url(../img/background/abstrac_toggle_up.png) no-repeat 50% 50%  }
.abstract_toggle_active:hover  {background:#f9f9f9 url(../img/background/abstrac_toggle_up.png) no-repeat 50% 50%  }



footer { /* background:#fff url(../img/background/footer_bg.png) repeat-x 0 0;  */  padding: 8px 0 0 0; background: #fff; border-top:1px solid #ccc; }
.footer_banner {background: #fff; padding: 16px 0; overflow: hidden; border-bottom: 1px solid #e4e4e4; }
.banner_title { float: left;   color: #212c9a;  width:100px; line-height: 40px; text-align: center;  position: relative;  display: block; font-size: 16px; }
.footer_slide_wrap { margin: 0 0 0 108px; 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_menu { margin: 0 -11px; padding: 10px 20px 30px 20px; overflow: hidden; }
.fm_box { float: left; width:20%;  }
.fm_inner { margin: 0 11px;color: #7a7a7a;  }
.fm_inner h4 {font-size: 16px; color: #4e2727; 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 h4 span { display: block; font-size: 14px; color: #777; }


.fm_inner ul li a{ font-size: 13px; display: block; color: #6b6b6b;  line-height: 24px; padding: 0 0 0 9px;  background: url(../img/background/footer_bullet.png) no-repeat 0 9px; }
.fm_inner ul li a:hover{ color: #222; text-decoration: underline;}
.fm_inner p { margin-bottom: 8px}
.fm_inner dl { margin-bottom: 10px;}
.fm_inner dl dt {  float: left;  font-size: 12px; color: #9a9a9a; }
.fm_inner dl dd { color: #7a7a7a; font-size: 12px; margin: 0 0 0 60px  }

.footer_copyright {border-top:1px solid #e4e4e4; padding: 24px 0; display: flex; }
.ct_box { position: relative; padding: 0 100px 0 0;}
.ct_box p {font-size: 13px; color: #777;  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; }

.sub_search_bt {  background: url(../img/background/mobile_search_bt.png) no-repeat 50% 50%;background-size: 20px auto;text-align: left; text-indent: -9999px; overflow: hidden; width:42px;height: 42px;  display: block;  background-size: 22px auto;}


.search_bt_box {     padding: 10px 0 0 0;
    position: relative; display: none; 
    float: right;
    margin-right: 5px; }
    
    .menu_bt_box { float: left; margin-left: 4px}
.mobile_s_inner { opacity: 0; visibility: hidden;  position: fixed; z-index:9999; background: url(../img/background/modal_bg02.png) repeat;  height: 100%; left:0; right:0; width:100%; top:0px;  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;}
.mmobile_s_int {     }
.mmobile_s_int input { width:99.8%; border:0px; background: transparent;color: #fff; height: 30px; font-size: 16px;  padding: 0 0 0 8px; border-radius: 0px; }
.mobile_s_inner.search_active {  opacity: 1; visibility:visible;  }
.mmobile_s_int input::-webkit-input-placeholder { color: #fff; }
/* Firefox 4-18 */
.mmobile_s_int input:-moz-placeholder { color: #fff; }
/* Firefox 19+ */
.mmobile_s_int input::-moz-placeholder { color: #fff; }
/* IE10+ */

.mobile_s_inner .sub_search_bt { background: url(../img/background/menu_close_bt.png) no-repeat 50% 50%; position: absolute; right:22px; top: 20px; background-size: 20px auto; text-indent: -9999px;overflow: hidden;width: 32px; height: 32px; border:0px; }
.ms_box {  padding: 70px 20px 0 20px;background: #222;height: 157px; }

.ms_box .mmobile_s_int {  }
.ms_inner  {border-bottom:1px solid #8e8e8e; padding: 0 0 10px 0; }



.tablet_nav { float: left;    display: none;}
.tablet_nav .tablet_nav_bt{ display:  block; width:36px;height: 68px;   background: url(../img/background/nav_bt_bg.png) repeat 0 0; padding: 16px 0 0 0; text-align: center;  }
.right_nav_box h3 { font-size: 18px;font-weight: bold; color: #979797; background: #292929;padding: 15px 0 15px 20px;margin-bottom: 14px;  }
.right_nav_box ul { margin-bottom: 40px; }
.right_nav_box ul li { border-bottom: 1px solid #404040;}
.right_nav_box ul li a {display:block; font-weight: normal;font-size: 17px; color: #f9f9f9;  background: url(../img/background/right_nav_arrow.png) no-repeat right 50%;  padding:10px 0 10px 16px;}
.right_nav_box ul li a span {display: block; padding: 4px 0 0 0; font-size: 13px; }

.left_quick_link {margin: 0 0 0 20px; background: url(../img/background/right_nav_line.png) no-repeat 0 0; padding: 10px 0 0 0;}
.left_quick_link a{display: block; color: #55cfd8; line-height: 32px; font-size: 16px;  }
.left_quick_link a:hover {color: #75f5ff;}


.tablet_nav_bt .line{
  width: 28px;
  height: 4px;
  background-color: #fff;
  display: block;
  margin: 5px auto;
  -webkit-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}

.sb-active-left .tablet_nav_bt .line:nth-child(2){
  opacity: 0;
  
}

.sb-active-left .tablet_nav_bt  .line:nth-child(1){
  -webkit-transform: translateY(9px) rotate(45deg);
  -ms-transform: translateY(9px) rotate(45deg);
  -o-transform: translateY(9px) rotate(45deg);
  transform: translateY(9px) rotate(45deg);

}
.sb-active-left .tablet_nav_bt  .line:nth-child(3){
  -webkit-transform: translateY(-9px) rotate(-45deg);
  -ms-transform: translateY(-9px) rotate(-45deg);
  -o-transform: translateY(-9px) rotate(-45deg);
  transform: translateY(-9px) rotate(-45deg);

}



/* archives */
.allmenu_wrap { width:100%; margin: 0; }
.allmenu_wrap .modal-content { background: transparent; box-shadow: none; border:0px; color:#FFF; padding:30px; }
.allmenu_m_bg .in { opacity: 0.85;}
.allmenu_wrap h4 { color: #fff; font-size: 20px; font-weight:bold; border-bottom: 1px dashed #abb5ff; margin-bottom:0.6em; padding-bottom:0.6em; }
.allmenu_wrap h5 { color: #fff; font-size: 18px; font-weight:bold; margin-bottom:0.1em; }
.allmenu_wrap a { color:#fff; }
.allmenu_wrap .pub-box { height:152px; overflow:hidden;}
.allmenu_wrap .close {  width:42px; height: 42px; font-size:30px; position: absolute; right:20px; top:20px; opacity:1;    background: url(../img/background/menu_close_bt.png) no-repeat 50% 50%;border:0px; text-indent: -9999px;  }


.allmenu_m_bg .in {    opacity: 0.85; }

ul .publication a { line-height: 24px; }



    
    
.left_article_page { border-top:1px solid #d5d5d5; padding: 8px 0 0 0; overflow: hidden; margin-top: 10px;}
.left_article_page a{ display: block; border:1px solid #e9e9e9;  font-size: 13px;line-height: 25px; }
.left_article_page a:hover {  border:1px solid #261976; }
.left_article_page .la_prev {  float: left; padding: 0 10px 0 20px;  background: url(../img/background/la_prev.png) no-repeat 8px 8px; }
.left_article_page .la_next {  float: right; padding: 0 20px 0 10px;  background: url(../img/background/la_next.png) no-repeat 45px 8px; } 
.view_left_type .sel_span { display: none; }

.view_count_box { border-top:2px solid #2f3579;  background: url(../img/background/rv_line.png) no-repeat 50% 50%;  overflow: hidden; padding: 20px 0;}
.view_count_box ul li { float: left; width:50%; text-align: center;font-size: 20px;color: #3b4a8d;}
.view_count_box ul li span { display: block;  font-size: 14px;color: #555;}


.view_contents_wrap { border-top:1px solid #ddd; padding: 15px 0 0 0; margin: -10px 0 0 0;}

.view_title { margin-bottom: 24px;}
.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_inner_con { margin-bottom: 30px;}
.view_inner_con dl { overflow: hidden; margin-bottom: 8px;  }
.view_inner_con dl:after{ content: ''; display: block;clear: both; } 															
.view_inner_con dl dt { color: #f08200;font-size:14px;background: url(../img/background/square_bullet.png) no-repeat 0 8px; padding: 0 0 0 12px;  float: left; font-weight: normal; }
.view_inner_con dl dd {text-align: justify; line-height: 24px; margin: 0 0 0 120px;  font-size: 14px;  color: #555; }
.view_inner_con .row_dl dt  { float: none; }
.view_inner_con .row_dl dd  { margin: 0 0 0 0px;}



.article_info_box { background: #f7f7f7;border:1px solid #dfdfdf; padding:8px 10px; margin-top: 20px; }
.article_info_box ul li  {margin-bottom: 4px;   font-size: 14px !important; line-height: 1.42857143 !important; }
.article_info_box ul li .doi_link  {color: #2364bd; }
.article_info_box ul li:last-child  { margin-bottom: 0px; }
.article_title {font-size: 16px;font-weight: normal; color: #000; border-bottom: 1px solid #e4e4e4; margin-bottom: 10px; padding-bottom: 8px; position: relative; }
.article_title:after { content: ''; display: block; clear: both; width:16px;height: 2px;background: #8e5dd8; position: absolute; left:0; bottom:-1px; }
.article_text { text-align: left;  color: #555; line-height: 25px; margin-bottom: 0;
				font-family: "Noto Sans KR",Nanum Barun Gothic,Malgun Gothic,맑은 고딕, Verdana,Arial, '돋움', Dotum;
				}
.article_text p { margin-bottom: 10px; }



.m_top_contents {  /* background:#fff url(../img/background/sub_contents_bg.png) repeat-x 0 bottom; */ padding: 25px 0 0 0;  margin-bottom: 20px; /*background:#fff; border-bottom: 1px solid #ccc;*/  }
.mtc_inner {  }
.mtc_inner:after {clear: both; }
.mtc_inner:after,
.mtc_inner:before { display: table;content: " "; }
.m_journal_info { float: left;   width:1150px; }
/* .m_journal_info { float: left; } */
.m_journal_info:after {clear: both; }
.m_journal_info:after,
.m_journal_info:before { display: table;content: " "; }

/* #journal_info .owl-item { padding: 0 0 0 1px; height: 281px;} */
#journal_info .owl-item { padding: 0 0 0 1px; height: 360px;}
#journal_info .owl-item a { display: block; border:1px solid #ddd; text-align: center;  line-height: 0px; }
/* #journal_info .owl-item img { width:100%; height: 280px;  display: inline-block;} */
#journal_info .owl-item img { width:100%; height: 360px;  display: inline-block;}

/* .m_slide_wrap { float: right; width:316px; } */
.m_slide_wrap { float: right; width:270px;}

.m_journal_cover { float: left;  width: 890px !important;}
.m_journal_cover img{ line-height: 0; border:1px solid #445b7a;  width: 100%; height: 280px;   }
.m_journal_tbox { margin: 0 0 0 224px; position: relative;  }
.m_journal_title {font-size: 26px;color: #28225e; font-weight: bold; padding: 10px 0 0 0;background: url(../img/background/mj_title_bg.png) no-repeat 0 0;  margin-bottom: 8px;  }
.m_journal_title span { font-size: 20px; display: block;  font-weight: normal; }


.mj_text { overflow: hidden; margin: 20px 0 10px 0; font-size:95%; }
.mj_text ul li { padding: 0 0 0 10px; color: #555; float: left;  background: url(../img/background/square_bullet02.png) no-repeat 0 6px;  margin-right: 14px;  }
.eb_bt_box { margin-bottom: 12px; }
.eb_bt { display: inline-block;  border:1px solid #28a95f; border-radius: 17px; padding: 0  16px;}
.eb_bt *{transition: all 0.3s ease;   }
.eb_bt span { display: inline-block;  padding: 0 20px 0 0; color: #03441f; line-height: 26px; padding: 0 28px 0 0;   background: url(../img/background/e_user_icon.png) no-repeat right -29px;   }
.eb_bt:hover {  background: #4a1e6a;border:1px solid #4a1e6a;  }
.eb_bt:hover span  {  background: url(../img/background/e_user_icon.png) no-repeat right 4px;  color: #fff; }	
.mj_pt { color: #333; line-height: 26px;  text-align: justify;  font-size: 15px; }

/* .kn_wrap {  background: url(../img/background/kci_dotted_line.png) repeat-x 0 50%; } */
/*.kn_wrap {  border-bottom: 1px dotted #b7b2b2; }*/
/*.kci_if_box {  background: #f9f9f9; border-top:1px solid #609517;  padding: 10px 25px 0 25px; height: 319px;}*/
.kci_if_box {  background: #f9f9f9; border-top:1px solid #609517;  padding: 10px 25px 0 25px; }
.kci_if_box h3 {font-size: 18px; font-weight: bold; color: #333;  display: none; }
.kci_num { text-align: center;   font-size: 14px; color: #555;  height: 88px; padding: 15px 0 0 0;}
.kci_num span  { display: block;  font-size: 16px;color: #000; }
.kci_num2 { text-align: center;   font-size: 14px; color: #555;  height: 68px; padding: 10px 0 0 0;}
.kci_num2 span  { display: block;  font-size: 16px;color: #000; }
/* new */
.kci_num3 { text-align: center;   font-size: 14px; color: #555;  height: 35px; padding: 7px 0 0 0;}
.kci_num3 span  { height: 23px; line-height: 20px; min-width: auto; font-size: 13px; display: inline; color: #666; text-align: center; padding: 2px 9px; }
.kci_if_box .if_t   { padding: 2px 0 0 0;}
.kci_if_box .if_t span  { font-size: 18px; color: #2f3579;}


.col_line  {  background: url(../img/background/kci_col_line.png) no-repeat right 50%;  }
.kci_info_bottom {background: #e7e7e7; margin: 0 -25px; padding:0; overflow: hidden; }
.kci_info_bottom dl dt {  float: left;  line-height: 53px; color: #333;  padding: 0 0 0 25px}
.kci_info_bottom dl dd {  float: right; }
.kci_info_bottom dl dd a{display: block;  line-height: 53px; color: #2f3579; position: relative; padding: 0 54px 0 0; }
.kci_info_bottom dl dd a span  { display: block;   width:50px;height: 53px; background:#dadada url(../img/background/kci_num_arrow.png) no-repeat -18px 50%;  position: absolute; right:0; top:0;overflow: hidden; text-indent: -9999px; transition: all 0.3s ease;}
.kci_info_bottom dl dd a:hover span { background:#222977 url(../img/background/kci_num_arrow.png) no-repeat 21px 50%;  }

#mj_slide .owl-dots .owl-dot span { margin: 0 4px;width:14px; height: 14px; background: #ccc;border-radius: 7px; }
#mj_slide .owl-dots .active span {   background: #4a1e6a !important;  }
#mj_slide .m_banner  img{ height: 240px;     }
#mj_slide {background-color: #eee;}

.m_share_box { position: absolute; right:0;top:10px; }
.m_share_box .share_bt { display: block; float:left; width:38px; height: 38px; border-radius: 50%; text-indent: -9999px;overflow: hidden; margin-left:7px; background:#f3f3f3 url(../img/background/m_share_icon01.png) no-repeat 11px -26px;  transition: all 0.3s ease;   border:1px solid #c0c0c0;   }
.m_share_box .alert_iocn {background:#f3f3f3 url(../img/background/m_share_icon02.png) no-repeat 11px -26px;    }
.m_share_box .social_bt {background:#f3f3f3 url(../img/background/m_share_icon03.png) no-repeat 11px -25px;    }
.m_share_box .share_bt:hover { background:#f36d23 url(../img/background/m_share_icon01.png) no-repeat 11px 9px;   border:1px solid #f36d23;     } 
.m_share_box .alert_iocn:hover {background:#f36d23 url(../img/background/m_share_icon02.png) no-repeat 11px 9px; border:1px solid #f36d23;   }
.m_share_box .social_bt:hover {background:#f36d23 url(../img/background/m_share_icon03.png) no-repeat 11px 10px;  border:1px solid #f36d23;    }

.ms_r { float: left; }
.ms_r .dropdown-menu  { right: 0;  left: auto; }
	
.share_bt_list { margin: 10px 0 0 0; border:1px solid #9e9e9e; }
.share_bt_list:after { content: ''; display: block; clear:both; position: absolute; right:10px; top:-9px; width:19px;height:9px;  background:url(../img/background/share_ul_arrow.png) no-repeat 0 0;   } 

.login_bt_list { margin: 10px 0 0 0; border:1px solid #9e9e9e; }
.login_bt_list:after { content: ''; display: block; clear:both; position: absolute; right:10px; top:-9px; width:19px;height:9px;  background:url(../img/background/share_ul_arrow.png) no-repeat 0 0;   } 
 
/* .share_bt_list li a{ } */
/* .share_bt_list li .share_facebook { } */
/* .share_bt_list li .share_twitter { } */
/* .share_bt_list li .share_kakaotalk { } */

/* .share_list li { float: left;} */
/* .share_list li .share_facebook {display: block; background: url(../img/background/facebook.png) no-repeat; } */
/* .share_list li .share_twitter {display: block; background: url(../img/background/twitter.png) no-repeat; } */
/* .share_list li .share_kakaotalk {display: block; background: url(../img/background/kakao.png) no-repeat; } */

.share_list { text-align: center; letter-spacing: 20px; margin-top: 10px;}
.share_list li { display: inline;}
.share_list .share_facebook {display: inline-block; width: 20%; height: 20%; }
.share_list .share_twitter {display: inline-block; width: 20%; height: 20%; }
.share_list .share_kakaotalk {display: inline-block; width: 20%; height: 20%; }


.main_container {margin-top: 25px;    }
.main_container:after {clear: both; }
.main_container:after,
.main_container:before { display: table;content: " "; }



.main_container .sub_con_inner  { background: #fff; } 
.main_container .sub_middle_box {  margin: 0 0 0 0;     padding:0; }
.ml_title { border-bottom: 1px solid #ddd;  padding: 0 0 0 20px; margin-bottom: 20px; }
.ml_title h3 { font-size: 20px;color: #222; font-weight: bold;  position: relative; padding: 15px 0;}
.ml_title h3:after { content: ''; display: block; clear:both; width:20px;height: 2px;background: #67932d; position: absolute; left:0; bottom:-1px;  }
.m_plus_more { display: block; width:30px; height: 30px;  text-indent: -9999px; overflow: hidden;  background:url(../img/background/m_plus_more.png) no-repeat 50% 50%;  transform: rotate(0deg);  transition: all 0.3s ease; position: absolute; right:10px; top:15px;   }
.m_plus_more:hover  { transform: rotate(90deg);   }
.notice_ul li  { padding: 0 20px; margin-bottom: 10px; }
.notice_ul li:last-child  { margin-bottom: 0px; }
.notice_ul li a{ display: block;      text-overflow: ellipsis;font-size: 14px;color: #555;white-space: nowrap;word-wrap: normal;overflow: hidden;width: auto;  }
.notice_ul li a:hover { text-decoration: underline;  }

.m_submission_bt { background: #3b4a8d;  display: block;  color: #fff; overflow: hidden; position: relative; border-radius: 4px; padding: 20px 0 20px 20px;font-size: 18px;   height: 82px;transition: all 0.3s ease; } 
.m_submission_bt span { display: block;font-size: 12px;   color: #fff } 
.m_submission_bt em {display: block; position: absolute; right:0; top:0;  background:#2f3684 url(../img/background/submission_bt01.png) no-repeat 50% 50%;   width:82px; height: 82px;  text-indent: -9999px; overflow: hidden; }
.m_submission_bt:visited,
.m_submission_bt:active{ color: #fff; background:#3b4a8d;}
.m_submission_bt:hover { color: #fff; background:#222977;}

.m_preRelease_bt { background: #d57f26;  display: block;  color: #fff; overflow: hidden; position: relative; border-radius: 4px; padding: 20px 0 20px 20px;font-size: 18px;   height: 82px;transition: all 0.3s ease; }
.m_preRelease_bt span { display: block;font-size: 12px;   color: #fff }
.m_preRelease_bt em {display: block; position: absolute; right:0; top:0;  background:#d5732b url(../img/background/preRelease_icon.png) no-repeat 50% 50%;   width:82px; height: 82px;  text-indent: -9999px; overflow: hidden; }
.m_preRelease_bt:visited,
.m_preRelease_bt:active{ color: #fff; background: #d35b1b;}
.m_preRelease_bt:hover { color: #fff; background: #b35810;}


.main_container .issue_title { padding: 0 20px; }
.issue_list_wrap { position: relative; padding: 0 15px 0 20px; }
.list_num { display: block; position: absolute; left:20px;top:1px; color: #222; font-size: 16px; font-weight:bold;}
.result_top_box { border-bottom: 1px solid  #ddd; padding: 15px 20px 15px 0; margin-bottom: 15px; text-align: right; }
.result_top_box span { display: inline-block; font-size: 14px;  padding: 0 0 0 19px;}
.result_top_box span strong{  color: #3b4a8d;  }



.result_facet ul li   { border-bottom: 1px solid #e5e5e5; padding: 0 70px 8px 20px; margin-bottom: 9px;  position: relative }
 .result_facet ul li:last-child   { border-bottom: 0;  margin-bottom: 0px;  padding: 0 70px 0px 20px;  }
.result_facet ul li a {  color: #555;  line-height: 20px;     text-overflow: ellipsis; display: block;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    width: auto; }
.result_facet ul li a:hover { text-decoration: underline; }
.result_facet ul li a span { display: block; position: absolute; right:17px; top:0; line-height: 22px; color: #fff; background: #7c7c7c; border-radius: 12px; padding: 0 10px; font-size: 13px;}

.result_more {  display: block; text-align: center; border-top:1px solid #ddd;  margin: 10px 0 -14px 0; line-height: 32px;  font-size: 13px; font-weight: bold; color: #777;}
.result_more:hover  {  background: #f9f9f9; cursor: pointer;}
.volume_title { margin-bottom: 8px;}
/*
.volume_title a{ display: block; padding: 0 0 0 18px;  color: #222; font-weight: bold; font-size: 14px;   background: url(../img/background/volume_icon.png) no-repeat 0 3px; }
.volume_title a:hover {  text-decoration: underline; }
*/

.volume_title a{ display: inline-block;    font-weight: bold; font-size: 13px;    background:#f3f3f3 url(../img/background/volume_icon.png) no-repeat 13px 4px;   color: #222; border-radius: 12px; line-height: 24px; padding: 0 15px 0 32px;  }
.volume_title a:hover {   background:#8e5dd8 url(../img/background/volume_icon02.png) no-repeat 8px 4px;  color: #fff}




.row_contents { float: none; width: auto; }

.list_tbl {  width:100%; margin: 15px 0; }
.list_tbl 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; }
.list_tbl tbody td { border-bottom: 1px solid #dcdcdc;  color: #797979;  text-align: center; padding: 12px; }
.list_tbl tbody td .tbl_link { display: block; text-align: left;  }
.list_tbl tbody tr:hover td {  background: #ecfbf1; }
    
    
    
    /* paginate  */
.paginate_complex{line-height:normal;text-align:center}
.paginate_complex a,
.paginate_complex strong{display:inline-block;position:relative;z-index:2;margin:0 -2px;padding:0px 8px;line-height: 22px; background-color:#fff;font-size: 13px;color:#555;text-decoration:none;vertical-align:middle;-webkit-transition: all 0.3s ease; /* Safari and Chrome */
    -moz-transition: all 0.3s ease; /* Firefox */
    -ms-transition: all 0.3s ease; /* IE 9 */
    -o-transition: all 0.3s ease; /* Opera */
    transition: all 0.3s ease;  }
.paginate_complex a:hover,
.paginate_complex a:active,
.paginate_complex a:focus{background-color:#f8f8f8}
.paginate_complex strong{color:#ff6b2a; }
.paginate_complex .direction{border:1px solid #dcdbdb;text-indent: -9999px; width:28px; margin: 0; height: 28px;  text-decoration:none !important;z-index:1}
.paginate_complex .first_page {  background:#fff url(../img/background/paginate_l02.png) no-repeat 7px 50%;  margin: 0;}
.paginate_complex .prev_page { background:#fff url(../img/background/paginate_l01.png) no-repeat 9px 50%;margin-left: -6px; }
.paginate_complex .last_page {  background:#fff url(../img/background/paginate_r02.png) no-repeat -24px 50%;  margin: 0;}
.paginate_complex .next_page { background:#fff url(../img/background/paginate_r01.png) no-repeat -21px 50%;margin-right: -6px; }
.paginate_complex .direction:hover,
.paginate_complex .direction:active,
.paginate_complex .direction:focus{border: 1px solid #636363; position: relative; z-index: 999; }

.paginate_complex .first_page:hover  {  background:#fff url(../img/background/paginate_l02.png) no-repeat -24px 50%;  }
.paginate_complex .prev_page:hover  { background:#fff url(../img/background/paginate_l01.png) no-repeat -22px 50%; }
.paginate_complex .last_page:hover  {  background:#fff url(../img/background/paginate_r02.png) no-repeat 9px 50%;  }
.paginate_complex .next_page:hover  { background:#fff url(../img/background/paginate_r01.png) no-repeat 9px 50% }



.view_top_box  { background: #f3f3f3; border-top: 2px solid #555; border-bottom: 1px solid #dcdcdc;  padding: 16px; margin-bottom: 30px;}
.view_top_box p { font-size: 19px;font-weight: normal; margin-bottom: 10px;  color: #222; }
.view_top_box ul { overflow: hidden; }
.view_top_box ul li  {  float: left;  padding: 0 0 0 10px;      background: url(../img/background/list_abstract_bullet.png) no-repeat 0 5px;    margin-right: 20px;  color: #555; }
.view_top_box ul li  span  {   color: #333; display: inline-block;color: #222; font-size: 14px;  }
.view_contents { border-bottom: 1px solid #898989;  padding: 0 0 30px 0; font-size: 15px; color: #333; line-height: 28px; margin-bottom: 16px; }
.view_img_p { text-align: center; margin-bottom: 26px; }
.view_img_p img { width: 80%; height: auto;}
.round_bt { color: #fff; display: inline-block; min-width:142px; line-height: 40px; font-size: 17px;font-weight: bold; text-align: center; background: #fbaf5d; border-radius: 20px; padding: 0 20px}
.round_bt:hover { color: #fff;  background: #ea9c48}
.add_file_box { margin: -16px 0 16px 0;border-bottom: 1px solid #898989; padding: 10px;  }
.add_file_box dl { overflow: hidden; }
.add_file_box dl dt {  float: left;  padding: 0 0 0 14px; margin-right: 5px; background: url(../img/background/list_abstract_bullet.png) no-repeat 0 5px;    color: #333; font-size: 14px; font-weight: bold; }
.add_file_box  dl dd{  float: left;  color: #6e6d6d; font-size: 14px;  }



.vc_bt { text-align: right; margin-bottom: 40px}


.view_bottom_list { border-top:1px solid #cfcfcf;  }
.view_bottom_list ul li{  border-bottom:1px solid #cfcfcf;  }
.view_bottom_list ul li a{ display: block;  padding: 15px 10px 15px 54px; background:url(../img/background/list_down_arrow.png) no-repeat 18px 50%;   color:#333; font-size: 14px; }
.view_bottom_list ul li a:hover {  text-decoration: underline; }
.view_bottom_list ul li:first-child a{  background:url(../img/background/list_up_arrow.png) no-repeat 18px 50%;  }
.normal_bt:visited,
.normal_bt:active,
.normal_bt {  color: #fff; display: inline-block; line-height: 32px; min-width: 120px; text-align: center; padding: 0 15px; background: #3b4a8d; transition: all 0.3s ease;  }
.normal_bt:hover  { background: #2f3579;  color: #fff;}
.con_title { font-size: 24px;    margin-bottom: 20px;  color: #222; position: relative;  border-bottom: 1px solid #ddd;  padding-bottom: 12px; }
.con_title:after { content: ''; display: block; clear:both; width:20px;height: 2px;background: #3b4a8d; position: absolute; left:0; bottom:-1px;  }
.con_title span {  vertical-align: top; font-size: 16px; color: #777;margin: 8px 0 0 10px; display: none;  }
.ct_none_line {  border-bottom: 0px; }


/*
.ml_title h3 { font-size: 20px;color: #222; font-weight: bold;  position: relative; padding: 15px 0;}
.ml_title h3:after { content: ''; display: block; clear:both; width:20px;height: 2px;background: #8e5dd8; position: absolute; left:0; bottom:-1px;  }
*/






.public_text { line-height: 30px; font-size: 15px;}
.circle_h4{ padding: 0 0 0 19px; background:url(../img/background/h4_title_bullet.png) no-repeat 0 4px;  font-size: 16px; font-weight: normal; margin-bottom: 15px; color: #222; }




.history_list { margin-bottom: 40px; padding: 0 0 0 15px; }
.history_list dl { overflow: hidden; margin-bottom: 30px;  border-bottom: 1px solid #eee;padding: 0 0 30px 0; }
.history_list dl dt {  float: left;  font-size: 15px; font-weight: normal; display: none;  }
.history_list dl dd  { margin: 0px 0 12px 0px; position: relative;  font-size: 15px;  padding: 0 0 0 80px; }
.history_list dl dd span  {  position: absolute; display: block; left:0; top:0; color: #015891;    }


.pd_box { padding: 0 0 0 15px;}
.p_ul li { font-size: 15px;      padding: 0 0 0 9px;    background: url(../img/background/footer_bullet.png) no-repeat 0 9px;  margin-bottom: 10px }




.tbl_type { width:100%; }
.tbl_type thead th {     background: #f1f0ee;text-align: center; 
    border-top: 2px solid #555;
    border-bottom: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc; 
    color: #222;
    font-size: 14px;
    font-weight: normal;
    padding: 10px;  }
.tbl_type thead th:last-child {   border-right: 0px; } 
   .tbl_type tbody th { background: #f9f9f9;padding: 8px 12px; text-align: center;      border-bottom: 1px solid #dcdcdc;   font-weight: normal; border-right: 1px solid #dcdcdc;  }  
.tbl_type tbody td  { border-right: 1px solid #dcdcdc;  padding: 8px 12px; text-align: center;      border-bottom: 1px solid #dcdcdc; }
.tbl_type tbody td:last-child { border-right: 0px; }
.sub_tab { padding: 0 0 0 1px;  background: url(../img/background/sub_tab_bg.png) repeat-x 0 bottom;overflow: hidden; }
.sub_tab ul li { float: left;  }
.sub_tab ul li a{ line-height: 45px;  display: block;font-size: 14px; padding: 0 15px;border-bottom: 0px solid #ff6b2a;transition: all 0.3s ease;   min-width: 140px; text-align: center; border:1px solid #ddd; margin: 0 0 0 -1px;  background: #fff; color: #777;}
.sub_tab ul li a:hover { background: #f9f9f9;}
/* .sub_tab ul .active a{  background: #8e5dd8 !important; color: #fff; } */
.sub_tab ul .active a{  background: #f1f0ee !important; color: #222; font-weight: bold;  position: relative; }
.sub_tab ul .active a:after{content: ''; display: block; clear: both; height: 3px; width:100%; position: absolute; left:0; top:-1px;  background:#8e5dd8;  }

.add_tab_tbl .list_tbl thead th { border-top:0px; }

.tbl_download_bt {     border: 1px solid #989898;    text-indent: -9999px; overflow: hidden; background: #f4f4f4 url(../img/background/tbl_download_bt.png) no-repeat 7px -24px; transition: all 0.3s ease;  display: inline-block; width:26px;height: 26px; border-radius: 13px; }
.tbl_download_bt:hover { background: #8552d3 url(../img/background/tbl_download_bt.png) no-repeat 7px 5px;  border: 1px solid #8552d3;      }



.gallery_box { margin-bottom: 24px;}
.gallery_box a{ display: block; background: #fff; border:1px solid #ddd;  border-radius: 3px;  padding: 0 0 14px 0;   transition: all 0.3s ease;  }
.gallery_box a:hover {border:1px solid #7f4dcc;}
.gallery_box span { display: block;  margin-bottom: 15px; }
.gallery_box span img{  width:100%; height: 198px;object-fit:cover;  }
.gallery_box p {  font-size: 16px; color: #222; overflow: hidden; height: 48px;  margin-bottom: 8px; line-height: 24px; padding: 0 12px;}
.gallery_box p.linksite { text-align: center;}
.gallery_box em { display: block; font-size: 14px; color: #333;line-height: 18px; padding: 0 12px; }



.contact_map { min-height: 460px; background: #f9f9f9; margin-bottom: 40px; }
.contact_t {margin-bottom: 40px; padding: 0 0 0 40px;background: url(../img/background/contact_icon01.png) no-repeat 0 0; line-height: 29px; font-size: 16px; }
.contact_num { margin-bottom: 40px; }
.contact_num span {padding: 0 0 0 84px;background: url(../img/background/contact_icon04.png) no-repeat 0 0; line-height: 29px; font-size: 16px; display: inline-block;  position: relative; }
.contact_num span em { display: block; position: absolute; left:44px; top:0;  }



.contact_num .cn_tel  { background: url(../img/background/contact_icon02.png) no-repeat 0 0; margin-right: 30px;}
.contact_mail {  background: url(../img/background/contact_icon03.png) no-repeat 0 5px; }
.num_ol li { position: relative; padding: 0 0 0 38px;  line-height: 23px; margin-bottom: 20px; font-size: 15px; }
.num_ol li span{  display: block; font-size: 13px; left:0; top:1px; position: absolute; color:#222; border-radius: 3px;  line-height: 18px; border:1px solid #7f4dcb;  width:20px;  text-align: center;}
/* .num_ol li span:after {  content: ''; display: block; clear: both; width:10px;height: 2px; background: #7f4dcc; position: absolute; left:0; top:0;  } */





.sub_link_t { display: inline-block; color: #7f4dcc; text-decoration: underline; }



.group_terms .gt_text  { text-align: right; margin-bottom: 3px; }
.group_terms h4  { font-size: 16px; font-weight: bold; margin: 20px 0;  color: #222;}
.group_terms dl  { padding: 0 0 0 10px;}
.group_terms dl dt  {font-size: 14px; color: #333; margin-top: 20px; margin-bottom: 10px; }
.group_terms dl dd  { color: #555;}


.group_terms dl dd ul {   text-indent: 6px;padding-left: 14px; }
.group_terms dl dd ul li  { margin-top: 3px;}
.group_terms dl dd ul li .bullet {    margin: 0 4px 0 -18px;  font-size: 15px; } 

.group_terms dl dd ul ul { padding: 10px 0 15px 16px;}
.group_terms dl dd ul ul li .bullet { font-size: 14px; }

    
    

    
    
    
    
    
  .keyword_box { overflow: hidden;  padding: 10px 0 0 0;}
  .keyword_box dl dt {  font-size: 12px; color: #777; float: left;  }
  .keyword_box dl dd{  margin: 0 0 0 70px; text-align: left;}
/*   .keyword_box dl dd span {font-size: 13px;display: inline-block; border: 1px solid #ddd; line-height: 24px;border-radius: 13px; padding: 0 12px;color: #758fcc; margin-right: 5px;  margin-bottom: 5px } */
  .keyword_box dl dd span {font-size: 13px; color: #758fcc; margin-bottom: 5px; white-space: nowrap;}
    .keyword_box dl dd span:last-child { margin-right: 0px; }
   .author_mail { display: inline-block; padding:0 18px 0 0px; background: url(../img/background/sm_mail_icon.png) no-repeat right 4px; }  
   
   

   /*.view_bottom_box { overflow:hidden; margin-bottom: 10px; background: #f9f9f9;   padding: 10px 10px; border:1px solid #ddd; display: flex; margin-top: 25px;}*/
   .view_bottom_box { overflow:hidden; background: #f9f9f9;   padding: 10px 10px; border:1px solid #ddd; display: flex;}
/*      .view_bottom_box dl  { float: left;  margin-right: 30px;} */
     .view_bottom_box dl  { width:33.3%; text-align: center;}
/*      .view_bottom_box dl:last-chidl   {  margin-right: 0px;} */
/*    .view_bottom_box dl dt  {     padding: 0 0 0 9px;     background: url(../img/background/footer_bullet.png) no-repeat 0 9px;  } */
   .view_bottom_box dl dt span{ font-size: 13px; display: inline-block;  margin-left: 6px; color: #777;}
/*    .view_bottom_box dl dd  {   margin-left: 9px; } */
   
   
  .cm_icon { color: #2364bd;padding: 0 0 0 15px; display: inline-block; padding:0 18px 0 0px;   }
  
  
  /* 0212 */
  .element_research { text-align: center; }
  .element_research span { text-align: center; font-size: 16px;font-weight: bold; border-radius: 50%; width:130px;height: 130px; border:8px solid #4d93f3; display: inline-block;   line-height: 116px; margin-bottom: 10px;}
  .element_research p{ text-align: center; }
  .er_c02 span { border-color: #32c078; }
  .er_c03 span { border-color: #f38e65; }
  .er_c04 span { border-color: #26c2c8; }
  
  
  .round_h4 { display: inline-block; background: #ff6d33; color: #fff; line-height: 26px; padding: 0 10px; border-radius: 13px;   vertical-align: middle; }
  

  .rule_box li  { margin-bottom: 30px; }  
  .rule_box li dl dt {  position: relative; padding: 4px 0 0  60px;  margin-bottom: 20px; font-size: 16px;  color: #222;}
  .rule_box li dl dt span  { display: block; position: absolute; left:0;top:0; text-align: center; font-size: 14px;  }
  .rule_box li dl dt span strong { font-size: 32px;  display: block; position: relative;padding: 6px 0 0 0;}
  .rule_box li dl dt span strong:after { content: ''; display: block; clear: both; width: 20px; height: 2px; background: #4a4a4a; margin: 0 0 0 -10px; left:50%; top:0;position: absolute; }
  .rule_box li dl dd {  line-height: 30px; font-size: 14px;  padding: 0 0 0 60px} 
  
.rule_bottom_box  {    border-top: 1px dashed #ccc;  padding: 20px 0 0 0;  }

.link_type {  display: inline-block;  padding: 0 18px 0 0; background: url(../img/background/list_link_icon.png) no-repeat right 50%; }
.link_type:hover  { color: #212c9a; }
.rb_t { padding: 0 0 0 20px;  background: url(../img/background/gray_arrow02.png) no-repeat 0 2px; margin-bottom: 10px; }

.rule_reference { border:1px solid #eee; padding: 20px; background: #f9f9f9; }
.rule_reference article { margin-bottom: 20px; padding: 0 0 0 12px; }
.rule_reference article:last-child  { margin-bottom: 0px; }
.rule_reference article h3 { font-size: 14px;color: #555;  font-weight: bold; margin-bottom: 10px; margin-left: -12px;      padding: 0 0 0 10px;
    background: url(../img/background/list_abstract_bullet.png) no-repeat 0 5px;  color: #222; }
  .rule_reference article ul li { margin-bottom: 10px;     background: url(../img/background/footer_bullet.png) no-repeat 0 7px;  padding: 0 0 0 9px; }
  .rule_reference article ul li:last-child  { margin-bottom: 0px; }
  
  
  
  .public_page { background: #fff; }
  
  
  
  
.public_inner {width: 520px; margin: 0 auto;   padding: 60px 0;}
.public_inner h2 {font-size: 24px; color: #333; font-weight: normal; margin-bottom: 15px; }


.public_inner h3 {font-size: 24px; color: #333; font-weight: normal; border-bottom: 1px solid #c6c6c6; position: relative;  padding-bottom: 12px;margin-bottom: 15px; }
.public_inner h3:after{ content: ''; display: block; position: absolute; left:0; bottom:-1px;  background: #3b72be; width:60px; height: 4px;  }





.mail_com_box {padding: 116px 0 0 0;background: url(../img/background/p_mail_icon.png) no-repeat 50% 0;margin-bottom: 30px;}
.mc_text { font-size: 22px;  text-align: center;  line-height: 34px;}
.mc_text strong{ font-size: 24px; color: #539c17;    font-weight: normal; }
.mc_text span { display: block;   }

.public_list_t { background: #f9f9f9;  padding: 20px 38px; margin-bottom: 30px;  border-radius: 7px; }
.public_list_t ul li {    margin-bottom: 10px; background: url(../img/background/footer_bullet.png) no-repeat 0 7px; padding: 0 0 0 9px;   }
.public_list_t ul li:last-child {margin-bottom: 0px   }

.p_email_form { position:relative; padding: 0 125px 0 0;}
.p_email_form .normal_bt{ position: absolute; right:0; top:0; }
.p_email_int { display: block; border:1px solid #ddd; height: 32px;  padding: 3px 4px 0 8px;}
.p_email_int input { width:100%; background: #fff; border:0px;height: 24px; }


.view_user_toggle    {  background: #fff; border: 1px solid #ddd;  border-radius: 5px;  padding: 10px;  margin-top: 6px; position: relative; }
.view_user_toggle  p  {line-height: 22px;   font-size: 13px; }
.view_user_toggle .ut_close_bt   {  position: absolute; right:-8px; top:-8px;  width:20px;height: 20px;background:#000 url(../img/background/ut_close.png) no-repeat 50% 50%;  border-radius: 10px; text-indent: -9999px; overflow: hidden;  }






[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 13px;
  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.message_text01 {     font-style: italic; position: relative; margin: 0 auto 6px auto; width:700px;  text-align: center;  font-size: 16px; line-height: 30px; padding: 10px 46px; }
.message_text01:before,
.message_text01:after{content: ''; display: block; clear: both;   position: absolute; width:36px;height: 32px;     }

.message_text01:before{ background: url(../img/background/mag_icon01.png) no-repeat 0 0;   left:0; top:0; }
.message_text01:after { background: url(../img/background/mag_icon02.png) no-repeat 0 0;   right:0;  bottom:0;  }
.message_text02 { text-align: right; }
.message_text02 em {     background: url(../img/background/message_name.png) no-repeat right 0; display: block;
    text-align: left;
    text-indent: -9999px;
    margin-top: 8px;
    height: 26px;  }


.message_date { font-size: 22px; text-align: center;  margin-bottom: 20px; }
.et_list dl { }
.et_list dl dt { border:1px solid #ddd; border-radius: 30px;  line-height: 26px; padding: 0 15px;  display: block; }
.et_list dl dd { margin: 0 0 12px 130px }


.public_top { font-size: 15px; padding: 15px; border:1px solid #ddd; border-radius: 4px;  line-height: 30px; }

.public_type { font-size: 15px; }



.event_top_box { margin-bottom: 10px;  }
.event_top_box em { display: inline-block; vertical-align: middle;  }
.event_top_box span { display: inline-block; vertical-align: middle;  background: #fff; border:1px solid #ccc; padding: 3px; min-width: 90px; margin-left: 12px;}
.event_top_box span select {  height: 24px; border:0px; background: #fff; width:100%;}

								
.event_info { background: #f2edf6; padding: 15px; margin-bottom: 10px; border-radius:3px;  position: relative; }
.event_info:after {content: ''; display: block; clear: both; width:20px; height: 2px; background: #4a1e6a; position: absolute; left:15px; top:0;  }

.event_info em { display: block; font-size: 18px; margin-bottom: 5px;  color: #222; }
.event_text_area {  overflow: hidden; }
.event_text {  float:left; }
.event_text span { color: #777;  margin-right: 30px; line-height: 24px; display: inline-block;   }
.event_text span strong { color: #222; display: inline-block;  margin-left: 6px; font-weight: normal  }
.event_i_bt {   float:right;  }
.event_i_bt a{  display: inline-block;  background: #7F34B6; padding: 0 12px;}
.event_i_bt a span {   display: inline-block;color: #fff; line-height: 24px; padding: 0 22px 0 0; background: url(../img/background/event_icon01.png) no-repeat right 5px;  }
.event_i_bt a .event_i02  {   background: url(../img/background/event_icon02.png) no-repeat right 3px;  }
.event_i_bt a:hover { background: #9342ce; }
.event_img {  text-align: center; }
.event_img img{ width:80%; height: auto;}


.awards_box {margin-bottom: 12px; border:1px solid #ddd;border-radius:4px;  background:#fff url(../img/background/awards_bg01.png) no-repeat 0 0; padding: 14px 50px 20px 52px;  position: relative; }
.awards_box:hover{  border:1px solid #999; }
.awards_box:after { content: ''; display: block; clear: both; width:17px;height: 30px;background: url(../img/background/ad_arrow.png) no-repeat 0 0; position: absolute; right:20px; top:50%; margin-top:-15px;   }


.ab_top { margin-bottom: 10px;  font-size: 13px;  line-height: 30px;}
.ab_top em { display: inline-block;  background: #fff; color: #333; border:1px solid #878787; padding: 0 15px; margin-right: 15px; border-radius: 15px;  }			
.ab_top span {  display: inline-block; margin-left: 4px;    }			
.ab_title { padding: 0 0 0 10px;}
.ab_title a  { display: block;   margin-bottom: 5px; color: #222;}

.ab_calendar { margin-bottom: 10px; }
.ab_calendar span {padding: 0 0 0 18px;  background: url(../img/background/ad_calendar_icon.png) no-repeat 0 2px;  display: inline-block; margin-right: 10px;  }
						
							
.editorial_state {    color: #fff;  margin-bottom: 4px; background: #6d9735;  display: inline-block; font-weight: bold; font-size: 13px; border-radius: 12px; line-height: 24px; padding: 0 15px}
.volume_title .editorial_state { margin-bottom: 0; }



.num_inner_ol { margin-top: 10px;}
.num_inner_ol li {   position: relative; padding: 0 0 0 100px;   margin-bottom: 10px    }
.num_inner_ol li span {  border-radius: 12px;line-height: 20px; background: #f3f3f3;    display: block; border:0px;  font-size: 15px;width: 80px;text-align: center;   left: 0; top: 1px;   position: absolute;  color: #333; }
.num_inner_ol li p { color: #777; } 
.num_inner_ol li p em { display: inline-block; margin-left: 4px;color: #333; }
.num_inner_ol li p .deadline_date  {  margin-right: 20px;}


	
.vb_text { overflow: hidden; position: relative; background: #fff;padding: 12px 10px;border-top: 1px solid #ddd; }
.vb_text:after { content: ''; display: block; clear: both; width:17px; height: 2px; background: #8e5dd8; position: absolute; left: 10px; top:0;  display: block; }
.vb_text dl dt { font-size: 13px; margin-bottom: 4px;  color: #555; font-weight: normal; }
.vb_text dl dd {padding: 0 0 0 9px;  }



.message_box { width:900px;margin: 0 auto; }



.m_top_drop { display: inline-block; min-width: 150px; }
.m_top_drop .caret {  position: absolute; right:6px;top:13px;  }



.ls_issue_list .m_top_drop ul { margin: 0; }
.ls_issue_list .m_top_drop .btn {  background: #fff;height: 30px; border:1px solid #ddd; border-radius: 3px; width: 100%; text-align: left }

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

.origin-view,.origin-view-link{ float:right;  display: block;  background:#55565a; border-radius: 6px; overflow: hidden;      margin: 3px 0 0 0; line-height: 20px; padding-bottom: 1px; }
.origin-view,.origin-view-link a{ color: #fff; display: inline-block;  font-size: 13px; text-decoration: none !important; width: 25px; text-align: center;}



.athor_link {text-decoration: underline;cursor: pointer;  color: #2364bd; }

.open_access_img {
    float: right;
    margin-top: 10px;
    display: block; 
    width:130px;
    height: 55px;
    text-indent: -99999px;
    background: url(../img/background/open-access.png) no-repeat 100% 50%;
    transition: all 0.2s ease;
    background-size: contain;
}

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

.article_sub_img{border: 1px solid; margin: 5px;}

.top-info {float: right; margin: 15px 0 0 10px; display: inline-grid; font-size: 13px; text-align: right; font-weight: bolder;}


.top_bar_fix{position:fixed; top:0; left:0; right:0; height: 70px; width:100%; z-index: 999999;}

.xmlImage{margin: 5px; float: left !important; width: 167px !important; height: 133px !important;}

.emptySlide{margin-top: -320px;}

.submission_box { float: left;  margin: 15px 0 0 0;}

#firstDiv{ width:5%; float: left;}
#secondDiv{ width:50%; float: left;}
#thirdDiv{ width:45%; float: left;}

.citationBtn{cursor: pointer;}

.dropdown_email ul li { text-align: center; }
.dropdown_email .share_bt_list { margin: 13px 0px 0 -20px; }
.dropdown_email .share_bt_list:after { right: 120px; }

.ccl_style { text-decoration: none !important ; }
.ccl_style img { width: 15%; }

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

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


/* 오른쪽 상단 css */
.header_right_box { float: right; }
.issn_r_box {  float: left;    overflow: hidden;background: url(../img/background/top_oa_bg.png) no-repeat right 0; padding: 40px 0 0 0; margin-top: 9px;}
.issn_r_box ul li {  font-size: 13px;color: #777; float: left;     }
.issn_r_box ul li span { display: inline-block; color: #555;  margin-left: 5px}
.issn_r_box ul li {  background: url(../img/background/top_nav_line.png) no-repeat left 4px;   padding-left: 12px;   margin-left: 12px; }
.issn_r_box ul li:last-child  {  background: none;    padding-left: 0px;   margin-left: 15px;}
.issn_r_box ul .header_login {  background: none; margin-left: 0;  padding-left: 0;  }
.issn_r_box ul .header_login span{  display: block; padding: 0 0 0 20px;    background: url(../img/background/header_login_icon.png) no-repeat 2px 1px;  }
/* .issn_r_box ul .header_login .login_out_icon {      background: url(../img/background/header_logout_icon.png) no-repeat 0 0px;  } */
.issn_r_box ul .header_login .koarLogin { cursor: pointer; }

.login_name { background:#272727 url("../img/background/mobile_h_login_icon.png") no-repeat 50% 28px;  padding: 70px 0 20px 0; text-align: center; color: #fff;border-bottom: 1px solid #4e4e4e;}
.login_name a { display: block; line-height: 26px; border-radius: 13px; border:1px solid #fff;  margin: 0 20%} 
.login_name a:hover  {  color: #fff; } 

.login_user { background:#272727 url("../img/background/mobile_h_logout_icon.png") no-repeat 50% 28px;  padding: 70px 0 20px 0; text-align: center; color: #fff;border-bottom: 1px solid #4e4e4e;}
.login_user a { display: block; line-height: 26px; border-radius: 13px; border:1px solid #fff;  margin: 0 20%} 
.login_user a:hover  {  color: #fff; } 

/* .login_bt_list {position: relative; text-align: left; display: grid;} */

.pdf_download_bt { height: 80px; padding: 22px 30px 0 30px; display: block; background: #235394; border-radius: 4px; }

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

.opr_bt { height: 80px; padding: 22px 25px 0 25px; display: block; background: #125561; border-radius: 4px; }

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

.view_contents_citation .ref p {
    text-indent: 0;
}
.view_contents_citation .ref-list .ref {
    margin-bottom: 2px;
    padding-left: 40px;
    font-size: 14px;
    position: relative;
}
.view_contents_citation .ref-list .ref > div.ref-label {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    text-align: right;
}
.view_contents_citation .generated {
	color: lightcoral;
}
.view_contents_citation .ref-content a {
	word-break: break-all;
	color: #154cac;
}
.mquery_brick {
	display: none;
}

/* 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 { }
.oai_inner_box p{ margin-bottom: 15px; border-bottom: 1px solid #ececec; padding: 10px; font-size: 13px; font-weight: bold; }

.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;  }



.opr_box { border: 1px solid #dbdbdb; margin-bottom: 7px; margin-top: 35px;}
.opr_toggle { display: block;  background:url(../img/background/list_abstract_bullet.png) no-repeat 0 2px;  height: 18px;  background:#dbdbdb url(../img/background/abstrac_toggle_down.png) no-repeat 96% 50%; }
.opr_toggle {
    height: 35px;
    padding: 8px;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
}
.opr_toggle:hover  {background:#dbdbdb url(../img/background/abstrac_toggle_down.png) no-repeat 96% 50%;  }

.opr_toggle_active {background:#dbdbdb url(../img/background/abstrac_toggle_up.png) no-repeat 96% 50%  }
.opr_toggle_active:hover  {background:#dbdbdb url(../img/background/abstrac_toggle_up.png) no-repeat 96% 50%  }
.list_opr { padding:0px 10px 5px 10px; display: none;}

.custom-header-h1 { width: 56%; height: 50px; margin: 8px 0; display: flex; align-items: center; }
.custom-header-title { font-size: 60%; color: #333; cursor: pointer; }
.supFile-wrap { margin-top: 10px; }
.supFileList { margin-top: 5px; }

.top-pdf { display: none; }