.sp-header { background:url(../img/news/header.jpg) top center; background-size:cover; height:200px;}
.sp-header.event { background:url(../img/event/header.jpg) top center;}

.textTitleBar.hn {white-space: nowrap;}

.sec4 { padding-top:40px; padding-bottom:100px; background: #fff; text-align:left;overflow:hidden; position:relative;}
.sec4 .sp-box-title { width:1366px; margin: 0 auto; text-align: center;}
.sec4 .sp-box-title.upcoming { margin-bottom:40px;}
.sec4 .sp-box-title h1 { font-size:52px; line-height:52px; font-weight:normal; font-family: 'webfont2'; color:#006d66; margin-bottom:10px;}
.sec4 .sp-box-title h2 { font-size:24px; line-height:26px; font-weight:normal; font-family: 'webfont'; color:#6a6a6a; margin-bottom:20px;}
.sec4 .sp-box-title .box-title { display: flex;flex-wrap: wrap; margin-bottom:40px; margin-top:10px; border-bottom:4px solid #006f66;}
.sec4 .sp-box-title .box-title .col-a { width:70%; text-align:left;}
.sec4 .sp-box-title .box-title .col-a h3 { font-size:30px; line-height:30px; font-weight:normal; font-family: 'webfont'; color:#006633; margin-bottom:20px;}
.sec4 .sp-box-title .box-title .col-b { width:30%; text-align:right;}
.sec4 .sp-box-title .box-title .col-b a { font-size:20px; line-height:26px; font-weight:normal; font-family: 'webfont'; color:#969696;}
.sec4 .sp-box-title .box-title .col-b a i { font-size:14px; margin-left:5px;}
.sec4 .sp-box-title ul.sp-highlight {display: flex;flex-wrap: wrap; padding:0; margin:0; margin-top:40px; margin-bottom:40px;  list-style:none;}
.sec4 .sp-box-title ul.sp-highlight li { text-align:center;}
.sec4 .sp-box-title ul.sp-highlight li a { cursor:pointer;}
.sec4 .sp-box-title ul.sp-highlight li a button {background:#fff; border-radius:35px; color:#555555; padding:12px 30px; margin-right:10px; border:none; font-size:25px; font-weight:normal; font-family: 'webfont'; -webkit-transition:ease-out 0.2s; transition:ease-out 0.2s;}
.sec4 .sp-box-title ul.sp-highlight li a:hover button {background:#006633; color:#fff; -webkit-transition:ease-out 0.2s; transition:ease-out 0.2s;}

.sec4 ul.regular02 {padding:0; margin:0; list-style:none; display: flex;flex-wrap: wrap; width:100%;}
.sec4 ul.regular02.a { margin-bottom:20px;}
.sec4 ul.regular02 li { width:33.33%; margin-bottom:30px;}
.sec4 ul.regular02 li .sp-news { position:relative; margin-left:20px; margin-right:20px;}
.sec4 ul.regular02 li .sp-news button.sp-tag { background:#8dc61f; border-radius:10px; color:#fff; padding:2px 10px; width:60px; border:none; font-size:18px; font-weight:normal; font-family: 'webfont'; position:absolute; right:-10px; top:20px;}
.sec4 ul.regular02 li .sp-news button.sp-tag.red { background:#ff0000;}
.sec4 ul.regular02 li .sp-news img { width:100%; border-radius:20px 20px 0 0;}
.sec4 ul.regular02 li .sp-news .sp-box { background:#f2f2f2; padding:20px;  border-radius:0 0 20px 20px;}
.sec4 ul.regular02 li .sp-news .sp-box .sp-text {}
.sec4 ul.regular02 li .sp-news .sp-box .sp-text a h5 {font-size:24px; line-height:24px; font-weight:normal; font-family: 'webfont'; color:#555; height:70px; overflow:hidden; margin-bottom:10px;}
.sec4 ul.regular02 li .sp-news .sp-box .sp-row {display: flex;flex-wrap: wrap;}
.sec4 ul.regular02 li .sp-news .sp-box .sp-row .col-a { width:50%; text-align:left; font-size:18px; line-height:18px; font-weight:normal; font-family: 'webfont'; color:#999; }
.sec4 ul.regular02 li .sp-news .sp-box .sp-row .col-b { width:50%; text-align:right;}
.sec4 ul.regular02 li .sp-news .sp-box .sp-row .col-b a {font-size:18px; line-height:18px; font-weight:normal; font-family: 'webfont'; color:#999; cursor:pointer;}

ul.sp-highlight {display: flex;flex-wrap: wrap;justify-content: center; padding:0; margin-top:30px; margin-bottom:40px; list-style:none;}
ul.sp-highlight li { text-align:center;}
ul.sp-highlight li a { cursor:pointer;}
ul.sp-highlight li a button {background:#c0c0c0; border-radius:35px; color:#fff; padding:12px 30px; margin-right:10px; border:none; font-size:25px; font-weight:normal; font-family: 'webfont'; -webkit-transition:ease-out 0.2s; transition:ease-out 0.2s;}
ul.sp-highlight li a:hover button {background:#006633; color:#fff; -webkit-transition:ease-out 0.2s; transition:ease-out 0.2s;}
ul.sp-highlight li a.active button {background:#006633; color:#fff;}


.sp-box-news { overflow: auto; margin-bottom:20px; padding-bottom:20px; }
.sp-box-news ul.sp-highlight-news {display: flex;flex-wrap: wrap;justify-content: center; padding:0; margin-top:30px;list-style:none;}
.sp-box-news ul.sp-highlight-news li { text-align:center;}
.sp-box-news ul.sp-highlight-news li a { cursor:pointer;}
.sp-box-news ul.sp-highlight-news li a button {background:#c0c0c0; border-radius:35px; color:#fff; padding:12px 30px; margin-right:10px; border:none; font-size:25px; font-weight:normal; font-family: 'webfont'; -webkit-transition:ease-out 0.2s; transition:ease-out 0.2s;}
.sp-box-news ul.sp-highlight-news li a:hover button {background:#006633; color:#fff; -webkit-transition:ease-out 0.2s; transition:ease-out 0.2s;}
.sp-box-news ul.sp-highlight-news li a.active button {background:#006633; color:#fff;}

.pager-item > * { font-size: 22px;}


.box-selectpicker { display:none; text-align:center; margin:30px 0;}
.box-selectpicker select {
    background: #e4e4e4;
    padding: 5px 20px;
    border: none;
    border-radius: 25px;
    font-size: 20px;
    line-height: 24px;
    font-weight: normal;
    font-family: 'webfont';
    color: #111111;
	}
.box_gallery {}
.box_gallery ul { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.box_gallery ul > li { width: 166px; margin: 5px;}

.box_video {}
.box_video ul { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.box_video ul > li { width: 45%;}

.box_password {}
.box_password form { display: flex; align-items: center; justify-content: flex-start;}
.box_password .txtpassword { font-size: 16px; color: #F00;}

form.innersearch { display: flex; align-items:stretch; justify-content:flex-start; flex-wrap: wrap; margin: 0 0 0 20px;}
form.innersearch > .formSelect { padding: 4px;}
form.innersearch > .formInput {}
@media screen and (max-width:1440px) {

}

@media screen and (max-width:1366px) {
.sec4 .sp-box-title { width:90%;}
}

@media screen and (max-width:1280px) {
ul.sp-highlight li {
    margin-bottom: 10px;
}
}

@media screen and (max-width:1024px) {
.sec4 .sp-box-title { width:95%;}
.sec4 .sp-box-title h3 {  font-size: 46px;}
.sp-box-news { width:90%; margin:0 auto;}
.sp-box-news ul.sp-highlight-news {width:986px;}
}

@media screen and (max-width:768px) {
  .box-selectpicker { display: block;}
  .sp-box-news { display:none;}
  form.innersearch { display: flex; align-items:stretch; justify-content:center; flex-wrap: wrap; margin: 0 0 0 0;}
  form.innersearch > .formInput { margin: 10px 0 0 0;}
  form.innersearch > button[type=submit] { margin: 10px 0 0 0;}

}

@media screen and (max-width:737px) {

}

@media screen and (max-width:560px) {
.sec4 {  background-size: cover;}
.sec4 .sp-box-title h3 { font-size: 30px; line-height:30px;}
.sec4 .sp-box-title h3 span { font-size: 20px;}
.sec4 .sp-box-title ul.sp-highlight li { width: 100%; margin-bottom:10px;}
.sec4 .sp-box-title ul.sp-highlight li a button { width: 100%;}

.sec4 ul.regular02 li {
    width: 100%;
}
ul.sp-highlight li {
    width: 100%;
}
ul.sp-highlight li a button {
    width: 90%;
	margin-right:0px
}


}

@media screen and (max-width:414px) {

}

@media screen and (max-width:375px) {

}