/*  Stylesheet for NLM/NCBI  Journal Publishing 3.0 Preview HTML
    January 2009

    ~~~~~~~~~~~~~~
    National Center for Biotechnology Information (NCBI)
    National Library of Medicine (NLM)
    ~~~~~~~~~~~~~~

This work is in the public domain and may be reproduced, published or
otherwise used without the permission of the National Library of Medicine (NLM).

We request only that the NLM is cited as the source of the work.

Although all reasonable efforts have been taken to ensure the accuracy and
reliability of the software and data, the NLM and the U.S. Government  do
not and cannot warrant the performance or results that may be obtained  by
using this software or data. The NLM and the U.S. Government disclaim all
warranties, express or implied, including warranties of performance,
merchantability or fitness for any particular purpose.

한글
font-family: 'Nanum Gothic', serif;
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
font-family: 'Nanum Brush Script', serif;
@import url(//fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
font-family: 'Hanna', serif;
@import url(//fonts.googleapis.com/earlyaccess/hanna.css);
영문
font-family: 'Open Sans', sans-serif;
@import url(//fonts.googleapis.com/css?family=Open+Sans);
font-family: 'Droid Serif', serif;
@import url(//fonts.googleapis.com/css?family=Droid+Serif);
font-family: 'Arvo', serif;
@import url(//fonts.googleapis.com/css?family=Arvo);
font-family: nanumgothic,gulim,sans-serif;
@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro);
font-family: 'Source Sans Pro', sans-serif;
*/
@import url(//fonts.googleapis.com/css?family=Open+Sans);
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/css?family=Arvo);
@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro);



/* --------------- Page setup ------------------------ */

/* page and text defaults */

.article_wrapper{
    background-color: #fff;
    font-size: 0.9em;
    font-family: 'Open sans', 'Nanum Gothic', sans-serif, arial;
    line-height: 1.7em;
}

.hidden{
    display: none;
}

.article_wrapper div.centered{
    text-align: center;
}
/* related_article 관련  */
.article_wrapper .related_article{
    margin:10px;
    padding:5px;
    border:red 4px solid;
    background-color : #eee;
}

/* crossmark 관련 */
.article_wrapper .wrapper_crossmark_btn{
    float: right;
}
.article_wrapper .wrapper_crossmark_btn img{
    width:150px;
    max-height:35px;
}
.crossmark-dialog{
    height: 570px;
}

.article_wrapper .article_meta_data p{
    margin: 0;
    line-height: 1.3em;
}

.article_wrapper div.table{
    display: table
}
.article_wrapper table{
    border: 1px solid #ccc;
    border-collapse: collapse;
}
.article_wrapper th,
.article_wrapper td{
}

.article_wrapper div.metadata.table{
    width: 100%
}
.article_wrapper div.row{
    display: table-row
}
.article_wrapper div.cell{
    display: table-cell;
    padding-left: 0.25em;
    padding-right: 0.25em
}

.article_wrapper div.metadata div.cell{
    vertical-align: top}

.article_wrapper div.two-column div.cell{
}

.article_wrapper div.one-column div.cell.spanning{
    width: 100%
}

.article_wrapper div.metadata-group{
    margin-top: 0.5em;
    line-height: 0.9em;
}

.article_wrapper div.metadata-group > p,
.article_wrapper div.metadata-group > div{
    margin-top: 0.5em
}

.article_wrapper div.metadata-area *{
    margin: 0em
}

.article_wrapper div.metadata-chunk{
    margin-left: 1em
}

.article_wrapper div.branding{
    text-align: center
}

.article_wrapper div.document-title-notes{
    text-align: center;
    width: 60%;
    margin-left: auto;
    margin-right: auto
}


/* rules */
.article_wrapper hr.part-rule{
    border: 1px solid #369;
    width: 100%;
    margin-top: 1em;
    margin-bottom: 1em;
}

.article_wrapper hr.section-rule{
    border: thin dotted black;
    width: 50%;
    margin-top: 1em;
    margin-bottom: 1em;
}

/* superior numbers that are cross-references */
.article_wrapper .xref{
    color: red;
}

/* generated text */
.article_wrapper .generated{
}

.article_wrapper .warning,
tex-math{
    font-size: 80%;
    font-family: sans-serif
}

.article_wrapper .warning{
    color: red}

.article_wrapper .tex-math{
    color: green
}

.article_wrapper .data{
    color: black;
}

.article_wrapper .formula{
    font-family: sans-serif;
    font-size: 90%}

/* --------------- Titling levels -------------------- */


.article_wrapper h1,
.article_wrapper h2,
.article_wrapper h3,
.article_wrapper h4,
.article_wrapper h5,
.article_wrapper h6{
    display: block;
    margin-top: 0em;
    margin-bottom: 0.5em;
    font-family: 'Open sans', sans-serif, arial;
    font-weight: bold;
    color: #036;
}
/* titling level 1: document title */
.document-title{
    text-align: center;
}

/* callout titles appear in a left column (table cell)
   opposite what they head */
.callout-title{
    margin-top: 0.5em;
    margin-right: 1em;

;
}



div.section,
div.back-section{
    margin-top: 1em;
    margin-bottom: 0.5em
}

div.panel{
    text-align: center;

    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    margin-top: 0.5em;
    margin-bottom: 0.5em

}



/*
div.panel { background-color: white;
  font-size: 90%;
  border: thin solid black;
  padding-left: 0.5em; padding-right: 0.5em;
  padding-top: 0.5em; padding-bottom: 0.5em;
  margin-top: 0.5em; margin-bottom: 0.5em }
*/
.article_wrapper div.blockquote{

    margin-left: 2em;
    margin-right: 2em;
    margin-top: 2em;
    margin-bottom: 2em
}

.article_wrapper div.caption{
    margin-top: 0.5em;
    margin-bottom: 0.5em
}

.article_wrapper div.speech{
    margin-left: 1em;
    margin-right: 1em;
    margin-top: 0.5em;
    margin-bottom: 0.5em
}

.article_wrapper div.verse-group{
    margin-left: 1em;
    margin-top: 0.5em;
    margin-bottom: 0.5em
}

.article_wrapper div.verse-group div.verse-group{
    margin-left: 1em;
    margin-top: 0em;
    margin-bottom: 0em
}

.article_wrapper div.note{
    margin-top: 0em;
    margin-left: 1em;
    font-size: 85%}


.article_wrapper .ref-label{
    margin-top: 0em;
    vertical-align: top;
}
.ref-label .label{
    color: #444;
}
.article_wrapper .ref-content{
    margin-top: 0em;
    padding-left: 0.25em
}


.article_wrapper h5.label{
    margin-top: 0em;
    margin-bottom: 0em
}

.article_wrapper p{
    margin-top: 0.5em;
    margin-bottom: 0em;
}

/*
.article_wrapper p.first{
    margin-top: 0em
}
*/

.article_wrapper p.verse-line,
.article_wrapper p.citation{
    margin-top: 0em;
    margin-bottom: 0em;
    margin-left: 2em;
    text-indent: -2em
}

.article_wrapper p.address-line{
    margin-top: 0em;
    margin-bottom: 0em;
    margin-left: 2em
}

.article_wrapper ul,
.article_wrapper ol{
    margin-top: 0.5em;
    padding-left:2em;
}

.article_wrapper li{
    margin-top: 0.5em;
    margin-bottom: 0em
}
.article_wrapper li > p{
    margin-top: 0.2em;
    margin-bottom: 0em
}

.article_wrapper div.def-list{
    border-spacing: 0.25em
}
/*
.article_wrapper div.def-list div.cell{
    vertical-align: top;
    border-bottom: thin solid black;
    padding-bottom: 0.5em}
*/
.article_wrapperdiv.def-list div.def-list-head{
    text-align: left}

/* text decoration */
.article_wrapper.label{
    font-weight: bold;
    font-family: sans-serif;
    text-align: left
}

.article_wrapper .monospace{
    font-family: monospace;
}

.article_wrapper .overline{
    text-decoration: overline;
}

.article_wrapper a{
    text-decoration: none;
    color: #369;
}
.article_wrapper a:hover{
    text-decoration: underline;
    cursor: pointer;
}
/*url 긴 것 화면 넘치는것 방지  */
.article_wrapper .ref-list a{
    word-break: break-all;
    word-wrap: break-word;
    display: inline-block;
}
.article_wrapper .ref_img{
    margin-top: 3px;
    margin-right: 3px;
}

/* ---------------- End ------------------------------ */

.article_wrapper .fig-table-text{
    text-align: left;

}
.article_wrapper .fig-table-label{
    font-weight: bold;
}
.article_wrapper .caption-title{
    font-weight: bold;
}
.article_wrapper .subject-group-title{
    font-weight: bold;
    color: #444;
    font-size: 1em;
    margin-top: 10px;
}
.article_wrapper .document-title{
}
.article_wrapper .main-top-title,
.article_wrapper .main-top-title-trans{
    margin-top: 15px;
    margin-bottom: 5px;
    color: #444;
    font-size: 1.5em;
    font-weight: bold;
    font-family: 'Arvo',nanumgothic;
}
.article_wrapper .contrib-group{
    margin: 1em 0 1em 0;
}

.article_wrapper .disp-formula-label{
    /*margin-top: -2.5em;*/
    width: 10%;
    float: left;
    text-align: right;
    padding-top: 0.7em;
}
.article_wrapper .MathJax_SVG_Display{
    padding-left: 0;
    padding-right: 0;
    width: 85%;
    float: left;
}

.article_wrapper .disp-formula{
    font-size: 90%;
    box-shadow: none;
}

.article_wrapper .tooltip-bibr{
    max-width: 500px !important;
    font-size: 0.9em !important;
    text-indent: 0;
}
.article_wrapper .tooltip-bibr a{
    word-break: break-all;
    word-wrap: break-word;
    display: inline-block;
}
.article_wrapper .ui-widget-content a{
    color: blue !important;
}

.article_wrapper table th{
    background-color: #3ff;
}
.article_wrapper tr:nth-child(odd){
    background-color: #f9f9f9;
}
.article_wrapper tr:nth-child(even){
    background-color: #ffffff;
}
.article_wrapper table tr th{
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}
/*table tr:first-child th, table tr:first-child td { border-top: 1px solid #ccc;}*/

.article_wrapper div.table{
    display: table
}
.article_wrapper table{
    border-collapse: collapse;
    border: 1px solid #ddd;
    font-size: 0.9em;
}
.article_wrapper th,
.article_wrapper td{
    padding: 4px;
}


.article_wrapper div.fig,
.article_wrapper div.table-wrap{
    border: 1px solid #ccc;
    background-color: #f7f7f7;
    padding: 10px 20px;
    margin: 10px;
    overflow-x: auto;
    word-break: break-all;  /*단어가 길어서 표 내부에서 잘리는 문제 해결*/
}
.article_wrapper div.fig:after,
.article_wrapper div.table-wrap:after{
    display: block;
    clear: both;
    content: ""
}
.article_wrapper div.table-wrap  table{
    margin-top: 10px;
    margin-bottom: 10px;
    min-width: 100%;
}
.article_wrapper div.table-wrap-foot{
    text-align: left;
    font-size: 0.8em;
}

.article_wrapper div.fig_img_wrapper{
    float: left;
    width: 100%;

}

.article_wrapper .fig_img{
    /*cursor: pointer;*/
    width: 100%;
}
.article_wrapper div.fig img{
    width: 100%;
}
.article_wrapper div.fig-label{
    text-align: left;
}
.article_wrapper div.fig-table-text{
    display: table-cell;
    margin-bottom: 20px;
}
.article_wrapper .fig_inline{
    height: 1em;
}
/*190624 저자정보는 100px 갖도록 함*/
.article_wrapper .fig_bio{
    width: 100px;
}
.article_wrapper .app img{
    width: 90%;
}
.article_wrapper div.table-wrap  table{
    margin-top: 10px;
    margin-bottom: 10px;
    min-width: 100%;
}
.article_wrapper div.table-wrap-foot{
    text-align: left;
}
.article_wrapper div.footnote{
    margin-bottom: 15px;
}
.article_wrapper div.footnote .blockquote{
    margin-top: 5px;margin-bottom: 5px;
}
.article_wrapper .footnote p{
    margin: 0;
}

.article_wrapper .author-aff{
    display: none;
    background: #eee;

}
.article_wrapper .author-button{
    color: #369;
    cursor: pointer;
    margin-top: 20px;
    font-weight: bold;
    font-size: 1.1em;
}
.article_wrapper .author-button:hover{
    text-decoration: underline
}



.article_wrapper .fig-down-button,
.article_wrapper .table-down-button{
    font-family: arial;
    font-size: 0.8em;
    font-weight: bold;
    border-radius: 5px;
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 1px 10px;
    color: #17375e;
    cursor: pointer;
    float: right;
    margin-right: 30px;
    margin-top: 20px;
}
.article_wrapper .fig-down-button:hover,
.article_wrapper .table-down-button:hover{
    text-decoration: none;
    background-color: #dbeef4;
}


.article_wrapper .dialog-export-citation{
    font-size: 0.7em;
}
.article_wrapper .ui-dialog-title{
    font-size: 0.7em
}

.article_wrapper div.affiliation{
    margin-top: 2px
}
.article_wrapper div.corresponding-author{
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
}
.article_wrapper .epub-date{
    margin-bottom: 40px;
}
.article_wrapper .main-title{
    font-size: 1.2em;
    font-weight: bold;
    color: #036;
    margin-top: 20px;
}
.article_wrapper .section-title{
    font-size: 1.05em;
    font-weight: bold;
    color: #036;
}
.article_wrapper .subsection-title{
    font-weight: bold;
    color: #036;
}
.article_wrapper .subsubsection-title{
    font-weight: bold;
}

.article_wrapper .section > p,
.article_wrapper .abstract > p{
    text-indent: 1em;
    margin-bottom: 10px
}
.article_wrapper.ui-tooltip-content{
    text-indent: 0em;
    text-align: left;
}

.article_wrapper .keywords_title{
    font-weight: bold;
}




.article_wrapper .article_meta_data,
.article_wrapper .contrib-group,
.article_wrapper .history-date,
.article_wrapper .epub-date{
    font-size: 0.9em;
}

sub{
    position: static;
    vertical-align: sub;
}
sup{
    position: static;
    vertical-align: super;
}



#jr-fip-mg svg{
    width: 20px;
}


.article_wrapper .notes {
    margin-top: 20px;
}
.article_wrapper .notes{
    background-color: #dbeef4;
    border: 1px solid #ccc;
    padding: 10px;
    text-align: left;
}

.article_wrapper .boxed-text{
    background-color: #dbeef4;
    border: 1px solid #ccc;
    padding: 10px;
    text-align: left;
}



.article_wrapper .font_size_13 {
    font-size: 1.3em;
}

.article_wrapper .font_size_12 {
    font-size: 1.2em;
}

.article_wrapper .font_size_11 {
    font-size: 1.1em;
}

.article_wrapper .line_height_20 {
    line-height: 200%;
}

.article_wrapper .line_height_15 {
    line-height: 150%;
}

.article_wrapper .line_height_13 {
    line-height: 120%;
}

.article_wrapper .margin_bottom_10 {
    margin-bottom: 10px;
}

.article_wrapper .margin_bottom_20 {
    margin-bottom: 20px;
}

.article_wrapper .margin_bottom_30 {
    margin-bottom: 30px;
}

.article_wrapper .margin_bottom_40 {
    margin-bottom: 40px;
}

.article_wrapper .margin_top_5 {
    margin-top: 5px;
}

.article_wrapper .margin_top_10 {
    margin-top: 10px;
}

.article_wrapper .margin_top_20 {
    margin-top: 20px;
}

.article_wrapper .margin_top_30 {
    margin-top: 30px;
}

.article_wrapper .margin_top_40 {
    margin-top: 40px;
}
.article_wrapper .margin_left_10 {
    margin-left: 10px;
}

.article_wrapper .margin_left_20 {
    margin-left: 20px;
}

.article_wrapper .margin_left_30 {
    margin-left: 30px;
}

.article_wrapper .margin_left_40 {
    margin-left: 40px;
}
.article_wrapper .margin_right_10 {
    margin-right: 10px;
}

.article_wrapper .margin_right_20 {
    margin-right: 20px;
}

.article_wrapper .margin_right_30 {
    margin-right: 30px;
}

.article_wrapper .margin_right_40 {
    margin-right: 40px;
}

.article_wrapper .margin_10 {
    margin: 10px;
}

.article_wrapper .margin_20 {
    margin: 20px;
}

.article_wrapper .margin_30 {
    margin: 30px;
}

.article_wrapper .margin_40 {
    margin: 40px;
}
.article_wrapper .padding_bottom_10 {
    padding-bottom: 10px;
}

.article_wrapper .padding_bottom_20 {
    padding-bottom: 20px;
}

.article_wrapper .padding_bottom_30 {
    padding-bottom: 30px;
}

.article_wrapper .padding_bottom_40 {
    padding-bottom: 40px;
}

.article_wrapper .padding_top_10 {
    padding-top: 10px;
}

.article_wrapper .padding_top_20 {
    padding-top: 20px;
}

.article_wrapper .padding_top_30 {
    padding-top: 30px;
}

.article_wrapper .padding_top_40 {
    padding-top: 40px;
}
.article_wrapper .padding_left_0 {
    padding-left: 0;
}
.article_wrapper .padding_left_10 {
    padding-left: 10px;
}

.article_wrapper .padding_left_20 {
    padding-left: 20px;
}

.article_wrapper .padding_left_30 {
    padding-left: 30px;
}

.article_wrapper .padding_left_40 {
    padding-left: 40px;
}
.article_wrapper .padding_right_10 {
    padding-right: 10px;
}

.article_wrapper .padding_right_20 {
    padding-right: 20px;
}

.article_wrapper .padding_right_30 {
    padding-right: 30px;
}

.article_wrapper .padding_right_40 {
    padding-right: 40px;
}
.article_wrapper .padding_0 {
    padding: 0px;
}
.article_wrapper .padding_10 {
    padding: 10px;
}

.article_wrapper .padding_20 {
    padding: 20px;
}

.article_wrapper .padding_30 {
    padding: 30px;
}

.article_wrapper .padding_40 {
    padding: 40px;
}
.article_wrapper .color_red{
    color:red;
}