.unitTitle-l{font-size:clamp(5rem,2.7941rem + 3.9216vw,7.5rem);font-weight:400;line-height:1}.unitTitle-s{font-size:clamp(3rem,1.7868rem + 2.1569vw,4.375rem);font-weight:400;line-height:1.2}.unitTitle-xs{font-size:clamp(2.25rem,1.4779rem + 1.3725vw,3.125rem);font-weight:600;line-height:1.5}.blockTitle{font-size:clamp(1.25rem,1.0294rem + .3922vw,1.5rem);font-weight:600;line-height:1.5}.blockTitle-l{font-size:clamp(1.625rem,1.0735rem + .9804vw,2.25rem);font-weight:600;line-height:1.5}.itemTitle-l{font-size:clamp(1.375rem,.9338rem + .7845vw,1.875rem);font-weight:500;line-height:1.5}.itemTitle-m{font-size:clamp(1.125rem,.9044rem + .3922vw,1.375rem);font-weight:500;line-height:1.5}.itemTitle-s{font-size:1.125rem;font-weight:600;line-height:1.8}.articleTitle{font-size:clamp(1.75rem,1.364rem + .6863vw,2.1875rem);font-weight:500;line-height:1.5}.articleSubTitle{font-size:clamp(1.125rem,1.0147rem + .1961vw,1.25rem);font-weight:400;line-height:1.5}.paragraphTitle{font-size:1.875rem;font-weight:500;line-height:1.5}.paragraphText{font-size:1rem;font-weight:400;line-height:1.8}.paragraphText-s{font-size:.75rem;font-weight:400;line-height:1.8}.paragraphText-bold{font-size:1rem;font-weight:600;line-height:1.8}.imgDescText{font-size:.875rem;font-weight:400;line-height:1.8}.btnText{font-size:clamp(.875rem,.8199rem + .098vw,.9375rem);font-weight:600;line-height:1.5}.btnText-s{font-size:.75rem;font-weight:600;line-height:1.5}.btnMenuText{font-size:.9375rem;font-weight:600;line-height:1.5}.filterTitle{font-size:1rem;font-weight:600;line-height:1.5}.filterHeader{font-size:.875rem;font-weight:600;line-height:1.5}.menuText{font-size:1rem;font-weight:600}.subItemTitle{font-size:clamp(.875rem,.7647rem + .1961vw,1rem);font-weight:600;line-height:1.8}.unit-banner{position:relative}.unit-banner[data-type=small] .container{padding:clamp(100px,5.1471rem + 1.9608vw,120px) 0}.unit-banner[data-type=medium] .container{padding:clamp(100px,1.8382rem + 7.8431vw,180px) 0 clamp(100px,5.1471rem + 1.9608vw,120px)}.unit-banner[data-type=medium] .content-box{height:clamp(179px,7.2721rem + 6.9608vw,250px);align-items:end}.unit-banner[data-type=medium] .banner-title{font-size:clamp(3.125rem,1.4706rem + 2.9412vw,5rem)}.unit-banner[data-type=big] .container{padding:clamp(100px,1.8382rem + 7.8431vw,180px) 0 clamp(100px,5.1471rem + 1.9608vw,120px)}.unit-banner[data-type=big] .content-box{height:clamp(289px,9.1838rem + 15.7843vw,450px);align-items:end}.unit-banner[data-theme=black] .container,.unit-banner[data-theme=black] .breadCrumbs .item{color:#000}.unit-banner[data-theme=black] .desc-box:before{background-color:#4bc3ff}.unit-banner[data-theme=white] .container,.unit-banner[data-theme=white] .breadCrumbs .item{color:#fff}.unit-banner[data-theme=white] .desc-box:before{background-color:#fff}.unit-banner[data-align=left] .content-inner{justify-content:start}.unit-banner[data-align=center] .content-inner{justify-content:center;align-items:center;text-align:center}.unit-banner[data-align=center] .desc-box:before,.unit-banner[data-align=center] .banner-desc{margin-inline:auto}.unit-banner[data-align=right] .content-inner{justify-content:end}.unit-banner .bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.unit-banner .bg img{display:block;height:100%;object-fit:cover}.unit-banner .container{padding:clamp(100px,5.1471rem + 1.9608vw,120px) 0;position:relative;display:flex;flex-direction:column;gap:63px}.unit-banner .breadCrumbs-box{margin-top:clamp(20px,.6985rem + .9804vw,30px);position:absolute;top:0;left:0;width:100%}.unit-banner .breadCrumbs{grid-column:var(--xl-grid)}.unit-banner .breadCrumbs .item .paragraphText{font-size:clamp(.875rem,.8199rem + .098vw,.9375rem)}.unit-banner .content-box.aost-show .banner-title,.unit-banner .content-box.aost-show .banner-desc,.unit-banner .content-box.aost-show .desc-box:before{opacity:1;transform:translate(0)}.unit-banner .content-inner{grid-column:var(--normal-grid);display:flex}.unit-banner .content-group{display:flex;flex-direction:column;gap:50px;max-width:1008px}.unit-banner .banner-title{opacity:0;transform:translate(-30px);transition:transform var(--trans-xl)}.unit-banner .desc-box{display:flex;flex-direction:column}.unit-banner .desc-box:before{width:30px;height:5px;background-color:#000;opacity:0;transform:translate(-50px);transition:transform var(--trans-xl);content:""}.unit-banner .banner-desc{position:relative;padding-top:20px;max-width:480px;opacity:0;transform:translate(-50px);transition:transform var(--trans-xl);display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media only screen and (min-width: 1921px){.unit-banner .banner-desc{max-width:720px}}section.option-nav multipurpose-nav{width:100%;height:clamp(60px,2.6471rem + 1.9608vw,80px)}section.option-nav multipurpose-nav[m4-type=collapse].aost-show .drag-container .category{opacity:1;clip-path:polygon(0 0,110% 0,100% 100%,0 100%)}section.option-nav multipurpose-nav[m4-type=collapse] .drag-container{padding:0;display:flex;height:100%;max-width:100%;background-color:#fff}section.option-nav multipurpose-nav[m4-type=collapse] .drag-container .wrapper{padding:0;display:flex;flex:1;width:100%;height:100%;gap:0!important}section.option-nav multipurpose-nav[m4-type=collapse] .drag-container .wrapper.center{-webkit-mask-image:none;mask-image:none}section.option-nav multipurpose-nav[m4-type=collapse] .drag-container .wrapper.start{-webkit-mask-image:none;mask-image:none}section.option-nav multipurpose-nav[m4-type=collapse] .drag-container .wrapper.end{-webkit-mask-image:none;mask-image:none}section.option-nav multipurpose-nav[m4-type=collapse] .drag-container .item{padding-inline:50px;display:flex;justify-content:center;align-items:center;flex:1;min-width:230px;transition:background-color var(--trans-normal)}section.option-nav multipurpose-nav[m4-type=collapse] .drag-container .item:nth-child(odd){background-color:#d9e5f2}section.option-nav multipurpose-nav[m4-type=collapse] .drag-container .item:nth-child(2n){background-color:#f2f6fa}section.option-nav multipurpose-nav[m4-type=collapse] .drag-container .item.active{background-color:#404040}section.option-nav multipurpose-nav[m4-type=collapse] .drag-container .item.active .category{color:#fff}@media only screen and (min-width: 1201px){section.option-nav multipurpose-nav[m4-type=collapse] .drag-container .item:hover .category{color:#0061c7}section.option-nav multipurpose-nav[m4-type=collapse] .drag-container .item:hover.active .category{color:#4bc3ff}}@media only screen and (max-width: 1200px){section.option-nav multipurpose-nav[m4-type=collapse] .drag-container .item:active .category{color:#0061c7}section.option-nav multipurpose-nav[m4-type=collapse] .drag-container .item:active.active .category{color:#4bc3ff}}section.option-nav multipurpose-nav[m4-type=collapse] .drag-container .category{font-size:clamp(.875rem,.8199rem + .098vw,.9375rem);font-weight:600;letter-spacing:unset;opacity:0;clip-path:polygon(0 0,0 0,0 100%,0 100%);transition:color var(--trans-normal),opacity var(--trans-xl),clip-path var(--trans-xl)}section.option-nav multipurpose-nav[m4-type=collapse] .drag-container .category:after{display:none}section.option-nav multipurpose-nav[m4-type=collapse] .drag-container .collapse-placeholder{padding:12px 50px;text-align:center}section.option-nav multipurpose-nav[m4-type=collapse] .drag-container .open-collapse{position:relative;margin-left:0;padding-left:0;width:clamp(60px,2.6471rem + 1.9608vw,80px);height:clamp(60px,2.6471rem + 1.9608vw,80px);border:0}section.option-nav multipurpose-nav[m4-type=collapse] .drag-container .open-collapse:before,section.option-nav multipurpose-nav[m4-type=collapse] .drag-container .open-collapse:after{width:20px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000;content:""}section.option-nav multipurpose-nav[m4-type=collapse] .drag-container .open-collapse:after{transform:translate(-50%,-50%) rotate(90deg) scaleX(1);transition:transform var(--trans-normal)}section.option-nav multipurpose-nav[m4-type=collapse] .drag-container .open-collapse:before{border:0}section.option-nav multipurpose-nav[m4-type=collapse] .collapse-container{padding:48px;max-width:100%;background-color:#f2f6fa;border:0;border-radius:0;clip-path:inset(0 0 100% 0);transform:translateZ(0);transition:opacity var(--trans-l),clip-path var(--trans-l)}section.option-nav multipurpose-nav[m4-type=collapse] .collapse-container .wrapper{margin:0;gap:20px}section.option-nav multipurpose-nav[m4-type=collapse] .collapse-container .item{margin:0;padding-block:0;padding-inline:50px;display:flex;justify-content:center;align-items:center;width:192px;min-height:55px;border-radius:0;border:0;background-color:#fff;transition:background-color var(--trans-normal)}section.option-nav multipurpose-nav[m4-type=collapse] .collapse-container .item.active{background-color:#404040}section.option-nav multipurpose-nav[m4-type=collapse] .collapse-container .item:hover{background-color:#404040}section.option-nav multipurpose-nav[m4-type=collapse] .collapse-container .item .category{transition:color var(--trans-normal)}section.option-nav multipurpose-nav[m4-type=collapse].expand .drag-container .open-collapse:before{transform:translate(-50%,-50%)}section.option-nav multipurpose-nav[m4-type=collapse].expand .drag-container .open-collapse:after{transform:translate(-50%,-50%) rotate(90deg) scaleX(0)}section.option-nav multipurpose-nav[m4-type=collapse].expand .collapse-container{clip-path:inset(0 0 0 0)}@media only screen and (max-width: 768px){section.option-nav multipurpose-nav[m4-type=collapse] .collapse-container{padding:20px}section.option-nav multipurpose-nav[m4-type=collapse] .collapse-container .wrapper{justify-content:center;gap:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(192px,1fr))}section.option-nav multipurpose-nav[m4-type=collapse] .collapse-container .item{width:100%}}.category-box multipurpose-nav[m4-type=drag] .drag-container{max-width:700px;padding:0}.category-box multipurpose-nav[m4-type=drag] .drag-container .wrapper{gap:10px 50px!important}.category-box multipurpose-nav[m4-type=drag] .drag-container .category{padding:0 0 9px;font-size:1.125rem;font-weight:600;line-height:1.8;letter-spacing:unset}.category-box multipurpose-nav[m4-type=drag] .drag-container .category:after{background-color:#4bc3ff}section.banner .unit-banner[data-type=medium] .content-box{min-height:250px;align-items:center}section.banner .unit-banner[data-type=medium] .banner-title{font-size:clamp(4.25rem,1.3824rem + 5.098vw,7.5rem)}section.option-nav{position:sticky;top:0;z-index:8}section.card-list .container{padding:clamp(50px,.3676rem + 4.902vw,100px) 0 clamp(100px,3.4926rem + 4.902vw,150px);grid-column:var(--normal-grid)}section.card-list .inner{display:grid;grid-template-columns:1fr 1fr}section.card-list .click-block{cursor:pointer}section.card-list .card{padding:clamp(48px,.3529rem + 4.7059vw,96px);display:flex;align-items:center;gap:30px var(--baseSpace);opacity:0;transition:background-color var(--trans-normal),box-shadow var(--trans-normal),opacity var(--trans-xl)}section.card-list .card:nth-child(4n),section.card-list .card:nth-child(4n+1){background-color:#fff}section.card-list .card:nth-child(4n+2),section.card-list .card:nth-child(4n+3){background-color:#f2f6fa}section.card-list .card.is-hover{z-index:2}section.card-list .card.aost-show{opacity:1}@media only screen and (min-width: 1201px){section.card-list .card:hover{z-index:2;background-color:#0061c7;box-shadow:20px 20px 20px #00000026;outline:1px solid #FFFFFF}section.card-list .card:hover .img img{transform:scale(1.05)}section.card-list .card:hover .title,section.card-list .card:hover .desc,section.card-list .card:hover .more-link{color:#fff}section.card-list .card:hover .plus:after,section.card-list .card:hover .plus:before,section.card-list .card:hover .desc:before{background-color:#fff}}@media only screen and (max-width: 1200px){section.card-list .card:active{z-index:2;background-color:#0061c7;box-shadow:20px 20px 20px #00000026;outline:1px solid #FFFFFF}section.card-list .card:active .img img{transform:scale(1.05)}section.card-list .card:active .title,section.card-list .card:active .desc,section.card-list .card:active .more-link{color:#fff}section.card-list .card:active .plus:after,section.card-list .card:active .plus:before,section.card-list .card:active .desc:before{background-color:#fff}}section.card-list .img-box{padding:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:144px;height:144px;border-radius:500px;background-color:#fff;overflow:hidden}section.card-list .img{display:block;height:100%;width:100%;position:relative}section.card-list .img:before{display:block;width:100%;height:0;padding-bottom:100%;content:""}section.card-list .img picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}section.card-list .img img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}section.card-list .img img{transition:transform var(--trans-normal)}section.card-list .content-box{display:flex;flex-direction:column;gap:20px}section.card-list .title{transition:color var(--trans-normal);display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}section.card-list .desc{padding-top:25px;position:relative;transition:color var(--trans-normal);display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}section.card-list .desc:before{position:absolute;top:0;left:0;width:30px;height:5px;background-color:#4bc3ff;transition:background-color var(--trans-normal);content:""}@media only screen and (max-width: 1200px) and (min-width: 1201px){section.card-list .card:hover .more-link{color:#fff}}@media only screen and (max-width: 1200px) and (max-width: 1200px){section.card-list .card:active .more-link{color:#fff}}@media only screen and (max-width: 1200px){section.card-list .more-link{color:#4bc3ff}section.card-list .more-link .plus:before,section.card-list .more-link .plus:after{background-color:#4bc3ff}}@media only screen and (max-width: 900px){section.card-list .inner{grid-template-columns:1fr}section.card-list .card:nth-child(odd){background-color:#fff}section.card-list .card:nth-child(2n){background-color:#f2f6fa}}@media only screen and (max-width: 767px){section.card-list .card{padding:clamp(28px,-1.9935rem + 10.4167vw,48px);flex-direction:column;align-items:flex-start}}@media only screen and (max-width: 767px) and (min-width: 1201px){section.card-list .card:hover{background-color:#0061c7}}@media only screen and (max-width: 767px) and (max-width: 1200px){section.card-list .card:active{background-color:#0061c7}}@media only screen and (max-width: 767px){section.card-list .img-box{padding:clamp(12px,-1.4961rem + 6.25vw,24px);width:clamp(84px,-5.9805rem + 31.25vw,144px);height:clamp(84px,-5.9805rem + 31.25vw,144px)}}
