@charset "utf-8";


/***** Thumnail-list *****/
.site-list{margin-bottom: 50px;}
.site-list > ul{display: grid;grid-template-columns: 1fr 1fr;padding: 45px 45px 20px 45px;border: 1px solid #ddd;gap: 0 50px;}
.site-list > ul > li{position: relative;}
.site-list > ul > li a{transition: all ease .3s;display: block;position: relative;}
.site-list > ul > li strong{text-overflow: ellipsis;white-space: nowrap;border-bottom: 1px dotted #656565;overflow: hidden;display: block;font-size: 22px;font-family: 'Noto Medium';color:#212121;position: relative;margin-bottom: 40px;padding-bottom: 30px;padding-left: 20px;}
.site-list > ul > li strong:before{content:'';width:7px;height:7px;display:block;background-color:#8b0029;position:absolute;left: 0px;top: 18px;border-radius:100%;}
.site-list > ul > li .homepage{display: block;width: 25px;height: 25px;text-indent: -9999px;background: #8b0029 url(./../images/home-icon.png) center no-repeat;border-radius: 5px;position: absolute;right: 0;top: 10px;}
.site-list > ul > li:nth-last-child(-n+2) strong{margin-bottom:0; border-bottom:none;}



@media screen and (max-width:767px){
    .site-list > ul{grid-template-columns: 1fr;}
    .site-list > ul > li strong{margin-bottom:20px; padding-bottom: 20px;}
    .site-list > ul > li:nth-last-child(2) strong{border-bottom: 1px dotted #656565; margin-bottom:20px;}
    .site-list > ul > li:nth-last-child(1) strong{padding-bottom:0;}
}

/***** btn *****/
.board-list .btns{text-align: right;margin-top: -30px;}
.btnsNormal{padding:0;}
.btns a,
.btns button,
.btns input{cursor: pointer;color:#fff; padding: 12px 42px;border-radius: 5px;border:0;font-family: 'Noto Regular';font-size:18px;}
.board-list .btns .floatL{float:left;}
.board-list .btns .floatR{float:right;}
.btn-c01{background: #717074;}
.btn-c02{background: #000;}
.btn-c03{background: #8b0029;}
.btn-c04{background: #ae9b60;}

.btn-mine{display:inline-block;}
.btn-control{display:inline-block;}

@media screen and (max-width:1200px){
    .btns a,
    .btns button,
    .btns input{padding:8px 22px;font-size: 15px;}
    .board-list .btns{text-align: center;}
    .board-view .btns{padding: 55px 0;}
}