.page-section{padding-inline:0}@media (min-width:768px){.page-section{padding-inline:var(--content-spacing)}}.blog-wrapper{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;gap:20px;align-items:flex-start}@media (min-width:900px){.blog-wrapper{grid-template-columns:1fr 280px;grid-template-rows:auto}}.side-contents{box-sizing:border-box}@media (min-width:768px){.side-contents{border:1px solid #e2e2e2;border-top:none}}.side-title{background-color:#f5f5f5;border-top:1px solid #e2e2e2;line-height:60px;font-size:16px;font-weight:bold;text-align:center}.side-box{padding-inline:20px}.side-keywords{padding-block:20px;display:flex;flex-wrap:wrap;gap:5px}.side-keyword{border:1px solid #e2e2e2;border-radius:15px;padding:3px 10px 3px 28px;position:relative;box-sizing:border-box;display:flex;align-items:center;color:#333;text-decoration:none;font-size:16px;line-height:1.2}.side-keyword .tag{color:#d5d5d5;position:absolute;top:3px;left:3px;margin-left:4px;margin-top:3px;width:7px;height:7px;border-radius:1px 1px 1px 0px;border-left:solid 1px currentColor;border-top:solid 1px currentColor}.side-keyword .tag::before{content:'';position:absolute;color:#d5d5d5;left:1px;top:1px;width:9px;height:10px;border-radius:1px;border-left:solid 1px currentColor;border-right:solid 1px currentColor;border-bottom:solid 1px currentColor;transform:rotate(-45deg)}.side-keyword .tag::after{content:'';position:absolute;color:#d5d5d5;left:3px;top:3px;width:2px;height:2px;border-radius:50%;background-color:currentColor}.side-keyword:hover{color:var(--main-color);border-color:var(--main-color)}.side-keyword:hover .tag{border-color:var(--main-color)}.side-keyword:hover .tag::before{border-color:var(--main-color)}.side-keyword:hover .tag::after{background-color:var(--main-color)}.side-keyword-active{color:var(--main-color);border-color:var(--main-color)}.side-keyword-active .tag{border-color:var(--main-color)}.side-keyword-active .tag::before{border-color:var(--main-color)}.side-keyword-active .tag::after{background-color:var(--main-color)}.side-category-link{line-height:60px;text-align:left;font-size:14px;border-bottom:1px solid #e6e6e6;position:relative;display:block;text-decoration:none;text-indent:25px;color:#333}.side-category-link::before{content:'';position:absolute;top:50%;left:3%;width:6px;height:6px;border-right:2px solid var(--main-color);border-bottom:2px solid var(--main-color);transform:translate(-50%,-50%) rotate(-45deg);border-color:var(--main-color)}.side-category-link:hover{color:var(--main-color)}.side-category-item:last-child .side-category-link{border-bottom:none}.arcLabel{display:block;height:60px;line-height:60px;position:relative;font-size:14px;cursor:pointer;text-indent:10px}.arcLabel:hover{color:var(--main-color)}.arcLabel::after{content:'';position:absolute;top:50%;right:10%;width:6px;height:6px;border-right:2px solid var(--main-color);border-bottom:2px solid var(--main-color);transform:translate(-50%,-50%) rotate(45deg);transition:all 0.5s;transform-origin:center}.arcLabel.clicked::after{transform:translate(-50%,-50%) rotate(225deg)}.arcCheck{display:none}.sideArchiveList li:last-child .archiveMonthList{border-bottom:0}.sideInnerText{text-align:right;font-size:14px}.archiveMonthList li{margin:0 20px;height:0;line-height:40px;border:0;text-indent:30px;position:relative;overflow:hidden;transition:all 0.5s}.archiveMonthList li::before,.arcCheck:checked+.archiveMonthList li::before{content:'';position:absolute;top:50%;left:3%;width:6px;height:6px;border-right:2px solid var(--main-color);border-bottom:2px solid var(--main-color);transform:translate(-50%,-50%) rotate(-45deg)}.arcCheck:checked+.archiveMonthList li{height:40px;margin:0 20px;line-height:40px;opacity:1;text-indent:30px}.arcCheck:checked+.archiveMonthList li:last-child{margin:0 20px 10px}.archiveMonthList li a{display:block;width:100%;height:100%;text-decoration:none;color:#333333}.archiveMonthList li a:hover{color:var(--main-color)}