.cross-product-table .th,.cross-product-table .td,.table-response .mobile-header .field,section.content .total-tip-wrapper,.no-content .desc{font-size:1rem;font-weight:400;line-height:1.8;letter-spacing:.5px}.sub-navbar{position:fixed;top:0;right:0;z-index:3;padding:50px 0;display:flex;flex-direction:column;justify-content:space-between;gap:50px;width:80px;width:calc(var(--side-space) + var(--1fr));height:100vh;background:#fff;transition:box-shadow .5s}.sub-navbar .space,.sub-navbar .button-group{height:120px}.sub-navbar .menu{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:50px}.sub-navbar .menu-button-box{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.sub-navbar .menu-button-box .menu-text{max-height:0;opacity:0;transition:max-height .5s ease,opacity .5s ease,margin-top .5s ease}.sub-navbar .menu-button-box:hover .menu-text,.sub-navbar .menu-button-box.active .menu-text{margin-top:10px;max-height:20px;opacity:1}.sub-navbar .menu-button-box:hover .menu-button,.sub-navbar .menu-button-box.active .menu-button{background:#0f4c8e;border-color:#0f4c8e}.sub-navbar .menu-button-box:hover .menu-button .icon,.sub-navbar .menu-button-box.active .menu-button .icon{transform:rotate(0)}.sub-navbar .menu-button-box:hover .menu-button .icon span,.sub-navbar .menu-button-box.active .menu-button .icon span{background:#fff}.sub-navbar .menu-button{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(0,0,0,.2);width:45px;height:45px;transition:border-color .5s ease,background .5s ease}.sub-navbar .menu-button .icon{display:flex;flex-direction:column;gap:5px;transform:rotate(-30deg);transition:transform .5s ease}.sub-navbar .menu-button .icon span{display:block;background:#181818;width:20px;height:3px;transition:background .5s ease}.sub-navbar .search-box,.sub-navbar .member-box,.sub-navbar .language-box{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.sub-navbar .search-box .icon-box,.sub-navbar .member-box .icon-box,.sub-navbar .language-box .icon-box{width:20px;height:20px;font-size:1.25rem}.sub-navbar .search-box .menu-text,.sub-navbar .member-box .menu-text,.sub-navbar .language-box .menu-text{max-height:0;opacity:0;font-size:.875rem;font-weight:500;line-height:1.4;letter-spacing:.5px;transition:max-height .5s ease,opacity .5s ease,margin-top .5s ease}.sub-navbar .search-box:hover .menu-text,.sub-navbar .search-box.active .menu-text,.sub-navbar .member-box:hover .menu-text,.sub-navbar .member-box.active .menu-text{margin-top:10px;max-height:20px;opacity:1}.sub-navbar .language-box{position:relative;width:100%}.sub-navbar .language-box .icon-box{transition:color .5s}.sub-navbar .button-group{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:end}.sub-navbar[scroll-top=true] .tip-text{opacity:0;z-index:-1;pointer-events:none}.sub-navbar[scroll-top=true] .top-button{opacity:1;pointer-events:initial}.sub-navbar .tip-text{position:absolute;bottom:0;color:#18181880;transform:rotate(90deg) translate(-30%);cursor:pointer;transition:opacity .5s ease}.sub-navbar .top-button{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(0,0,0,.2);width:40px;height:40px;cursor:pointer;opacity:0;pointer-events:none;transition:background .5s ease,border-color .5s ease,opacity .5s ease}.sub-navbar .top-button .icon-box{font-size:1.25rem;color:#00000080;transition:color .5s ease}.sub-navbar .top-button:hover{background:#0f4c8e;border-color:#0f4c8e}.sub-navbar .top-button:hover .icon-box{color:#fff}@media only screen and (max-width: 1200px){.sub-navbar{display:none}}.no-content{padding:100px 20px;display:flex;align-items:center;justify-content:center;background:#f2f2f2}.no-content .text-box{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:420px;text-align:center}.no-content .title{font-size:1.5rem;font-weight:500;line-height:1.5;letter-spacing:.5px}@media only screen and (max-width: 1200px){.no-content .title{font-size:1.375rem}}.multipurpose-wrapper{padding:0;position:initial;max-width:100%;height:48px}.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .wrapper{height:48px}section.banner{position:relative}section.banner .bg{position:absolute;inset:0;z-index:-1;width:100%;height:100%;grid-column:1/-1}section.banner .bg img{width:100%;height:100%;object-fit:cover}section.banner .container{padding-top:80px;padding-bottom:50px;grid-column:6/-6;display:flex;align-items:center;justify-content:center}section.banner .wrapper{display:flex;flex-direction:column;align-items:center;gap:30px;width:100%;max-width:800px}section.banner .text-box{display:flex;flex-direction:column;align-items:center;gap:20px}section.banner .text-box .title-box{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}section.banner .text-box .title{font-size:3.75rem;font-weight:600;line-height:1.1}section.banner .text-box .gutter{display:block;background:#00a9cc;width:100px;height:4px}section.banner .text-box .subtitle{font-size:1.375rem;font-weight:500;line-height:1.4;letter-spacing:1px}section.banner .search-wrapper{display:flex;align-items:center;gap:10px;width:100%}section.banner .search-wrapper .input-wrapper{padding:5px 20px;flex:1 1 auto;display:flex;align-items:center;gap:15px;border-radius:500px;background:#fff;width:500px;height:50px}section.banner .search-wrapper .clear{display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:.625rem;color:#181818;opacity:.2;cursor:pointer;transition:opacity .5s}section.banner .search-wrapper .clear:has(+input:focus){opacity:1}section.banner .search-wrapper input{border:none;width:100%;font-size:.875rem;font-weight:400;line-height:1.5;letter-spacing:.5px}section.banner .search-wrapper input::placeholder{color:#00000080}section.banner .search-wrapper .search{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:10px;background:#181818;border-radius:50%;width:50px;height:50px;font-size:.9375rem;color:#fff;cursor:pointer;transition:background .5s,color .5s}section.banner .search-wrapper .search .search-text{display:none}@media only screen and (min-width: 1201px){section.banner .search-wrapper .input-wrapper button.clear:hover{opacity:1}}@media only screen and (max-width: 1200px){section.banner .container{grid-column:2/-2}}@media only screen and (max-width: 1024px){section.banner .container{padding-top:50px}section.banner .text-box .title{font-size:2.375rem}section.banner .search-wrapper{flex-direction:column}section.banner .search-wrapper .input-wrapper{width:100%}section.banner .search-wrapper .search{border-radius:500px;background:#0058a3;width:180px;color:#fff}section.banner .search-wrapper .search .search-text{display:block}}section.content .container{padding-top:65px;padding-bottom:120px;position:relative}section.content .sticky-wrapper{padding:15px 0;position:sticky;top:0;background:#fff}section.content .sticky-wrapper.is-sticky{z-index:5;box-shadow:0 10px 20px #00000026}section.content .sticky-wrapper.is-sticky .multipurpose-wrapper{width:calc(100% - 180px)}section.content .sticky-wrapper.is-sticky .anchor-search{display:block}section.content .sticky-wrapper>*{grid-column:6/-6}section.content .sticky-wrapper .sticky-sensor{position:absolute;top:-1px;left:0;width:100%;height:0;visibility:hidden;pointer-events:none}section.content .sticky-wrapper .sticky-container{display:flex;align-items:center;gap:50px}section.content .sticky-wrapper .anchor-search{flex-shrink:0;display:none;cursor:pointer}section.content .sticky-wrapper .anchor-search .button-wrapper{display:flex;align-items:center;gap:10px;opacity:.5}section.content .sticky-wrapper .anchor-search .button-text{font-size:1rem;font-weight:500;line-height:1.4;letter-spacing:.5px}section.content .sticky-wrapper .anchor-search .icon-box{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:.9375rem}section.content .content-wrapper{margin-top:35px;gap:100px 0}section.content .content-wrapper>*{grid-column:6/-6}section.content .cate-block{display:flex;flex-direction:column;gap:20px}section.content .cate-block .cate-title{font-size:2rem;font-weight:600;line-height:1.5;letter-spacing:.5px}section.content .table-header{display:flex;align-items:center;gap:30px}section.content .total-tip-wrapper{flex-grow:1;display:flex;align-items:center;gap:10px}section.content .total-tip-wrapper .value{font-weight:700;color:#0058a3}section.content .drag-tip-wrapper{flex-shrink:0;display:flex;align-items:center;gap:10px}section.content .drag-tip-wrapper .icon-box{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:1.25rem}section.content .drag-tip-wrapper .tip-text{font-size:.875rem;font-weight:500;line-height:1.5;letter-spacing:.5px}section.content .table-wrapper{display:flex;flex-direction:column;gap:20px}@media only screen and (max-width: 1200px){section.content .sticky-wrapper>*{grid-column:2/-2}section.content .content-wrapper>*{grid-column:2/-2}}@media only screen and (max-width: 1024px){section.content .container{padding-top:35px;padding-bottom:80px}section.content .content-wrapper{margin-top:25px;gap:50px 0}section.content .cate-block .cate-title{font-size:1.875rem}}@media only screen and (max-width: 767px){section.content .sticky-wrapper.is-sticky .multipurpose-wrapper{width:calc(100% - 40px)}section.content .sticky-wrapper .sticky-container{gap:20px}section.content .sticky-wrapper .anchor-search .button-text{display:none}}.table-response{display:flex;flex-direction:column;word-break:break-all}.table-response .mobile-header{padding:10px 15px;display:none;background:#0058a3;color:#fff}.table-response .mobile-header .field{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.table-response .mobile-header .name{width:80px;font-weight:600}.table-response .mobile-header .item{display:flex;align-items:center;gap:10px}.table-response .mobile-header .item span{flex-grow:1}.table-response .mobile-header .item .icon-box{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:.75rem}@media only screen and (max-width: 1024px){.table-response .mobile-header{display:block}}.table-scroll-box{padding-bottom:6px}.table-scroll-box .os-scrollbar-horizontal{bottom:0;display:flex;align-items:center;--os-size: 6px;--os-padding-perpendicular: 0;--os-track-border-radius: 0;--os-padding-axis: 0}.table-scroll-box .os-scrollbar-horizontal .os-scrollbar-track{border-radius:0;background:#0003;height:4px}.table-scroll-box .os-scrollbar-horizontal .os-scrollbar-handle{border-radius:0;background:#00a9cc;max-width:400px}.table-scroll-box .os-scrollbar-horizontal .os-scrollbar-handle:before{top:-1px;bottom:-1px;background:#00a9cc}.cross-product-table{border-bottom:1px solid rgba(0,0,0,.2)}.cross-product-table .tr{display:flex;align-items:stretch}.cross-product-table .th,.cross-product-table .td{padding:10px 20px;flex:1 0 200px;display:flex;align-items:center}.cross-product-table .th:first-child,.cross-product-table .td:first-child{position:sticky;left:0;z-index:2;flex:none;width:230px}.cross-product-table .th:first-child:before,.cross-product-table .td:first-child:before{position:absolute;top:0;right:-30px;display:block;background:linear-gradient(270deg,#0000,#0000000d);width:30px;height:100%;content:""}.cross-product-table .th{font-weight:600;background:#d0d3d4}.cross-product-table .th:first-child{background:#0058a3;color:#fff}.cross-product-table .th:not(:first-child):not(:last-child){position:relative}.cross-product-table .th:not(:first-child):not(:last-child):after{position:absolute;top:50%;right:0;transform:translateY(-50%);display:block;background:#0003;width:1px;height:30px;content:""}.cross-product-table .td{background:#fff}.cross-product-table .item{display:flex;align-items:center;gap:10px;width:100%}.cross-product-table .item span{flex-grow:1;transition:color .5s}.cross-product-table .item .icon-box{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:.75rem;transition:color .5s}@media only screen and (min-width: 1201px){.cross-product-table .item:hover:not(a) span{color:inherit}.cross-product-table .item:hover:not(a) .icon-box{color:inherit}.cross-product-table .item:hover.lock span{color:#0058a3}.cross-product-table .item:hover.lock .icon-box{color:inherit}.cross-product-table .item:hover.lock .icon-box .icon-plus{color:#0003}.cross-product-table .item:hover span,.cross-product-table .item:hover .icon-box{color:#0058a3}}@media only screen and (max-width: 1024px){.cross-product-table .th:first-child,.cross-product-table .td:first-child{display:none}}.no-content-container{padding-top:80px;padding-bottom:120px}.no-content-container .no-content-wrapper{grid-column:6/-6}@media only screen and (max-width: 1200px){.no-content-container .no-content-wrapper{grid-column:2/-2}}@media only screen and (max-width: 1024px){.no-content-container{padding-top:50px;padding-bottom:80px}}