.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.detail .container{padding:clamp(50px,.3676rem + 4.902vw,100px) 0 clamp(80px,1.1397rem + 6.8627vw,150px);grid-column:var(--normal-grid)}section.detail .inner{display:flex;flex-direction:column;gap:clamp(50px,.3676rem + 4.902vw,100px)}section.detail .title-box{display:flex;justify-content:space-between;gap:20px clamp(40px,-5.8824rem + 14.902vw,192px)}section.detail .title{width:32.5323%;flex-shrink:0;font-size:clamp(2rem,.7316rem + 2.2549vw,3.4375rem);font-weight:300;line-height:1.3}section.detail .desc{padding-top:23px;position:relative}section.detail .desc:before{position:absolute;left:0;top:0;width:30px;height:5px;background-color:#4bc3ff;content:""}section.detail .application-box{display:flex;flex-direction:column;align-items:center;gap:30px}section.detail .application-title{text-align:center}section.detail .application{margin-top:95px;position:relative}section.detail .application .img-box{padding:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;background-image:url(../../assets/img/about/detail/circleBg.png);background-size:cover;border-radius:50%}section.detail .application .img-inner{position:relative;width:100%;height:100%}section.detail .application .img{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;overflow:hidden;clip-path:inset(100% 0%);transition:clip-path var(--trans-normal)}section.detail .application .img.show{clip-path:inset(0% 0%)}section.detail .circle-container{position:relative;width:507px;height:507px;list-style-type:none;border:.5px solid rgba(79,92,112,.3);border-radius:50%;display:grid;place-items:center;transform:rotate(-90deg)}section.detail .circle-item{position:absolute;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;border:3px solid #4F5C70;transition:box-shadow var(--trans-normal);cursor:pointer}section.detail .circle-item:nth-child(1){transform:rotate(0) translate(253px) rotate(0)}section.detail .circle-item:nth-child(2){transform:rotate(51.4285714286deg) translate(253px) rotate(-51.4285714286deg)}section.detail .circle-item:nth-child(3){transform:rotate(102.8571428571deg) translate(253px) rotate(-102.8571428571deg)}section.detail .circle-item:nth-child(4){transform:rotate(154.2857142857deg) translate(253px) rotate(-154.2857142857deg)}section.detail .circle-item:nth-child(5){transform:rotate(205.7142857143deg) translate(253px) rotate(-205.7142857143deg)}section.detail .circle-item:nth-child(6){transform:rotate(257.1428571429deg) translate(253px) rotate(-257.1428571429deg)}section.detail .circle-item:nth-child(7){transform:rotate(308.5714285714deg) translate(253px) rotate(-308.5714285714deg)}section.detail .circle-item:nth-child(8){transform:rotate(360deg) translate(253px) rotate(-360deg)}section.detail .circle-item.item-1{background-color:#96c0ff}section.detail .circle-item.item-2{background-color:#56dbef}section.detail .circle-item.item-3{background-color:#82cded}section.detail .circle-item.item-4{background-color:#00abca}section.detail .circle-item.item-5{background-color:#4c8ed4}section.detail .circle-item.item-6{background-color:#4453c6}section.detail .circle-item.item-7{background-color:#1f00cc}section.detail .circle-item.item-1 .circle-info{position:absolute;top:-20px;transform:translateY(-100%);white-space:nowrap}section.detail .circle-item.item-2 .circle-info,section.detail .circle-item.item-3 .circle-info,section.detail .circle-item.item-4 .circle-info{position:absolute;top:50%;right:-30px;transform:translate(100%,-50%);white-space:nowrap}section.detail .circle-item.item-5 .circle-info,section.detail .circle-item.item-6 .circle-info,section.detail .circle-item.item-7 .circle-info{position:absolute;top:50%;left:-30px;transform:translate(-100%,-50%);white-space:nowrap}@media only screen and (min-width: 1201px){section.detail .circle-item:hover{box-shadow:3px 3px 20px #0000001a}section.detail .circle-item:hover .circle-info{box-shadow:0;color:#0061c7}}@media only screen and (max-width: 1200px){section.detail .circle-item:active{box-shadow:3px 3px 20px #0000001a}section.detail .circle-item:active .circle-info{box-shadow:0;color:#0061c7}}section.detail .circle-inner{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;transform:rotate(90deg)}section.detail .circle-order{border-radius:50%;color:#fff;font-size:1.625rem;font-weight:300}section.detail .circle-info{display:block;transition:color var(--trans-normal),box-shadow var(--trans-normal);cursor:pointer}section.detail .rwd-tip{display:none;align-items:center;gap:15px}section.detail .rwd-tip .icon-box{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:#fff;border-radius:50%;background-color:#4bc3ff;font-size:1.3125rem}section.detail .rwd-tip .icon-box:before,section.detail .rwd-tip .icon-box:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:50%;background-color:#4bc3ff;content:""}section.detail .rwd-tip .icon-box:before{animation:infinite-ripple 6s linear infinite}section.detail .rwd-tip .icon-box:after{animation:infinite-ripple 6s linear 6.8s infinite}section.detail .tip{font-size:.9375rem;color:#00000080}section.detail .rwd-info-box{position:relative;display:none;margin-top:-10px;width:100%;height:27px}section.detail .rwd-info{display:flex;position:absolute;bottom:0;justify-content:center;width:100%;clip-path:inset(100% 0%);transition:clip-path var(--trans-l)}section.detail .rwd-info.show{clip-path:inset(0% 0%)}section.detail .content-box{display:flex;flex-direction:column;gap:50px}section.detail .content{padding-inline:clamp(28px,-7.2941rem + 16.0784vw,192px);font-size:.9375rem}section.detail .vision-box{display:flex}section.detail .vision-card{padding:40px clamp(28px,-.0147rem + 3.1373vw,60px) 50px;display:flex;flex-direction:column;align-items:center;flex:1;gap:clamp(20px,.6985rem + .9804vw,30px)}section.detail .vision-card.first{color:#fff;background-color:#404040}section.detail .vision-card.second{background-color:#f2f6fa}section.detail .vision-card.third{color:#fff;background-color:#0061c7}section.detail .vision-card .img-box{width:60px;height:60px;position:relative}section.detail .vision-card .img-box:before{display:block;width:100%;height:0;padding-bottom:100%;content:""}section.detail .vision-card .img-box picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}section.detail .vision-card .img-box img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}section.detail .card-desc{text-align:center;font-size:.9375rem}@media only screen and (min-width: 1921px){section.detail .application .img-box{width:clamp(400px,12.5rem + 10.4167vw,500px);height:clamp(400px,12.5rem + 10.4167vw,500px)}section.detail .circle-container{width:clamp(507px,20.0625rem + 9.6875vw,600px);height:clamp(507px,20.0625rem + 9.6875vw,600px)}section.detail .circle-item:nth-child(1){transform:rotate(0) translate(clamp(253px,9.9375rem + 4.8958vw,300px)) rotate(0)}section.detail .circle-item:nth-child(2){transform:rotate(51.4285714286deg) translate(clamp(253px,9.9375rem + 4.8958vw,300px)) rotate(-51.4285714286deg)}section.detail .circle-item:nth-child(3){transform:rotate(102.8571428571deg) translate(clamp(253px,9.9375rem + 4.8958vw,300px)) rotate(-102.8571428571deg)}section.detail .circle-item:nth-child(4){transform:rotate(154.2857142857deg) translate(clamp(253px,9.9375rem + 4.8958vw,300px)) rotate(-154.2857142857deg)}section.detail .circle-item:nth-child(5){transform:rotate(205.7142857143deg) translate(clamp(253px,9.9375rem + 4.8958vw,300px)) rotate(-205.7142857143deg)}section.detail .circle-item:nth-child(6){transform:rotate(257.1428571429deg) translate(clamp(253px,9.9375rem + 4.8958vw,300px)) rotate(-257.1428571429deg)}section.detail .circle-item:nth-child(7){transform:rotate(308.5714285714deg) translate(clamp(253px,9.9375rem + 4.8958vw,300px)) rotate(-308.5714285714deg)}section.detail .circle-item:nth-child(8){transform:rotate(360deg) translate(clamp(253px,9.9375rem + 4.8958vw,300px)) rotate(-360deg)}}@media only screen and (max-width: 1200px){section.detail .application{margin-top:62px}section.detail .circle-info{display:none}section.detail .rwd-info-box{display:block}section.detail .rwd-tip{display:flex}}@media only screen and (max-width: 900px){section.detail .title-box{flex-direction:column}section.detail .title{width:100%}section.detail .application{margin-top:calc(clamp(36px,-.4038rem + 7.3846vw,60px)/2)}section.detail .application .img-box{width:clamp(250px,-.9615rem + 46.1538vw,400px);height:clamp(250px,-.9615rem + 46.1538vw,400px)}section.detail .circle-container{width:clamp(305px,-3.274rem + 62.1538vw,507px);height:clamp(305px,-3.274rem + 62.1538vw,507px)}section.detail .circle-item{width:clamp(36px,-.4038rem + 7.3846vw,60px);height:clamp(36px,-.4038rem + 7.3846vw,60px)}section.detail .circle-item:nth-child(1){transform:rotate(0) translate(clamp(153px,-1.4952rem + 30.7692vw,253px)) rotate(0)}section.detail .circle-item:nth-child(2){transform:rotate(51.4285714286deg) translate(clamp(153px,-1.4952rem + 30.7692vw,253px)) rotate(-51.4285714286deg)}section.detail .circle-item:nth-child(3){transform:rotate(102.8571428571deg) translate(clamp(153px,-1.4952rem + 30.7692vw,253px)) rotate(-102.8571428571deg)}section.detail .circle-item:nth-child(4){transform:rotate(154.2857142857deg) translate(clamp(153px,-1.4952rem + 30.7692vw,253px)) rotate(-154.2857142857deg)}section.detail .circle-item:nth-child(5){transform:rotate(205.7142857143deg) translate(clamp(153px,-1.4952rem + 30.7692vw,253px)) rotate(-205.7142857143deg)}section.detail .circle-item:nth-child(6){transform:rotate(257.1428571429deg) translate(clamp(153px,-1.4952rem + 30.7692vw,253px)) rotate(-257.1428571429deg)}section.detail .circle-item:nth-child(7){transform:rotate(308.5714285714deg) translate(clamp(153px,-1.4952rem + 30.7692vw,253px)) rotate(-308.5714285714deg)}section.detail .circle-item:nth-child(8){transform:rotate(360deg) translate(clamp(153px,-1.4952rem + 30.7692vw,253px)) rotate(-360deg)}section.detail .circle-order{font-size:clamp(.875rem,-.4519rem + 3.6923vw,1.625rem)}section.detail .vision-box{flex-direction:column}}@media only screen and (max-width: 375px){section.detail .application .img-box{width:clamp(200px,0rem + 66.6667vw,250px);height:clamp(200px,0rem + 66.6667vw,250px)}section.detail .circle-container{width:clamp(250px,1.875rem + 73.3333vw,305px);height:clamp(250px,1.875rem + 73.3333vw,305px)}section.detail .circle-item{width:clamp(25px,-1.1875rem + 14.6667vw,36px);height:clamp(25px,-1.1875rem + 14.6667vw,36px)}section.detail .circle-item:nth-child(1){transform:rotate(0) translate(clamp(125px,.8125rem + 37.3333vw,153px)) rotate(0)}section.detail .circle-item:nth-child(2){transform:rotate(51.4285714286deg) translate(clamp(125px,.8125rem + 37.3333vw,153px)) rotate(-51.4285714286deg)}section.detail .circle-item:nth-child(3){transform:rotate(102.8571428571deg) translate(clamp(125px,.8125rem + 37.3333vw,153px)) rotate(-102.8571428571deg)}section.detail .circle-item:nth-child(4){transform:rotate(154.2857142857deg) translate(clamp(125px,.8125rem + 37.3333vw,153px)) rotate(-154.2857142857deg)}section.detail .circle-item:nth-child(5){transform:rotate(205.7142857143deg) translate(clamp(125px,.8125rem + 37.3333vw,153px)) rotate(-205.7142857143deg)}section.detail .circle-item:nth-child(6){transform:rotate(257.1428571429deg) translate(clamp(125px,.8125rem + 37.3333vw,153px)) rotate(-257.1428571429deg)}section.detail .circle-item:nth-child(7){transform:rotate(308.5714285714deg) translate(clamp(125px,.8125rem + 37.3333vw,153px)) rotate(-308.5714285714deg)}section.detail .circle-item:nth-child(8){transform:rotate(360deg) translate(clamp(125px,.8125rem + 37.3333vw,153px)) rotate(-360deg)}}