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