#blog{background-image:url("../../../img/pc/top/top_bg.jpg");background-position:top center;padding-bottom:80px}#blog .topics-contents{width:1300px;background-color:white;margin:0 auto;padding:100px 0}#blog .topics-contents .inner{width:1100px}#blog .topics-contents .cont-ttl{font-size:15px;font-weight:bold;letter-spacing:1px;text-align:center}#blog .topics-contents .cont-ttl img{margin-bottom:30px}#blog .topics-contents .topics-list{display:flex;flex-wrap:wrap;gap:35px;margin-top:50px}#blog .topics-contents .topics-list .topics-cont{width:210px;cursor:pointer}#blog .topics-contents .topics-list .topics-cont .thum{height:210px;overflow:hidden}#blog .topics-contents .topics-list .topics-cont .thum img{height:100%;width:100%;object-fit: cover;}#blog .topics-contents .topics-list .topics-cont .thum.no-image{background-color:gray}#blog .topics-contents .topics-list .topics-cont .topic-inner{position:relative;padding:0 0px 10px;margin-top:15px}#blog .topics-contents .topics-list .topics-cont .topic-inner .new-label{position:absolute;display:inline-block;background-color:#1388BF;color:white;top:0;right:0px;width:80px;text-align:center;padding:4px 0;letter-spacing:1px;font-size:11px}#blog .topics-contents .topics-list .topics-cont .topic-inner .date{font-size:12px;color:#999;margin-bottom:15px;font-weight:bold;letter-spacing:1px;padding-top:4px}#blog .topics-contents .topics-list .topics-cont .topic-inner .cont-txt{font-size:16px;line-height:1.8;color:#222}#blog .topics-contents .topics-list .topics-cont .topic-inner .tag-list{display:flex;flex-wrap:wrap;margin-top:20px}#blog .topics-contents .topics-list .topics-cont .topic-inner .tag-list span{background-color:#F2F2F2;color:#808080;font-size:14px;padding:5px 10px;display:inline-block;margin-right:10px}#blog .topics-contents .topics-list .dumy{width:330px}#blog .about-more-wrap{background-color:white;display:flex;justify-content:center;align-items:flex-end;margin-top:200px;height:230px}#blog .about-more-wrap .more-cont{width:433px;cursor:pointer}#blog .about-more-wrap .more-cont .cont-ttl{text-align:center;color:#1288BE;font-size:16px;font-weight:bold;margin-top:15px;margin-bottom:40px}#blog .about-more-wrap .more-img{position:relative;height:240px;overflow:hidden}#blog .about-more-wrap .more-img img{height:100%}#blog .about-more-wrap .more-img p{position:absolute;color:white;left:0;right:0;bottom:12px;margin:auto;text-align:center;font-size:28px;letter-spacing:4px}

#blog ul {
    list-style: none;
    display: flex;
    justify-content: center;
}
#blog ul li {
    border: 3px solid #1388BF;
    background: #1388BF;
    margin: 0 0.5rem;
}
#blog ul li:hover {
    background: #fff;
}
#blog ul li a {
    color: #fff;
    font-weight: bold;
    font-size: 1.2rem;
    padding: 0.7rem 1rem;
    display: block;
}
#blog ul li a:hover {
    color: #1388BF;
}

#blog .topics-container {
    display: flex;
    gap: 50px;
}
#blog .topics-archive {
    flex: 1;
}