main{background:#FFF;}.banner{padding:96px 0 126px 0;background-image:url("https://img.tunefab.es/uploads/page/blog/banner-pc.webp");background-position:right center;background-repeat:no-repeat;background-size:cover;}.banner-content{display:flex;flex-direction:column;align-items:center;gap:38px;}.banner-content h1{color:#061C3D;font-size:42px;font-weight:600;line-height:1.5;}.banner-content .banner-pc{display:flex;align-items:center;gap:18px;}.banner-content .banner-left{position:relative;max-width:694px;width:100%;}.banner-content .banner-left img{border-radius:10px;width:100%;}.banner-content .banner-right{flex:1;display:flex;flex-direction:column;align-items:center;gap:20px;}.banner-content .banner-right .banner-right-card{position:relative;}.banner-content .banner-right img{border-radius:10px;width:100%;}.banner-content .banner-title{position:absolute;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,#000 100%);background-position:bottom center;background-repeat:no-repeat;color:#FFF;font-weight:500;line-height:1.5;border-radius:0 0 10px 10px;}.banner-content .banner-title.title-left{max-width:694px;width:100%;font-size:26px;padding:40px 18px 28px 18px;}.banner-content .banner-title.title-right{width:100%;font-size:18px;padding:16px 20px;}.banner-content .banner-mobile{display:none;width:100%;}.banner-content .banner-swiper{position:relative;width:80%;margin:0 auto;overflow:hidden;}.banner-content .banner-wrapper{width:80%;display:flex;}.banner-content .banner-slide{position:relative;width:80%;flex-shrink:0;}.banner-content .banner-slide img{display:block;height:auto;border-radius:10px;width:100%;}.banner-content .banner-pagination{display:flex;justify-content:center;gap:8px;margin-top:16px;}.banner-content .swiper-pagination-bullet{width:7px;height:7px;background-color:#FFF;opacity:1;border-radius:50%;}.banner-content .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#0B63E5;}.search{position:sticky;top:0;left:0;height:min-content;background:#FFF;box-shadow:0 4px 5.7px 0 rgba(195,218,242,0.37);z-index:10;}.search-content{display:flex;align-items:center;justify-content:space-between;}.search-content .search-left,.search-content .search-right{display:flex;align-items:center;justify-content:center;}.search-content .blog-list{display:flex;align-items:center;gap:58px;}.search-content .blog-list .blog-item{padding:22px 0;color:#414141;font-size:18px;font-weight:400;line-height:1.6;cursor:pointer;}.search-content .blog-list .blog-item.active{padding:22px 0 18px 0;color:#0B63E5;border-bottom:4px solid #0B63E5;}.search-content .search-input-wrapper{display:flex;align-items:center;justify-content:space-between;padding:6px 15px;border-radius:43px;border:1px solid #C8C8C8;background:#FFF;}.search-content .search-input-wrapper .search-container{background:#FFF;border-radius:43px 0 0 43px;}.search-content .search-input-wrapper .search-input{padding-right:80px;color:#565656;font-size:14px;font-weight:400;line-height:1.6;}.search-content .search-input-wrapper .search-input::placeholder{color:#AAA9A9;font-size:14px;font-weight:400;line-height:1.6;}.search-content .search-input-wrapper .search-input::-webkit-search-cancel-button{display:none;}.search-content .search-input-wrapper .search-del{opacity:0;padding:5px 9px 5px 0;}.search-content .search-input-wrapper .search-icon-btn{background:#FFF;border-radius:0 43px 43px 0;padding-left:8px;}.search-content .search-input-wrapper.has-content{border:1px solid #0B63E5;}.search-content .search-input-wrapper.has-content .search-del{opacity:1;padding:5px 8px 5px 0;border-right:1px solid #DDD;}.blog{padding:50px 0 78px 0;}.blog-content{display:flex;justify-content:space-between;gap:50px;}.blog-content .blog-left{display:flex;flex-direction:column;align-items:flex-start;width:100%;}.blog-content .blog-left .blog-container{display:flex;flex-direction:column;align-items:center;}.blog-content .blog-left .blog-sum{display:flex;flex-wrap:wrap;row-gap:30px;column-gap:38px;justify-content:left;padding-bottom:38px;}.blog-content .blog-left .blog-card{border-radius:12px;border:1px solid #E6E5E5;background:#FFF;padding:8px 10px 24px 10px;transition:all 0.3s ease;}.blog-content .blog-left .blog-card:hover{border:1px solid #FFF;box-shadow:0 4px 8.3px 0 rgba(152,175,224,0.37);}.blog-content .blog-left .blog-card-img{width:245px;height:157px;border-radius:4px;margin-bottom:18px;}.blog-content .blog-left .blog-tag{max-width:fit-content;padding:1px 7px;border-radius:3px;background:#F6F6F6;font-size:12px;font-weight:400;line-height:1.6;margin-bottom:18px;}.blog-content .blog-left .blog-tag.spotify-tag{color:#3AAF48;}.blog-content .blog-left .blog-tag.apple-tag{color:#ED0043;}.blog-content .blog-left .blog-tag.tutorial-tag,.blog-content .blog-left .blog-tag.review-tag{color:#5E5E5E;}.blog-content .blog-left .blog-tag.amazon-tag{color:#372BE9;}.blog-content .blog-left .blog-card-title{color:#061C3D;font-size:16px;font-weight:400;line-height:1.5;max-width:244px;width:100%;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;}.blog-content .blog-left .blog-page-change{display:flex;align-items:center;gap:36px;margin:0 auto;}.blog-content .blog-left .pagination-controls{display:flex;align-items:center;gap:12px;}.blog-content .blog-left .pagination-btn{background:#FFF;}.blog-content .blog-left .pagination-btn i{font-size:16px;}.blog-content .blog-left .pagination-btn.pagination-prev{transform:rotate(180deg);}.blog-content .blog-left .pagination-numbers{display:flex;align-items:center;gap:12px;}.blog-content .blog-left .page-number{width:40px;height:40px;border-radius:50%;background:#FFF;color:#4E5969;text-align:center;font-size:16px;font-weight:400;line-height:1.7;}.blog-content .blog-left .page-number.active{background-color:#0B63E5;color:#FFF;}.blog-content .blog-left .page-ellipsis{color:#4E5969;}.blog-content .blog-left .pagination-goto span{color:#4E5969;font-size:14px;font-weight:400;line-height:1.7;}.blog-content .blog-left .pagination-goto .pagination-input{width:40px;border-radius:2px;border:1px solid #C9CDD4;padding:4px 8px;margin:0 10px;color:#4E5969;text-align:center;font-size:14px;font-weight:400;line-height:1.7;}.blog-content .blog-left .pagination-goto .pagination-input::-webkit-outer-spin-button,.blog-content .blog-left .pagination-goto .pagination-input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0;}.blog-content .blog-right{position:sticky;top:120px;right:0;height:min-content;flex:0 0 270px;}.blog-content .blog-right .blog-aside-img{width:270px;margin-bottom:20px;}.blog-content .blog-right .blog-aside{border-radius:8px;box-shadow:0 5px 10.3px 0 rgba(132,154,175,0.23);}.blog-content .blog-right .aside-title{border-radius:8px 8px 0 0;background:#0B63E5;padding:9px 14px;color:#FFF;font-size:16px;font-weight:500;line-height:1.5;}.blog-content .blog-right .aside-menu{border-radius:0 0 8px 8px;padding:0 14px;background:#FFF;}.blog-content .blog-right .menu-item{padding:18px 6px;border-bottom:1px solid #F0F0F0;}.blog-content .blog-right .menu-item:last-child{border-bottom:none;}.blog-content .blog-right .menu-link{display:flex;gap:9px;align-items:flex-start;}.blog-content .blog-right .menu-link .link-num,.blog-content .blog-right .menu-link .link-title{color:#445266;font-size:14px;font-weight:400;line-height:1.5;}.blog-content .blog-right .menu-link .link-num{flex-shrink:0;}.blog-content .blog-right .menu-link .link-title{flex:1;min-width:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-all;}.blog-content .blog-right .menu-link:hover .link-num,.blog-content .blog-right .menu-link:active .link-num,.blog-content .blog-right .menu-link:hover .link-title,.blog-content .blog-right .menu-link:active .link-title{color:#0B63E5;}@media (max-width:1200px){.container{padding:0 15px;}.banner-content .banner-pc{display:none;}.banner-content .banner-mobile{display:block;}.banner-content .banner-title.title-left,.banner-content .banner-title.title-right{max-width:921px;font-size:26px;padding:40px 18px 28px 18px;}.search-content .blog-list{gap:40px;}.blog-content .blog-left{width:100%;}.blog-content .blog-sum{justify-content:left;}.blog-content .blog-right{display:none;}}@media (max-width:930px){.blog-content .blog-left .blog-sum{row-gap:18px;column-gap:22px;padding-bottom:22px;}}@media (max-width:768px){.banner{padding:38px 0 32px 0;background-image:url("https://img.tunefab.es/uploads/page/blog/banner-mobile.png");}.banner-content{gap:28px;}.banner-content h1{font-size:28px;}.banner-content .banner-title.title-left,.banner-content .banner-title.title-right{font-size:18px;padding:30px 12px 10px 12px;}.search{height:94px;}.search-content{flex-direction:column;align-items:center;padding-top:14px;}.search-content .search-left{order:2;}.search-content .search-right{order:1;}.search-content .blog-list{gap:34px;}.search-content .blog-list .blog-item{padding:16px 0 9px 0;font-size:12px;}.search-content .blog-list .blog-item.active{padding:16px 0 6px 0;border-bottom:3px solid #0B63E5;}.search-content .search-input-wrapper{padding:4px 15px;}.search-content .search-input-wrapper .search-input{padding-right:120px;font-size:12px;}.search-content .search-input-wrapper .search-input::placeholder{font-size:12px;}.search-content .search-input-wrapper .search-del{padding:3px 9px 3px 0;}.search-content .search-input-wrapper.has-content .search-del{padding:3px 8px 3px 0;}.blog{padding:32px 0 72px 0;}.blog-content{justify-content:center;}.blog-content .blog-left{align-items:center;}.blog-content .blog-left .blog-sum{flex-direction:column;row-gap:22px;column-gap:22px;padding-bottom:32px;}.blog-content .blog-left .blog-page-change{flex-direction:column;align-items:center;gap:16px;}.blog-content .blog-left .pagination-controls{width:100%;justify-content:center;gap:0;}.blog-content .blog-left .pagination-btn i{font-size:12px;}.blog-content .blog-left .pagination-numbers{gap:8px;}.blog-content .blog-left .page-number{width:32px;height:32px;font-size:12px;}.blog-content .blog-left .page-ellipsis{font-size:12px;}.blog-content .blog-left .pagination-goto span{font-size:12px;}.blog-content .blog-left .pagination-goto .pagination-input{width:32px;padding:3px 7px;margin:0 8px;font-size:12px;}}@media (max-width:550px){.banner-content .banner-swiper{width:100%;}.banner-content .banner-wrapper{width:100%;}.banner-content .banner-slide{width:100%;}.search-content{align-items:flex-start;}}@media (max-width:365px){.search-content .search-input-wrapper .search-input{padding-right:80px;}.blog-content .blog-left .pagination-numbers{gap:4px;}}