.contents_section{
counter-reset:subsection;
}

p.section_series{
font-family: 'Nanum Gothic', san-serif;
font-size:1rem;
text-indent:0px;
text-align:right;
}

p.section_title{
font-family: 'Jeju Gothic', san-serif;
font-size:1.5rem;
text-indent:0px;
}

p.toc{
font-family: 'Jeju Gothic', san-serif;
font-size:1.15rem;
}


p.subsection{
font-family: 'Jeju Gothic', san-serif;
font-size:1.15rem;
padding-top:1rem;
}

p.subsection:before{
counter-increment:subsection;
content: counter(subsection)". ";
}

sup{
line-height:1em;
color:red;
font-weight:bold;
font-style:normal;
margin-left:2px; margin-right:2px;
}

sub{
line-height:1em;
}

li.kolists{
font-size:1rem;
font-family: 'Nanum Gothic', san-serif;
text-align:justify;
line-height:160%;
list-style-position:inside;
margin-left:5%;
}

li.kolists_2{
font-size:1rem;
font-family: 'Nanum Gothic', san-serif;
text-align:justify;
line-height:160%;
list-style-type:square;
margin-left:5%;
list-style-position:outside;
}

li.kolists_3{
font-size:0.9rem;
font-family: 'Nanum Gothic', san-serif;
text-align:justify;
line-height:160%;
list-style-type:circle;
margin-left:10%;
list-style-position:outside;
}

table.kotable{
width:90%;
margin-left:5%;
margin-right:5%;
font-family: 'Nanum Gothic', san-serif;
text-align:center;
border:1px solid black;
}

table.kotable tr{
height:2em;
}

table.kotable tr:nth-child(1) {background-color: #000000; color:#FFFFFF;}
table.kotable tr:nth-child(even) {background-color: #f2f2f2;}

blockquote{
font-size:1rem;
line-height:160%;
font-family: 'Nanum Gothic', san-serif;
font-style:italic;
text-align:justify;
border-left:5px solid #cccccc;
width:90%;
margin:0 auto;
padding:10px;
margin-top:20px;
margin-bottom:20px;
box-shadow:2px 2px 5px 2px #eee;
}

blockquote:before{
color: #cccccc;
content: open-quote;
font-size: 4rem;
line-height: 0%;
margin-right: 1rem;
vertical-align: -1.3rem;
}

q{
font-size:0.9rem;
font-family: 'Nanum Gothic', san-serif;
text-align:justify;
border-top:5px solid black;
border-bottom:5px solid black;
width:80%;
margin:0 auto;
padding:10px;
box-shadow:0px 0px 5px 2px #eee;
}

figure{
width:100%;
margin-top:20px;
margin-bottom:20px;
}

figure.one img{
width:90%;
margin-left:5%;
margin-right:5%;
}

figure.one iframe{
width:90%;
height:300px;
margin-left:5%;
margin-right:5%;
}

figure.two img{
width:39%;
margin-left:5%;
margin-right:5%;
}



@media all and (min-width:768px){

figure.one img{
width:80%;
margin-left:10%;
margin-right:10%;
}

figure.one iframe{
width:80%;
height:300px;
margin-left:10%;
margin-right:10%;
}

}

@media all and (min-width:960px){

figure.one img{
max-width:60%;
width:expression(this.width<300?30%:true);
margin-left:20%;
margin-right:20%;
}

figure.one iframe{
max-width:60%;
height:300px;
width:expression(this.width<300?30%:true);
margin-left:20%;
margin-right:20%;
}

}



figure figcaption{
width:100%;
margin:0 auto;
font-size:0.9rem;
font-family: 'Nanum Gothic', san-serif;
text-align:center;
word-break:break-all;
}


.citations li{
font-size:0.8rem;
font-family: 'Nanum Gothic', san-serif;
text-align:left;
word-break:break-all;
list-style-type:none;
line-height:160%;
}

.koreferences{
display:-webkit-flex;
display:flex;
-webkit-justify-content:flex-end;
-moz-justify-content:flex-end;
justify-content:flex-end;
}

.koreferences a{
font-size:0.8rem;
}

.contents_section a:link {color:black; text-decoration:none;}
.contents_section a:visited {color:black; text-decoration:none;}
.contents_section a:hover {color:black; text-decoration:underline;}
.contents_section a:active {color:black; text-decoration:underline;}