.CurrentNow5{
color: #e5a900;
}

.CurrentNow5:hover{
color: #FFF;
}

.timeline .contents li{
font-weight:400;
}

.upbu {
background-image:url(../images/news/upbu.png); 
 background-repeat: no-repeat; 
 width:36px;
 height:36px;
 float:right;
margin-top:0.3%;
}

.downbu {
background-image:url(../images/news/downbu.png); 
 background-repeat: no-repeat; 
 width:36px;
 height:36px;
 float:right;
margin-top:0.3%;
}

.newsDate{
font-weight:800;
color:#595959;
margin-right:2%;
padding-left:1%;
float: left; 
width:15%;
}

.newsTitle{
float: left; 
width:80%;
}

.timeline{
margin: 0;
width: 100%;
height: auto;
float: left;
background-color:#ffffff;
margin-top:144px;
}

.timeline .contents {
width: 1000px;
height: auto;
padding: 0 5px;
margin: 45px auto;
box-sizing: border-box;
}

.timeline .contentsh2{
width:100%;
display:block;
margin-bottom:3%;
font-weight:300;
text-align:center;
color:#595959;
}

.timeline .contents .box {
width: 100%;
height: auto;
float: left;
margin: 0% 2%;
padding: 20px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
background-repeat: repeat-y; 
background-position: center 20px; 
display:block;
cursor: pointer;
padding-bottom:30px;
border-bottom:1px dotted #595959;
}

.timeline .contents .box:first-child {
border-top:1px dotted #595959;
}

.timeline .contents .box:hover {
background-color:white;
}

.timeline .contents h2 {
width: 100%;
float: left;
display: block;
color: #595959;
line-height: 1.5em;
margin-top:2%;
}

.Area1{
margin-top:1%;
}

.textArea1{
margin-top:-85px;
margin-left:550px;
text-align:left;
}

.textArea2{
margin-top:0px;
margin-right:0px;
text-align:left;
}

.textArea1 .title{
font-size:2.5em;
color:#595959;
}

.textArea1 span{
font-size:1.250em;
color:#595959;
line-height:1.250em;
font-weight:300;
}

.textArea2 span{
font-size:1.250em;
color:#595959;
line-height:1.250em;
font-weight:300;
}

.textArea2 .title{
color:#e5a900;
background-color:#f1f1f1;
font-size:2.5em;
padding:1% 3%;
}

.textArea2 .title:hover{
color:white;
background-color:#c9c9c9;
}

.block1{
margin:30px 0;
text-align:left;
line-height:1.250em;
font-size:1em;
padding:5px 0;
background-color:white;
}

.block1 ul {
list-style-position: outside;
list-style-type: none;
padding-left: 25px;
line-height:2em;
}

.block1 li{
border-bottom:1px dotted gray;
height:auto;
padding-top:8px;
padding-bottom:8px;
}

.block1 li:hover{
background-color:#f1f1f1;
}

.block1 a{
text-decoration:none;
color:#595959;
}

.timeline .contents .Area1 a{
text-decoration:none;
}

.news{
margin: 0;
margin-top:144px;
width: 100%;
height: auto;
float: left;
background-color:#fff;
}

.news .Photo{
float:left;
}

.news .contents {
width: 1000px;
height: auto;
padding: 0 5px;
margin: 45px auto;
box-sizing: border-box;
}

.news .contents h2{
padding-top:4%;
margin-bottom:0px;
font-weight:300;
color:#595959;
text-align:center;
}

.news .contents .sub{
width:100%;
margin-bottom:60px;
font-weight:300;
color:#595959;
text-align:center;
}

.news .contents .box {
width: 96%;
height: auto;
float: left;
margin: 1% 2%;
padding: 20px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
}

.news .contents .box h2 {
width: 100%;
float: left;
display: block;
color: #595959;
line-height: 1.5em;
margin: 15px 0 10px 0;
text-align:left;
}
.news .contents .box .Photo {
width: auto;
height: auto;
float: left;
color: #595959;
margin-right:2%;
margin-bottom:1%;
}
.news .contents .box span {
width: 100%;
float: left;
display: block;
font-weight:400;
color: #e5a900;
line-height: 1.5em;
 text-align:left;
}

.news .contents .box p {
display: block;
color: #595959;
line-height: 1.5em;
 text-align:left;
 margin-bottom:5%;
}

.news .contents .box .bold{
font-weight:500;
color: #595959;

}

.news a{
color:#f48d04;
}

.news a:hover{
text-decoration:none;
}

@media only screen and (max-width: 1024px) {
 .timeline .contents {
width: 768px;
margin: 35px auto;
 margin-top:0px;
}
.timeline .contents .box {
width: 100%;
margin: 0%;
padding: 15px;
}

.textArea1{
margin-left:0px;
margin-top:0px;
}

.textArea2{
margin-right:0px;
margin-top:0px;
}

.news .contents {
width: 768px;
margin: 35px auto;
}
.news .contents .box {
width: 98%;
margin: 1%;
padding: 15px;
}
}
@media only screen and (max-width: 768px) {
.upbu1{
 width:20px;
 height:20px;
 margin-top:1.5%;
 background-image:url(../images/news/upbu_s.png); 
}

.downbu1{
 width:20px;
 height:20px;
 margin-top:1.5%;
 background-image:url(../images/news/downbu_s.png); 
}

.upbu2{
 width:20px;
 height:20px;
 margin-top:1.5%;
 background-image:url(../images/news/upbu_s.png); 
}

.downbu2{
 width:20px;
 height:20px;
 margin-top:1.5%;
 background-image:url(../images/news/downbu_s.png); 
}

.upbu3{
 width:20px;
 height:20px;
 margin-top:1.5%;
 background-image:url(../images/news/upbu_s.png); 
}

.downbu3{
 width:20px;
 height:20px;
 margin-top:1.5%;
 background-image:url(../images/news/downbu_s.png); 
}

.upbu4{
 width:20px;
 height:20px;
 margin-top:1.5%;
 background-image:url(../images/news/upbu_s.png); 
}

.downbu4{
 width:20px;
 height:20px;
 margin-top:1.5%;
 background-image:url(../images/news/downbu_s.png); 
}

.upbu5{
 width:20px;
 height:20px;
 margin-top:1.5%;
 background-image:url(../images/news/upbu_s.png); 
}

.downbu5{
 width:20px;
 height:20px;
 margin-top:1.5%;
 background-image:url(../images/news/downbu_s.png); 
}

.upbu6{
 width:20px;
 height:20px;
 margin-top:1.5%;
 background-image:url(../images/news/upbu_s.png); 
}

.downbu6{
 width:20px;
 height:20px;
 margin-top:1.5%;
 background-image:url(../images/news/downbu_s.png); 
}

.upbu7{
 width:20px;
 height:20px;
 margin-top:1.5%;
 background-image:url(../images/news/upbu_s.png); 
}

.downbu7{
 width:20px;
 height:20px;
 margin-top:1.5%;
 background-image:url(../images/news/downbu_s.png); 
}

.upbu8{
 width:20px;
 height:20px;
 margin-top:1.5%;
 background-image:url(../images/news/upbu_s.png); 
}

.downbu8{
 width:20px;
 height:20px;
 margin-top:1.5%;
 background-image:url(../images/news/downbu_s.png); 
}

.upbu9{
 width:20px;
 height:20px;
 margin-top:1.5%;
 background-image:url(../images/news/upbu_s.png); 
}

.downbu9{
 width:20px;
 height:20px;
 margin-top:1.5%;
 background-image:url(../images/news/downbu_s.png); 
}

.upbu10{
 width:20px;
 height:20px;
 margin-top:1.5%;
 background-image:url(../images/news/upbu_s.png); 
}

.downbu10{
 width:20px;
 height:20px;
 margin-top:1.5%;
 background-image:url(../images/news/downbu_s.png); 
}

.timeline .contents {
width: 600px;
margin: 20px auto;
}
.timeline .contents .box {
width:100%;
margin: 0%;
padding: 10px;
}
.textArea1{
margin-left:0px;
margin-top:0px;
}

.textArea2{
margin-right:0px;
margin-top:0px;
}

.textArea1 .title{
font-size:2em;
}

.textArea1 span{
font-size:1em;
}

.textArea2 .title{
font-size:2em;
}

.textArea2 span{
font-size:1em;
}

.block1{
line-height:1.2em;
font-size:0.813em;
}


.block1 li{
padding-top:14px;
font-size:0.813em;
}

 .news.contents {
width: 600px;
margin: 20px auto;
}
.news.contents .box {
width: 98%;
margin: 1%;
padding: 10px;
}
.newsDate{
width:25%;
}

.newsTitle{
width:70%;
}
}
@media only screen and (max-width: 600px) {
.news{
margin-top:170px;
}

.textArea2 .title{
margin-left:5%;
}

.block1 li{
padding-top:18px;
line-height:1.3em;
font-size:0.813em;
}

.timeline .contents {
width: 100%;
margin: 20px auto;
}
.timeline .contents .box {
width: 98%;
margin: 0% 1px;
padding: 10px;
}

.textArea1 .title{
font-size:1.75em;
}

.textArea1{
margin-left:0%;
margin-top:0%;
}

.textArea2{
margin-right:0%;
margin-top:0%;
}
.news .contents {
width: 100%;
margin: 20px auto;
}
.news .contents .box {
width: 98%;
margin: 5% 1px;
padding: 10px;
}
}