.bloglist-with-banner-wrap{display:grid;grid-template-columns:1fr;gap:20px;padding-bottom:32px}@media(min-width: 768px)and (max-width: 992px){.bloglist-with-banner-wrap{padding-bottom:60px}}@media(min-width: 1025px){.bloglist-with-banner-wrap{grid-template-columns:1fr .99fr}}.bloglist-with-banner-wrap .blog-list-wrap{padding-top:1px;padding-bottom:2px}@media(min-width: 768px){.bloglist-with-banner-wrap .blog-list-wrap{padding-bottom:0px;padding-top:25px}}@media(min-width: 1024px){.bloglist-with-banner-wrap .blog-list-wrap{padding-bottom:44px;flex:0 0 42.3%}}.bloglist-with-banner-wrap .blog-list-wrap picture{display:block}.bloglist-with-banner-wrap .blog-list-wrap img{display:block;object-fit:cover}.bloglist-with-banner-wrap .blog-list-wrap .blog-list{display:grid;grid-template-columns:112px 1fr;gap:12px}@media(min-width: 768px){.bloglist-with-banner-wrap .blog-list-wrap .blog-list{gap:28px;grid-template-columns:150px 1fr}}.bloglist-with-banner-wrap .blog-list-wrap .blog-list.last-list .blog-list-body-wrap-outer{margin-bottom:16px}@media(min-width: 768px){.bloglist-with-banner-wrap .blog-list-wrap .blog-list.last-list .blog-list-body-wrap-outer{margin-bottom:24px}}.bloglist-with-banner-wrap .blog-list-wrap .blog-list .view-all-btn{font-size:13px;line-height:20px;padding:7px 60px}.bloglist-with-banner-wrap .blog-list-wrap .blog-list .blog-img{display:block}.bloglist-with-banner-wrap .blog-list-wrap .blog-list .blog-img picture{background-color:#f2f5f8;display:block}.bloglist-with-banner-wrap .blog-list-wrap .blog-list .blog-img picture img{mix-blend-mode:multiply;display:block;max-width:100%;aspect-ratio:14/15}@media(min-width: 768px){.bloglist-with-banner-wrap .blog-list-wrap .blog-list .blog-img picture img{aspect-ratio:5/4}}.bloglist-with-banner-wrap .blog-list-wrap .blog-list .blog-list-body-wrap-outer{border-bottom:1px solid #f2f5f8;margin-bottom:13px}@media(min-width: 768px){.bloglist-with-banner-wrap .blog-list-wrap .blog-list .blog-list-body-wrap-outer{margin-bottom:22px}}.bloglist-with-banner-wrap .blog-list-wrap .blog-list .blog-list-body{color:#000;padding-bottom:7px}@media(min-width: 768px){.bloglist-with-banner-wrap .blog-list-wrap .blog-list .blog-list-body{padding-bottom:17px}}.bloglist-with-banner-wrap .blog-list-wrap .blog-list .blog-list-body .blog-list-body-wrap{max-width:378px;max-width:468px}.bloglist-with-banner-wrap .blog-list-wrap .blog-list .blog-list-body .blog-title{font-size:13px;line-height:18px;font-weight:bold;margin:0 0 4px 0}@media(min-width: 768px){.bloglist-with-banner-wrap .blog-list-wrap .blog-list .blog-list-body .blog-title{margin:0 0 8px 0;line-height:21px}}.bloglist-with-banner-wrap .blog-list-wrap .blog-list .blog-list-body .blog-dis{color:#000;font-size:12px;line-height:18px}@media(min-width: 768px){.bloglist-with-banner-wrap .blog-list-wrap .blog-list .blog-list-body .blog-dis{font-size:13px;line-height:21px;margin-bottom:8px}}.bloglist-with-banner-wrap .blog-list-wrap .blog-list .blog-list-body .blog-list-footer{display:inline;font-size:12px;line-height:12px}@media(min-width: 768px){.bloglist-with-banner-wrap .blog-list-wrap .blog-list .blog-list-body .blog-list-footer{font-size:13px;line-height:13px}}.bloglist-with-banner-wrap .blog-list-wrap .blog-list .blog-list-body .blog-list-footer .date-time{color:#98a5ae}.bloglist-with-banner-wrap .blog-list-wrap .blog-list .blog-list-body .blog-list-footer .blog-tag{color:#000}.bloglist-with-banner-wrap .blog-list-wrap .blog-list.has-viewbtn{padding-top:0px}.bloglist-with-banner-wrap .blog-list-wrap .blog-list.has-viewbtn .blog-list-body-wrap-outer,.bloglist-with-banner-wrap .blog-list-wrap .blog-list.has-viewbtn .blog-list-body{border:none}@media(min-width: 768px){.bloglist-with-banner-wrap .blog-list-wrap .blog-list.has-viewbtn .blog-list-body-wrap-outer,.bloglist-with-banner-wrap .blog-list-wrap .blog-list.has-viewbtn .blog-list-body{padding-bottom:0;margin-bottom:0}}.bloglist-with-banner-wrap .blog-list-banner{display:flex;flex-direction:column}@media(min-width: 1024px){.bloglist-with-banner-wrap .blog-list-banner{padding-top:29px;flex:0 0 49.2%}}.bloglist-with-banner-wrap .blog-list-banner .banner-ad-top{position:relative;display:flex;flex-direction:column}.bloglist-with-banner-wrap .blog-list-banner .banner-ad-top .bannerimg{min-width:100%;max-width:100%;display:block;height:100%;min-height:227px}@media(max-width: 767px){.bloglist-with-banner-wrap .blog-list-banner .banner-ad-top .bannerimg{min-height:303px}}.bloglist-with-banner-wrap .blog-list-banner .banner-ad-top .bannerimg img{min-width:100%;max-width:100%;height:100%;border-radius:9px 9px 0 0;object-fit:cover}.bloglist-with-banner-wrap .blog-list-banner .banner-ad-top .banner-title{position:absolute;top:28px;left:20px}@media(min-width: 768px){.bloglist-with-banner-wrap .blog-list-banner .banner-ad-top .banner-title{top:60px;left:47px}}@media(max-width: 767px){.bloglist-with-banner-wrap .blog-list-banner .banner-ad-top .banner-title{max-width:200px}}.bloglist-with-banner-wrap .blog-list-banner .banner-ad-top .banner-title .banner-title-text-arrow{font-size:16px;line-height:19px;font-weight:600;color:#000;padding-bottom:13px;max-width:323px}@media(min-width: 768px){.bloglist-with-banner-wrap .blog-list-banner .banner-ad-top .banner-title .banner-title-text-arrow{padding-bottom:16px;font-size:20px;line-height:22px;font-weight:600}}.bloglist-with-banner-wrap .blog-list-banner .banner-ad-top .banner-title a.btn{min-width:115px;border-radius:5px;font-size:13px;min-height:46px}@media(min-width: 768px){.bloglist-with-banner-wrap .blog-list-banner .banner-ad-top .banner-title a.btn{transform:translateX(-3px);margin-top:3px}}.bloglist-with-banner-wrap .blog-list-banner .banner-ad-top .banner-title a.btn:hover{background:hsl(67,64%,15%)}.bloglist-with-banner-wrap .blog-list-banner .banner-ad-top .bottom-right-btn{display:none}@media(min-width: 768px){.bloglist-with-banner-wrap .blog-list-banner .banner-ad-top .bottom-right-btn{display:block;position:absolute;bottom:20px;right:24px;background-color:#c6d644;color:#fff;font-size:13px;min-height:27px;font-weight:600;padding:0 29px;border-radius:3px;line-height:27px;letter-spacing:.2em;transition:background-color .5s ease}.bloglist-with-banner-wrap .blog-list-banner .banner-ad-top .bottom-right-btn:hover{background-color:#262a09}}.bloglist-with-banner-wrap .blog-list-banner .banner-bottom-section{background-color:#f8cf56;display:flex;position:relative;border-radius:0 0 9px 9px}.bloglist-with-banner-wrap .blog-list-banner .banner-bottom-section .bottom-heading-info-col{display:flex}@media(max-width: 767px){.bloglist-with-banner-wrap .blog-list-banner .banner-bottom-section .bottom-heading-info-col{flex-direction:column;padding-top:6px}}@media(min-width: 1025px)and (max-width: 1357px){.bloglist-with-banner-wrap .blog-list-banner .banner-bottom-section .bottom-heading-info-col{flex-direction:column;align-items:unset}}@media(min-width: 768px){.bloglist-with-banner-wrap .blog-list-banner .banner-bottom-section .bottom-heading-info-col{align-items:center;min-height:122px}}.bloglist-with-banner-wrap .blog-list-banner .banner-bottom-section .bottom-heading-info-col .bottom-title-wrap{font-size:18px;justify-content:center}@media(min-width: 768px){.bloglist-with-banner-wrap .blog-list-banner .banner-bottom-section .bottom-heading-info-col .bottom-title-wrap{display:flex;flex:0 0 37%;flex-basis:205px;position:relative}.bloglist-with-banner-wrap .blog-list-banner .banner-bottom-section .bottom-heading-info-col .bottom-title-wrap:after{position:absolute;right:0;top:50%;content:" ";display:block;width:1px;height:76%;transform:translateY(-50%);background-color:#c6a02f}}@media(min-width: 1025px)and (max-width: 1357px){.bloglist-with-banner-wrap .blog-list-banner .banner-bottom-section .bottom-heading-info-col .bottom-title-wrap{flex-basis:auto;display:block}.bloglist-with-banner-wrap .blog-list-banner .banner-bottom-section .bottom-heading-info-col .bottom-title-wrap:after{display:none}}@media(min-width: 1400px){.bloglist-with-banner-wrap .blog-list-banner .banner-bottom-section .bottom-heading-info-col .bottom-title-wrap{flex-basis:211px}}.bloglist-with-banner-wrap .blog-list-banner .banner-bottom-section .bottom-heading-info-col .bottom-title-wrap .bottom-title{padding:0 20px 0 20px;margin:16px 0 5px 0;font-size:16px;line-height:17px}@media(min-width: 768px){.bloglist-with-banner-wrap .blog-list-banner .banner-bottom-section .bottom-heading-info-col .bottom-title-wrap .bottom-title{margin:16px 0;padding:0 27px;font-size:18px;line-height:22px}}@media(min-width: 1400px){.bloglist-with-banner-wrap .blog-list-banner .banner-bottom-section .bottom-heading-info-col .bottom-title-wrap .bottom-title{padding-left:40px}}.bloglist-with-banner-wrap .blog-list-banner .banner-bottom-section .bottom-heading-info-col .bottom-info{line-height:18px;color:#000;font-size:12px;padding:0 10px 19px 20px;hyphens:auto}@media(min-width: 768px){.bloglist-with-banner-wrap .blog-list-banner .banner-bottom-section .bottom-heading-info-col .bottom-info{font-size:13px;line-height:19px;padding:0 27px}}@media(min-width: 1025px)and (max-width: 1357px){.bloglist-with-banner-wrap .blog-list-banner .banner-bottom-section .bottom-heading-info-col .bottom-info{padding-bottom:30px}}.bloglist-with-banner-wrap .blog-list-banner .banner-bottom-section .bottom-heading-info-col .view-btn{position:absolute;bottom:-15px;left:20px;min-width:113px}@media(min-width: 768px){.bloglist-with-banner-wrap .blog-list-banner .banner-bottom-section .bottom-heading-info-col .view-btn{left:40px}}.bloglist-with-banner-wrap .blog-list-banner .banner-bottom-section .brochure-col{flex:0 0 42%;display:flex;align-items:center;gap:0;flex-direction:column;padding-right:10px;justify-content:flex-end}@media(min-width: 768px){.bloglist-with-banner-wrap .blog-list-banner .banner-bottom-section .brochure-col{padding-right:0;flex:0 0 31%;flex-basis:273px;flex-direction:row-reverse}}.bloglist-with-banner-wrap .blog-list-banner .banner-bottom-section .brochure-col .brochure-download-btn{background-color:#ddb030;font-size:11px;text-transform:uppercase;color:#fff;letter-spacing:.2em;height:27px;line-height:27px;border-radius:4px;width:100%;text-align:center;padding:0;margin-bottom:40px}@media(min-width: 768px){.bloglist-with-banner-wrap .blog-list-banner .banner-bottom-section .brochure-col .brochure-download-btn{margin-bottom:0px;font-weight:600;padding:0 20px;font-size:13px;position:relative;right:-5px;text-align:right}}.bloglist-with-banner-wrap .blog-list-banner .banner-bottom-section .brochure-col .brouchure-img{position:relative}@media(min-width: 768px){.bloglist-with-banner-wrap .blog-list-banner .banner-bottom-section .brochure-col .brouchure-img{width:103px;height:108px}}@media(min-width: 1025px)and (max-width: 1357px){.bloglist-with-banner-wrap .blog-list-banner .banner-bottom-section .brochure-col .brouchure-img{align-self:flex-end}}.bloglist-with-banner-wrap .blog-list-banner .banner-bottom-section .brochure-col .brouchure-img picture{display:block}@media(min-width: 768px){.bloglist-with-banner-wrap .blog-list-banner .banner-bottom-section .brochure-col .brouchure-img picture{position:absolute;bottom:0;left:0}}.bloglist-with-banner-wrap .blog-list-banner .banner-bottom-section .brochure-col .brouchure-img picture img{display:block;height:100%;filter:drop-shadow(0px 1px 8px rgba(0, 0, 0, 0.25))}