#contents {
	margin: 0 auto;
	background-size:98.7%;

}

.partBox {
	width: 50%;
	float: left;
	margin-bottom:40px;
}
.scriptBox {
	margin-top: 20px;
	height: auto;
}
.textBox {
	width: 90%;
	height: auto;
	margin-left: 8px;
	float: left;
	margin-bottom: 30px;
    
}
.textBox * { 
	font-weight: 300;
    font-size: 22px;
}
.textBox strong {
	font-weight: 600;
}
.textBox > hr {
    margin-top: 20px;
}
.numBox {
	float: left;
	font-size: 23px;
	color: #999;
}
.foreign {
	letter-spacing: -0.4px;
	font-size: 22px;
}

.pronunciation {
    font-weight: 400;
}
.pronunciation {
	font-size: 14px;
	margin:7px 0 0;
} 
.scriptBox hr {
	width: 95%;
}
.korean {
	font-size: 16px;
	color: #999;
	letter-spacing: -0.3px;
	line-height:22px;
}
#contents h3 {
	line-height: 26px;
	text-align: center;
	padding: 0 0 80px;
	font-size: 18px;
}

#contents .in {
	width: 85%;
	margin: 0 auto;
	text-align: left;
	padding: 50px 60px;

}


#contents .in2 {
	width: 85%;
	margin: 0 auto;
	text-align: left;
	padding: 0 60px;

}


#contents .part1 {
	width: 100%;
	margin:0 auto;
	height: 100%;

}

#contents .part1 h1 {
	padding-bottom: 30px;

}

#contents .part1 p {
	font-size: 18px;
}



#contents .part2 {
    height: 100%;
}


#contents .part2 h1 {
	padding-bottom: 10px;

}

#contents .part2 h2 {
	color: #92a15a;
	text-decoration: underline;
	text-align: center;
	padding: 60px 0 15px;
}

#contents .part2 p {
	font-size: 18px;
}


#contents .part3 h3 {
	padding: 10px 0;
}


.mobile-width > p {
	float: left;
}

#contents .block1 {padding:30px 60px 0;

}

#contents .block2 {padding:8px 0 0 60px;

}

#contents .title h3 {text-align:center; padding: 60px 0 20px;}





@media all and (min-width: 638px) and (max-width: 750px) {
 #contents {
}
 #contents .part1 {height:auto;  float: left}
 #contents .part2 {height:auto; float: left}

}


@media all and (min-width: 361px) and (max-width: 637px) {
  #contents {
}
  #contents .part1 {height:auto;  float: left}
  #contents .part2 {height:auto;  float: left}
  #contents .title h3 {font-size: 15px;}
  #contents h3 {font-size: 15px;}



}


@media all and (min-width: 280px) and (max-width: 414px) {
  #contents {
}
  #contents .part1 {height:auto;  float: left}
  #contents .part2 {height:auto;  float: left}
  #contents .title h3 {font-size: 15px;}
  #contents h3 {font-size: 15px;}
  .numBox{ font-size:18px; margin:4px 0; }
  .foreign{ font-size: 18px; letter-spacing: 0.2px;}
  .pronunciation{ font-size: 12px;}
  .korean{ font-size: 14px; }


}