@charset "UTF-8";
/* =====================
  reset
===================== */
.second-head{
    padding: 67px 46px 24px;
}

/* =====================
  article1
===================== */
.news-contents main article[data-id="1"]{
    padding-top: 63px;
    padding-bottom: 80px;
}
/* unit1 */
.news-contents main article[data-id="1"] .unit[data-id="1"] .time{
    color: #a2a2a2;
    font-size: 13px;
    line-height: 1;
}
.news-contents main article[data-id="1"] .title{
    font-size: 22px;
    margin-top: 1.2em;
}
.news-contents main article[data-id="1"] .figure{
    margin-top: 3em;
}
.news-contents main article[data-id="1"] .figure img{
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}
.news-contents main article[data-id="1"] .body{
    padding-top: 6em;
    padding-bottom: 6em;
    border-bottom: 1px dotted #b6b6b6;
}
/* unit2 */
.news-contents main article[data-id="1"] .unit[data-id="2"]{
    display: flex;
    justify-content: center;
    font-size: 13px;
    margin-top: 5em;
}
.news-contents main article[data-id="1"] .unit[data-id="2"] a{
    position: relative;
    display: block;
    justify-content: center;
    align-items: center;
    border: 1px solid #a8a7a5;
    line-height: 1;
    padding: 10px 13px;
    min-width: 38px;
    min-height: 38px;
    transition: all 250ms ease 0s;
}
.news-contents main article[data-id="1"] .unit[data-id="2"] .prev::before,
.news-contents main article[data-id="1"] .unit[data-id="2"] .next::before{
    content: '';
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: var(--arrowNP);
    width: 6px;
    height: 9px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}
.news-contents main article[data-id="1"] .unit[data-id="2"] .prev::before{
    transform:translate(-50%,-50%) scale(-1,1);
}
.news-contents main article[data-id="1"] .unit[data-id="2"] .prev:hover::before,
.news-contents main article[data-id="1"] .unit[data-id="2"] .next:hover::before{
    background-image: var(--arrowNPWhite);
}
.news-contents main article[data-id="1"] .unit[data-id="2"] a:hover{
    background: var(--black);
    color: #fff;
    border: 1px solid var(--black);
}
.news-contents main article[data-id="1"] .unit[data-id="2"] a.disable{
    visibility: hidden;
    pointer-events: none;
}
.news-contents main article[data-id="1"] .unit[data-id="2"] a:nth-child(2){
    margin: 0 25px;
    min-width: 148px;
    text-align: center;
}