.header {
  position: fixed;
  background: white;
  border-bottom: 1px solid #ccc;
  left: 0;
  top: 0;
  padding: 0px 15px 0px;
}

.header .hNavi ul li a, .fix_page .header .hNavi ul li a {
  color: #333;
  display: block;
}

.header .hNavi .txt_top_left, .fix_page .header .hNavi .txt_top_left {
  color: #00577b;
}

.header #logo img, .fix_page .header #logo img {
  transform: translateY(-45px);
}

.header .gNavi li a, .fix_page .header .gNavi li a {
  color: #000!important;
}

.header .gNavi li .header_search, .fix_page .header .gNavi li .header_search {
  border-bottom-color: #00577b;
}

.header_icon img, .fix_page .header_icon img {
  transform: translateY(-16px);
}


.sec_1 {
  padding: 30px 0 40px;
  background: #fff;
  border-bottom: 1px solid #ebebeb;
}

.sec_1 .view_more {
  font-size: 12px;
  text-align: left;
  font-weight: 500;
  line-height: 1em;
  margin: 0px;
  color: #333;
  padding: 20px 5px 10px;
  display: block;
  border-top: 1px solid #ccc;
}

@media only screen and (min-width: 768px){
.sec_2 .container {
  display: block!important;
}
}

.sec_2 {
background: #fff!important;
}
.sec_3 {
border-top: 1px solid #ccc!important;
  padding-top: 80px!important;
}

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

.list_4 .item .des {
  margin-bottom: 0!important;
}
.sec_1 {
  padding-bottom: 20px;
}
#wrap {
  padding-top: 107px;
}

}


.des_label{
display: flex;
}
.des_label li{
display: inline-block;
padding: 3px 5px;
color: #fff;
font-size: 11px;
margin: 5px 5px 0 0;
}

.des_label li.-new{
background: #00c94f;
}
.des_label li.-popular{
background: #ef9e02;
}


.pagerListNav {
margin-top: 20px;
margin-bottom: 60px;
}

@media (max-width: 767px) {
.pagerListNav {
  margin-top: 10px;
  margin-bottom: 30px;
}
}

ul.pagerList {
display: flex;
justify-content: center;
list-style: none;
}

ul.pagerList li {
list-style: none;
}

ul.pagerList li > span, ul.pagerList li > a {
padding: 0 10px;
text-align: center;
display: block;
font-weight: normal;
color: #ccc;
font-size: 18px;
}

@media (max-width: 767px) {
ul.pagerList li > span, ul.pagerList li > a {
  font-size: 13px;
}
}

ul.pagerList li.current > span {
color: #1b1b1b;
font-weight: bold;
}

.sec_1 .container,
.sec_2 .container,
.breadcrumb .container,
.searchbox.pcOnly .container,
#footer .container {
  max-width: 1280px;
  padding: 0;
}

@media only screen and (min-width: 768px) {
  .sec_2 .container .list_4 .item{
    width: calc(100% / 5);
    padding: 6px;
  }

  .sec_2 .container .list_4 .item:first-child {
    margin: -6px -1px 0px -1px;
  }
}