@charset "UTF-8";.newNavigate[data-v-ef25af61]{width:100%;height:100%;width:280px;padding-top:2px}.newNavigate[data-v-ef25af61] .Menu .SubMenu{background-color:#fff}.newNavigate[data-v-ef25af61] .Menu .SubMenu-box{transition:border .1s linear,box-shadow .1s linear,transform .1s linear;border:1px solid transparent;background-color:#fff}.newNavigate[data-v-ef25af61] .Menu .SubMenu-box:hover{border:1.5px solid #191919!important}.newNavigate[data-v-ef25af61] .Menu .SubMenu-box-bg--active{background-color:#fff!important;border:1.5px solid #191919;box-shadow:2px 2px 0 0 var(--one-level-text-color);transform:translate(-2px,-2px)}.newNavigate[data-v-ef25af61] .Menu .MenuItem{transition:border .1s linear,box-shadow .1s linear,transform .1s linear}.newNavigate[data-v-ef25af61] .Menu .MenuItem__container{background-color:#fff;border:1px solid transparent}.newNavigate[data-v-ef25af61] .Menu .MenuItem__container:hover{border:1.5px solid #191919!important}.newNavigate[data-v-ef25af61] .Menu .MenuItem__container--active{background-color:#fff!important;border:1.5px solid #191919;box-shadow:2px 2px 0 0 var(--one-level-text-color);transform:translate(-2px,-2px)}.newNavigate .icon[data-v-ef25af61]{font-size:20px;color:#7f7f7f}.newNavigate .count[data-v-ef25af61]{font-size:12px;font-weight:500;text-align:right;color:#7f7f7f;line-height:22px;padding-left:8px;position:relative;top:1px}.newNavigate a[data-v-ef25af61]{display:inline-block;width:100%;height:100%;padding:9px 10px 9px 12px;display:flex;align-items:center}.newNavigate a span.name[data-v-ef25af61]{max-width:205px;padding-left:6px;font-size:16px;font-weight:var(--fw-normal);color:#191919;line-height:22px;transition:color .3s ease-in-out;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.newNavigate a.sub-menu[data-v-ef25af61]{max-width:254px}.newNavigate a.sub-menu-item[data-v-ef25af61]{padding-left:34px}.UrlBtn[data-v-4809ee6b]{width:100%;height:40px;cursor:pointer;background:#fff;border-radius:20px;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out;box-shadow:0 0 36px #00000012}.UrlBtn span[data-v-4809ee6b]{font-weight:var(--fw-normal);text-align:center;color:var(--normal-font-color);padding:var(--7d98c438);transition:color .2s ease-in-out}.UrlBtn[data-v-4809ee6b]:hover{background-color:#191919}.UrlBtn:hover span[data-v-4809ee6b]{color:#fff}.UrlBtn[data-v-4809ee6b]:active{background-color:#191919}.UrlBtn:active span[data-v-4809ee6b]{color:#fff}.list-item[data-v-a764c28e]{display:inline-block;position:relative;cursor:pointer}.list-item .tip[data-v-a764c28e]{color:var(--three-level-text-color);position:absolute;left:16px;top:12px;z-index:5;transition:transform .1s linear;pointer-events:none}.list-item .tip .p-icon-3D_v2[data-v-a764c28e]{color:var(--three-level-text-color);padding:5.5px 4px;font-size:28px;line-height:28px;font-weight:500;opacity:1}.list-item .image[data-v-a764c28e]{transition:box-shadow .2s ease-in-out;border-radius:16px;position:relative;overflow:hidden;border:1px solid #191919;transition:border .1s linear,box-shadow .1s linear,transform .1s linear}.list-item .image .master-image[data-v-a764c28e],.list-item .image .master-image[data-v-a764c28e] img{border-radius:16px}.list-item .image .btns[data-v-a764c28e]{opacity:0;visibility:hidden;width:100%;position:absolute;bottom:24px;padding:0 16px;display:flex;justify-content:space-around;transition:opacity .2s cubic-bezier(.755,.5,.855,.06);z-index:10}.list-item .image .btns .UrlBtn[data-v-a764c28e]:nth-child(1){margin-right:10px}.list-item .image .btns .UrlBtn[data-v-a764c28e]{flex:1;width:50%;display:block;line-height:40px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item .image .btns.btn-show[data-v-a764c28e]{visibility:visible;opacity:1}.list-item .side-image-box[data-v-a764c28e]{position:absolute;right:8px;top:0;transition:transform .1s linear;pointer-events:none;z-index:1}.list-item .side-image-box .side-image-item[data-v-a764c28e]{width:56px;overflow:hidden;height:56px;border-radius:4px;border:solid 1px var(--border-color);margin-top:8px}.list-item .side-suggest-color[data-v-a764c28e]{position:absolute;right:15px;top:2px;transition:transform .1s linear;z-index:1;pointer-events:none}.list-item .side-suggest-color .color-item[data-v-a764c28e]{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.1);margin-top:6px}.list-item .side-suggest-color .color-item[data-v-a764c28e]::first-child{margin-top:0}.list-item .side-suggest-color .color-item.stabilization-color[data-v-a764c28e]{position:relative;border:none;background-image:conic-gradient(#e02020,#fa6400,#f7b500,#6dd400,#0091ff,#6236ff,#b620e0,#e02020)}.list-item .side-suggest-color .color-item.stabilization-color[data-v-a764c28e]:after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);content:"";width:12px;height:12px;background-color:#f1f1f1;border-radius:50%}.list-item .master-image[data-v-a764c28e]{border-radius:8px;overflow:hidden}.list-item .master-image[data-v-a764c28e] img{border-radius:8px;max-height:100%;height:100%;object-fit:cover}.list-item[data-v-a764c28e] .lazy-text-container{margin-top:12px}.list-item[data-v-a764c28e] .lazy-text-container .item-title{font-weight:400;width:100%;font-size:var(--fs-base);font-weight:var(--fw-normal);line-height:var(--lh-normal);color:var(--three-level-text-color);line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.list-item[data-v-a764c28e] .lazy-text-container .item-title p{width:100%}.list-item .material-list[data-v-a764c28e]{display:flex;align-items:center;margin:8px 2px;flex-wrap:wrap}.list-item .material-list .loading-material[data-v-a764c28e]{width:20px;height:20px;border-radius:50%;margin-right:8px;margin-top:5px;cursor:pointer;position:relative}.list-item .material-list .loading-material[data-v-a764c28e]:after{box-sizing:border-box;position:absolute;top:-2px;left:-2px;display:flex;content:"";width:24px;height:24px;border-radius:50%;opacity:1;transition:opacity .3s}.list-item .material-list .material-item[data-v-a764c28e]{width:20px;height:20px;border-radius:50%;margin-right:8px;margin-top:5px;cursor:pointer;position:relative}.list-item .material-list .material-item[data-v-a764c28e]:after{box-sizing:border-box;position:absolute;top:-2px;left:-2px;display:flex;content:"";width:24px;height:24px;border:1px solid #bfbfbf;border-radius:50%;opacity:0;transition:opacity .3s}.list-item .material-list .material-item.active[data-v-a764c28e]:after{opacity:1}@media screen and (max-width: 500px){.btns[data-v-a764c28e] .UrlBtn{height:30px}.btns[data-v-a764c28e] .UrlBtn span{line-height:30px;font-size:12px}}@media screen and (max-width: 768px){.list-item .tip .p-icon-3D_v2[data-v-a764c28e]{font-size:24px}.list-item .side-suggest-color[data-v-a764c28e]{right:8px;top:4px}.list-item .side-suggest-color .color-item[data-v-a764c28e]{width:10px;height:10px;margin-top:4px}}@media screen and (max-width: 500px){.btns[data-v-a764c28e] .UrlBtn span{font-size:12px}}@media screen and (min-width: 980px){.list-item .shadow:hover .image[data-v-a764c28e]{transition:border .1s linear,box-shadow .1s linear,transform .1s linear;box-shadow:4px 4px 0 0 var(--one-level-text-color);transform:translate(-4px,-4px)}.list-item .shadow:hover+.tip[data-v-a764c28e]{transform:translate(-4px,-4px)}.list-item .shadow:hover+.tip+.side-image-box[data-v-a764c28e]{transform:translate(-4px,-4px)}.list-item .shadow:hover+.tip+.side-suggest-color[data-v-a764c28e]{transform:translate(-4px,-4px)}}.MobileDetailCard[data-v-833e8de1]{width:100%;height:100%}.MobileDetailCard .title[data-v-833e8de1]{margin-bottom:16px}.MobileDetailCard .title[data-v-833e8de1] .title-h1{color:var(--one-level-text-color);font-size:var(--fs-2xl);font-weight:var(--fw-medium);line-height:var(--lh-tight);text-align:center}.MobileDetailCard .desc[data-v-833e8de1]{color:var(--two-level-text-color);font-size:var(--fs-sm);font-weight:var(--fw-normal);line-height:var(--lh-normal)}.mobile-title[data-v-5334219c]{font-size:20px;font-weight:var(--fw-medium);color:var(--one-text-level-color);line-height:24px}.total[data-v-5334219c]{font-size:16px;font-weight:var(--fw-normal);text-align:left;color:#4c4c4c;line-height:22px;margin-top:30px;margin-bottom:24px}.p-list[data-v-5334219c]{display:grid;width:100%;grid-template-columns:repeat(5,1fr);grid-column-gap:32px;grid-row-gap:32px}.mockup-pagination[data-v-5334219c]{margin:64px 0}.button{width:100px;height:50px;border-radius:4px;background:linear-gradient(to right,#9da202,#9b0303,#23a300,#00f);background-color:#00f!important}.button img{width:100%;height:100%}[data-v-dfc82dc5] .particles{position:relative}[data-v-dfc82dc5] .particles .particles-canvas{position:absolute;pointer-events:none;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}[data-v-dfc82dc5] .particles .particles-wrapper{position:relative;display:inline-block;overflow:hidden}.test-btn[data-v-dfc82dc5]{width:100px;height:50px;position:relative}.DetailCard[data-v-dfc82dc5]{width:100%;height:auto;margin-bottom:24px;border-radius:20px;background-color:#f2f2f2;border:1.5px solid #191919;box-shadow:4px 4px 0 0 var(--one-level-text-color)}.DetailCard-normal[data-v-dfc82dc5]{display:flex;height:100%}.DetailCard-normal-left[data-v-dfc82dc5]{padding:20px 0 32px 32px;width:57%;display:flex;flex-direction:column;justify-content:space-between}.DetailCard-normal-left .title[data-v-dfc82dc5]{display:flex;align-items:center;align-items:flex-start;margin-top:16px}.DetailCard-normal-left .title i[data-v-dfc82dc5]{height:32px;margin-right:12px;font-size:32px;color:var(--brand-color);display:flex;align-items:center;font-weight:700;line-height:var(--lh-tight);transform:translateY(2px)}.DetailCard-normal-left[data-v-dfc82dc5] .title-h1{font-size:var(--fs-2xl);font-weight:var(--fw-medium);text-align:left!important;color:var(--one-level-text-color);line-height:var(--lh-s);width:100%}.DetailCard-normal-left .desc[data-v-dfc82dc5]{font-size:var(--fs-base);font-weight:var(--fw-normal);text-align:left;color:var(--two-level-text-color);line-height:var(--lh-normal);margin-top:12px}.DetailCard-normal-left .search-keyword[data-v-dfc82dc5]{width:100%;font-size:var(--fs-2xl);font-weight:var(--fw-medium);color:var(--one-level-text-color);line-height:var(--lh-normal);margin-top:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.DetailCard-normal-left .input__container[data-v-dfc82dc5]{margin-top:20px}.DetailCard-normal-left .input__container[data-v-dfc82dc5] .p-input-box{background-color:#fff;height:48px;border-radius:12px}.DetailCard-normal-left .input__container[data-v-dfc82dc5] .p-input-box input::placeholder{font-size:16px;font-weight:500;text-align:left;color:#b2b2b2;line-height:22px;text-overflow:ellipsis}.DetailCard-normal-right[data-v-dfc82dc5]{width:43%;height:auto;display:flex;justify-content:center;align-items:center}.DetailCard-normal-right .img[data-v-dfc82dc5]{display:none;width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:0 24px 24px 0;overflow:hidden;isolation:isolate}.DetailCard-normal-right .img__container[data-v-dfc82dc5]{width:100%;height:100%}.DetailCard-normal-right .img__container[data-v-dfc82dc5] .LazyImage{max-height:100%;border-radius:0;display:flex;justify-content:center}.DetailCard-normal-right .img__container[data-v-dfc82dc5] .LazyImage img{width:unset;height:100%}.DetailCard-normal-right .lottie__container[data-v-dfc82dc5]{width:100%;height:100%}.DetailCard.search-style[data-v-dfc82dc5]{height:auto!important}.search-mode[data-v-dfc82dc5]{display:block}.search-mode .DetailCard-normal-left[data-v-dfc82dc5]{width:100%!important;padding-right:32px}.Explains[data-v-bebee4dd]{height:auto;display:grid;grid-template-columns:repeat(5,1fr);grid-column-gap:32px;grid-row-gap:32px;width:100%}.Explains .list-item[data-v-bebee4dd]{background:#f7f7f7;border-radius:16px;padding:24px;border:1px solid #191919}.Explains .list-item .title[data-v-bebee4dd]{font-size:20px;font-weight:var(--fw-medium);text-align:left;color:#262626;line-height:30px}.Explains .list-item .explain[data-v-bebee4dd]{margin-top:16px;font-size:14px;font-weight:400;text-align:left;color:#262626;line-height:var(--lh-tight)}.Faq-box[data-v-94c60226]{width:100%;height:auto;margin:64px auto 0;display:flex;align-items:flex-start;justify-content:space-between}.Faq-box-left[data-v-94c60226]{transform:translateY(24px);display:flex;align-items:center;margin-right:50px}.Faq-box-left i[data-v-94c60226]{font-size:40px;color:var(--brand-color)}.Faq-box-left span[data-v-94c60226]{margin-left:12px;color:var(--one-level-text-color);font-size:var(--fs-4xl);font-weight:var(--fw-medium)}.Faq-box-right[data-v-94c60226]{max-width:1000px}.mobile-menu-drawer[data-v-e6760231]{width:100%;height:100%;position:absolute;z-index:999;background-color:#fff}.mobile-menu[data-v-e6760231]{padding-top:20px}.mobile-menu[data-v-e6760231] .Menu .MenuItem,.mobile-menu[data-v-e6760231] .Menu .SubMenu{cursor:default!important}.mobile-menu .icon[data-v-e6760231]{font-size:20px;color:#7f7f7f}.mobile-menu .count[data-v-e6760231]{font-size:12px;font-weight:500;text-align:right;color:#7f7f7f;line-height:22px;padding-left:8px;position:relative;top:1px}.mobile-menu a[data-v-e6760231]{display:inline-block;width:100%;height:100%;padding:9px 10px 9px 12px;display:flex;align-items:center}.mobile-menu a span.name[data-v-e6760231]{padding-left:6px;font-size:16px;font-weight:500;color:#191919;line-height:22px;transition:color .3s ease-in-out;display:flex;align-items:center}.mobile-menu a.sub-menu-item[data-v-e6760231]{padding-left:34px}.MobileSearch[data-v-f0cf55bf]{width:100%;height:100%}.MobileSearch[data-v-f0cf55bf] .p-breadcrumb{margin-bottom:46px}.MobileSearch[data-v-f0cf55bf] .search-box{height:40px}.MobileSearch[data-v-f0cf55bf] .search-box input::placeholder{font-size:13px}.MobileSearch[data-v-f0cf55bf] .search-box .input-ellipsis{-webkit-box-orient:vertical}.MobileSearch .select-menu[data-v-f0cf55bf]{background-color:#fff;height:40px;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 20px;margin-top:24px;border:1px solid #191919}.MobileSearch .select-menu[data-v-f0cf55bf]:active{background-color:#fff}.MobileSearch .select-menu span[data-v-f0cf55bf]{font-size:var(--fs-base);font-weight:var(--fw-normal);text-align:left;color:var(--one-level-text-color);line-height:38px}.MobileSearch .select-menu i[data-v-f0cf55bf]{transform:rotate(90deg)}.mockup-page[data-v-b26e5829]{width:100%;padding:0 40px 100px;position:relative}.mockup-page .top[data-v-b26e5829]{width:100%;display:flex;position:relative}.mockup-page .top .left[data-v-b26e5829]{padding-right:8px;flex:0 0 280px;height:calc(100vh - 50px);position:sticky;top:0;padding-top:32px}.mockup-page .top .right[data-v-b26e5829]{flex:1;width:0;padding-left:32px;padding-top:32px}.mockup-page .bottom[data-v-b26e5829]{width:100%;display:flex;position:relative}.mockup-page .bottom .b-left[data-v-b26e5829]{padding-right:8px;flex:0 0 280px}.mockup-page .bottom .b-right[data-v-b26e5829]{width:100%;margin-top:100px}.mockup-page-mobile[data-v-b26e5829]{overflow:hidden}.mockup-page-mobile .mobile-top[data-v-b26e5829]{padding:32px 20px;background-color:var(--primary-background)}.mockup-page-mobile .mobile-content[data-v-b26e5829]{padding:36px 20px 50px}.mockup-page-mobile .mobile-content[data-v-b26e5829] .total{font-size:var(--fs-base);line-height:var(--lh-tight);margin-top:48px}.mockup-page-mobile .mobile-content[data-v-b26e5829] .p-list{grid-template-columns:repeat(2,1fr);grid-column-gap:20px;grid-row-gap:20px}.mockup-page-mobile .mobile-content[data-v-b26e5829] .p-list .list-item{overflow:hidden}.mockup-page-mobile .mobile-content[data-v-b26e5829] .p-list .list-item .tip{left:8px;top:8px}.mockup-page-mobile .mobile-content[data-v-b26e5829] .p-list .list-item .item-title{margin-top:16px}.mockup-page-mobile .mobile-content[data-v-b26e5829] .p-list .list-item .item-title .item-title{line-height:var(--lh-tight);font-size:var(--fs-base)}.mockup-page-mobile .mobile-content[data-v-b26e5829] .p-list .list-item .shadow .image .btns{padding:0 12px}.mockup-page-mobile .mobile-content[data-v-b26e5829] .p-list .list-item .shadow .image .btns .UrlBtn span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mockup-page-mobile .mobile-content[data-v-b26e5829] .mockup-pagination{margin:48px 0}.mockup-page-mobile .mobile-content[data-v-b26e5829] .no-data img{width:200px}.mockup-page-mobile .mobile-content[data-v-b26e5829] .no-data .no-data-for-keyword,.mockup-page-mobile .mobile-content[data-v-b26e5829] .no-data .quot,.mockup-page-mobile .mobile-content[data-v-b26e5829] .no-data .dot,.mockup-page-mobile .mobile-content[data-v-b26e5829] .no-data .suggestion,.mockup-page-mobile .mobile-content[data-v-b26e5829] .no-data .p-button{font-size:14px}.mockup-page-mobile .mobile-content[data-v-b26e5829] .Explains{grid-template-columns:repeat(1,1fr);grid-column-gap:12px;grid-row-gap:12px}.mockup-page-mobile .mobile-content[data-v-b26e5829] .Explains .list-item{padding:18px 16px}.mockup-page-mobile .mobile-content[data-v-b26e5829] .Explains .list-item .title{font-size:14px;line-height:20px}.mockup-page-mobile .mobile-content[data-v-b26e5829] .Explains .list-item .explain{font-size:12px;line-height:16px;margin-top:8px}.mockup-page-mobile .mobile-content[data-v-b26e5829] .Faq-box{flex-direction:column}.mockup-page-mobile .mobile-content[data-v-b26e5829] .Faq-box-left i{font-size:16px}.mockup-page-mobile .mobile-content[data-v-b26e5829] .Faq-box-left span{margin-left:6px;font-size:var(--fs-lg);font-weight:var(--fw-medium);line-height:var(--lh-normal)}.mockup-page-mobile .mobile-content[data-v-b26e5829] .Faq-box-right .Faq-item .title h3{font-size:var(--fs-base)}.mockup-page-mobile .mobile-content[data-v-b26e5829] .Faq-box-right .Faq-item .answer{font-size:var(--fs-sm)}@media screen and (min-width: 1920px){.mockup-page[data-v-b26e5829]{padding:0 40px 100px}.mockup-page .right[data-v-b26e5829] .DetailCard{height:274px}.mockup-page .right[data-v-b26e5829] .DetailCard .DetailCard-normal-left{width:60%}.mockup-page .right[data-v-b26e5829] .DetailCard .DetailCard-normal-left .left-box .title .title-h1{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.mockup-page .right[data-v-b26e5829] .DetailCard .DetailCard-normal-left .left-box .desc{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mockup-page .right[data-v-b26e5829] .DetailCard .DetailCard-normal-right{width:40%}.mockup-page .right[data-v-b26e5829] .p-list{grid-template-columns:repeat(var(--40d221c5),1fr);grid-column-gap:32px;grid-row-gap:32px}.mockup-page .bottom .b-right[data-v-b26e5829]{width:1528px;margin-left:auto;margin-right:auto}}@media screen and (min-width: 1680px) and (max-width: 1919px){.mockup-page .right[data-v-b26e5829]{padding-left:24px}.mockup-page .right[data-v-b26e5829] .DetailCard{height:274px}.mockup-page .right[data-v-b26e5829] .DetailCard .DetailCard-normal-left .left-box .title .title-h1{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.mockup-page .right[data-v-b26e5829] .DetailCard .DetailCard-normal-left .left-box .desc{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mockup-page .right[data-v-b26e5829] .p-list{grid-column-gap:24px;grid-row-gap:24px}.mockup-page .right[data-v-b26e5829] .p-list .list-item .shadow .image .btns{padding:0 12px}.mockup-page .right[data-v-b26e5829] .p-list .list-item .shadow .image .btns .UrlBtn{margin-right:8px}.mockup-page .right[data-v-b26e5829] .p-list .list-item .shadow .image .btns .UrlBtn:nth-child(2){margin-right:0}.mockup-page .right[data-v-b26e5829] .Explains{grid-column-gap:24px;grid-row-gap:24px}.mockup-page .bottom .b-right[data-v-b26e5829]{margin-left:160px;margin-right:160px}}@media screen and (min-width: 1280px) and (max-width: 1470px){[data-v-b26e5829] .p-list .btns{padding:0 6px!important}[data-v-b26e5829] .p-list .btns .UrlBtn{padding:0 4px!important}[data-v-b26e5829] .p-list .btns .UrlBtn span{padding:0 2px;font-size:12px!important}}@media screen and (min-width: 1280px) and (max-width: 1679px){.mockup-page .right[data-v-b26e5829]{padding-left:24px}.mockup-page .right[data-v-b26e5829] .DetailCard{height:330px}.mockup-page .right[data-v-b26e5829] .DetailCard-normal-left .left-box .title i{font-size:28px;height:28px}.mockup-page .right[data-v-b26e5829] .DetailCard-normal-left .left-box .title .title-h1{font-size:var(--fs-2xl);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mockup-page .right[data-v-b26e5829] .DetailCard-normal-left .left-box .desc{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.mockup-page .right[data-v-b26e5829] .p-list{grid-template-columns:repeat(4,1fr);grid-column-gap:24px;grid-row-gap:24px}.mockup-page .right[data-v-b26e5829] .Explains{grid-column-gap:24px;grid-row-gap:24px}.mockup-page .right[data-v-b26e5829] .Explains .list-item{padding:20px 16px 16px}.mockup-page .right[data-v-b26e5829] .Explains .list-item .title{font-size:16px;line-height:22px}.mockup-page .right[data-v-b26e5829] .Explains .list-item .explain{font-size:12px;line-height:16px}.mockup-page .bottom[data-v-b26e5829] .Faq-box-left{margin-top:5px}.mockup-page .bottom[data-v-b26e5829] .Faq-box-left i{font-size:32px}.mockup-page .bottom[data-v-b26e5829] .Faq-box-left span{margin-left:12px;font-size:var(--fs-3xl);font-weight:var(--fw-medium);line-height:var(--lh-normal)}}@media screen and (min-width: 1024px) and (max-width: 1150px){[data-v-b26e5829] .UrlBtn span{padding:0 4px;font-size:12px!important}}@media screen and (min-width: 1024px) and (max-width: 1279px){.mockup-page[data-v-b26e5829]{padding:0 20px 100px}.mockup-page .right[data-v-b26e5829]{padding-left:16px}.mockup-page .right[data-v-b26e5829] .DetailCard{height:248px}.mockup-page .right[data-v-b26e5829] .DetailCard .DetailCard-normal-left{width:100%;padding:24px}.mockup-page .right[data-v-b26e5829] .DetailCard .DetailCard-normal-left .left-box .title i{font-size:24px;height:24px}.mockup-page .right[data-v-b26e5829] .DetailCard .DetailCard-normal-left .left-box .title .title-h1{font-size:var(--fs-l);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.mockup-page .right[data-v-b26e5829] .DetailCard .DetailCard-normal-left .left-box .desc{font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mockup-page .right[data-v-b26e5829] .DetailCard .DetailCard-normal-right{display:none}.mockup-page .right[data-v-b26e5829] .p-list{grid-template-columns:repeat(3,1fr);grid-column-gap:16px;grid-row-gap:16px}.mockup-page .right[data-v-b26e5829] .Explains{grid-template-columns:repeat(1,1fr);grid-column-gap:16px;grid-row-gap:16px}.mockup-page .right[data-v-b26e5829] .Explains .list-item{padding:20px 16px}.mockup-page .right[data-v-b26e5829] .Explains .list-item .title{font-size:16px;line-height:22px}.mockup-page .right[data-v-b26e5829] .Explains .list-item .explain{font-size:14px;line-height:18px;margin-top:8px}.mockup-page .bottom[data-v-b26e5829] .Faq-box-left{margin-top:8px}.mockup-page .bottom[data-v-b26e5829] .Faq-box-left i{font-size:28px}.mockup-page .bottom[data-v-b26e5829] .Faq-box-left span{margin-left:12px;font-size:var(--fs-2xl);font-weight:var(--fw-medium);line-height:var(--lh-normal)}}@media screen and (min-width: 980px) and (max-width: 1023px){.mockup-page[data-v-b26e5829]{padding:0 20px 100px}.mockup-page .right[data-v-b26e5829] .DetailCard{height:265px}.mockup-page .right[data-v-b26e5829] .DetailCard .DetailCard-normal-left{padding:24px;width:100%}.mockup-page .right[data-v-b26e5829] .DetailCard .DetailCard-normal-left .left-box .title i{font-size:24px;height:24px}.mockup-page .right[data-v-b26e5829] .DetailCard .DetailCard-normal-left .left-box .title .title-h1{font-size:var(--fs-l);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.mockup-page .right[data-v-b26e5829] .DetailCard .DetailCard-normal-left .left-box .desc{font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.mockup-page .right[data-v-b26e5829] .DetailCard .DetailCard-normal-right{display:none}.mockup-page .right[data-v-b26e5829] .p-list{grid-template-columns:repeat(2,1fr);grid-column-gap:16px;grid-row-gap:16px}.mockup-page .right[data-v-b26e5829] .no-data .no-data-for-keyword{width:400px}.mockup-page .right[data-v-b26e5829] .Explains{grid-template-columns:repeat(1,1fr);grid-column-gap:16px;grid-row-gap:16px}.mockup-page .right[data-v-b26e5829] .Explains .list-item{padding:20px 18px}.mockup-page .right[data-v-b26e5829] .Explains .list-item .title{font-size:16px;line-height:22px}.mockup-page .right[data-v-b26e5829] .Explains .list-item .explain{font-size:14px;line-height:18px;margin-top:8px}.mockup-page .bottom[data-v-b26e5829] .Faq-box-left{margin-top:8px}.mockup-page .bottom[data-v-b26e5829] .Faq-box-left i{font-size:28px}.mockup-page .bottom[data-v-b26e5829] .Faq-box-left span{margin-left:12px;font-size:var(--fs-2xl);font-weight:var(--fw-medium);line-height:var(--lh-normal)}}