#wrap {
   margin-bottom: 0
}

.date {
   text-align: right;
   font-family: 'Nunito', sans-serif;
   font-weight: bold;
   font-size: 16px;
   font-size: 1.6rem;
   color: #9CACB4;
   position: relative
}

.date:before {
   position: absolute;
   content: '';
   width: calc(100% - 100px);
   height: 1px;
   background: #D1D7D9;
   left: 0;
   top: 12px
}

@media (max-width: 767px) {
   .date:before {
      width: calc(100% - 93px);
      top: 11px
   }
}

.date:after {
   position: absolute;
   content: '';
   width: 0;
   height: 1px;
   left: 0;
   top: 12px;
   transition: all 0.3s;
   z-index: 2;
   background-color: #d9ae1c;
}

@media (min-width: 768px) {
   .main-content {
      padding-bottom: 120px
   }

   .main-content .main-bg {
      top: 329px;
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none;
      height: calc(100% - 689px)
   }

   .main-content::after {
      bottom: 31px
   }
}

.sidebar-list li {
   position: relative
}

.sidebar-list li input {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   opacity: 0;
   cursor: pointer;
   z-index: 1
}

@media only screen and (min-width: 1025px) {
   .sidebar-list li input:hover+label {
      opacity: 1;
      color: #09C0E2
   }
}

.sidebar-list li.current label {
   color: #09c0e2
}

.sidebar-list li label {
   font-size: 15px;
   font-size: 1.5rem;
   letter-spacing: .05em;
   font-weight: 500;
   color: #262626;
   padding-left: 26px;
   position: relative;
   display: block;
   -webkit-transition: .3s;
   -moz-transition: .3s;
   -ms-transition: .3s;
   -o-transition: .3s;
   transition: .3s
}

.sidebar-list li label:before {
   position: absolute;
   content: "";
   background: url("../images/common/icon/ico_arrow.svg") no-repeat;
   background-size: 100% 100%;
   width: 16px;
   height: 16px;
   left: 0;
   top: 4px
}

@media (max-width: 767px) {
   .sidebar-list li label {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis
   }

   .sidebar-list li label br {
      display: none
   }
}

.list-archive-2 li:not(.current) a:before {
   transform: rotate(-90deg);
   transition: all 0.3s
}

.list-archive-2 li a,
.list-archive-2 li label {
   font-family: 'Nunito', sans-serif;
   font-weight: bold
}

.list-archive-2 li a:before,
.list-archive-2 li label:before {
   top: 2px
}

.list-archive-2 li a.hide-archives:before,
.list-archive-2 li label.hide-archives:before {
   transform: rotate(90deg)
}

.list-archive-2 li a.open-archives+.sub,
.list-archive-2 li label.open-archives+.sub {
   display: block
}

.list-archive-2 li .sub {
   display: none;
   margin-top: 6px;
   margin-left: 17px
}

.list-archive-2 li .sub li {
   margin-bottom: 0
}

.list-archive-2 li .sub li a:before,
.list-archive-2 li .sub li label:before {
   display: none
}

.list-archive-2 li .sub li a:after,
.list-archive-2 li .sub li label:after {
   position: absolute;
   content: '';
   width: 10px;
   height: 1px;
   background: #09C0E2;
   top: 9px;
   left: 9px
}

@media (max-width: 767px) {
   .page-single .list-posts .item-post {
      margin-bottom: 30px
   }

   .page-single .list-posts .item-post .date {
      bottom: 16px
   }

   .page-single .main-content .content-right {
      margin-top: -90px
   }
}
.author-box{
   background-color:#fff;
   display:grid;
   padding-right:28px;
   border-radius: 20px;
}
 .author-img{
   grid-column: 1 / 2;
   grid-row: 1 / 3;
   width:148px;
   margin: 20px 28px 20px 25px;
   border-radius: 20px;
 }
 
 .author-box .name{
   grid-column: 2 / 3;
   grid-row: 1 / 2;
   margin: 22px 0 8px 0;
   border-bottom:1px dotted #c7c7c7;
   padding-bottom: 5px;
 }
 .author-box h2{
   margin: 5px 0;
 }
 .author-box ul{
   list-style-type: disc;
   margin-left: 30px;
 }
 .author-box li::marker{
   list-style-type: disc;
   color: #c1c1c1;
   margin-left: 30px;
 }
 .author-box a{
   position: relative;
   margin-top: 14px;
   display: inline-block;
 }
 .author-box a:hover{
   color: #09C0E2;
 }

 .author-box a::after{
    content: '';
    position: absolute;
    top: calc(50% + 1px);
    right: -28px;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    background-image: url(../images/common/icon/ico_down01.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(0,0,0,0);
    background-size: contain;
    transition: .3s;
 }
 .author-box a:hover::after{
   background-image: url(../images/common/icon/ico_link01_hover2.svg);
   transition: .3s;
}
.author-desc{
   margin-bottom: 15px;
}
 .about-author{
   grid-column: 2 / 3;
   grid-row: 2 / 3;
   font-size:14px;
   margin: 0 0 15px 0;
 }
 .author-link-wrapper {
   text-align: right;
   margin-right: 40px;
}

.single .pagingDt a.prev,
.single .pagingDt a.next {
   width: 120px;
   height: 50px;
   line-height: 50px;
   text-align: center;
   background: #0b408a;
   color: #fff;
   -webkit-border-radius: 100px;
   -moz-border-radius: 100px;
   -ms-border-radius: 100px;
   -o-border-radius: 100px;
   border-radius: 100px;
   font-size: 16px;
   font-size: 1.6rem;
   font-weight: bold;
   letter-spacing: 1.5px
}
.single .pagingDt a.prev:hover,
.single .pagingDt a.next:hover{
    background-color: #F8334A;
}
.single .pagingDt a.prev{
   padding: 0 20px 0 40px;
}
.single .pagingDt a.next{
   padding: 0 40px 0 20px;
}
.page-navi-bottom{
   display: flex;
   justify-content: center;
}
.page-navi-bottom .page-numbers li:last-of-type{
   display: none;
}
@media (max-width: 599px) {
   .wcm02 {
      padding: 0px;
   }
   .top-list__wrap {
      padding: 33px 0 73px;
   }
   .top-list__col {
      padding: 0;
      max-width: 100%;
   }
}