.blogs-page{padding-top:120px}.blogs-page section[name=title] .title{text-align:center;margin-bottom:45px;font-size:48px}.blogs-page section[name=title] .tag-list{flex-direction:row;justify-content:center;align-items:center;width:100%;display:inline-flex}.blogs-page section[name=title] .tag{text-align:center;cursor:pointer;margin:0 20px;font-family:FontTitle;font-size:24px}.blogs-page section[name=title] .tag.selected{text-decoration:underline}.blogs-page section[name=slider]{padding:30px 0}.blogs-page section[name=slider] .container{max-width:1080px}.blogs-page section[name=slider] .slider{flex-direction:column;justify-content:center;align-items:center;width:100%;height:auto;display:inline-flex;position:relative}.blogs-page section[name=slider] .slider .slides{white-space:nowrap;width:100%;height:auto;font-size:0;display:inline-block;overflow:hidden}.blogs-page section[name=slider] .slider .slide{vertical-align:top;white-space:normal;cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:row;justify-content:flex-start;align-items:flex-start;width:100%;height:auto;display:inline-flex}.blogs-page section[name=slider] .slider .arrow{cursor:pointer;z-index:5;background-position:50%;background-repeat:no-repeat;background-size:auto 26px;width:30px;height:30px;transition:all .2s ease-in-out;display:inline-block;position:absolute;top:calc(50% - 15px)}.blogs-page section[name=slider] .slider .arrow.left{background-image:url(/images/slider-left.png);left:-45px}.blogs-page section[name=slider] .slider .arrow.right{background-image:url(/images/slider-right.png);right:-45px}.blogs-page section[name=slider] .blog-slide{cursor:pointer;flex-direction:row;justify-content:flex-start;align-items:flex-start;width:100%;display:inline-flex;position:relative}.blogs-page section[name=slider] .blog-slide .cover-bg{background-color:var(--theme-color-green);object-fit:cover;aspect-ratio:1.5;width:50%;height:auto;margin-top:20px}.blogs-page section[name=slider] .blog-slide .cover-bg .cover{object-fit:cover;width:100%;height:100%;transform:translate(-15px,-15px)}.blogs-page section[name=slider] .blog-slide .detail{flex-direction:column;flex:1;justify-content:flex-start;align-items:flex-start;width:auto;padding-right:30px;display:inline-flex}.blogs-page section[name=slider] .blog-slide a{text-decoration:none}.blogs-page section[name=slider] .blog-slide .name{color:#000;text-align:left;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;font-family:FontTitle;font-size:24px;font-weight:600;display:-webkit-box;overflow:hidden}.blogs-page section[name=slider] .blog-slide .name:hover{text-decoration:underline}.blogs-page section[name=slider] .blog-slide .attr{color:#000;text-align:left;letter-spacing:1px;margin-top:15px;font-size:12px}.blogs-page section[name=slider] .blog-slide .desc{color:#000;text-align:left;-webkit-line-clamp:10;text-overflow:ellipsis;-webkit-box-orient:vertical;width:100%;margin-top:15px;font-size:16px;line-height:1.6em;display:-webkit-box;overflow:hidden}.blogs-page section[name=slider] .blog-slide a{width:100%;height:100%;display:inline-block;position:absolute;top:0;left:0}.blogs-page section[name=blog]{padding:30px 0}.blogs-page section[name=blog] .container{max-width:1080px}.blogs-page section[name=blog] .title{text-align:left;border-bottom:1px solid #000;flex-direction:row;justify-content:flex-start;align-items:center;margin-bottom:15px;padding-bottom:15px;font-size:30px;display:inline-flex}.blogs-page section[name=blog] .title .more{text-align:right;cursor:pointer;margin-left:auto;font-family:FontTitle;font-size:24px;text-decoration:underline}.blogs-page section[name=blog] .blog-row{flex-direction:row;justify-content:flex-start;align-items:flex-start;width:100%;display:inline-flex}.blogs-page section[name=blog] .blog-main{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:flex-start;width:50%;padding-right:60px;display:inline-flex}.blogs-page section[name=blog] .blog-main .thumbnail{aspect-ratio:.666667;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:auto;display:inline-block}.blogs-page section[name=blog] .blog-main .name{color:#000;text-align:left;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-top:15px;font-family:FontTitle;font-size:28px;font-weight:600;display:-webkit-box;overflow:hidden}.blogs-page section[name=blog] .blog-main .attr{color:#000;text-align:left;letter-spacing:1px;margin-top:15px;font-size:14px}.blogs-page section[name=blog] .blog-main .desc{color:#000;text-align:left;-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;width:100%;margin-top:15px;font-size:18px;line-height:1.6em;display:-webkit-box;overflow:hidden}.blogs-page section[name=blog] .blog-main a{width:100%;height:100%;display:inline-block;position:absolute;top:0;left:0}.blogs-page section[name=blog] .blog-list{flex-flow:wrap;justify-content:flex-start;align-items:flex-start;width:100%;padding-left:30px;display:inline-flex}.blogs-page section[name=blog] .blog-item{width:222px;margin-right:15px}.blogs-page section[name=blog] .blog-list[data-tag=more]{padding:0}.blogs-page section[name=blog] .blog-list[data-tag=more] .blog-item{width:23%;margin-right:2%}@media only screen and (max-width:480px){.blogs-page section[name=title] .title{font-size:36px}.blogs-page section[name=title] .tag-list{flex-wrap:wrap}.blogs-page section[name=title] .tag{margin:0 12px;font-size:18px}.blogs-page section[name=slider]{padding:0}.blogs-page section[name=slider] .container{padding:0 30px}.blogs-page section[name=slider] .slider .slide{flex-direction:column-reverse}.blogs-page section[name=slider] .slider .arrow.left{left:-30px}.blogs-page section[name=slider] .slider .arrow.right{right:-30px}.blogs-page section[name=slider] .blog-slide .cover-bg{width:100%;margin-top:0}.blogs-page section[name=slider] .blog-slide .cover-bg .cover{height:auto;transform:unset;aspect-ratio:1.6}.blogs-page section[name=slider] .blog-slide .detail{flex:none;width:100%;margin-top:15px;padding-right:0}.blogs-page section[name=slider] .blog-slide .desc{-webkit-line-clamp:4}.blogs-page section[name=blog] .title{padding:0 15px 12px;font-size:24px}.blogs-page section[name=blog] .title .more{font-size:20px}.blogs-page section[name=blog] .blog-row{flex-direction:column;padding:0 15px}.blogs-page section[name=blog] .blog-main{width:100%;margin-bottom:30px;padding-right:0}.blogs-page section[name=blog] .blog-list{padding:0}.blogs-page section[name=blog] .blog-item{width:100%;margin-bottom:15px;margin-right:0}.blogs-page section[name=blog] .blog-list{flex-direction:column}.blogs-page section[name=blog] .blog-list[data-tag=more]{padding:0 15px}.blogs-page section[name=blog] .blog-list[data-tag=more] .blog-item{width:100%;margin-right:0}}@media only screen and (min-width:1601px){.blogs-page section[name=blogs] .blog-item{width:32%;margin-bottom:20px;margin-right:2%}.blogs-page section[name=blogs] .blog-item:nth-child(3n){margin-right:0}}