.common-banner,.common-banner .banner-bg{position:relative}.common-banner .banner-bg:before{content:"";display:block;width:100%;height:0;padding-bottom:500px}.common-banner .banner-bg img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.common-banner .banner-bg:after{content:"";display:block;width:100%;height:100%;background:#0003;position:absolute;top:0;left:0}.common-banner .banner-bg img{position:absolute;top:0;left:0;transform:translateZ(0)}.common-banner .banner-container{width:100%;height:100%;position:absolute;top:0;left:0}.common-banner .banner-nav{padding:0 60px;height:80px;display:flex;justify-content:space-between}@media only screen and (max-width: 1200px){.common-banner .banner-nav{height:60px}}@media only screen and (max-width: 900px){.common-banner .banner-nav{padding:0 8%}}.common-banner .banner-nav+.info{height:calc(100% - 80px)}@media only screen and (max-width: 1200px){.common-banner .banner-nav+.info{height:calc(100% - 60px)}}.common-banner .left,.common-banner .right{display:flex;align-items:center}@media only screen and (max-width: 900px){.common-banner .left{display:none}}.common-banner .right{margin-left:50px}@media only screen and (max-width: 900px){.common-banner .right{margin-left:0}}.common-banner .back{display:flex;align-items:center;transition:color var(--trans-s)}@media only screen and (min-width: 1201px){.common-banner .back:hover{color:var(--primary-blue)}}@media only screen and (max-width: 1200px){.common-banner .back:active{color:var(--primary-blue)}}.common-banner .back i{margin-right:10px;font-size:1rem;flex-shrink:0}.common-banner .back span{font-weight:600;line-height:1.3;letter-spacing:.5px}.common-banner .info{margin:0 auto;padding:100px 0 40px;max-width:1350px;width:calc(100% - 120px);height:100%;text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}@media only screen and (max-width: 1200px){.common-banner .info{padding:80px 0 40px}}@media only screen and (max-width: 767px){.common-banner .info{width:100%}}.common-banner .info .info-wrap{max-width:675px;width:100%;display:flex;flex-direction:column;transition:transform .3s .5s,opacity .3s .5s}.common-banner .info .title-wrap{padding-bottom:20px;position:relative;text-align:left}@media only screen and (max-width: 767px){.common-banner .info .title-wrap{margin:0 8%}}.common-banner .info .title-wrap:before{content:"";display:block;width:70px;height:4px;background-color:var(--primary-blue);position:absolute;bottom:0;left:0}.common-banner .info .stock{margin-top:40px;display:flex;gap:0 15px;align-items:center}.common-banner .info .stock-title{line-height:1.3;letter-spacing:.5px}.common-banner .info .stock-num{font-size:1.875rem;font-weight:600;line-height:1.3;letter-spacing:.5px;color:var(--primary-blue)}.common-banner .info .pic{margin-bottom:20px;width:60px;height:60px;position:relative}.common-banner .info .pic:before{content:"";display:block;width:100%;height:0;padding-bottom:100%}.common-banner .info .pic img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.common-banner .info .text{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.common-banner .banner-menu{margin-top:40px;width:100%;color:var(--black)}.common-banner[height="400"] .banner-bg:before{padding-bottom:400px}.common-banner[height="400"] .info{padding:20px 0 55px}@media only screen and (max-width: 900px){.common-banner[height="400"] .info{padding:20px 0}}.common-banner[text-color=white]{color:var(--white)}.common-banner[text-color=white] .pic img{filter:brightness(0) invert(1)}.common-banner[text-color=white] .drag-container .category{color:var(--white)}.common-banner[text-color=white] multipurpose-nav[m4-type=drag] .drag-container .navigation .button div:before{border-color:var(--white)}.common-banner[text-align=center] .info{align-items:center;text-align:center}.common-banner[text-align=center] .info-wrap{align-items:center}.common-banner[text-align=center] .title-wrap{text-align:center}.common-banner[text-align=center] .title-wrap:before{position:absolute;top:auto;bottom:0;left:50%;right:auto;transform:translate3d(-50%,0,0)}.common-banner[text-align=right] .info{align-items:flex-end;text-align:right}.common-banner[text-align=right] .info-wrap{align-items:flex-end}.common-banner[text-align=right] .title-wrap{text-align:right}.common-banner[text-align=right] .title-wrap:before{position:absolute;top:auto;bottom:0;left:auto;right:0}.common-banner[data-aost]{opacity:0;transition:opacity var(--trans-l),transform var(--trans-l)}.common-banner[data-aost].aost-show{opacity:1}.about .intro{margin-top:75px}@media only screen and (max-width: 767px){.about .intro{margin-top:0}}.about .intro .wrap{margin:0 auto;max-width:1650px;width:calc(100% - 120px);background-color:var(--lighter-gray)}@media only screen and (max-width: 767px){.about .intro .wrap{padding:0 8%;width:100%}}.about .intro .container{margin:0 auto;padding:120px 0;max-width:1200px;width:calc(100% - 120px)}@media only screen and (max-width: 1024px){.about .intro .container{padding:80px 0}}@media only screen and (max-width: 767px){.about .intro .container{width:100%}}.about .intro .header{padding:0 75px}@media only screen and (max-width: 1200px){.about .intro .header{margin:0 auto;padding:0}}.about .intro .header .title{text-align:center}.about .intro .header .text b{font-weight:500}.about .intro .content{margin-top:50px}.about .intro .row{display:flex;align-items:center}.about .intro .row .pic{max-width:600px;width:50%;flex-shrink:0;position:relative}.about .intro .row .pic:before{content:"";display:block;width:100%;height:0;padding-bottom:64.167%}.about .intro .row .pic img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media only screen and (max-width: 1200px){.about .intro .row .pic{width:100%}}.about .intro .row .info{width:100%;flex:1}@media only screen and (max-width: 1200px){.about .intro .row .info{max-width:600px}}.about .intro .row .info>.title{padding-bottom:34px;font-size:1.25rem;font-weight:500;line-height:1.5;letter-spacing:.5px;position:relative}@media only screen and (max-width: 1200px){.about .intro .row .info>.title{padding-bottom:19px}}.about .intro .row .info>.title:before{content:"";display:block;width:50px;height:4px;background-color:var(--primary-blue);position:absolute;bottom:0;left:0}.about .intro .row .info>.text{margin-top:30px;font-weight:350;line-height:1.6;letter-spacing:1px}@media only screen and (max-width: 767px){.about .intro .row .info>.text{margin-top:15px}}.about .intro .row .info>.text b{font-weight:500}.about .intro .row .icon-group{margin-top:40px;display:grid;gap:40px 25px;grid-template-columns:repeat(auto-fit,100px)}@media only screen and (max-width: 1200px){.about .intro .row .icon-group{gap:40px 30px;justify-content:center}}.about .intro .row .icon-group .pic{margin:0 auto;width:55px;position:relative}.about .intro .row .icon-group .pic:before{content:"";display:block;width:100%;height:0;padding-bottom:100%}.about .intro .row .icon-group .pic img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.about .intro .row .icon-group .pic img{object-fit:contain}.about .intro .row .icon-group .text{margin-top:10px;font-weight:500;line-height:1.6;text-align:center}.about .intro .row .pill-btn{margin-top:30px}.about .intro .row:not(:first-child){margin-top:100px}@media only screen and (max-width: 767px){.about .intro .row:not(:first-child){margin-top:50px}}@media only screen and (max-width: 1200px){.about .intro .row:nth-child(odd){flex-direction:column}}.about .intro .row:nth-child(odd) .info{padding:20px 4.1667% 20px 6.25%}@media only screen and (max-width: 1200px){.about .intro .row:nth-child(odd) .info{padding:30px 0 0}}.about .intro .row:nth-child(2n){flex-direction:row-reverse}@media only screen and (max-width: 1200px){.about .intro .row:nth-child(2n){flex-direction:column}}.about .intro .row:nth-child(2n) .info{padding:20px 6.25% 20px 4.1667%}@media only screen and (max-width: 1200px){.about .intro .row:nth-child(2n) .info{padding:30px 0 0}}.about .history{padding:120px 0}@media only screen and (max-width: 1024px){.about .history{padding:80px 0}}@media only screen and (max-width: 767px){.about .history{padding:80px 8%}}.about .history .container{margin:0 auto;max-width:1500px;width:calc(100% - 120px)}@media only screen and (max-width: 1200px){.about .history .container{width:100%}}.about .history .header{text-align:center}.about .history .content{margin-top:50px}.about .history .content:before{margin:0 auto 3px;content:"";display:block;width:1px;height:150px;background-color:#0003}@media only screen and (max-width: 1200px){.about .history .content:before{display:none}}.about .history .block{display:flex;width:calc(50% + 40px)}@media only screen and (max-width: 1200px){.about .history .block{width:100%}}.about .history .block .year{flex-shrink:0;width:80px;font-size:1.875rem;font-weight:600;line-height:1.6;color:#a8a8a8;transition:color var(--trans-s)}@media only screen and (max-width: 1200px){.about .history .block .year{width:auto}}.about .history .block .year>p{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;text-align:center}@media only screen and (max-width: 1200px){.about .history .block .year>p{flex-direction:column-reverse}}.about .history .block .year>p:after{margin-top:3px;content:"";display:block;width:1px;height:100%;min-height:100px;background-color:#0003}@media only screen and (max-width: 1200px){.about .history .block .year>p:after{height:80px;min-height:unset}}.about .history .block .info{padding-top:10px;width:100%;display:flex;align-items:flex-start;transition:margin var(--trans-s)}@media only screen and (max-width: 1200px){.about .history .block .info{margin-top:0;justify-content:center}}.about .history .block .info:before{content:"";display:block;width:100%;min-width:50px;border-top:1px dashed rgba(0,0,0,.2);transform:translateY(12px)}@media only screen and (max-width: 1200px){.about .history .block .info:before{display:none}}.about .history .block .info ul{flex-shrink:0;max-width:310px;width:100%;position:relative;display:flex;gap:5px;flex-direction:column}@media only screen and (max-width: 1440px){.about .history .block .info ul{max-width:250px}}@media only screen and (max-width: 1200px){.about .history .block .info ul{max-width:100%;width:auto}}.about .history .block .info .pic{width:150px;position:relative;position:absolute;top:50%;transition:left var(--trans-s),right var(--trans-s)}.about .history .block .info .pic:before{content:"";display:block;width:100%;height:0;padding-bottom:100%}.about .history .block .info .pic img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media only screen and (max-width: 1200px){.about .history .block .info .pic{margin:0 auto 15px;position:relative}}@media only screen and (max-width: 767px){.about .history .block .info .pic{width:120px}}.about .history .block .info .pic img{border-radius:500px}.about .history .block .info li{font-weight:350;line-height:1.6;letter-spacing:1px;display:flex;align-items:flex-start}.about .history .block .info li:before{flex-shrink:0;margin-right:20px;content:"";display:block;width:5px;height:5px;background-color:var(--primary-blue);border-radius:500px;transform:translateY(10px)}.about .history .block:nth-child(odd){margin-left:auto}@media only screen and (max-width: 1200px){.about .history .block:nth-child(odd){margin:15px 0 0;flex-direction:column}}.about .history .block:nth-child(odd) .info{margin-left:40px;padding-right:225px}@media only screen and (max-width: 1536px){.about .history .block:nth-child(odd) .info{margin-left:20px;padding-right:180px}}@media only screen and (max-width: 1200px){.about .history .block:nth-child(odd) .info{margin-left:0;padding-right:0}}.about .history .block:nth-child(odd) .info:before{margin-right:15px}.about .history .block:nth-child(odd) .pic{right:-75px;transform:translate3d(100%,-50%,0)}@media only screen and (max-width: 1536px){.about .history .block:nth-child(odd) .pic{right:-30px}}@media only screen and (max-width: 1200px){.about .history .block:nth-child(odd) .pic{right:auto;transform:translateZ(0)}}.about .history .block:nth-child(2n){margin-right:auto;flex-direction:row-reverse}@media only screen and (max-width: 1200px){.about .history .block:nth-child(2n){margin:15px 0 0;flex-direction:column}}.about .history .block:nth-child(2n) .info{margin-right:40px;padding-left:225px;flex-direction:row-reverse}@media only screen and (max-width: 1536px){.about .history .block:nth-child(2n) .info{margin-right:20px;padding-left:180px}}@media only screen and (max-width: 1200px){.about .history .block:nth-child(2n) .info{margin-right:0;padding-left:0}}.about .history .block:nth-child(2n) .info:before{margin-left:15px}.about .history .block:nth-child(2n) .pic{left:-75px;transform:translate3d(-100%,-50%,0)}@media only screen and (max-width: 1536px){.about .history .block:nth-child(2n) .pic{left:-30px}}@media only screen and (max-width: 1200px){.about .history .block:nth-child(2n) .pic{left:auto;transform:translateZ(0)}}.about .history .block:nth-child(2n) li{justify-content:flex-end}@media only screen and (max-width: 1200px){.about .history .block:nth-child(2n) li{justify-content:flex-start}}.about .history .block.active .year{color:var(--primary-blue)}.about .pill-btn.spread-btn{transition:color var(--trans-s) .2s}.about .pill-btn.spread-btn .ball{background-color:var(--primary-blue)}@media only screen and (min-width: 1201px){.about .pill-btn.spread-btn:hover{color:var(--white);transition:color var(--trans-s)}}@media only screen and (max-width: 1200px){.about .pill-btn.spread-btn:active{color:var(--white);transition:color var(--trans-s)}}