.area-1{min-height:460px;padding-top:calc(var(--app-header-height,3.75rem) + 100px);background:url(https://rp-static-apne1.s3.ap-northeast-1.amazonaws.com/index/img/blog/area-1-bg.jpg) top/cover no-repeat;align-items:flex-start;padding-bottom:68px;display:flex}.area-1 .area-1-content{max-width:610px}@media screen and (width>=640px){.area-1{align-items:center;min-height:560px;padding-top:0}}.area-2 .featured-post{color:inherit;flex-direction:column;gap:16px;text-decoration:none;display:flex}.area-2 .featured-post:hover .blog-more{opacity:.7}.area-2 .featured-media{border-radius:0;overflow:hidden}.area-2 .featured-media img{border-radius:0;width:100%;height:auto;display:block}.area-2 .featured-body{flex-direction:column;gap:8px;display:flex}.area-2 .featured-meta{align-items:center;gap:6px;display:flex}.area-2 .featured-meta-sep{opacity:.6}.area-2 .blog-title{text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.area-2 .blog-more{gap:10px;margin-top:4px}.area-2 .blog-more svg{flex-shrink:0;margin-left:0}@media screen and (width>=768px){.area-2 .featured-post{flex-direction:row-reverse;align-items:stretch;gap:30px}.area-2 .featured-media,.area-2 .featured-body{flex:1;min-width:0}.area-2 .featured-body{justify-content:space-between;gap:16px}.area-2 .blog-title{-webkit-line-clamp:4}.area-2 .blog-more{margin-top:auto}}.area-3 .tab-scroll{touch-action:pan-x;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow:auto hidden}.area-3 .tab-scroll::-webkit-scrollbar{display:none}.area-3 .tab{flex-wrap:nowrap;gap:12px;width:max-content;display:flex}.area-3 .tab li{color:#747474;cursor:pointer;white-space:nowrap;background:#f7f8fa;border-radius:50px;justify-content:center;align-items:center;padding:8px 16px;font-size:16px;font-weight:500;line-height:1.45;display:inline-flex}.area-3 .tab li:hover{opacity:.7}.area-3 .tab li.current{color:#fff;background:#000}.area-3 .blog-card-title{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.area-3 .column.is-4{cursor:pointer;margin-bottom:50px}.area-3 .img-wrap{justify-content:center;align-items:center;height:202px;display:flex;overflow:hidden}.area-3 .img-wrap img{width:100%;height:auto;display:block}.share-wrap-flex{flex-direction:column;gap:50px;display:flex;position:fixed;top:178px;left:40px}.share-wrap-flex svg{cursor:pointer;display:block}.area-info{padding-top:90px}@media screen and (width<=1023px){.area-info{padding-top:24px}}.area-info .blog-context img{margin:24px auto 0;display:block}.area-info .blog-context p,.area-info .blog-context ul li,.area-info .blog-context ol li{color:#000;font-size:18px;font-weight:400;line-height:28px}.area-info .blog-context ul,.area-info .blog-context ol{margin-top:24px;padding-left:24px}.area-info .blog-context ul li{list-style:outside}.area-info .blog-context ol li{list-style:decimal}.area-info .blog-context p,.area-info .blog-context h2,.area-info .blog-context h3,.area-info .blog-context h4,.area-info .blog-context h5,.area-info .blog-context h6{margin-top:24px}.area-info .blog-context a{color:#356cc6}.area-info .blog-container-info{max-width:750px!important}.area-info .share-wrap{border-top:1px solid #e2e2e2;padding-top:30px}.area-info .share-wrap svg,.area-info .share{cursor:pointer}.area-info .pb-100{padding-bottom:100px}.tab-loading{padding:100px 0;position:relative}.tab-loading:after{content:"";border:3px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:50px;height:50px;margin-left:-25px;animation:1.2s linear infinite spin;display:inline-block;position:absolute;top:32%;left:50%;transform:translate(-50%,-50%)}.blog-loading{padding:100px 0 300px}.mask{z-index:998;background:#000c;position:fixed;inset:0}.mask svg{z-index:999;position:absolute;top:30px;right:30px}.blog-none{display:none!important}.popup{z-index:999;background:#fff;padding:30px 50px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.popup .share-wrap{border-top:none;padding-top:0}.none{display:none}.blog-more{cursor:pointer}.blog-more:hover{opacity:.7}.blog-more svg{margin-left:18px}.wordpress-type{color:#aab8c2;font-weight:700}.view{color:#747474;margin-left:8px}.number-link{color:#000}.blog-pagination{cursor:pointer}[dir=rtl] .blog-pagination svg{transform:scaleX(-1)}.pagination-page{padding:0 15px}section{padding-left:0!important;padding-right:0!important}.navbarShow{height:88px;box-shadow:0 4px 80px #f0f0f0}@media screen and (width<=1023px){.navbarShow{height:0;box-shadow:none}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (width<=768px){.column.is-4{flex-direction:column;gap:8px;display:flex}.column.is-4 .img-wrap{margin-bottom:4px}}@media screen and (width>=768px){.column.is-4{flex-direction:column;gap:16px;width:calc(50% - 30px);margin-left:15px;margin-right:15px;display:flex}.tab-container{margin-bottom:30px;margin-left:-15px;margin-right:-15px}}@media screen and (width>=1024px){.area-3 .tab{gap:20px}.area-3 .tab li{padding:12px 40px;font-size:18px;line-height:30px}.column.is-4{flex-direction:column;gap:16px;margin-left:15px;margin-right:15px;display:flex;width:calc(33.3333% - 30px)!important}.tab-container{margin-bottom:30px;margin-left:-15px;margin-right:-15px}}@media screen and (width<=940px){.share-wrap-flex{display:none}}
